@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--m1000: #08090D;--m900: #111215;--raised: #1B1C21;--line: #26272C;--fg: #FFFFFF;--muted: #9E9D9F;--accent: #FF3500;--on-accent: #08090D;--bg: var(--m1000);--panel: var(--m900);--sans: "Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono Variable", "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--rail: 68px;--drawer: 324px;--top: 80px;--tabbar: 64px;--spinner: 34px;--film-h: 106px;font-family:var(--sans)}*{box-sizing:border-box}html{dynamic-range-limit:standard}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);overflow:hidden;touch-action:pan-x pan-y;overscroll-behavior:none}button,select,input{font-family:inherit}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#view,.rail,.topbar,.film,.panel,.hint{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rail .tab svg,.iconbtn svg,.film .turn svg,.panel-collapse svg,.caret,.tick svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rail .tab svg,.iconbtn svg,.film .turn svg,.panel-collapse svg{width:24px;height:24px;flex:none}.rail{position:fixed;left:0;top:var(--top);bottom:0;width:var(--rail);background:var(--m1000);border-right:1px solid var(--raised);display:flex;flex-direction:column;align-items:center;padding:12px 0 16px;gap:4px;z-index:6}.rail .tabs,.rail .util{display:flex;flex-direction:column;gap:4px}.rail .util{margin-top:auto}.rail .tab{width:60px;min-height:60px;padding:8px 0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-weight:500;font-size:12px;line-height:16px;letter-spacing:0;background:none;border:0;cursor:pointer}.rail .tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}.rail .tab[aria-selected=true]{background:var(--raised);color:var(--fg)}.rail .tab:hover{color:var(--fg)}.topbar{position:fixed;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;gap:8px;padding:0 24px 0 0;z-index:7;pointer-events:none}.topbar>*{pointer-events:auto}.topbar .mark{flex:none;width:calc(var(--rail) + var(--drawer));height:100%;padding:0 16px 0 28px;margin-right:16px;color:var(--fg);display:inline-flex;align-items:center;background:var(--m1000);border-bottom:1px solid var(--raised)}.topbar .mark .logo{display:block;flex:none;width:calc(24px * 700 / 185.057);height:24px}.carmenu-item.pending{color:var(--accent);font-weight:500}.topbar button.carname.pending{color:var(--accent)}.carmenu-item.pending,.topbar button.carname.pending{position:relative;overflow:hidden}.carmenu-item.pending:after,.topbar button.carname.pending:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);animation:carload 1.1s linear infinite}@keyframes carload{0%{transform:translate(-100%)}to{transform:translate(100%)}}.badge{min-width:28px;height:28px;padding:0 5px;border-radius:6px;background:#fff;display:inline-grid;place-items:center;flex:none;overflow:hidden}.badge img{height:18px;width:auto;max-width:120px;object-fit:contain;display:block}.topbar .carname{display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 12px 0 8px;border-radius:8px;background:var(--m900);color:var(--fg);font-size:14px;line-height:21px;font-weight:500;white-space:nowrap}.topbar .carname .name{max-width:260px;overflow:hidden;text-overflow:ellipsis}.topbar .carname .badge{min-width:52px}@media(min-width:761px)and (not ((max-height:520px)and (pointer:coarse))){.topbar .carmenu{left:calc(var(--rail) + var(--drawer) + 24px);top:calc(var(--top) - 12px)}}button.carname{border:0;cursor:pointer;font:inherit}.topbar button.carname:hover{background:var(--raised)}.caret{width:20px;height:20px;flex:none;color:var(--muted)}.carmenu{display:none;position:absolute;left:12px;top:calc(var(--top) - 6px);z-index:8;flex-direction:column;gap:2px;padding:6px;min-width:240px;max-width:calc(100vw - 24px);background:var(--m900);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0000008c}.carmenu.open{display:flex}.carmenu-item{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px 0 8px;border-radius:8px;background:none;border:0;color:var(--fg);font:inherit;font-size:14px;line-height:21px;text-align:left;cursor:pointer;white-space:nowrap}.carmenu-item .badge{width:52px;min-width:52px;height:28px;padding:0 5px;box-sizing:border-box}.carmenu-item .badge img{width:auto;height:auto;max-width:42px;max-height:18px}.carmenu-item:hover{background:#ffffff0a}.carmenu-item[aria-current=true]{background:var(--raised);font-weight:500}.topbar .spacer{flex:1;pointer-events:none}.build{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:8px;background:var(--m900);color:var(--muted);font-size:14px;line-height:21px;white-space:nowrap}.build .dots{display:flex}.build .dots i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1.5px var(--m900),inset 0 0 0 1px #ffffff24;margin-left:-3px;display:inline-block}.build .dots i:first-child{margin-left:0}.build .line{max-width:320px;overflow:hidden;text-overflow:ellipsis}.iconbtn{flex:none;width:44px;height:44px;border-radius:8px;background:var(--m900);display:grid;place-items:center;color:var(--fg);border:0;cursor:pointer;text-decoration:none}.iconbtn:hover{background:var(--raised)}.iconbtn.done{background:var(--fg);color:var(--m900);transition:background .2s}.zoomctl{display:none}body.headset .zoomctl{display:grid}body.headset{--rail: 88px;--drawer: 400px;--top: 72px}body.headset .rail{gap:12px;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px))}body.headset .rail .tabs,body.headset .rail .util{gap:12px}body.headset .rail .tab{width:76px;min-height:64px;padding:8px 0 6px;gap:4px;font-size:14px;line-height:16px;border-radius:12px}body.headset .rail .tab svg,body.headset .iconbtn svg,body.headset .film .turn svg{width:28px;height:28px}body.headset .topbar{padding-right:calc(24px + env(safe-area-inset-right,0px))}body.headset .topbar .carname{min-height:56px;padding:0 16px 0 8px;font-size:16px}body.headset .carmenu-item{min-height:60px;padding:0 16px 0 8px;gap:14px;font-size:16px}body.headset .build{min-height:56px;padding:0 18px;font-size:16px}body.headset .iconbtn{width:56px;height:56px}body.headset .panel{padding:28px 20px calc(24px + env(safe-area-inset-bottom,0px))}body.headset .ui-section h2{font-size:14px;line-height:20px}body.headset .ui-section>.muted{font-size:28px;line-height:32px}body.headset .ui-section>.note,body.headset .muted,body.headset .stats,body.headset .about,body.headset .custom-color,body.headset .stage .kind{font-size:15px}body.headset .swatch,body.headset .stage{min-height:60px;gap:14px;font-size:16px}body.headset .swatch .dot{width:52px;height:52px}body.headset .panel button,body.headset .panel select,body.headset .panel .toggle,body.headset select{min-height:56px;font-size:16px}body.headset .ui-section h2 .disclosure{min-height:56px}body.headset .panel input[type=color]{width:56px;height:56px}body.headset .panel input[type=range]{height:56px}body.headset .row{font-size:16px}body.headset .film{gap:12px;padding:12px;bottom:calc(24px + env(safe-area-inset-bottom,0px))}.topbar .mark{position:relative}.topbar .mark .panel-collapse{margin-left:auto;flex:none;width:44px;height:44px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;display:none;align-items:center;justify-content:center}.panel-collapse:hover,.panel-collapse:focus-visible{color:var(--fg);background:var(--raised)}@media(min-width:761px)and (not ((max-height:520px)and (pointer:coarse))){.topbar .mark .panel-collapse{display:inline-flex}body.headset .topbar .mark .panel-collapse{display:none}body.panel-collapsed{--drawer: 0px}body.panel-collapsed .panel{display:none}body.panel-collapsed .topbar .mark{width:var(--rail);padding:0;margin-right:64px;justify-content:center}body.panel-collapsed .topbar .mark .logo{width:20px;height:20px}body.panel-collapsed .topbar .mark .panel-collapse{position:absolute;left:calc(100% + 12px);top:50%;margin:-22px 0 0;background:var(--m900);color:var(--fg)}body.panel-collapsed .topbar .mark .panel-collapse:hover,body.panel-collapsed .topbar .mark .panel-collapse:focus-visible{background:var(--raised)}body.panel-collapsed .panel-collapse svg{transform:scaleX(-1)}}body.headset .film .v{min-height:60px;gap:8px;font-size:14px}body.headset .film .v img{width:96px;height:56px}body.headset .film .turn{width:56px;height:56px}body.headset .hint{bottom:150px;padding:12px 20px;font-size:16px}body.headset .loading{font-size:16px}.panel{position:fixed;left:var(--rail);top:var(--top);bottom:0;width:var(--drawer);max-width:100%;overflow-y:auto;padding:28px 16px 24px;background:var(--panel);z-index:5;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.panel .ui-section{display:none}.panel .ui-section.active{display:flex;flex-direction:column;gap:16px;flex:0 0 auto}.panel .ui-section.active+.ui-section.active{margin-top:32px}.ui-section h2{order:0;margin:0;padding:0 12px;font-family:var(--mono);font-size:12px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}.ui-section>.stage-hero{order:1;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;display:block}.ui-section>.muted{order:2;margin:-8px 0 0;padding:0 12px;font-size:24px;line-height:24px;font-weight:500;color:var(--fg)}.ui-section>.note{order:3;font-size:14px;line-height:21px;color:var(--muted);margin-top:-8px;padding:0 12px}.ui-section>.swatches,.ui-section>.toggles,.ui-section>.stages,.ui-section>div:not(.muted):not(.note){order:4}.ui-section>.custom-color{order:5}.ui-section>.row,.ui-section>.stats{order:6}.swatches{display:flex;flex-direction:column;gap:2px}.swatch{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 12px;border-radius:8px;background:none;border:0;color:var(--fg);text-align:left;cursor:pointer;font-size:14px;line-height:21px}.swatch:hover{background:#ffffff0a}.swatch .dot{width:28px;height:28px;border-radius:50%;flex:none;background:var(--sw, #888);box-shadow:inset 0 0 0 1px #ffffff24}.swatch .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch .tick,.stage .tick{width:20px;height:20px;flex:none;visibility:hidden;color:var(--fg)}.tick svg{width:20px;height:20px;display:block}.swatch.selected{background:var(--raised);font-weight:500}.swatch.selected .tick,.stage[aria-checked=true] .tick{visibility:visible}.custom-color{display:flex;align-items:center;gap:12px;margin-top:-8px;font-size:14px;color:var(--muted);padding:0 12px}.custom-color input{width:28px;height:28px;border:none;background:none;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%}.custom-color input::-webkit-color-swatch-wrapper{padding:0}.custom-color input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff24}.custom-color input::-moz-color-swatch{border:0;border-radius:50%}.muted{color:var(--muted);font-size:14px;margin-top:6px}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ui-section[data-cat=doors] .toggles,.toggles.views{grid-template-columns:1fr}.toggle{background:none;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:44px;font-size:14px;line-height:18px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.toggle:hover{background:#ffffff0a}.toggle.on{background:var(--fg);border-color:var(--fg);color:var(--m900)}.ui-section[data-cat=doors] .toggle{text-align:left}.toggle.view{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 12px 6px 6px;border:0;min-height:56px;font-weight:400}.toggle.view .th{width:72px;height:44px;object-fit:cover;border-radius:6px;display:block;flex:none;background:var(--raised)}.toggle.view.on{background:var(--raised);color:var(--fg);font-weight:500}.toggle.view.on .th{outline:2px solid var(--fg);outline-offset:1px}.toggle:disabled{opacity:.4;cursor:default}select:disabled{opacity:.4;cursor:default}.toggle.wide{grid-column:1 / -1}.stages{display:flex;flex-direction:column;gap:2px}.stage{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:6px 12px 6px 6px;border-radius:8px;background:none;border:0;color:var(--fg);text-align:left;cursor:pointer;font-size:14px;line-height:21px}.stage:hover{background:#ffffff0a}.stage[aria-checked=true]{background:var(--raised);font-weight:500}.stage .th{width:72px;height:44px;border-radius:6px;object-fit:cover;flex:none;background:var(--raised)}.stage[aria-checked=true] .th{outline:2px solid var(--fg);outline-offset:1px}.stage .name{flex:1;min-width:0}.stage .kind{font-size:12px;line-height:16px;color:var(--muted);font-weight:400}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:0 12px;font-size:14px}.row span{color:var(--muted)}.row input[type=range]{width:55%;accent-color:var(--fg)}select{background:var(--raised);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px}select option{background:var(--m900);color:var(--fg)}.stats{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5;padding:0 12px}.ui-section h2 .disclosure{all:unset;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;display:flex;align-items:center;justify-content:space-between;width:100%}.disclosure .chev{display:grid;transition:transform .15s ease}.disclosure .chev svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.disclosure.open .chev{transform:rotate(90deg)}.ui-section h2 .disclosure:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono)}.about{margin-top:24px;padding:0 12px;font-size:12px;color:var(--muted)}.about a{color:var(--fg)}.film{position:fixed;left:50%;bottom:24px;transform:translate(-50%);margin-left:calc((var(--rail) + var(--drawer)) / 2);max-width:calc(100vw - var(--rail) - var(--drawer) - 48px);overflow-x:auto;scrollbar-width:none;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--m900);z-index:5}.film::-webkit-scrollbar{display:none}.film:empty,body.pre-reveal .film{display:none}.film .v{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border-radius:6px;font-size:12px;line-height:16px;color:var(--muted);background:none;border:0;cursor:pointer}.film .v:hover{color:var(--fg)}.film .v img{width:96px;height:60px;object-fit:cover;border-radius:6px;display:block}.film .v[aria-pressed=true]{color:var(--fg);font-weight:500}.film .v[aria-pressed=true] img{box-shadow:0 0 0 2px var(--fg)}.film .turn{flex:none;position:relative;width:44px;height:44px;margin-left:13px;display:grid;place-items:center;color:var(--muted);border:0;border-radius:8px;background:none;cursor:pointer}.film .turn:before{content:"";position:absolute;left:-13px;top:0;bottom:0;width:1px;background:var(--line)}.film .turn:hover{color:var(--fg);background:var(--raised)}@media(max-width:1279px){:root{--film-h: 91px}.film .v img{width:72px;height:45px}}.loading{position:fixed;left:50%;top:50%;transform:translate(-50%,calc(var(--spinner) / -2));margin-left:calc((var(--rail) + var(--drawer)) / 2);margin-top:calc(var(--top) / 2);text-align:center;color:var(--muted);font-size:14px;z-index:6;pointer-events:none;transition:opacity .3s}.loading.hidden{opacity:0;pointer-events:none}.loading.hidden .spinner{animation:none}.loading.failed{transform:translate(-50%,-50%)}.loading.failed{max-width:min(90vw,360px);color:var(--fg)}.loading.failed .fail-head{font-size:16px;font-weight:500;margin-bottom:8px}.loading.failed .fail-detail{color:var(--muted);line-height:1.5}.loading.failed .fail-retry{margin-top:16px;min-height:44px;padding:0 20px;border-radius:8px;border:0;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14px;line-height:18px;cursor:pointer}.loading.failed .fail-retry:hover{filter:brightness(1.08)}.spinner{width:var(--spinner);height:var(--spinner);margin:0 auto 12px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bar{width:180px;height:2px;margin:12px auto 0;background:var(--line);border-radius:1px;overflow:hidden}.bar>div{height:100%;width:0;background:var(--accent);transition:width .3s}.panel-toggle{display:none;position:fixed;right:12px;bottom:auto;z-index:8;background:var(--raised);color:var(--fg);border:0;border-radius:8px;padding:8px 14px;font-weight:600;font-size:14px;line-height:18px}@media(hover:none),(pointer:coarse){.topbar .iconbtn{width:44px;height:44px}.topbar button.carname{min-height:44px}.swatch,.stage{min-height:48px}.swatch .dot{width:44px;height:44px}.panel button,.panel select,.panel .toggle,.rail .tab,.ui-section h2 .disclosure{min-height:44px}.panel input[type=color]{width:44px;height:44px}.panel input[type=range]{height:44px}.panel-toggle{min-height:36px;padding:8px 14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:where(button,select,input,a[href],summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.swatch:focus-visible,.stage:focus-visible,.toggle:focus-visible,.iconbtn:focus-visible,.rail .tab:focus-visible{outline-offset:0;border-radius:8px}#view:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-160%);background:var(--accent);color:var(--on-accent);padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none}.skip-link:focus-visible{transform:translateY(0);outline-color:var(--fg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.grabber{display:none}@media(max-width:760px),(max-height:520px)and (pointer:coarse){:root{--top: calc(64px + env(safe-area-inset-top, 0px)) }.rail{inset:auto 0 0;width:auto;height:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));padding:0 4px env(safe-area-inset-bottom,0px);flex-direction:row;align-items:stretch;border-right:0;border-top:1px solid var(--raised);gap:2px}.rail .tabs,.rail .util{display:contents}.rail{overflow-x:auto;scrollbar-width:none;justify-content:space-evenly;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{display:none}.rail .tab.reset{display:none}.rail .tab{width:var(--tabw, 62px);flex:none;height:auto;min-height:0;padding:0;border-radius:0;border-top:2px solid transparent;font-size:var(--tabfs, 12px);letter-spacing:0;scroll-snap-align:start}.rail .tab[aria-selected=true]{background:none;color:var(--fg);border-top-color:var(--accent)}.panel{top:auto;left:0;right:0;bottom:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));width:auto;height:auto;max-height:40vh;max-height:40dvh;border-radius:16px 16px 0 0;transform:translateY(110%);transition:transform .3s ease;padding:12px 12px 16px}.panel.open{transform:translateY(0)}.panel.dragging{transition:none}.grabber{display:block;width:36px;height:4px;margin:0 auto 16px;border-radius:2px;background:var(--line);flex:none}.panel .ui-section.active{gap:12px}.panel .ui-section.active+.ui-section.active{margin-top:24px}.ui-section>.muted{margin-top:-4px}.ui-section>.stage-hero,.ui-section>.note{display:none}.swatches,.stages{flex-direction:row;overflow-x:auto;gap:8px;padding:4px 2px 2px;scroll-snap-type:x mandatory;scrollbar-width:none}.swatches::-webkit-scrollbar,.stages::-webkit-scrollbar{display:none}.swatch{flex-direction:column;width:76px;flex:none;padding:8px 4px;gap:8px;scroll-snap-align:start}.swatch .name{font-size:12px;line-height:16px;text-align:center;width:100%;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.swatch.selected .dot{box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 2px var(--raised),0 0 0 4px var(--fg)}.swatch .tick,.stage .tick,.stage .kind{display:none}.stage{flex-direction:column;width:104px;flex:none;padding:6px 4px;gap:6px;scroll-snap-align:start;font-size:12px;line-height:16px;text-align:center}.stage .th{width:96px;height:56px}.stage .name{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggles.views{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.toggles.views::-webkit-scrollbar{display:none}.toggle.view{flex:none;flex-direction:column;width:104px;gap:6px;padding:6px 4px;font-size:12px;line-height:16px;text-align:center}.toggle.view .th{width:96px;height:56px}.topbar{left:0;height:var(--top);padding:env(safe-area-inset-top,0px) 12px 0 20px;gap:8px;background:var(--m1000)}.topbar .mark{width:auto;height:auto;padding:0;margin-right:16px;background:none;border:0}.topbar .mark .logo{width:20px;height:20px}.topbar .carname{display:inline-flex;height:44px;gap:6px;padding:0 4px;background:none;font-size:16px;line-height:24px;flex:0 1 auto;min-width:0;overflow:hidden}.topbar .carname .name{min-width:0;max-width:none;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .carname .badge{display:none}.topbar button.carname:hover{background:none}.topbar .build{display:none}.topbar .iconbtn{background:none}.film{display:none}.loading{margin-left:0;margin-top:calc((var(--top) - var(--tabbar) - env(safe-area-inset-bottom,0px)) / 2)}body.sheet-open .panel-toggle{display:block}}@media(max-height:520px)and (pointer:coarse){:root{--top: calc(48px + env(safe-area-inset-top, 0px)) }.topbar .mark .logo{width:16px;height:16px}}.notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);max-width:min(92vw,460px);padding:12px 16px;border-radius:8px;background:var(--m900);color:var(--fg);border:1px solid var(--line);box-shadow:0 8px 28px #00000059;font-size:14px;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:8}.notice.show{opacity:1;transform:translate(-50%)}@media(min-width:761px){.notice{bottom:calc(24px + var(--film-h) + 12px);margin-left:calc((var(--rail) + var(--drawer)) / 2)}}@media(max-width:760px){.notice{bottom:calc(var(--tabbar) + 14px + env(safe-area-inset-bottom,0px))}}.notice.top{left:auto;right:24px;bottom:auto;top:calc(var(--top) - 8px);margin-left:0;transform:translateY(-6px)}.notice.top.show{transform:translateY(0)}@media(max-width:760px){.notice.top{right:12px;top:calc(var(--top) + 8px)}}@media(hover:hover)and (pointer:fine){#view{cursor:grab}#view.dragging{cursor:grabbing}}.hint{position:fixed;left:50%;bottom:calc(24px + var(--film-h) + 12px);transform:translate(-50%,10px);margin-left:calc((var(--rail) + var(--drawer)) / 2);padding:6px 12px;border-radius:8px;z-index:6;pointer-events:none;background:#111215e0;color:var(--muted);font-size:12px;line-height:16px;white-space:nowrap;opacity:0;transition:opacity .35s ease,transform .35s ease}.hint.show{opacity:1;transform:translate(-50%)}@media(max-width:760px),(max-height:520px)and (pointer:coarse){.hint{bottom:calc(var(--tabbar) + 14px + env(safe-area-inset-bottom,0px));margin-left:0}}.ui-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.ui-title h1{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px}.ui-title select{flex:0 1 auto;max-width:52%}.ui-title span{flex:1 0 100%;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.pick-overlay{position:fixed;z-index:8;pointer-events:none}.pick-label{position:fixed;z-index:9;pointer-events:none;max-width:360px;padding:9px 12px;border-radius:8px;opacity:0;transition:opacity .12s;background:#08090df0;border:1px solid var(--line);color:var(--fg);font:12px/1.5 var(--mono);box-shadow:0 8px 24px #00000073}.pick-label.show{opacity:1}.pick-label .name{color:var(--accent);font-weight:600;word-break:break-all;margin-bottom:3px}.pick-label .moves{color:#39e56d}.pick-label .fixed{color:#ff9f40}.pick-label .hint{color:var(--muted);margin-top:4px;font-size:11px}.sun-readout{font-size:12px;opacity:.75;margin:2px 0 6px;padding:0 12px;font-variant-numeric:tabular-nums}.rail-more{display:none;position:fixed;right:0;bottom:0;width:52px;height:calc(var(--tabbar) + env(safe-area-inset-bottom,0px));z-index:7;pointer-events:none;align-items:center;justify-content:flex-end;padding:0 6px env(safe-area-inset-bottom,0px) 0;color:var(--muted);background:linear-gradient(to right,#08090d00,#08090df7 55%)}body.rail-more .rail-more{display:flex}.rail-more svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
