.pause-screen.has-control-help{padding:0}.pause-panel.has-control-help{width:auto;max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:auto;padding:0;display:block}.pause-panel.has-control-help .control-help{margin:0 auto}.control-help{--ink:#172234;--blue:#96dcf7;--cream:#fff8e8;--gold:#ffc044;--warn:#f6a51e;--line:#b9cbd1;--red:#f55d47;--shadow:0 3px 0 var(--ink);box-sizing:border-box;width:min(900px,100vw - 32px);max-height:calc(100dvh - 24px);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);text-align:left;background:repeating-linear-gradient(135deg,#0000 0 10px,#2a84b41c 11px 12px),linear-gradient(120deg,#aeebfa,#95d9f4);border-radius:18px;flex-direction:column;gap:8px;margin:0 auto;padding:14px 16px;display:flex;box-shadow:0 8px 28px #0a182859}.control-help *,.control-help :before,.control-help :after{box-sizing:border-box}.control-help button{font:inherit;color:inherit;cursor:pointer}.control-help button:focus-visible,.control-help [tabindex]:focus-visible{outline-offset:2px;outline:3px solid #0073d3}.control-help [hidden]{display:none!important}.control-help .topbar{flex:none;order:0;justify-content:space-between;align-items:center;gap:10px;min-height:55px;display:flex}.control-help .identity{white-space:nowrap;min-width:196px}.control-help .kicker{letter-spacing:.2em;font-size:11px;font-weight:1000}.control-help .identity h1{margin:2px 0 0;font-size:27px;font-weight:1000;line-height:1.12}.control-help .topright{align-items:center;gap:10px;min-width:0;display:flex}.control-help .device-tabs{background:var(--ink);border:2px solid var(--ink);width:min(615px,58vw);min-width:0;box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;display:grid}.control-help .device-tab{background:var(--cream);white-space:nowrap;border:0;border-radius:9px;min-width:0;min-height:37px;padding:5px 3px;font-size:14px;font-weight:950}.control-help .device-tab[aria-pressed=true]{background:var(--gold)}.control-help .device-tab:hover:not([aria-pressed=true]){background:#ffefb8}.control-help .toolbar{flex:none;order:0;justify-content:space-between;align-items:center;gap:6px;min-height:40px;display:flex}.control-help .left-tools,.control-help .groupnav{align-items:center;gap:6px;min-width:0;display:flex}.control-help .left-tools .hint{font-size:12px;font-weight:900}.control-help .modebox{background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:11px;gap:2px;padding:2px;display:flex}.control-help .modebox button{white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:950}.control-help .modebox button[aria-pressed=true]{background:var(--gold)}.control-help .smallnav{background:var(--cream);border:2px solid var(--ink);white-space:nowrap;min-height:34px;box-shadow:0 2px 0 var(--ink);border-radius:10px;padding:5px 15px;font-size:12px;font-weight:950}.control-help .smallnav:hover{background:#ffe2a0}.control-help .group-status{text-align:center;background:var(--ink);color:#fff;white-space:nowrap;border-radius:10px;flex:0 0 148px;width:148px;min-height:34px;padding:6px 10px;font-size:13px;font-weight:950}.control-help .group-status small{color:#ffce71;margin-left:7px;font-size:10px}.control-help .scroll-region{overscroll-behavior:contain;background:var(--cream);border:3px solid var(--ink);min-height:0;max-height:calc(100dvh - 190px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:#a5b8c8 #fff0d2;border-radius:19px;flex:0 auto;order:0;overflow:hidden auto}.control-help .content{flex-direction:column;justify-content:flex-start;min-height:0;padding:12px 21px 16px;display:flex}.control-help .metarow{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.control-help .asset-title{color:#314b60;font-size:12px;font-weight:1000}.control-help .main-grid{grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:stretch;gap:14px;display:grid}.control-help .info-panel{border-left:1.5px dashed #adc3ca;min-width:0;padding-left:14px}.control-help .gallery{gap:7px;min-width:0;display:grid}.control-help .gallery.keyboard,.control-help .gallery.pad,.control-help .gallery.ring{grid-template-columns:1fr}.control-help .asset-card{background:linear-gradient(150deg,#e7f7ff,#d9edfa);border:2px solid #c6d7dc;border-radius:12px;min-width:0;margin:0;padding:8px 9px 5px}.control-help .asset-picture{height:var(--h,210px);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.control-help .image-pair{position:absolute;inset:0}.control-help .image-pair img,.control-help .image-pair svg{width:100%;height:100%;display:block;position:absolute;inset:0}.control-help .image-pair img{object-fit:contain}.control-help .image-pair svg{pointer-events:none}.control-help .asset-fallback{text-align:center;place-content:center;gap:6px;padding:8px;font-size:12px;display:grid;position:absolute;inset:0}.control-help .asset-fallback[hidden]{display:none}.control-help .asset-fallback button{background:#fff8e8;border:1px solid #172234;border-radius:8px;padding:5px}.control-help .asset-card figcaption{text-align:center;color:#405c72;margin-top:3px;font-size:10px;font-weight:900}.control-help .gallery.keyboard .asset-card{--h:227px}.control-help .gallery.pad .asset-card:first-child{--h:205px}.control-help .gallery.pad .asset-card:nth-child(2){--h:100px}.control-help .gallery.ring .asset-card:first-child{--h:248px}.control-help .gallery.ring .asset-card:nth-child(2){--h:130px}.control-help .gallery.ring .asset-card:nth-child(3){--h:99px}.control-help .control-outline{stroke:#ffab22;stroke-width:3px;vector-effect:non-scaling-stroke;fill:#ffc3361c;paint-order:stroke;filter:drop-shadow(0 0 1.5px #172234)}.control-help .control-outline.strong{stroke:#ff7d23;stroke-width:3.4px;fill:#ffd03b2e}.control-help .motion-under{fill:none;stroke:#172234;stroke-linecap:round;stroke-linejoin:round;stroke-width:19px;opacity:.85}.control-help .motion-path{fill:none;stroke:#ffd13c;stroke-linecap:round;stroke-linejoin:round;stroke-width:10px}.control-help .motion-head{stroke:#172234;stroke-width:6px;stroke-linejoin:round;fill:#ffbd2f}.control-help .focusrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin:0 0 8px;display:flex}.control-help .focusrow h2{margin:0;font-size:19px;font-weight:1000;line-height:1.25}.control-help .focusrow .tag{background:#ffdea0;border:1px solid #d9ac60;border-radius:40px;padding:4px 8px;font-size:11px;font-weight:1000}.control-help .action-toolbar{border-bottom:1.5px dashed #b7bfc4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;margin-bottom:8px;padding:4px 0 7px;display:flex}.control-help .action-toolbar span{color:#526c7d;font-size:11px;font-weight:850}.control-help .action-list{overscroll-behavior:contain;overflow-anchor:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;gap:6px;height:clamp(110px,28vh,180px);display:grid;overflow-y:auto}.control-help .action-btn{text-align:left;background:#fff;border:1.5px solid #abbac6;border-radius:9px;align-items:center;gap:6px;min-width:0;min-height:36px;padding:6px 8px;font-size:12px;font-weight:950;line-height:1.25;display:flex}.control-help .action-btn[aria-pressed=true]{background:#ffe2a1;border:2px solid #ad6a16;padding:5.5px 7.5px}.control-help .action-btn .num{color:#7b8e9d;min-width:15px;font-size:10px}.control-help .action-btn[aria-pressed=true] .num{color:#a05b0b}.control-help .action-btn.missing{color:#876b3b;border-style:dashed}.control-help .action-btn.missing[aria-pressed=true]{background:#fff5df}.control-help .explain-wrap{flex:none;justify-content:center;align-items:flex-start;min-height:0;padding:12px 0 0;display:flex}.control-help .explain{overscroll-behavior:contain;overflow-anchor:none;background:#fff0cd;border:1.5px solid #d8ba7b;border-radius:10px;width:min(100%,780px);height:auto;min-height:90px;margin-top:0;padding:8px 10px;font-size:12px;line-height:1.56;overflow:visible}.control-help .explain strong{font-weight:1000}.control-help .explain .point{margin-top:4px}.control-help .explain .point:first-child{margin-top:0}.control-help .gear-note{border:1px dashed #a9a39b;border-radius:9px;margin:8px 0 0;padding:7px;font-size:12px;font-weight:900}.control-help .help-footer{flex:none;order:10;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 9px;display:flex}.control-help .footer-note{color:#2e5b72;font-size:11px;font-weight:950}.control-help .pause-resume:after{content:"驾驶 ›"}.control-help .resume{background:var(--gold);border:3px solid var(--ink);box-shadow:var(--shadow);letter-spacing:.03em;border-radius:13px;min-width:237px;min-height:45px;font-size:19px;font-weight:1000}.control-help .resume:hover{background:#ffb22f}.control-help .touch-mirrors{grid-column:1/-1;justify-content:space-between;gap:5px;display:flex}.control-help .touch-mirror{background:#e9f5f9;border:1px solid #aebec4;border-radius:7px;padding:4px 9px;font-size:10px;font-weight:900}.control-help .touch-mirror.active-ui{background:#ffe6ac;border-color:#ffad22}.control-help .touch-menu{background:#fff8e8;border:2px solid #42566e;border-radius:8px;grid-column:1/-1;justify-self:start;padding:4px 12px;font-weight:900}.control-help .touch-menu.active-ui{background:#ffdf94;outline:3px solid #ffa51c}.control-help .touch-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.17fr);align-items:start;gap:8px;display:grid}.control-help .touch-wheel-card{--h:212px}.control-help .touch-wheel-card .asset-picture{height:var(--h)}.control-help .touch-wheel-card .labelline{color:#385269;text-align:center;font-size:10px;font-weight:950}.control-help .touch-ui{gap:7px;min-width:0;display:grid}.control-help .touch-gesture{-webkit-user-select:none;user-select:none;background:#cfeefc99;border:2px solid #95aab5;border-radius:12px;height:150px;position:relative;overflow:hidden}.control-help .touch-gesture .center-hazard{pointer-events:none;background:#fffadfd9;border:2px solid #17334b;border-radius:11px;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.control-help .touch-gesture .center-hazard.active{background:#ffe298;box-shadow:0 0 0 4px #ff991e61}.control-help .center-hazard svg{width:29px;height:29px}.control-help .gesture-head{color:#254660;justify-content:space-between;padding:3px 7px;font-size:10px;font-weight:1000;display:flex}.control-help .touch-gesture .gesture-vector{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.control-help .gesture-vector path{stroke:#f1a000;stroke-width:4px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 1px #172234)}.control-help .gesture-vector .head{fill:#ffb52c;stroke:#172234;stroke-width:2px}.control-help .gesture-hint{color:#263c50;pointer-events:none;font-size:10px;font-weight:1000;position:absolute}.control-help .gesture-hint.top{top:23px;left:50%;transform:translate(-50%)}.control-help .gesture-hint.left{top:50%;left:8px;transform:translateY(-50%)}.control-help .gesture-hint.right{top:50%;right:8px;transform:translateY(-50%)}.control-help .gesture-hint.bottom{bottom:8px;left:50%;transform:translate(-50%)}.control-help .touch-gesture.active-ui{outline-offset:-3px;outline:3px solid #ffba30}.control-help .touch-bottom{grid-template-columns:63px minmax(0,1fr);gap:7px;display:grid}.control-help .gears{background:#fafbf1bf;border:2px solid #42566e;border-radius:12px;flex-direction:column;gap:2px;padding:3px 11px 3px 3px;display:flex;position:relative}.control-help .gears:before{content:"";pointer-events:none;background:#6b7f8e;border-radius:4px;width:3px;position:absolute;top:10px;bottom:10px;right:5px}.control-help .gears:after{content:"";right:2px;top:var(--thumb-top,78%);pointer-events:none;background:#ffbb3b;border:2px solid #172234;border-radius:5px;width:9px;height:12px;position:absolute;transform:translateY(-50%)}.control-help .gear-slot{text-align:center;background:#deedf180;border:1.5px solid #748897;border-radius:6px;place-items:center;min-height:27px;font-size:16px;font-weight:1000;line-height:1.3;display:grid}.control-help .gear-slot.current{color:#ffca55;background:#202f40}.control-help .gear-slot.active-ui{outline-offset:-3px;color:#172234;background:#ffdf94;outline:3px solid #ffa51c}.control-help .pedals{justify-content:space-around;align-items:stretch;gap:8px;min-width:0;display:flex}.control-help .pedal{-webkit-user-select:none;user-select:none;background:#cdedf959;border:2px solid #1a374da6;border-radius:17px 17px 12px 12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;width:50%;min-height:113px;padding:9px 3px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff4d}.control-help .pedal:before{content:"";pointer-events:none;height:var(--pressure,0%);background:#ffb43c6b;position:absolute;bottom:0;left:0;right:0}.control-help .pedal>*{z-index:1;position:relative}.control-help .pedal span{font-size:12px;font-weight:1000}.control-help .pedal small{color:#43576a;font-size:9px;font-weight:850}.control-help .pedal output{font-variant-numeric:tabular-nums;color:#25405d;min-height:14px;font-size:11px;font-weight:1000}.control-help .pedal.active-ui{background:#ffdd9670;border-color:#ff8d1b;box-shadow:inset 0 0 0 3px #ffca5887,0 0 0 2px #ffa933}.control-help .pedal-feedback{color:#365b78;background:#fff7e2bf;border-radius:6px;padding:3px 4px;font-size:9px;font-weight:850;line-height:1.4}.control-help .light-steps{flex-wrap:wrap;align-items:center;gap:3px;font-size:9px;font-weight:850;display:flex}.control-help .step-prefix{color:#355873}.control-help .level-chip{background:#fefaeee6;border:1px solid #a5b6bf;border-radius:6px;padding:2px 4px}.control-help .level-chip.current{background:#ffc044;border-color:#2c4054;font-weight:1000}.control-help .touch-stage .asset-card{padding:5px}.control-help .touch-stage .asset-card figcaption{font-size:9px}@media (max-width:980px){.control-help{gap:7px;width:min(900px,100vw - 24px);padding:10px 12px}.control-help .topbar{min-height:48px}.control-help .identity{min-width:151px}.control-help .identity h1{font-size:23px}.control-help .device-tab{min-height:33px;font-size:13px}.control-help .main-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.94fr);gap:10px}.control-help .gallery.keyboard .asset-card{--h:194px}.control-help .gallery.ring .asset-card:first-child{--h:190px}.control-help .gallery.pad .asset-card:first-child{--h:155px}.control-help .help-footer{min-height:44px}.control-help .resume{min-height:40px;font-size:17px}}@media (max-width:730px){.control-help{gap:6px;width:calc(100vw - 14px);max-height:calc(100dvh - 14px);padding:7px}.control-help .topbar{min-height:39px}.control-help .identity{min-width:110px}.control-help .kicker{letter-spacing:.12em;font-size:8px}.control-help .identity h1{margin:0;font-size:19px}.control-help .topright{gap:5px}.control-help .device-tabs{width:min(370px,100vw - 240px);box-shadow:0 2px 0 var(--ink);border-radius:9px;gap:2px;padding:2px}.control-help .device-tab{border-radius:6px;min-height:29px;font-size:11px}.control-help .toolbar{flex-wrap:wrap;min-height:31px}.control-help .left-tools .hint{font-size:10px}.control-help .modebox{border-radius:9px;padding:1px}.control-help .modebox button{padding:5px 7px;font-size:10px}.control-help .smallnav{min-height:30px;padding:4px 10px;font-size:10px}.control-help .group-status{flex-basis:122px;width:122px;min-height:30px;padding:6px;font-size:11px}.control-help .group-status small{margin-left:3px;font-size:9px}.control-help .content{padding:10px 14px 12px}.control-help .metarow{margin-bottom:5px}.control-help .asset-title{font-size:10px}.control-help .main-grid{grid-template-columns:minmax(0,1fr) minmax(245px,.94fr);gap:7px}.control-help .asset-card{border-width:1.5px;border-radius:9px;padding:4px}.control-help .gallery{gap:5px}.control-help .asset-card figcaption{margin-top:0;font-size:9px}.control-help .gallery.keyboard .asset-card{--h:139px}.control-help .gallery.pad .asset-card:first-child{--h:119px}.control-help .gallery.pad .asset-card:nth-child(2){--h:53px}.control-help .gallery.ring .asset-card:first-child{--h:146px}.control-help .gallery.ring .asset-card:nth-child(2){--h:64px}.control-help .gallery.ring .asset-card:nth-child(3){--h:60px}.control-help .focusrow{margin-bottom:5px}.control-help .focusrow h2{font-size:15px}.control-help .focusrow .tag{padding:3px 5px;font-size:9px}.control-help .action-toolbar{margin-bottom:5px;padding:2px 0 5px}.control-help .action-toolbar span{font-size:10px}.control-help .action-btn{border-radius:7px;min-height:31px;padding:5px 6px;font-size:10px}.control-help .action-btn[aria-pressed=true]{padding:4.5px 5.5px}.control-help .explain{margin-top:7px;padding:6px 7px;font-size:10.5px}.control-help .help-footer{min-height:38px}.control-help .resume{min-width:189px;min-height:36px;box-shadow:0 2px 0 var(--ink);border-radius:10px;font-size:15px}.control-help .footer-note{font-size:9px}.control-help .touch-wheel-card{--h:140px}.control-help .touch-stage{gap:5px}.control-help .touch-gesture{height:116px}.control-help .touch-gesture .center-hazard{border-radius:8px;width:33px;height:33px}.control-help .center-hazard svg{width:23px;height:23px}.control-help .gesture-hint{font-size:9px}.control-help .touch-bottom{grid-template-columns:44px 1fr;gap:5px}.control-help .gear-slot{min-height:23px;font-size:12px}.control-help .pedal{border-radius:10px;min-height:91px;padding:4px}.control-help .pedal span{font-size:10px}}@media (max-width:585px){.control-help .identity{min-width:90px}.control-help .identity h1{font-size:16px}.control-help .device-tabs{width:calc(100vw - 108px)}.control-help .device-tab{font-size:10px}.control-help .smallnav{font-size:9px}.control-help .group-status{flex-basis:94px;width:94px;font-size:10px}.control-help .group-status small{display:none}.control-help .main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.control-help .footer-note{display:none}.control-help .help-footer{justify-content:stretch}.control-help .resume{width:100%}}@media (max-height:460px) and (min-width:586px){.control-help{gap:5px;padding:6px 10px}.control-help .topbar{min-height:35px}.control-help .toolbar{min-height:27px}.control-help .help-footer{min-height:38px}.control-help .content{padding-top:6px}.control-help .scroll-region{max-height:calc(100dvh - 150px)}.control-help .gallery.keyboard .asset-card{--h:129px}.control-help .gallery.pad .asset-card:first-child{--h:99px}.control-help .gallery.pad .asset-card:nth-child(2){--h:51px}.control-help .gallery.ring .asset-card:first-child{--h:139px}.control-help .gallery.ring .asset-card:nth-child(2){--h:60px}.control-help .gallery.ring .asset-card:nth-child(3){--h:56px}}@media (prefers-reduced-motion:reduce){.control-help *,.control-help :before,.control-help :after{transition:none!important;animation:none!important}}.control-help .help-body{flex-direction:column;flex:0 auto;order:0;min-width:0;min-height:0;display:flex}.control-help .control-locator{display:none}@media (max-width:980px),(max-height:460px){.control-help .help-body{flex-direction:row;align-items:stretch;gap:6px}.control-help .control-locator{box-sizing:border-box;background:linear-gradient(150deg,#e7f7ff,#d9edfa);border:2px solid #b9c3ca;border-radius:12px;flex:0 0 clamp(136px,21vw,170px);min-height:180px;display:block;position:relative;overflow:hidden}.control-help .scroll-region{flex:auto;min-width:0}}.control-help .locator-hud{background:#e9f5f9;border:1.5px solid #42566e;border-radius:4px;place-items:center;height:11%;font-size:clamp(7px,1.5vh,9px);font-weight:900;display:grid;position:absolute;top:4%;left:5%;right:5%}.control-help .locator-mirrors{gap:4%;height:10%;display:flex;position:absolute;top:18%;left:5%;right:5%}.control-help .locator-mirror{background:#e9f5f9;border:1.5px solid #748897;border-radius:3px;flex:1;place-items:center;font-size:clamp(7px,1.4vh,9px);font-weight:900;display:grid}.control-help .locator-wheel{aspect-ratio:1;width:52%;position:absolute;bottom:4%;left:5%}.control-help .locator-wheel svg{width:100%;height:100%;display:block}.control-help .locator-wheel-rim{fill:#d9e4ea;stroke:#414e5c;stroke-width:5px}.control-help .locator-wheel-spokes{fill:none;stroke:#414e5c;stroke-width:3px;stroke-linecap:round}.control-help .locator-wheel-hub{fill:#96dcf7;stroke:#414e5c;stroke-width:3px}.control-help .locator-wheel-mark{fill:#cf353f}.control-help .locator-disk{aspect-ratio:1;width:24%;position:absolute;bottom:40%;right:25%}.control-help .locator-disk svg{width:100%;height:100%;display:block}.control-help .locator-disk path:first-child{fill:#f66b4b;stroke:#172234;stroke-width:2px;stroke-linejoin:round}.control-help .locator-disk-mark{fill:none;stroke:#fff8e7;stroke-width:2px;stroke-linecap:round}.control-help .locator-gear{box-sizing:border-box;background:#fafbf1bf;border:1.5px solid #42566e;border-radius:5px;flex-direction:column;gap:2px;width:18%;height:48%;padding:3px;display:flex;position:absolute;bottom:4%;right:4%}.control-help .locator-gear-slot{background:#deedf180;border:1px solid #748897;border-radius:3px;flex:1;place-items:center;font-size:clamp(7px,1.4vh,9px);font-weight:900;display:grid}.control-help .locator-pedals{gap:3px;width:24%;height:32%;display:flex;position:absolute;bottom:4%;right:24%}.control-help .locator-pedal{box-sizing:border-box;text-align:center;writing-mode:vertical-rl;text-orientation:upright;background:#cdedf959;border:1.5px solid #42566e;border-radius:6px 6px 4px 4px;flex:1;place-items:center;font-size:clamp(7px,1.4vh,9px);font-weight:900;line-height:1.1;display:grid}.control-help .locator-label{color:#172234;white-space:nowrap;background:#fff8e8eb;border-radius:4px;padding:0 3px;font-size:clamp(7px,1.35vh,9px);font-weight:900;line-height:1.3;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.control-help .locator-gear .locator-label{background:0 0;order:-1;align-self:center;padding:0;font-size:clamp(7px,1.25vh,8px);position:static;transform:none}.control-help .locator-disk .locator-label{top:-13px;bottom:auto}.control-help .locator-wheel.is-active .locator-wheel-rim{stroke:#cf353f}.control-help .locator-wheel.is-active{filter:drop-shadow(0 0 2px #cf353f)}.control-help .locator-pedal.is-active,.control-help .locator-gear.is-active,.control-help .locator-disk.is-active,.control-help .locator-mirror.is-active,.control-help .locator-hud.is-active{outline-offset:-2px;background:#ffe6ac;outline:3px solid #ff8d1b}@media (orientation:landscape) and (max-height:460px){.control-help .control-locator{min-height:0}.control-help{position:relative}.control-help .identity{width:80px;min-width:0}.control-help .identity h1{margin:0;font-size:16px}.control-help .kicker{letter-spacing:.12em;font-size:8px}.control-help .topright{width:50%}.control-help .device-tabs{width:100%}.control-help .help-footer{gap:4px;min-height:0;padding:0;position:absolute;top:6px;left:90px}.control-help .resume{flex:none;width:auto;min-width:0;min-height:32px;padding:4px 9px;font-size:12px}.control-help .pause-quit{flex:none;min-height:32px;padding:4px 7px}.control-help:has(.pause-ringcon:not([hidden])) .help-footer{order:0;justify-content:flex-start;position:static}.control-help .footer-note{display:none}.control-help .help-body{flex:auto}.control-help .scroll-region{max-height:none}.control-help .content{padding:2px 10px 10px}.control-help .metarow{margin-bottom:3px}.control-help .info-panel{flex-direction:column;display:flex}.control-help .focusrow{order:0}.control-help .explain-wrap{order:1;padding:0 0 6px}.control-help .explain{min-height:0;max-height:6.5em;margin:0;overflow-y:auto}.control-help .action-toolbar{display:none}.control-help .action-list{order:3;height:auto;max-height:84px}.control-help .touch-stage{gap:4px}.control-help .touch-menu{grid-area:1/1;padding:2px 8px}.control-help .touch-mirrors{grid-area:1/2}.control-help .touch-mirror{padding:2px 3px}.control-help .touch-wheel-card{--h:90px;grid-area:2/1}.control-help .touch-ui{grid-area:2/2;gap:4px}.control-help .touch-gesture{height:60px}.control-help .gesture-hint{font-size:8px}.control-help .gesture-hint.top{top:1px}.control-help .gesture-hint.bottom{bottom:1px}.control-help .touch-gesture .center-hazard{width:25px;height:25px}.control-help .center-hazard svg{width:18px;height:18px}.control-help .touch-bottom{grid-template-columns:44px minmax(0,1fr)}.control-help .gear-slot{min-height:12px;font-size:10px;line-height:1}.control-help .pedal{gap:1px;min-height:52px;padding:2px}}@media (orientation:landscape) and (max-height:460px) and (min-width:731px){.control-help .help-footer{left:96px}}@media (orientation:landscape) and (max-height:460px) and (min-width:800px){.control-help .topright{width:min(50%,100% - 450px)}}@media (orientation:landscape) and (max-height:460px) and (max-width:799px){.control-help .help-footer{flex-wrap:wrap;order:0;justify-content:flex-start;padding:0 2px;position:static}.control-help .help-footer .steering-setting{flex:none}}@media (orientation:landscape) and (max-height:460px){.control-help:has(.pause-nav-toggle) .help-footer{flex-wrap:wrap;order:0;justify-content:flex-start;padding:0 2px;position:static}.control-help:has(.pause-nav-toggle) .help-footer .steering-setting{flex:none}.control-help .resume,.control-help .pause-quit,.control-help .steering-option{position:relative}.control-help .resume:before,.control-help .pause-quit:before,.control-help .steering-option:before{content:"";position:absolute;inset:-7px 0}}.control-help .steering-setting{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;min-width:0;display:flex}.control-help .steering-option[aria-pressed=true],.control-help .pause-side-toggle[aria-pressed=true]{background:var(--gold)}.control-help .steering-note{color:#2e5b72;font-size:11px;font-weight:900}.control-help .steering-pending{color:#8a4b00;white-space:nowrap;font-size:11px;font-weight:1000}@media (max-width:730px){.control-help .steering-setting{flex:100%}.control-help .steering-note{text-align:center;flex:100%}}@media (orientation:landscape) and (max-height:460px){.control-help .steering-note{display:none}.control-help .steering-option,.control-help .pause-side-toggle{flex:none;align-self:center;min-height:32px;padding:4px 7px}.control-help .steering-pending{font-size:9px}}@media (orientation:landscape) and (max-height:320px){.control-help .resume,.control-help .pause-quit,.control-help .steering-option,.control-help .pause-side-toggle{min-height:36px}.control-help .pause-quit{font-size:11px}}.hint-bubble{z-index:6;align-items:center;gap:calc(8px * var(--hud-k,1));box-sizing:border-box;max-width:min(46vw, calc(320px * var(--hud-k,1)));padding:calc(6px * var(--hud-k,1)) calc(6px * var(--hud-k,1)) calc(6px * var(--hud-k,1)) calc(14px * var(--hud-k,1));border-radius:calc(var(--u) * 8 * var(--hud-k,1));background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2 * var(--hud-k,1)) var(--c-text,#1d2433), 0 calc(var(--u) * 3 * var(--hud-k,1)) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:clamp(calc(13px * var(--hud-k,1)), 3.6vh, calc(16px * var(--hud-k,1)));pointer-events:auto;font-weight:800;line-height:1.4;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.hint-bubble[hidden]{display:none}.hint-close{width:calc(32px * var(--hud-k,1));height:calc(32px * var(--hud-k,1));background:var(--c-text,#1d2433);color:var(--c-panel,#fff8e7);font-size:calc(18px * var(--hud-k,1));cursor:pointer;border:0;border-radius:50%;flex:none;line-height:1}.hint-action{min-height:calc(32px * var(--hud-k,1));padding:0 calc(12px * var(--hud-k,1));border:calc(2px * var(--hud-k,1)) solid var(--c-text,#1d2433);background:var(--c-accent,#ffc83d);box-shadow:0 calc(3px * var(--hud-k,1)) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font:inherit;cursor:pointer;border-radius:999px;flex:none;font-weight:700}.hint-action[hidden]{display:none}.mirror-teach{z-index:3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s;position:absolute;inset:0}.mirror-teach.is-on{opacity:1;visibility:visible;transition:opacity .3s}.mirror-teach svg{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.teach-dim{fill:#0e142280;fill-rule:evenodd}.teach-ring-out,.teach-line-out{fill:none;stroke:#1f2a3a;stroke-linecap:round;stroke-linejoin:round}.teach-ring-in{fill:#ffd23f2e;stroke:#ffd23f}.teach-line-in{fill:none;stroke:#ff7a1a;stroke-linecap:round}.teach-arrow-out{fill:#1f2a3a;stroke:#1f2a3a;stroke-linejoin:round}.teach-arrow-in{fill:#ffd23f}.teach-ring{transform-box:fill-box;transform-origin:50%;animation:.8s ease-in-out infinite teach-pulse}.teach-bob{animation:.6s ease-in-out infinite teach-bob}@keyframes teach-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes teach-bob{0%,to{transform:translate(0)}50%{transform:translate(var(--bob,6px), 0)}}@media (prefers-reduced-motion:reduce){.teach-ring,.teach-bob{animation:none}}.creep-badge{z-index:6;padding:calc(3px * var(--hud-k,1)) calc(12px * var(--hud-k,1));background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2 * var(--hud-k,1)) var(--c-text,#1d2433), 0 calc(var(--u) * 3 * var(--hud-k,1)) 0 var(--c-text,#1d2433);color:var(--c-primary,#1f6fd1);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:clamp(calc(13px * var(--hud-k,1)), 3.6vh, calc(16px * var(--hud-k,1)));pointer-events:none;border:0;border-radius:999px;font-weight:800;line-height:1.4;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.creep-badge[hidden]{display:none}.chain-crash-banner{z-index:7;white-space:nowrap;font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:clamp(calc(28px * var(--hud-k,1)), 12vh, calc(64px * var(--hud-k,1)));letter-spacing:2px;color:var(--c-danger,#e5383b);text-shadow:-3px -3px 0 var(--c-panel,#fff8e7), 3px -3px 0 var(--c-panel,#fff8e7), -3px 3px 0 var(--c-panel,#fff8e7), 3px 3px 0 var(--c-panel,#fff8e7), 0 6px 0 var(--c-text,#1d2433);pointer-events:none;font-weight:900;position:absolute;top:18%;left:50%;transform:translate(-50%)rotate(-6deg)}.chain-crash-banner[hidden]{display:none}.chain-crash-banner.is-pop{animation:.35s cubic-bezier(.2,1.6,.4,1) chain-crash-pop}@keyframes chain-crash-pop{0%{opacity:0;transform:translate(-50%)rotate(-6deg)scale(.3)}to{opacity:1;transform:translate(-50%)rotate(-6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.chain-crash-banner.is-pop{animation:none}}.command-bar{z-index:6;box-sizing:border-box;width:max-content;max-width:60%;padding:calc(5px * var(--cmd-k,1)) calc(8px * var(--cmd-k,1));border-radius:calc(var(--u) * 8 * var(--cmd-k,1));background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2 * var(--cmd-k,1)) var(--c-text,#1d2433), 0 calc(var(--u) * 3 * var(--cmd-k,1)) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:var(--cmd-font-size,calc(14px * var(--cmd-k,1)));text-align:left;white-space:nowrap;pointer-events:none;justify-content:flex-start;align-items:center;margin-inline:auto;font-weight:800;line-height:1.35;display:flex;position:absolute;top:13%;left:0;right:0}.command-bar.is-placed{width:auto;max-width:none;margin:0;right:auto}.command-bar:before{content:"口令";margin-right:calc(6px * var(--cmd-k,1));padding:calc(1px * var(--cmd-k,1)) calc(4px * var(--cmd-k,1));border-radius:calc(var(--u) * 3 * var(--cmd-k,1));background:var(--c-text,#1d2433);color:var(--c-panel,#fff8e7);font-size:calc(11px * var(--cmd-k,1));white-space:nowrap;flex:none;line-height:1.2}.command-bar:after{content:"";left:50%;top:calc(var(--u) * -5 * var(--cmd-k,1));width:calc(var(--u) * 7 * var(--cmd-k,1));height:calc(var(--u) * 7 * var(--cmd-k,1));box-sizing:border-box;border:calc(var(--u) * 2 * var(--cmd-k,1)) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 1 * var(--cmd-k,1));background:var(--c-panel,#fff8e7);position:absolute;transform:translate(-50%)rotate(45deg)}.command-bar-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-height:100%;overflow:hidden}.command-bar.is-pop{animation:.2s ease-out command-bar-pop}@keyframes command-bar-pop{0%{transform:scale(.92)translateY(1px)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.command-bar.is-pop{animation:none}}.command-bar[hidden]{display:none}.night-key-legend{z-index:6;box-sizing:border-box;padding:calc(3px * var(--cmd-k,1)) calc(6px * var(--cmd-k,1));border-radius:calc(var(--u) * 8 * var(--cmd-k,1));background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2 * var(--cmd-k,1)) var(--c-text,#1d2433), 0 calc(var(--u) * 3 * var(--cmd-k,1)) 0 var(--c-text,#1d2433);color:var(--c-text-soft,#4a5468);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:calc(12px * var(--cmd-k,1));white-space:normal;pointer-events:none;font-weight:800;line-height:1.25;position:absolute;overflow:hidden}.night-key-legend[hidden]{display:none}.s3-night{z-index:7;pointer-events:none;position:absolute;inset:0}.s3-prep{pointer-events:none;position:absolute;inset:0}.s3-prep[hidden],.s3-night[hidden]{display:none}.s3-prep .s3-key{z-index:7}.s3-prep-window{z-index:49;box-sizing:border-box;border-radius:calc(var(--u) * 8);background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2) var(--c-text,#1d2433), 0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);flex-direction:column;font-weight:800;display:flex;position:absolute}.s3-prep-window svg{flex:1;width:100%;min-height:0}.s3-prep-title{font-size:var(--prep-font,12px);text-align:center;color:var(--c-text,#1d2433);padding:.2em .5em}.s3-prep-hint{min-height:1.5em;font-size:var(--prep-font,12px);text-align:center;color:#fff;background:var(--c-danger,#e5383b);border-radius:999px;padding:.2em .5em}.s3-prep-hint:empty{background:0 0}.s3-prep-keys{font-size:max(10px, calc(var(--prep-font,12px) * .75));text-align:center;color:var(--c-text-soft,#4a5468);padding:0 .5em .3em;line-height:1.3}.s3-prep-car{fill:var(--c-text-soft,#4a5468);stroke:var(--c-text,#1d2433);stroke-width:.06px}.s3-prep-point{fill:#ffc83d59;stroke:var(--c-text,#1d2433);stroke-width:.05px}.s3-prep-point.is-done{fill:var(--c-success,#17996a)}.s3-prep-point.is-next{fill:var(--c-accent,#ffc83d)}.s3-prep-door{fill:var(--c-panel-2,#f3e9cf);stroke-width:.07px;stroke-dasharray:.18 .14}.s3-prep-door-label{fill:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:.55px;font-weight:800}.s3-prep-walker{fill:var(--c-danger,#e5383b);stroke:var(--c-text,#1d2433);stroke-width:.06px}.s3-key{box-sizing:border-box;background:var(--c-panel,#fff8e7);box-shadow:0 0 0 calc(var(--u) * 2) var(--c-text,#1d2433), 0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font:inherit;font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border:0;margin:0;padding:0;font-size:14px;font-weight:800;position:absolute}.s3-key.is-down{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);transform:translateY(calc(var(--u) * 2));box-shadow:0 0 0 calc(var(--u) * 2) var(--c-text,#1d2433), 0 calc(var(--u) * 1) 0 var(--c-text,#1d2433)}.s3-key-round{border-radius:50%}.s3-key-pad,.s3-key-night{border-radius:10px}.s3-key-night{white-space:pre-line;line-height:1.15}.controls-overlay.is-phase-prep .control-zone,.controls-overlay.is-phase-prep .disk-hint,.controls-overlay.is-phase-prep .disk-axis,.controls-overlay.is-phase-night .control-wheel,.controls-overlay.is-phase-night .control-throttle,.controls-overlay.is-phase-night .control-brake,.controls-overlay.is-phase-night .control-gear{display:none!important}.stop-countdown{--f:clamp(calc(13px * var(--hud-k,1)), 3.6vh, calc(16px * var(--hud-k,1)));bottom:calc(3% + var(--f) * 1.4 + 6px * var(--hud-k,1) + var(--hu,var(--u)) * 8);z-index:6;box-sizing:border-box;justify-content:center;align-items:center;gap:calc(6px * var(--hud-k,1));padding:calc(2px * var(--hud-k,1)) calc(12px * var(--hud-k,1));border:calc(2px * var(--hud-k,1)) solid var(--c-text,#1d2433);background:var(--c-accent,#ffc83d);box-shadow:0 calc(3px * var(--hud-k,1)) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-size:var(--f);pointer-events:none;border-radius:999px;font-weight:700;line-height:1.2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stop-countdown[hidden]{display:none}.stop-countdown-num{text-align:center;min-width:.9em;font-size:1.9em;line-height:1.2}.aux-view{z-index:25;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.aux-view[hidden]{display:none}.aux-view-frame{box-sizing:border-box;border:2px solid #ffffffeb;position:absolute;box-shadow:0 0 0 1px #141c2899,0 2px 6px #00000059}.aux-view-frame[hidden]{display:none}.aux-view-toggle{box-sizing:border-box;color:#fff;font-size:clamp(12px, 3.2vh, min(calc(15px * var(--hud-k,1)), 22px));white-space:nowrap;cursor:pointer;pointer-events:auto;touch-action:manipulation;background:#141c28d1;border:0;border-radius:10px;padding:0;line-height:1;position:absolute;top:0;left:0}.aux-view-toggle[aria-pressed=true]{color:#1d2a3a;background:#ffd54a}.side-view{z-index:5;pointer-events:none;position:absolute;inset:0}.side-view[hidden]{display:none}.side-view-frame{box-sizing:border-box;border:2px solid #ffffffeb;position:absolute;box-shadow:0 0 0 1px #141c2899,0 2px 6px #00000059}.side-view-frame[hidden]{display:none}.side-view-label{background:var(--c-panel,#fff8e7);color:var(--c-success,#17996a);white-space:nowrap;border-radius:.6em;padding:1px .5em;font-size:max(6px,1.7vh);font-weight:800;line-height:1.2;position:absolute;top:2px;left:2px}@font-face{font-family:BS KuaiLe;src:url(./zcool-kuaile-ui-Dktag59F.woff2)format("woff2");font-display:swap}@font-face{font-family:BS Num;src:url(./fredoka-num-DnQSZ9m_.woff2)format("woff2");font-display:swap}:root{--u:min(100dvh / 390, 100vw / 844, 1.6px);--hud-k:1;--hu:calc(min(var(--u), 1px) * max(1, var(--hud-k)))}html,body{overscroll-behavior:none;touch-action:pan-y;font-family:var(--font-ui,"BS KuaiLe", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0}button,input,select,textarea{font-family:inherit}.tb-sticker{background:var(--c-panel,#fff8e7);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433)}.tb-chip{padding:calc(var(--u) * 2) calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-size:calc(var(--u) * 11);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:4px;font-weight:800;display:inline-flex}.hud,.controls-overlay,.overlays,.overlays-layer{box-sizing:border-box;color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-variant-numeric:tabular-nums;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none;font-size:clamp(12px,2.6vh,20px);position:fixed}.hud *,.controls-overlay *,.overlays *,.overlays-layer *{box-sizing:border-box}.hud [hidden],.overlays [hidden],.overlays-layer [hidden]{display:none!important}.hud{z-index:46;top:calc(env(safe-area-inset-top,0px) + var(--u) * 6);left:calc(env(safe-area-inset-left,0px) + var(--u) * 10);right:calc(env(safe-area-inset-right,0px) + var(--u) * 10);justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 8);grid-template-columns:minmax(0,1fr) auto;display:grid}.hud-left{align-items:flex-start;gap:calc(var(--u) * 6);flex:0 auto;min-width:0;display:flex}.hud-right{align-items:flex-end;gap:calc(var(--u) * 4);flex-direction:column;flex:none;justify-self:end;min-width:0;display:flex}.hud-panel{background:var(--c-panel,#fff8e7);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);padding:calc(var(--u) * 4) calc(var(--u) * 8);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433)}.hud-menu{pointer-events:auto;cursor:pointer;width:max(44px, calc(var(--u) * 44));height:max(44px, calc(var(--u) * 44));justify-content:center;align-items:center;gap:calc(var(--u) * 2);min-width:44px;min-height:44px;color:var(--c-text,#1d2433);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);font:inherit;font-size:calc(var(--u) * 10);background:#fff;flex-direction:column;flex:none;padding:0;font-weight:800;line-height:1;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.hud-menu:before{content:"";width:calc(var(--u) * 11);height:calc(var(--u) * 12);background:linear-gradient(90deg, var(--c-text,#1d2433) 0 36%, transparent 36% 64%, var(--c-text,#1d2433) 64% 100%);border-radius:1px}.hud-menu:active{transform:translateY(calc(var(--u) * 3));box-shadow:0 calc(var(--u) * 1) 0 var(--c-text,#1d2433)}.hud-report{min-width:max(44px, calc(var(--u) * 44));min-height:max(44px, calc(var(--u) * 44));flex:none}.hud-trip{width:calc(var(--hu) * 142);padding:calc(var(--hu) * 4) calc(var(--hu) * 8) calc(var(--hu) * 5);gap:calc(var(--hu) * 3);display:grid}.nav-map{pointer-events:none;top:calc(100% + var(--hu) * 8);width:calc(var(--hu) * 104);padding:calc(var(--hu) * 3);border:calc(var(--hu) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--hu) * 14);background:#fffcf0db;background:color-mix(in srgb, var(--c-panel,#fff8e7) 86%, transparent);box-shadow:0 calc(var(--hu) * 4) 0 var(--c-text,#1d2433);position:absolute;left:8vw}.nav-map svg{aspect-ratio:1;border-radius:calc(var(--hu) * 8);background:#dff1e4;background:color-mix(in srgb, var(--c-success,#17996a) 12%, #fff);width:100%;display:block}.nav-map-road{fill:#fff;stroke:#9aa7bd;stroke-width:1.2px;stroke-linejoin:round}.nav-map-nearby{fill:none;stroke:#b9c6d8;stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round}.nav-map-real{fill:none;stroke:#e06a2d;stroke-width:1.8px;stroke-dasharray:3 2;stroke-linecap:round;stroke-linejoin:round}.nav-map-attrib{left:calc(var(--hu) * 4);right:calc(var(--hu) * 4);bottom:calc(var(--hu) * 3);font-size:calc(var(--hu) * 4);color:var(--c-text-soft,#4a5468);white-space:nowrap;text-overflow:ellipsis;line-height:1.1;position:absolute;overflow:hidden}.nav-map-toggle{pointer-events:auto;top:calc(var(--hu) * 4);right:calc(var(--hu) * 4);padding:calc(var(--hu) * 1) calc(var(--hu) * 3);border:calc(var(--hu) * 1.5) solid var(--c-text,#1d2433);border-radius:calc(var(--hu) * 6);background:var(--c-panel,#fff8e7);color:var(--c-text,#1d2433);font-size:calc(var(--hu) * 7);font-weight:800;position:absolute}.nav-map-toggle[aria-pressed=true]{background:var(--c-primary,#1f6fd1);color:#fff}.nav-map-route{fill:none;stroke:var(--c-primary,#1f6fd1);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.nav-map-car{fill:var(--c-primary,#1f6fd1);stroke:#fff;stroke-width:1.2px;stroke-linejoin:round}.nav-map-next{justify-content:center;align-items:center;gap:calc(var(--hu) * 1);padding-top:calc(var(--hu) * 2);font-size:calc(var(--hu) * 8);color:var(--c-text,#1d2433);text-align:center;flex-wrap:wrap;font-weight:800;line-height:1.15;display:flex}.nav-map-label{max-width:calc(100% - var(--hu) * 12);white-space:normal}.nav-map-arrow{font-size:calc(var(--hu) * 11);color:var(--c-primary,#1f6fd1)}.hud-label{font-size:calc(var(--hu) * 10);color:var(--c-text-soft,#4a5468);font-weight:800}.hud-points{gap:calc(var(--hu) * 2);display:grid}.hud-points-head{justify-content:space-between;align-items:baseline;gap:calc(var(--hu) * 4);display:flex}.hud-points-value{text-align:right;min-width:7ch;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--hu) * 14);font-weight:900;line-height:1}.hud-points-pips{grid-template-columns:repeat(var(--points-limit,12), minmax(0, 1fr));gap:calc(var(--hu) * 1.5);display:grid}.hud-point-pip{height:calc(var(--hu) * 6);border:calc(var(--hu) * 1) solid var(--c-text,#1d2433);background:var(--c-success,#17996a);border-radius:2px}.hud-points.is-low .hud-point-pip.is-remaining{background:var(--c-danger,#e5383b)}.hud-point-pip.is-lost{opacity:.45;background:0 0}.hud-points.is-pulsing .hud-points-value{color:var(--c-danger,#e5383b)}.hud-points.is-pulsing .hud-point-pip.is-last-lost{opacity:1;background:var(--c-danger,#e5383b);animation:.2s step-end infinite ui-pip-blink}.hud-route{align-items:baseline;gap:calc(var(--hu) * 2) calc(var(--hu) * 4);grid-template-columns:1fr auto;display:grid}.hud-route .hud-label{white-space:nowrap;grid-column:1}.hud-time-value{text-align:right;min-width:5.5ch;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--hu) * 10);color:var(--c-text-soft,#4a5468);grid-area:1/2;font-weight:800}.hud-progress-track{height:calc(var(--hu) * 8);background:var(--c-track,#3a3f4c);border:calc(var(--hu) * 1.5) solid var(--c-text,#1d2433);border-radius:99px;grid-column:1/-1;min-height:4px;position:relative;overflow:visible}.hud-progress-fill{background:var(--c-accent,#ffc83d);border-radius:inherit;height:100%;position:relative}.hud-progress-fill:after{content:"";width:calc(var(--u) * 11);height:calc(var(--u) * 11);background:var(--c-danger,#e5383b);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:50%;position:absolute;top:50%;right:0;transform:translate(50%,-50%)}.hud-sign-slot:empty{display:none}.hud-points.is-absent[hidden],.hud-points-pips.is-absent[hidden]{visibility:hidden;display:grid!important}.hud-progress-track.is-absent[hidden]{visibility:hidden;display:block!important}.traffic-seconds.is-absent[hidden]{visibility:hidden;display:inline-block!important}.is-active{color:var(--c-primary,#1f6fd1)}.is-blinking{color:var(--c-primary,#1f6fd1);animation:1s step-end infinite ui-blink}.hud-points.is-pulsing{color:var(--c-danger,#e5383b)}@keyframes ui-pip-blink{50%{opacity:.35;background:0 0}}.controls-overlay{z-index:20;clip-path:var(--mirror-controls-clip,none);inset:0}.autopilot-notice{width:50vw;padding:calc(var(--u) * 6) calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 8);background:var(--c-panel,#fff8e7);box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-size:calc(var(--u) * 11);text-align:center;margin:0;font-weight:800;line-height:1.4;position:absolute;top:22vh;left:25vw}.control-zone{pointer-events:auto;position:absolute}.control-zone>*{pointer-events:none}.control-wheel{left:env(safe-area-inset-left,0px);bottom:env(safe-area-inset-bottom,0px);width:min(48vw, calc(57vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:59vh;padding-bottom:1.8vh;padding-left:2vw;display:flex}.steering-wheel{width:min(calc(43.2vh - env(safe-area-inset-bottom,0px)), clamp(132px, 43.2vh, 312px));aspect-ratio:1;transform-origin:50%;filter:drop-shadow(0 calc(var(--u) * 4) 0 var(--c-text,#1d2433));transition:filter 80ms;overflow:visible}.control-wheel.is-held .steering-wheel{filter:drop-shadow(0 calc(var(--u) * 1.5) 0 var(--c-text,#1d2433))}.wheel-rim{fill:none;stroke:var(--c-text,#1d2433);stroke-width:22px;transition:stroke-width 80ms}.control-wheel.is-held .wheel-rim{stroke-width:25px}.wheel-spokes{fill:none;stroke:var(--c-track,#3a3f4c);stroke-width:15px;stroke-linecap:round;stroke-linejoin:round}.wheel-highlight{fill:none;stroke:var(--c-accent,#ffc83d);stroke-width:12px;stroke-linecap:round}.wheel-hub{fill:var(--c-primary,#1f6fd1);stroke:var(--c-panel,#fff8e7);stroke-width:4px}.wheel-hub-text{fill:var(--c-panel,#fff8e7);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:15px;font-weight:900}.wheel-mark{fill:var(--c-danger,#e5383b);stroke:var(--c-text,#1d2433);stroke-width:2px}.control-pedal{bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);padding:calc(var(--u) * 6) calc(var(--u) * 4);border-radius:calc(var(--u) * 14);color:var(--c-panel,#fff8e7);text-shadow:0 0 2px #1d2433e6,0 1px 1px #1d2433e6;transform:translateY(calc(var(--pedal-depth,0) * 3 * var(--u)));transform-origin:bottom;border:2px solid #fff8e7d9;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5vh;transition:transform 80ms;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1d243399}.control-throttle{right:calc(env(safe-area-inset-right,0px) + 1.5vw + clamp(48px, 6vw, 80px) + 8px);border-radius:calc(var(--u) * 16);width:clamp(56px,7.5vw,96px);height:clamp(120px,36vh,280px)}.control-brake{right:calc(env(safe-area-inset-right,0px) + 1.5vw + clamp(48px, 6vw, 80px) + 8px + clamp(56px, 7.5vw, 96px) + 8px);width:clamp(64px,9vw,110px);height:clamp(88px,26vh,200px)}.pedal-ticks{pointer-events:none;z-index:1;position:absolute;inset:0}.pedal-tick{width:20%;height:calc(var(--u) * 2);background:#fff8e7d9;position:absolute;left:0;box-shadow:0 0 0 1px #1d243399}.pedal-label{font-weight:900;font-size:calc(var(--u) * 15)}.pedal-depth{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-weight:900;font-size:calc(var(--u) * 16);font-variant-numeric:tabular-nums}.control-pedal:before{content:"";height:calc(var(--pedal-depth,0) * 100%);background:#ffc83d59;background:color-mix(in srgb, var(--c-accent,#ffc83d) 35%, transparent);border-top:calc(var(--u) * 2) solid #fff8e7d9;opacity:min(1, calc(var(--pedal-depth,0) * 1000));pointer-events:none;transition:height 80ms,opacity .2s;position:absolute;bottom:0;left:0;right:0}.control-pedal>*{z-index:1;position:relative}.control-brake:before{background:#e5383b40;background:color-mix(in srgb, var(--c-danger,#e5383b) 25%, transparent)}.control-gear{right:calc(env(safe-area-inset-right,0px) + 1.5vw);bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);gap:calc(var(--u) * 3);width:clamp(48px,6vw,80px);height:clamp(200px,50vh,360px);padding:calc(var(--u) * 3);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);background:var(--c-text,#1d2433);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);grid-template-rows:repeat(4,1fr);display:grid;overflow:hidden}.gear-band{border-radius:calc(var(--u) * 9);color:#8d96a8;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 18);place-items:center;font-weight:900;display:grid}.gear-band.is-active{color:var(--c-text,#1d2433);background:var(--c-accent,#ffc83d)}.control-signal-area{right:calc(env(safe-area-inset-right,0px) + 12vw);bottom:calc(env(safe-area-inset-bottom,0px) + 43vh);width:31vw;height:21vh}.control-hazard-icon{box-sizing:border-box;width:clamp(72px,22vh,88px);height:clamp(72px,22vh,88px);color:var(--c-panel,#fff8e7);pointer-events:auto;cursor:pointer;background:#1d243399;border:2px solid #fff8e7d9;border-radius:50%;position:absolute;top:50%;left:18vw;transform:translateY(-50%);box-shadow:0 0 0 1px #1d24338c}.control-hazard-icon>*{pointer-events:none;display:block;position:absolute}.control-hazard-icon svg{width:100%;height:100%;display:block;overflow:visible}.disk-center{width:30%;height:30%;color:var(--c-danger,#e5383b);top:50%;left:50%;transform:translate(-50%,-50%)}.disk-icon{width:26%;height:26%}.disk-icon.is-left{top:50%;left:5%;transform:translateY(-50%)}.disk-icon.is-right{top:50%;right:5%;transform:translateY(-50%)}.disk-icon.is-up{top:5%;left:50%;transform:translate(-50%)}.disk-icon.is-down{bottom:5%;left:50%;transform:translate(-50%)}.disk-icon.is-light{display:none}.disk-icon.is-turn.is-active{color:var(--c-success,#17996a)}.disk-icon.is-blinking{animation:1s step-end infinite disk-blink}@keyframes disk-blink{50%{opacity:.25}}.control-hazard-icon.is-light-layer{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);box-shadow:0 0 0 calc(var(--u) * 3) #ffc83d73}.control-hazard-icon.is-light-layer .disk-icon.is-turn{display:none}.control-hazard-icon.is-light-layer .disk-icon.is-light{display:block}.control-hazard-icon.is-active .disk-center{animation:1s infinite hazard-blink}@keyframes hazard-blink{50%{opacity:.3}}.disk-hint{box-sizing:border-box;color:var(--c-panel,#fff8e7);pointer-events:none;background:#1d2433d1;border:3px solid #fff8e7e6;border-radius:50%;display:none;position:fixed;box-shadow:0 0 0 2px #1d24338c}.disk-hint.is-shown{display:block}.disk-hint>*{display:block;position:absolute}.disk-hint svg{width:100%;height:100%;display:block;overflow:visible}.disk-hint-center{width:26%;height:26%;color:var(--c-danger,#e5383b);top:50%;left:50%;transform:translate(-50%,-50%)}.disk-hint-icon{box-sizing:border-box;border-radius:50%;width:28%;height:28%;padding:3%}.disk-hint-icon.is-left{top:50%;left:4%;transform:translateY(-50%)}.disk-hint-icon.is-right{top:50%;right:4%;transform:translateY(-50%)}.disk-hint-icon.is-up{top:4%;left:50%;transform:translate(-50%)}.disk-hint-icon.is-down{bottom:4%;left:50%;transform:translate(-50%)}.disk-hint-icon.is-light{display:none}.disk-hint-icon.is-hot{background:var(--c-success,#17996a);color:#fff;box-shadow:0 0 0 3px #fff8e7f2}.disk-hint.is-light-layer{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433)}.disk-hint.is-light-layer .disk-hint-icon.is-turn{display:none}.disk-hint.is-light-layer .disk-hint-icon.is-light{display:block}.disk-hint-switch,.disk-hint-target,.disk-hint.is-light-layer .disk-hint-center,.disk-hint.is-light-layer .disk-hint-icon.is-light{display:none}.disk-hint.is-light-layer .disk-hint-switch{text-align:center;width:38%;font-size:calc(15px * var(--hud-k,1));white-space:nowrap;font-weight:900;display:block;top:50%;left:31%;transform:translateY(-50%)}.disk-hint.is-light-layer .disk-hint-target{box-sizing:border-box;width:28%;font-size:calc(12px * var(--hud-k,1));white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;padding:2px 0;font-weight:800;line-height:1.15;display:flex;top:50%;transform:translateY(-50%)}.disk-hint-target.is-left{left:2%}.disk-hint.is-light-layer .disk-hint-target.is-up{width:30%;top:3%;left:50%;transform:translate(-50%)}.disk-hint.is-light-layer .disk-hint-target.is-down{width:30%;top:auto;bottom:3%;left:50%;transform:translate(-50%)}.disk-hint-target.is-right{right:2%}.disk-hint-target.is-hot{background:var(--c-success,#17996a);color:#fff;box-shadow:0 0 0 3px #fff8e7f2}.disk-axis{box-sizing:border-box;width:68px;color:var(--c-panel,#fff8e7);pointer-events:none;background:#1d2433d9;border:2px solid #fff8e7e6;border-radius:10px;padding:4px;font-size:13px;font-weight:800;display:none;position:fixed}.disk-axis.is-shown{display:block}.disk-axis-row{text-align:center;white-space:nowrap;border-radius:6px;height:26px;line-height:26px;display:block}.disk-axis-row.is-current{box-shadow:inset 0 0 0 2px var(--c-accent,#ffc83d)}.disk-axis-row.is-target{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433)}.disk-hint-label,.disk-hint.is-hazard .disk-hint-icon{display:none}.disk-hint.is-hazard .disk-hint-center{width:46%;height:46%;top:42%}.disk-hint.is-hazard .disk-hint-label{text-align:center;font-size:16px;font-weight:900;display:block;bottom:14%;left:0;right:0}.overlays{z-index:40;inset:0}.overlays-layer{inset:0}.overlays-decor{z-index:2}.overlays-warning{z-index:48}.overlays-modal{z-index:49}.overlays-decor:before{content:"";pointer-events:none;position:absolute;inset:0}.overlays-decor.is-slow-mo:before{box-shadow:inset 0 0 7vh 2vh #ffc83dbf;box-shadow:inset 0 0 7vh 2vh color-mix(in srgb, var(--c-accent,#ffc83d) 75%, transparent)}.overlay-portrait{z-index:110;place-content:center;justify-items:center;gap:calc(var(--u) * 12);padding:env(safe-area-inset-top,0px) 6vw env(safe-area-inset-bottom,0px);background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);text-align:center;pointer-events:auto;touch-action:none;display:grid;position:fixed;inset:0}.overlay-portrait[hidden]{display:none!important}.overlay-portrait-phone{width:calc(var(--u) * 56);height:calc(var(--u) * 96);border:calc(var(--u) * 4) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 12);background:var(--c-panel,#fff8e7);animation:1.8s ease-in-out infinite ui-portrait-rotate;position:relative}.overlay-portrait-phone:after{content:"";left:50%;bottom:calc(var(--u) * 6);width:calc(var(--u) * 14);height:calc(var(--u) * 4);background:var(--c-text,#1d2433);border-radius:9px;position:absolute;transform:translate(-50%)}.overlay-portrait-title{font-size:clamp(24px,6vh,48px);font-weight:900}.overlay-portrait-sub{margin:0;font-size:clamp(12px,3vh,20px);font-weight:800}@keyframes ui-portrait-rotate{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.overlay-detour-fade{pointer-events:none;background:#000;position:absolute;inset:0}.overlay-paused{z-index:5;pointer-events:auto;background:#1d24338c;place-items:center;display:grid;position:absolute;inset:0}.overlay-paused-card{padding:calc(var(--u) * 10) calc(var(--u) * 26);font-size:clamp(24px,6vh,48px);font-weight:900}.overlay-wrong-way,.overlay-toast,.overlay-info,.overlay-notice{text-align:center;background:var(--c-panel,#fff8e7);max-width:72vw;box-shadow:0 .5vh #1d243333;box-shadow:0 .5vh 0 color-mix(in srgb, var(--c-text,#1d2433) 20%, transparent);border-radius:1.5vh;padding:1.4vh 2vw;position:absolute}.overlay-wrong-way{padding:calc(var(--u) * 6) calc(var(--u) * 16);border:calc(var(--u) * 5) solid transparent;border-radius:calc(var(--u) * 12);background:linear-gradient(var(--c-danger,#e5383b), var(--c-danger,#e5383b)) padding-box, repeating-linear-gradient(-45deg, var(--c-accent,#ffc83d) 0 calc(var(--u) * 8), var(--c-text,#1d2433) calc(var(--u) * 8) calc(var(--u) * 16)) border-box;box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);color:#fff;letter-spacing:.06em;white-space:nowrap;font-size:clamp(20px,4.2vh,34px);font-weight:900;top:35vh;left:50%;transform:translate(-50%)}.overlay-info,.overlay-notice{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 1vh);width:max-content;max-width:16vw;padding:calc(var(--u) * 2) calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-panel,#fff8e7);box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);color:var(--c-primary,#1f6fd1);font-size:calc(var(--u) * 11);text-align:center;white-space:normal;border-radius:999px;font-weight:800;line-height:1.35;display:block;left:48.5%;transform:translate(-50%)}.overlay-info{z-index:90;bottom:calc(env(safe-area-inset-bottom,0px) + 9vh);box-sizing:border-box;font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);pointer-events:none;position:fixed}.overlay-info[hidden]{display:none!important}.is-driving .overlay-info{z-index:auto}.overlay-focus-inset{--focus-caption:calc(var(--u) * 64);top:calc(env(safe-area-inset-top,0px) + var(--u) * 104);left:calc(env(safe-area-inset-left,0px) + var(--u) * 10);width:calc(var(--u) * 108);height:calc(var(--u) * 108);box-sizing:content-box;border:calc(var(--u) * 3) solid var(--c-panel,#fff8e7);border-right-width:var(--focus-caption);border-radius:calc(var(--u) * 4);outline:calc(var(--u) * 2) solid var(--c-text,#1d2433);box-shadow:0 calc(var(--u) * 4) 0 calc(var(--u) * 2) var(--c-text,#1d2433);pointer-events:none;position:absolute}.is-cockpit-view .overlay-focus-inset{top:calc(env(safe-area-inset-top,0px) + var(--u) * 58);left:calc(env(safe-area-inset-left,0px) + 8.5vw)}.overlay-focus-inset.is-right,.is-cockpit-view .overlay-focus-inset.is-right{top:calc(env(safe-area-inset-top,0px) + var(--u) * 104);left:auto;right:calc(env(safe-area-inset-right,0px) + 26vw);border-right-width:calc(var(--u) * 3);border-left-width:var(--focus-caption)}.overlay-focus-caption{width:var(--focus-caption);box-sizing:border-box;padding:calc(var(--u) * 2) calc(var(--u) * 3);align-items:center;gap:calc(var(--u) * 3);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:100%;overflow:hidden}.overlay-focus-inset.is-right .overlay-focus-caption{left:auto;right:100%}.overlay-focus-distance{padding:0 calc(var(--u) * 5);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);font-size:calc(var(--u) * 12);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;font-weight:900;line-height:1.25}.overlay-focus-hint{-webkit-line-clamp:6;max-width:100%;color:var(--c-text,#1d2433);font-size:calc(var(--u) * 10);text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.overlay-toast{top:calc(env(safe-area-inset-top,0px) + 16vh);left:calc(env(safe-area-inset-left,0px) + 2.5vw);max-width:none;box-shadow:none;text-align:left;font-family:"BS KuaiLe", "Wawati SC", "DFWaWaSC-W5", "Yuanti SC", "Hannotate SC", var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);white-space:pre;letter-spacing:.06em;text-shadow:.09em 0 #fff,-.09em 0 #fff,0 .09em #fff,0 -.09em #fff,.065em .065em #fff,-.065em .065em #fff,.065em -.065em #fff,-.065em -.065em #fff,.04em .2em #34465b;transform-origin:0;background:0 0;border-radius:0;padding:0;font-size:clamp(16px,5vh,40px);font-weight:700;line-height:1.2;animation:.28s cubic-bezier(.34,1.56,.64,1) ui-toast-pop;transform:rotate(-4deg)}.overlay-toast.is-error{color:var(--c-danger,#e5383b)}.overlay-toast.is-info{color:var(--c-primary,#1f6fd1)}.overlay-zone-event{max-width:92vw;color:var(--c-primary,#1f6fd1);font-family:"BS KuaiLe", "Wawati SC", "DFWaWaSC-W5", "Yuanti SC", "Hannotate SC", var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);white-space:nowrap;letter-spacing:.06em;text-align:center;text-shadow:.09em 0 #fff,-.09em 0 #fff,0 .09em #fff,0 -.09em #fff,.065em .065em #fff,-.065em .065em #fff,.065em -.065em #fff,-.065em -.065em #fff,.04em .2em #34465b;pointer-events:none;animation:ui-zone-event var(--zone-event-ms,1s) linear both;font-size:clamp(28px,11vh,88px);font-weight:700;line-height:1.1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.overlays.is-paused .overlay-zone-event{animation-play-state:paused}.overlay-segment-opening{max-width:86vw;padding:calc(var(--u) * 8) calc(var(--u) * 18);color:var(--c-primary,#1f6fd1);letter-spacing:.05em;text-align:center;white-space:nowrap;pointer-events:none;font-size:clamp(20px,5.4vh,40px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.overlay-boss-warning,.overlay-boss-edge-box{pointer-events:none;position:absolute;inset:0}.overlay-boss-chip{top:calc(env(safe-area-inset-top,0px) + 11vh);max-width:34vw;padding:calc(var(--u) * 3) calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-danger,#e5383b);color:#fff;box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);font-size:calc(var(--u) * 11);white-space:nowrap;border-radius:999px;font-weight:900;animation:.5s ease-in-out infinite alternate ui-boss-flash;position:absolute;left:50%;transform:translate(-50%)}.overlay-boss-edge{opacity:.85;background:repeating-linear-gradient(-45deg, var(--c-danger,#e5383b) 0 calc(var(--u) * 8), var(--c-accent,#ffc83d) calc(var(--u) * 8) calc(var(--u) * 16));animation:.5s ease-in-out infinite alternate ui-boss-edge;position:absolute}.edge-left .overlay-boss-edge{left:env(safe-area-inset-left,0px);width:calc(var(--u) * 14);border-radius:0 calc(var(--u) * 8) calc(var(--u) * 8) 0;top:18%;bottom:40%}.edge-right .overlay-boss-edge{right:env(safe-area-inset-right,0px);width:calc(var(--u) * 14);border-radius:calc(var(--u) * 8) 0 0 calc(var(--u) * 8);top:18%;bottom:40%}.edge-top .overlay-boss-edge{top:env(safe-area-inset-top,0px);height:calc(var(--u) * 14);left:0;right:0}.edge-bottom .overlay-boss-edge{bottom:env(safe-area-inset-bottom,0px);height:calc(var(--u) * 14);left:0;right:0}.is-cockpit-view .edge-left .overlay-boss-edge{height:20vh;top:56vh;bottom:auto}.is-cockpit-view .edge-right .overlay-boss-edge{height:20vh;top:56vh;bottom:auto;right:calc(env(safe-area-inset-right,0px) + 10vw)}@keyframes ui-boss-flash{to{opacity:.65}}@keyframes ui-boss-edge{to{opacity:.25}}@keyframes ui-blink{50%{opacity:.25}}@keyframes ui-points-pulse{50%{transform:scale(1.1)}}@keyframes ui-toast-pop{0%{opacity:0;transform:rotate(-4deg)scale(.6)}}@keyframes ui-zone-event{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translate(-50%,-50%)rotate(-12deg)scale(.2)}16%{opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-50%)rotate(3deg)scale(1.25)}25%{transform:translate(-50%,-50%)rotate(-4deg)scale(1)}75%{opacity:1;animation-timing-function:ease-in;transform:translate(-50%,-50%)rotate(-4deg)scale(1)}to{opacity:0;transform:translate(-50%,-62%)rotate(-4deg)scale(1.08)}}@keyframes ui-zone-event-fade{0%,75%{opacity:1}to{opacity:0}}.ui-screen,.challenge-overlay,.replay-screen{z-index:50;box-sizing:border-box;color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-variant-numeric:tabular-nums;touch-action:pan-y;position:fixed;inset:0}.ui-screen *,.challenge-overlay *,.replay-screen *{box-sizing:border-box}.ui-screen{padding:calc(env(safe-area-inset-top,0px) + 4vh) calc(env(safe-area-inset-right,0px) + 4vw) calc(env(safe-area-inset-bottom,0px) + 4vh) calc(env(safe-area-inset-left,0px) + 4vw);background:var(--c-bg,#a9def5);overflow-y:auto}.screen-panel{border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);background:var(--c-panel,#fff8e7);width:min(100%,1000px);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);margin:auto;padding:clamp(20px,4vw,44px)}.screen-eyebrow{color:var(--c-primary,#1f6fd1);margin:0 0 8px;font-size:14px;font-weight:800}.screen-title{margin:0 0 12px;font-size:clamp(26px,4vw,42px);line-height:1.2}.screen-intro{margin:0 0 20px;line-height:1.6}.section-title{margin:20px 0 12px;font-size:18px}.ui-button{border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 12);min-width:44px;min-height:44px;color:var(--c-text,#1d2433);box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.ui-button-primary{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433)}.ui-button:active{transform:translateY(calc(var(--u) * 3));box-shadow:0 calc(var(--u) * 1) 0 var(--c-text,#1d2433)}.ui-button:disabled{opacity:.5;cursor:default;border-style:dashed}.ui-button:focus-visible,.nickname-input:focus-visible,.quality-select:focus-visible,.seed-input:focus-visible{outline:3px solid var(--c-accent,#ffc83d);outline-offset:3px}.start-screen{--u:clamp(1px, min(100dvh / 390, 100vw / 844), 1.3px);padding:calc(env(safe-area-inset-top,0px) + var(--u) * 10) calc(env(safe-area-inset-right,0px) + var(--u) * 14) calc(env(safe-area-inset-bottom,0px) + var(--u) * 10) calc(env(safe-area-inset-left,0px) + var(--u) * 14);background:radial-gradient(circle at 85% 110%, #ffc83d8c 0 22%, transparent 22.2%), repeating-linear-gradient(-45deg, #1d24330d 0 2px, transparent 2px 14px), var(--c-bg,#a9def5);flex-direction:column;display:flex;overflow:hidden auto}.start-screen>.screen-panel{width:min(100%, calc(var(--u) * 880));min-height:min-content;max-height:calc(var(--u) * 430);box-shadow:none;grid-template-columns:minmax(190px, min(calc(var(--u) * 272), 36%)) minmax(0, 1fr);align-items:stretch;gap:calc(var(--u) * 12);background:0 0;border:0;border-radius:0;flex:auto;margin:auto;padding:0;display:grid}.start-sidebar{gap:calc(var(--u) * 10);flex-direction:column;min-width:0;min-height:0;display:flex}.start-header{gap:calc(var(--u) * 6);display:grid}.start-logo{padding:calc(var(--u) * 8) calc(var(--u) * 12) calc(var(--u) * 10);border-radius:calc(var(--u) * 14);background:var(--c-text,#1d2433);color:var(--c-panel,#fff8e7);box-shadow:0 calc(var(--u) * 4) 0 var(--c-accent,#ffc83d);position:relative;transform:rotate(-1.5deg)}.start-tag{right:calc(var(--u) * -6);top:calc(var(--u) * -6);background:var(--c-accent,#ffc83d);position:absolute;transform:rotate(8deg)}.start-logo .screen-eyebrow{font-size:calc(var(--u) * 10);letter-spacing:.28em;color:var(--c-accent,#ffc83d);margin:0;font-weight:800}.start-logo .screen-title{font-size:calc(var(--u) * 26);letter-spacing:.02em;margin:0;font-weight:900;line-height:1.08}.start-logo .screen-intro{margin:calc(var(--u) * 3) 0 0;font-size:calc(var(--u) * 11);opacity:.85;line-height:1.35}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nickname-input,.seed-input{width:100%;min-width:0;max-width:100%;height:calc(var(--u) * 30);min-height:30px;padding:0 calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);color:var(--c-text,#1d2433);font:inherit;font-size:calc(var(--u) * 14);letter-spacing:normal;-webkit-user-select:text;user-select:text;touch-action:auto;background:#fff;font-weight:700}.start-preferences{flex-direction:column;flex:1;min-height:0;display:flex}.home-options{gap:calc(var(--u) * 7);flex-direction:column;flex:none;display:flex}.home-option{align-items:center;gap:calc(var(--u) * 9);width:100%;min-height:calc(var(--u) * 33);padding:calc(var(--u) * 5) calc(var(--u) * 10);border-radius:calc(var(--u) * 13);background:var(--c-panel,#fff8e7);color:var(--c-text,#1d2433);font:inherit;font-size:calc(var(--u) * 13);text-align:left;cursor:pointer;touch-action:manipulation;font-weight:900;line-height:1.2;display:flex}.home-option.is-active{background:var(--c-text,#1d2433);color:var(--c-accent,#ffc83d)}.home-option:active{transform:translateY(calc(var(--u) * 2));box-shadow:0 calc(var(--u) * 2) 0 var(--c-text,#1d2433)}.home-option:focus-visible{outline:3px solid var(--c-accent,#ffc83d);outline-offset:3px}.home-option-sign{width:calc(var(--u) * 22);height:calc(var(--u) * 22);flex:none;justify-content:center;align-items:center;display:inline-flex}.home-option-icon{width:100%;height:100%}.home-option-road{border-radius:calc(var(--u) * 4);background:currentColor;width:58%;height:88%;position:relative}.home-option-road:before{content:"";width:calc(var(--u) * 2);background:var(--c-panel,#fff8e7);height:52%;position:absolute;top:20%;left:45%}.home-option.is-active .home-option-road:before{background:var(--c-text,#1d2433)}.home-option-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.home-option-end{align-items:center;gap:calc(var(--u) * 6);flex:none;margin-left:auto;display:inline-flex}.home-option-badge{font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);min-width:calc(var(--u) * 23);height:calc(var(--u) * 23);padding:0 calc(var(--u) * 3);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-danger,#e5383b);color:#fff;font-size:calc(var(--u) * 13);box-shadow:0 calc(var(--u) * 2) 0 var(--c-text,#1d2433);border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.home-option-badge[hidden]{display:none}.home-option-arrow{width:calc(var(--u) * 23);height:calc(var(--u) * 23);border:calc(var(--u) * 2.2) solid currentColor;color:var(--c-text,#1d2433);background:#fffdf7;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.home-option-arrow:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:39%;height:45%;margin-left:9%;display:block}.home-option.is-active .home-option-arrow{background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433)}.settings-row{gap:calc(var(--u) * 7);min-height:0;padding:calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 9);touch-action:pan-y;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden auto}.setting-row{grid-template-columns:calc(var(--u) * 44) minmax(0, 1fr);align-items:center;gap:calc(var(--u) * 8);min-height:calc(var(--u) * 30);flex:none;width:100%;display:grid}.setting-label{font-size:calc(var(--u) * 13);color:var(--c-text-soft,#4a5468);white-space:nowrap;font-weight:800}.quality-select{min-width:0;height:calc(var(--u) * 30);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));min-height:30px;display:grid;overflow:hidden}.scoring-select,.traffic-select{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-option{min-width:0;min-height:0;padding:0 calc(var(--u) * 4);color:var(--c-text,#1d2433);font:inherit;font-size:calc(var(--u) * 13);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:#fff;border:0;font-weight:800}.quality-option+.quality-option{border-left:calc(var(--u) * 2) solid var(--c-text,#1d2433)}.quality-option.is-active,.quality-option[aria-checked=true]{background:var(--c-text,#1d2433);color:var(--c-accent,#ffc83d)}.quality-option:focus-visible,.mute-input:focus-visible~.mute-switch,.haptics-input:focus-visible~.mute-switch{outline:3px solid var(--c-accent,#ffc83d);outline-offset:2px}.setting-mute,.setting-haptics{cursor:pointer}.setting-switches{align-items:center;gap:calc(var(--u) * 12);flex:none;width:100%;display:flex}.setting-switches>.setting-row{flex:1 1 0;grid-template-columns:auto auto;justify-content:space-between;width:auto;min-width:0}.mute-input,.haptics-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mute-switch{width:calc(var(--u) * 42);height:calc(var(--u) * 24);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:#fff;border-radius:999px;transition:background .12s;position:relative}.mute-switch:after{content:"";left:calc(var(--u) * 2);width:calc(var(--u) * 16);height:calc(var(--u) * 16);background:var(--c-text,#1d2433);border-radius:50%;transition:transform .12s;position:absolute;top:50%;transform:translateY(-50%)}.mute-input:checked~.mute-switch,.haptics-input:checked~.mute-switch{background:var(--c-accent,#ffc83d)}.mute-input:checked~.mute-switch:after,.haptics-input:checked~.mute-switch:after{transform:translate(calc(var(--u) * 18), -50%)}.settings-subrow{padding-top:calc(var(--u) * 7);border-top:calc(var(--u) * 2) dashed var(--c-text-soft,#4a5468);gap:calc(var(--u) * 6);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto;display:grid}.settings-subrow .ui-button.device-entry{justify-content:flex-start;gap:calc(var(--u) * 5);min-width:0;min-height:28px;padding:calc(var(--u) * 2) calc(var(--u) * 2);border-radius:calc(var(--u) * 8);box-shadow:none;color:var(--c-text-soft,#4a5468);opacity:.7;font-size:calc(var(--u) * 12);text-align:left;background:0 0;border:0;font-weight:800;line-height:1.2;transform:none}.settings-subrow .ui-button.device-entry:before{content:"";width:calc(var(--u) * 8);height:calc(var(--u) * 8);border:calc(var(--u) * 1.5) solid currentColor;background:0 0;border-radius:50%;flex:none}.settings-subrow .ui-button.device-entry[data-connected=true]{color:var(--c-success,#17996a);opacity:1}.settings-subrow .ui-button.device-entry[data-connected=true]:before{background:var(--c-success,#17996a);border-color:var(--c-text,#1d2433)}.settings-subrow .ui-button.device-entry:focus-visible{outline:3px solid var(--c-accent,#ffc83d);outline-offset:1px;opacity:1}.start-right{flex-direction:column;min-width:0;min-height:0;display:flex}.start-right>.route-groups{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.start-right>.mailbox-host{flex-direction:column;flex:auto;min-height:0;display:flex}.start-right>.mailbox-host>.mailbox-screen{flex:auto;min-height:0}.start-right>[hidden]{display:none!important}.route-groups{gap:calc(var(--u) * 8);flex-direction:column;min-width:0;min-height:0;display:flex}.route-group{gap:calc(var(--u) * 8);flex-direction:column;flex:none;min-width:0;min-height:0;display:flex}.route-group.is-open{flex:none}.group-head{align-items:center;gap:calc(var(--u) * 8);width:100%;height:calc(var(--u) * 34);min-height:34px;padding:0 calc(var(--u) * 12);font:inherit;color:var(--c-text,#1d2433);text-align:left;cursor:pointer;touch-action:manipulation;flex:none;display:flex}.group-head[aria-expanded=false]{background:#fffdf6}.group-head:focus-visible{outline:3px solid var(--c-accent,#ffc83d);outline-offset:3px}.group-title{font-size:calc(var(--u) * 17);flex:none;font-weight:900}.group-count{padding:0 calc(var(--u) * 7);background:var(--c-text,#1d2433);color:var(--c-accent,#ffc83d);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 12);line-height:calc(var(--u) * 18);border-radius:999px;flex:none}.group-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(var(--u) * 12);color:var(--c-text-soft,#4a5468);flex:1 1 0;overflow:hidden}.group-arrow{width:calc(var(--u) * 22);height:calc(var(--u) * 22);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);font-size:calc(var(--u) * 10);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid}.group-head[aria-expanded=false] .group-arrow{transform:rotate(-90deg)}.route-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(calc(var(--u) * 118), auto);gap:calc(var(--u) * 10);min-height:0;padding-bottom:calc(var(--u) * 5);touch-action:pan-y;flex:none;margin:0;display:grid;overflow:hidden auto}.route-cards[hidden]{display:none}.route-card,.ds-card{align-items:flex-start;gap:calc(var(--u) * 2);min-width:0;min-height:0;padding:calc(var(--u) * 8) calc(var(--u) * 10) calc(var(--u) * 9);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);background:var(--c-primary,#1f6fd1);color:#fff;box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);flex-direction:column;display:flex;position:relative;overflow:hidden}.route-card>:not(.route-challenge),.ds-card>*{flex-shrink:0}.route-card:not(.endless-card):nth-child(4n+1),.ds-card:nth-child(4n+1){background:var(--c-primary,#1f6fd1)}.route-card:not(.endless-card):nth-child(4n+2),.ds-card:nth-child(4n+2){background:#2c8bd8}.route-card:not(.endless-card):nth-child(4n+3),.ds-card:nth-child(4n+3){background:#6a5acd}.route-card:not(.endless-card):nth-child(4n+4),.ds-card:nth-child(4n+4){background:var(--c-success,#17996a)}.route-no,.endless-icon{right:calc(var(--u) * 10);top:calc(var(--u) * -2);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 40);opacity:.22;pointer-events:none;font-weight:900;line-height:1.1;position:absolute}.difficulty-badge{padding:0 calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);font-size:calc(var(--u) * 12);line-height:calc(var(--u) * 17);white-space:nowrap;border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.difficulty-badge.is-intermediate{color:var(--c-text,#1d2433);background:#fff}.difficulty-badge.is-challenge{background:var(--c-danger,#e5383b);color:#fff}.route-name,.ds-name{margin:calc(var(--u) * 2) 0 0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:calc(var(--u) * 18);font-weight:900;line-height:1.15;overflow:hidden}.route-best{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 12);opacity:.92;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3}.route-challenge{min-height:calc(var(--u) * 17);padding:calc(var(--u) * 1) calc(var(--u) * 6);border:calc(var(--u) * 1.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 6);background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);font-size:calc(var(--u) * 10);overflow-wrap:anywhere;touch-action:pan-y;flex:0 auto;margin:0;font-weight:800;line-height:1.3;overflow-y:auto}.route-start-row{z-index:1;align-self:stretch;align-items:center;gap:calc(var(--u) * 8);margin-top:auto;display:flex;position:relative}.route-card .route-start-row .ui-button,.ds-card .route-start-row .ui-button{width:auto;min-width:0;height:calc(var(--u) * 30);min-height:30px;max-height:none;padding:0 calc(var(--u) * 6);border-width:calc(var(--u) * 2.5);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);font-size:calc(var(--u) * 15);flex:1 1 0;margin:0;position:relative}.route-card .route-start-row .ui-button:active,.ds-card .route-start-row .ui-button:active{transform:translateY(calc(var(--u) * 2));box-shadow:0 calc(var(--u) * 1) 0 var(--c-text,#1d2433)}.daynight-select{flex:1 1 0;order:-1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.daynight-select .quality-option{font-size:calc(var(--u) * 13)}.endless-card{color:var(--c-text,#1d2433);background:repeating-linear-gradient(90deg, transparent 0 22px, #1d24330f 22px 24px), var(--c-accent,#ffc83d)}.endless-card .difficulty-badge{background:var(--c-text,#1d2433);color:var(--c-accent,#ffc83d)}.endless-card .route-challenge{background:var(--c-panel,#fff8e7)}.endless-card .ui-button{background:var(--c-primary,#1f6fd1);color:#fff}.ds-items{grid-column:1/-1;grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 180), 1fr));gap:calc(var(--u) * 10);display:grid}.ds-subject-head{margin-top:calc(var(--u) * 4);grid-column:1/-1;align-items:center;display:flex}.ds-subject-head .ds-name{margin:0}.ds-item.is-locked{opacity:.6}.ds-item .ui-button:disabled{cursor:not-allowed;opacity:.75}.seed-label{flex:1 1 0;min-width:0;display:block}.endless-card .seed-input{height:calc(var(--u) * 30);min-height:30px;font-size:calc(var(--u) * 13)}.screen-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.results-screen{background:repeating-linear-gradient(-45deg, #1d24330d 0 2px, transparent 2px 14px), var(--c-panel-2,#f3e9cf)}.results-screen>.screen-panel{width:min(100%,1120px);height:92vh;height:calc(100dvh - 8vh);box-shadow:none;gap:calc(var(--u) * 10) calc(var(--u) * 14);background:0 0;border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(240px,38%) minmax(0,1fr);padding:0;display:grid;overflow:hidden}.result-overview{min-height:0;padding:calc(var(--u) * 10) calc(var(--u) * 14);justify-content:flex-start;gap:calc(var(--u) * 8);touch-action:pan-y;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.result-overview>*{flex:none;margin-top:0;margin-bottom:0}.result-new-best{padding:calc(var(--u) * 2) calc(var(--u) * 8);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);background:var(--c-danger,#e5383b);color:#fff;box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);font-size:calc(var(--u) * 13);white-space:nowrap;align-self:center;margin-left:auto;font-weight:900;transform:rotate(6deg)}.result-finish{align-self:flex-start}.result-finish.is-success{background:var(--c-success,#17996a);color:#fff}.result-finish.is-danger{background:var(--c-danger,#e5383b);color:#fff}.driving-school-results .result-overview{justify-content:flex-start;gap:calc(var(--u) * 8)}.driving-school-results .ds-headline{padding:calc(var(--u) * 4) calc(var(--u) * 10);text-align:center;font-size:calc(var(--u) * 34);letter-spacing:.2em;text-indent:.2em;justify-content:center;align-self:stretch;margin:0;font-weight:900;line-height:1.1}.driving-school-results .ds-headline.is-success{background:var(--c-success,#17996a);color:#fff}.driving-school-results .ds-headline.is-danger{background:var(--c-danger,#e5383b);color:#fff}.result-meta{gap:calc(var(--u) * 5);flex-wrap:wrap;display:flex}.result-meta .tb-chip{padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 10.5);color:var(--c-text-soft,#4a5468);border-color:#c9bfa6;margin:0}.result-summary{gap:calc(var(--u) * 6);background:0 0;border-radius:0;padding:0;display:grid}.result-score-row{align-items:center;gap:calc(var(--u) * 6);display:flex}.result-points{align-items:baseline;gap:calc(var(--u) * 4);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-weight:600;line-height:.95;display:flex}.result-points-label{font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:calc(var(--u) * 13);color:var(--c-text-soft,#4a5468);font-weight:800}.result-points-num{font-size:calc(var(--u) * 54);font-weight:600}.result-points-unit{font-size:calc(var(--u) * 16);font-weight:600}.result-points.is-secondary{font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:calc(var(--u) * 15);color:var(--c-text-soft,#4a5468);font-weight:900}.result-points-box{width:100%}.result-summary .hud-points{gap:calc(var(--u) * 2)}.result-summary .hud-points-pips{gap:calc(var(--u) * 1.5)}.result-summary .hud-point-pip{height:calc(var(--u) * 8);border:calc(var(--u) * 1) solid var(--c-text,#1d2433);border-radius:2px}.result-minis{gap:calc(var(--u) * 6);display:flex}.result-minis.is-many{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-mini{min-width:0;padding:calc(var(--u) * 3) calc(var(--u) * 7);border-radius:calc(var(--u) * 10);align-items:baseline;column-gap:calc(var(--u) * 4);background:#fff;border:1px solid #c9bfa6;flex-wrap:wrap;flex:1 1 0;display:flex}.result-minis.is-many .result-mini{flex:none}.result-mini small{font-size:calc(var(--u) * 10);color:var(--c-text-soft,#4a5468);flex:0 0 100%;font-weight:800}.result-mini b{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 16);overflow-wrap:anywhere;font-weight:600;line-height:1.15}.result-minis.is-many .result-mini b{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.result-mini .result-mini-note{font-style:normal;font-size:calc(var(--u) * 9);color:var(--c-text-soft,#4a5468);font-weight:800}.result-mini.result-zone b,.result-mini.result-best b{font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:calc(var(--u) * 14);font-weight:900}.result-extra{gap:calc(var(--u) * 2) calc(var(--u) * 12);flex-wrap:wrap;display:flex}.result-extra p{font-size:calc(var(--u) * 10.5);color:var(--c-text-soft,#4a5468);margin:0;font-weight:800}.result-extra .result-time{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif)}.result-detention{font-size:calc(var(--u) * 10.5);color:var(--c-danger,#e5383b);margin:0;font-weight:700;line-height:1.5}.result-title-badge{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);background:var(--c-text,#1d2433);color:var(--c-accent,#ffc83d);border-radius:calc(var(--u) * 10);display:flex;transform:rotate(-1.2deg)}.result-title-icon{font-size:calc(var(--u) * 26);line-height:1}.result-title-label{color:var(--c-panel,#fff8e7);font-size:calc(var(--u) * 9);letter-spacing:.1em;font-weight:800;display:block}.result-title{color:inherit;font-size:calc(var(--u) * 17);margin:0;font-weight:900}.result-detail{flex-direction:column;min-height:0;display:flex}.result-detail-content{justify-content:space-between;gap:calc(var(--u) * 10);min-height:0;padding:2px calc(var(--u) * 6) calc(var(--u) * 8) 2px;touch-action:pan-y;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.result-detail-content>*{flex:none}.result-detail-content>.result-empty{min-height:calc(var(--u) * 60);flex-direction:column;flex:auto;display:flex}.result-section{gap:calc(var(--u) * 5);align-content:start;display:grid}.result-section .section-title{align-items:center;gap:calc(var(--u) * 6);font-size:calc(var(--u) * 13);margin:0;font-weight:900;display:flex}.result-section .section-title:before{content:"";width:calc(var(--u) * 6);height:calc(var(--u) * 14);background:var(--c-primary,#1f6fd1);border-radius:2px}.result-stats{gap:calc(var(--u) * 6);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.result-stat,.result-accuracy{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4);min-height:calc(var(--u) * 32);padding:calc(var(--u) * 2) calc(var(--u) * 8);border-radius:calc(var(--u) * 10);background:#fff;border:1px solid #c9bfa6;display:flex}.result-stat dt,.result-accuracy dt{font-size:calc(var(--u) * 11);color:var(--c-text-soft,#4a5468);font-weight:800}.result-stat dd,.result-accuracy dd{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 19);margin:0;font-weight:600}.result-stat.is-good{background:#dff5ea;border-color:#9fd8bd}.result-stat.is-bad{background:#ffe1df;border-color:#eeaaa6}.result-stat.is-good dd{color:var(--c-success,#17996a)}.result-stat.is-bad dd{color:var(--c-danger,#e5383b)}.result-accuracy{background:var(--c-accent,#ffc83d);border-color:#d9a21c}.result-violations{gap:calc(var(--u) * 7);flex-wrap:wrap;margin:0;display:flex}.result-violation{align-items:baseline;gap:calc(var(--u) * 4);padding:calc(var(--u) * 2) calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-danger,#e5383b);color:var(--c-danger,#e5383b);font-size:calc(var(--u) * 13);background:#fff;border-radius:999px;font-weight:800;display:inline-flex;transform:rotate(-1deg)}.result-violation:nth-child(2n){transform:rotate(1.2deg)}.result-violation dt{overflow-wrap:anywhere;min-width:0}.result-violation dd{color:var(--c-text,#1d2433);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 13);margin:0;font-weight:600}.result-no-violation{justify-content:center;align-items:center;gap:calc(var(--u) * 4);padding:calc(var(--u) * 8) calc(var(--u) * 10);border:calc(var(--u) * 2.5) dashed #c9bfa6;border-radius:calc(var(--u) * 14);color:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 15);text-align:center;flex-direction:column;flex:auto;margin:0;font-weight:800;display:flex}.result-no-violation.is-inline{padding:calc(var(--u) * 6) calc(var(--u) * 10);font-size:calc(var(--u) * 12);flex:none}.result-empty-note{font-size:calc(var(--u) * 11.5);margin:0;font-weight:700}.result-mileage{gap:calc(var(--u) * 4) calc(var(--u) * 16);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.result-road-class{justify-content:space-between;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 11.5);display:flex}.result-road-class dt{color:var(--c-text-soft,#4a5468);font-weight:700}.result-road-class dd{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);margin:0;font-weight:600}.result-replay-row{align-items:center;gap:calc(var(--u) * 7);flex-wrap:wrap;display:flex}.result-replay-list{gap:calc(var(--u) * 5);flex-direction:column;flex:100%;min-width:0;margin:0;padding:0;display:flex}.result-replay-item{justify-content:space-between;gap:calc(var(--u) * 8);flex-wrap:nowrap;width:100%}.result-incident{overflow-wrap:anywhere;min-width:0;font-size:calc(var(--u) * 11.5);flex:1 1 0;font-weight:700}.result-incident-points{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-weight:600}.result-incident-accident{color:var(--c-primary,#1f6fd1);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.result-incident-accident:disabled{color:var(--c-text-soft,#4a5468);cursor:default}.result-replay-all,.result-replay-one{min-width:calc(var(--u) * 56);min-height:clamp(26px, calc(var(--u) * 32), 44px);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 11);white-space:nowrap;box-shadow:0 1px 0 var(--c-text,#1d2433);flex:none}.result-replay-all:before{content:"▶";font-size:.8em}.result-challenge{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.result-vs-side{font-size:calc(var(--u) * 11);margin:0;font-weight:700}.result-vs-side.is-opponent{text-align:right}.result-vs-badge{width:calc(var(--u) * 44);height:calc(var(--u) * 44);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);background:var(--c-success,#17996a);color:#fff;font-size:calc(var(--u) * 20);border-radius:50%;place-items:center;margin:0;font-weight:900;display:grid}.result-vs-badge.is-lose{background:var(--c-danger,#e5383b)}.result-vs-badge.is-draw{background:var(--c-primary,#1f6fd1)}.result-vs-badge.is-unfinished{background:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 10)}.result-challenge-mismatch{font-size:calc(var(--u) * 12);margin:0;font-weight:700}.result-challenge-map-notice,.challenge-map-notice{font-size:calc(var(--u) * 10);color:var(--c-text-soft,#4a5468);margin:0}.result-actions{grid-template-columns:repeat(var(--result-action-count,4), minmax(0, 1fr));gap:calc(var(--u) * 9);margin-top:calc(var(--u) * 6);padding-bottom:calc(var(--u) * 5);flex:none;display:grid}.result-actions .ui-button{min-width:0;min-height:44px;padding:0 calc(var(--u) * 6);font-size:calc(var(--u) * 13);white-space:nowrap}.result-actions .result-action-challenge,.result-actions .result-action-share{background:var(--c-primary,#1f6fd1);color:#fff}.challenge-overlay{z-index:70;background:#1d24339e;place-items:center;padding:24px;display:grid;overflow-y:auto}.challenge-card{width:min(100%,520px);max-width:520px;padding:0;overflow:hidden}.challenge-ticket-top{align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 14) calc(var(--u) * 18);grid-template-columns:auto minmax(0,1fr);display:grid}.challenge-vs-badge{width:calc(var(--u) * 64);height:calc(var(--u) * 64);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);background:var(--c-danger,#e5383b);color:#fff;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 26);place-items:center;font-weight:900;display:grid;transform:rotate(-4deg)}.challenge-ticket-info .screen-title{margin:0 0 calc(var(--u) * 6);font-size:calc(var(--u) * 24)}.challenge-invitation{font-size:calc(var(--u) * 13);overflow-wrap:anywhere;margin:0;line-height:1.6}.challenge-ticket-tear{margin:0 calc(var(--u) * 18);border-top:calc(var(--u) * 2.5) dashed var(--c-text,#1d2433)}.challenge-ticket-bottom{padding:calc(var(--u) * 12) calc(var(--u) * 18) calc(var(--u) * 16)}.challenge-accept{width:100%}.share-panel{gap:calc(var(--u) * 10);width:min(100%,640px);padding-top:calc(var(--u) * 56);justify-items:center;display:grid;position:relative}.share-close{top:calc(var(--u) * 10);right:calc(var(--u) * 10);z-index:1;min-height:44px;padding:0 calc(var(--u) * 12);font-size:calc(var(--u) * 12);position:absolute}.share-hint{color:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 12);margin:0;font-weight:700}.share-panel .screen-title{font-size:calc(var(--u) * 22);justify-self:start;margin:0}.share-panel .challenge-link{width:100%}.share-copy{min-width:calc(var(--u) * 140)}.replay-screen{z-index:50;pointer-events:none}.replay-screen [hidden]{display:none!important}.replay-dashcam{color:#fff;font-family:var(--font-ui,"BS KuaiLe", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);letter-spacing:.08em;text-shadow:0 1px 2px #000000b3;pointer-events:none;position:absolute;inset:0}.replay-dashcam>*{pointer-events:none}.replay-scanlines{background:repeating-linear-gradient(0deg,#00000014 0 2px,#0000 2px 4px);position:absolute;inset:0}.replay-vignette{background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.replay-corner{width:calc(var(--u) * 22);height:calc(var(--u) * 22);border:0 solid #ffffffd9;position:absolute}.replay-corner.is-tl{left:calc(env(safe-area-inset-left,0px) + var(--u) * 8);top:calc(env(safe-area-inset-top,0px) + var(--u) * 8);border-top-width:2px;border-left-width:2px}.replay-corner.is-tr{right:calc(env(safe-area-inset-right,0px) + var(--u) * 8);top:calc(env(safe-area-inset-top,0px) + var(--u) * 8);border-top-width:2px;border-right-width:2px}.replay-corner.is-bl{left:calc(env(safe-area-inset-left,0px) + var(--u) * 8);bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 8);border-bottom-width:2px;border-left-width:2px}.replay-corner.is-br{right:calc(env(safe-area-inset-right,0px) + var(--u) * 8);bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 8);border-bottom-width:2px;border-right-width:2px}.replay-osd{top:calc(env(safe-area-inset-top,0px) + var(--u) * 12);left:calc(env(safe-area-inset-left,0px) + var(--u) * 16);right:calc(env(safe-area-inset-right,0px) + var(--u) * 16);justify-content:space-between;align-items:center;gap:calc(var(--u) * 10);font-size:calc(var(--u) * 14);font-weight:700;display:flex;position:absolute}.replay-rec{align-items:center;display:inline-flex}.replay-rec:before{content:"";width:calc(var(--u) * 12);height:calc(var(--u) * 12);margin-right:calc(var(--u) * 6);background:#ff2d2d;border-radius:50%;animation:1s step-end infinite ui-blink;display:inline-block}.replay-timestamp{font-family:var(--font-num,"BS Num", "BS KuaiLe", "DIN Alternate", "Bahnschrift", "Arial Narrow", sans-serif)}.replay-telemetry{left:calc(env(safe-area-inset-left,0px) + var(--u) * 16);top:calc(var(--u) * 60);--rp-h:calc(var(--u) * 29);color:#fff;pointer-events:none;font-weight:700;position:absolute}.replay-dashcam .hud-row-limit{display:none}.replay-pedals{align-items:flex-end;gap:calc(var(--rp-h) * .28);height:var(--rp-h);padding:calc(var(--rp-h) * .14) calc(var(--rp-h) * .4);box-sizing:border-box;border-radius:calc(var(--rp-h) / 2);background:var(--c-text,#1d2433);display:inline-flex}.replay-pedal{border-radius:calc(var(--rp-h) * .14);background:color-mix(in srgb, var(--c-panel,#fff8e7) 22%, var(--c-text,#1d2433));transition:box-shadow 80ms linear;display:block;position:relative;overflow:hidden}.replay-pedal.is-brake{width:calc(var(--rp-h) * .95);height:calc(var(--rp-h) * .5)}.replay-pedal.is-throttle{width:calc(var(--rp-h) * .52);height:100%}.replay-pedal-fill{background:var(--rp-color);height:0;position:absolute;bottom:0;left:0;right:0}.replay-pedal.is-brake{--rp-color:var(--c-danger,#e5383b)}.replay-pedal.is-throttle{--rp-color:var(--c-success,#17996a)}.replay-pedal:after{content:"";background:repeating-linear-gradient(0deg, transparent 0 calc(var(--rp-h) * .1), #00000052 calc(var(--rp-h) * .1) calc(var(--rp-h) * .14));position:absolute;inset:0}.replay-pedal.is-on{box-shadow:0 0 calc(var(--rp-h) * .3) var(--rp-color)}.replay-panel{right:calc(env(safe-area-inset-right,0px) + var(--u) * 16);top:calc(env(safe-area-inset-top,0px) + var(--u) * 58);bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 16);width:min(34vw,380px);min-width:230px;padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 14);background:var(--c-panel,#fff8e7);pointer-events:auto;position:absolute;overflow-y:auto}.replay-panel .section-title{margin-top:0}.replay-list{margin:0;padding-left:0;list-style:none}.replay-list li{margin-bottom:calc(var(--u) * 5)}.replay-clip{width:100%;min-height:44px;padding:0 calc(var(--u) * 10);text-align:left;overflow-wrap:anywhere;box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433)}.replay-clip[aria-current=true]{border-color:var(--c-text,#1d2433);background:var(--c-accent,#ffc83d);color:var(--c-text,#1d2433);box-shadow:0 calc(var(--u) * 2) 0 var(--c-text,#1d2433)}.replay-law-head{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 12);display:flex}.replay-law-title{font-size:calc(var(--u) * 22);margin:0;font-weight:900}.replay-law-points{color:var(--c-danger,#e5383b);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 30)}.replay-law-card{pointer-events:auto;width:min(52vw,620px);max-height:80vh;position:absolute;top:50%;left:4vw;overflow-y:auto;transform:translateY(-50%)}.replay-law-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.replay-timeline{left:calc(env(safe-area-inset-left,0px) + 4vw);right:calc(env(safe-area-inset-right,0px) + 4vw);bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 16);height:calc(var(--u) * 34);pointer-events:none;position:absolute}.replay-timeline:before{content:"";background:#ffffff73;height:2px;position:absolute;top:50%;left:0;right:0}.replay-marker{width:calc(var(--u) * 30);height:calc(var(--u) * 30);pointer-events:auto;text-indent:-9999px;border-radius:50%;min-width:30px;min-height:30px;padding:0;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%)}.replay-marker:after{content:"";background:var(--c-accent,#ffc83d);border-radius:50%;position:absolute;inset:30%}.full-replay-note{text-align:center;opacity:.9;flex:auto}.full-replay-bar{left:calc(env(safe-area-inset-left,0px) + 4vw);right:calc(env(safe-area-inset-right,0px) + 4vw);bottom:calc(env(safe-area-inset-bottom,0px) + var(--u) * 16);align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);border-radius:calc(var(--u) * 14);background:var(--c-panel,#fff8e7);color:var(--c-text,#1d2433);pointer-events:auto;display:flex;position:absolute}.full-replay-bar .ui-button{min-height:44px;padding:0 calc(var(--u) * 12);flex:none;font-size:14px}.full-replay-track{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.full-replay-slider{width:100%;min-height:28px;accent-color:var(--c-accent,#ffc83d);touch-action:none;margin:0}.full-replay-markers{height:22px;position:relative}.full-replay-markers .replay-marker{box-sizing:border-box;width:22px;min-width:22px;height:22px;min-height:22px;padding:0}.full-replay-clock{font-family:var(--font-num,"BS Num", "DIN Alternate", "Bahnschrift", sans-serif);font-size:calc(var(--u) * 14);white-space:nowrap;flex:none}.poster-image{touch-action:auto;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;max-width:100%;height:auto;display:block}@media (max-width:640px) and (orientation:portrait){.screen-panel{padding:20px}.results-screen{padding:12px}.results-screen>.screen-panel{height:auto;min-height:calc(100vh - 24px);gap:calc(var(--u) * 10);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:calc(100dvh - 24px);overflow:visible}.result-overview{padding:calc(var(--u) * 10) calc(var(--u) * 12);overflow:visible}.result-detail-content{padding-right:0;overflow:visible}.result-stats,.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-overlay .challenge-card{padding:0}.share-modal .share-panel{padding-top:calc(var(--u) * 56)}.replay-panel{width:calc(100% - 32px);min-width:0;top:72px;bottom:16px}.replay-law-card{z-index:1;width:90vw;left:5vw}}.current-vehicle{align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 8) calc(var(--u) * 12);min-width:0;display:flex}.current-vehicle-thumbnail{width:calc(var(--u) * 78);aspect-ratio:3/2;object-fit:contain;max-width:26%}.current-vehicle-info{gap:calc(var(--u) * 3);flex-direction:column;flex:1;min-width:0;display:flex}.current-vehicle-label{color:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 11)}.current-vehicle-name{font-size:calc(var(--u) * 16)}.change-vehicle{flex:none}.vehicle-settings-entry{width:100%;min-width:0;height:calc(var(--u) * 30);min-height:30px;padding:0 calc(var(--u) * 8);gap:calc(var(--u) * 6);border-width:calc(var(--u) * 2);border-radius:calc(var(--u) * 10);box-shadow:none;font-size:calc(var(--u) * 14);justify-content:flex-start}.vehicle-settings-entry:active{box-shadow:none;transform:none}.vehicle-settings-entry .current-vehicle-thumbnail{width:calc(var(--u) * 30);flex:none;max-width:none}.vehicle-settings-entry .current-vehicle-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:inherit;overflow:hidden}.vehicle-settings-arrow{font-size:calc(var(--u) * 20);margin-left:auto;line-height:1}.challenge-vehicle{margin-bottom:calc(var(--u) * 12)}.keyboard-hint{width:min(100%, calc(var(--u) * 880));margin:calc(var(--u) * 8) auto 0;font-size:calc(var(--u) * 10);color:var(--c-text-soft,#4a5468);flex:none;font-weight:700;line-height:1.45;display:none}@media (hover:hover) and (pointer:fine){.keyboard-hint{display:block}}.practice-banner{justify-content:space-between;align-items:center;gap:calc(var(--u) * 4) calc(var(--u) * 10);padding:calc(var(--u) * 5) calc(var(--u) * 10);border:calc(var(--u) * 3) solid transparent;border-radius:calc(var(--u) * 10);background:linear-gradient(var(--c-panel,#fff8e7), var(--c-panel,#fff8e7)) padding-box, repeating-linear-gradient(-45deg, var(--c-accent,#ffc83d) 0 8px, var(--c-text,#1d2433) 8px 16px) border-box;box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);font-size:calc(var(--u) * 11);flex-wrap:wrap;margin:0;font-weight:800;line-height:1.35;display:flex}.practice-exit{color:var(--c-primary,#1f6fd1);font-weight:900}.loading-screen,.app-error{place-items:center;display:grid}.loading-screen{background:var(--c-text,#1d2433)}.loading-screen>.screen-panel,.app-error>.screen-panel{width:min(100%, calc(var(--u) * 560));text-align:center;justify-items:center;gap:calc(var(--u) * 12);color:var(--c-text,#1d2433);display:grid}.loading-screen .screen-title,.app-error .screen-title{margin:0}.loading-text,.error-detail{margin:0;font-weight:700;line-height:1.5}.loading-road{width:100%;height:calc(var(--u) * 46);background:var(--c-track,#3a3f4c);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 12);position:relative;overflow:hidden}.loading-road:before{content:"";height:calc(var(--u) * 3);opacity:.65;background:repeating-linear-gradient(90deg,#fff 0 16px,#0000 16px 32px);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.loading-car{width:calc(var(--u) * 46);height:calc(var(--u) * 24);margin-top:calc(var(--u) * -14);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);background:#ff6b81;animation:1.6s ease-in-out infinite alternate loading-car-drive;position:absolute;top:50%;left:8%}.loading-car:before,.loading-car:after{content:"";bottom:calc(var(--u) * -6);width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--c-text,#1d2433);border-radius:50%;position:absolute}.loading-car:before{left:calc(var(--u) * 5)}.loading-car:after{right:calc(var(--u) * 5)}@keyframes loading-car-drive{0%{left:6%}to{left:calc(94% - var(--u) * 46)}}.replay-panel{max-height:calc(100vh - 32px);flex-direction:column;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.replay-panel>.section-title{flex:none}.replay-list{touch-action:pan-y;flex:auto;min-height:0;margin:8px 0;overflow-y:auto}.replay-panel>.screen-actions{flex:none;gap:6px;margin-top:8px}.replay-panel .ui-button{padding:8px 10px;font-size:14px}@media (orientation:landscape) and (max-height:500px){.results-screen{padding:12px}.start-screen .start-logo .screen-intro{display:none}.start-screen.is-practice .practice-banner{padding:calc(var(--u) * 3) calc(var(--u) * 8);font-size:calc(var(--u) * 10)}.results-screen>.screen-panel{height:calc(100vh - 24px);gap:calc(var(--u) * 8) calc(var(--u) * 10);border-radius:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(190px,.85fr) minmax(0,1.4fr);height:calc(100dvh - 24px);min-height:300px;padding:0;overflow:hidden}.result-overview{min-height:0;padding:calc(var(--u) * 8) calc(var(--u) * 10);overflow-y:auto}.result-finish{padding:calc(var(--u) * 1.5) calc(var(--u) * 7);font-size:calc(var(--u) * 10)}.result-points-num{font-size:calc(var(--u) * 40)}.result-points-unit,.result-points.is-secondary{font-size:calc(var(--u) * 12)}.result-mini b{font-size:calc(var(--u) * 14)}.result-mini.result-zone b,.result-mini.result-best b{font-size:calc(var(--u) * 12.5)}.result-detention{font-size:calc(var(--u) * 10);line-height:1.4}.result-title-badge{padding:calc(var(--u) * 4) calc(var(--u) * 8)}.result-title{font-size:calc(var(--u) * 14)}.result-section{gap:calc(var(--u) * 3)}.result-section .section-title{font-size:calc(var(--u) * 11)}.result-stats{gap:calc(var(--u) * 4)}.result-stat,.result-accuracy{min-height:calc(var(--u) * 30);padding:calc(var(--u) * 2) calc(var(--u) * 7)}.result-stat dt,.result-accuracy dt{font-size:calc(var(--u) * 11)}.result-stat dd,.result-accuracy dd{font-size:calc(var(--u) * 18)}.result-violation{padding:calc(var(--u) * 1.5) calc(var(--u) * 8);font-size:calc(var(--u) * 11)}.result-violation dd{font-size:calc(var(--u) * 11)}.result-replay-all,.result-replay-one{min-width:calc(var(--u) * 48);min-height:clamp(26px, calc(var(--u) * 30), 44px);padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 10)}.result-challenge{padding:calc(var(--u) * 4) calc(var(--u) * 8)}.result-vs-badge{width:calc(var(--u) * 36);height:calc(var(--u) * 36);font-size:calc(var(--u) * 16)}.result-actions{gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 6)}.result-actions .ui-button{min-height:44px;padding:0 calc(var(--u) * 8);font-size:calc(var(--u) * 11)}.driving-school-results .result-overview{gap:calc(var(--u) * 5)}.driving-school-results .ds-headline{padding:calc(var(--u) * 2) calc(var(--u) * 8);font-size:calc(var(--u) * 24)}.driving-school-results .result-failures{align-items:center;column-gap:calc(var(--u) * 8);grid-template-columns:auto minmax(0,1fr)}.driving-school-results .result-failures>.section-title{grid-column:1}.driving-school-results .result-failures>.result-replay-row{grid-column:2;justify-content:flex-end}.driving-school-results .result-failures>.result-replay-list{grid-column:1/-1}.driving-school-results .result-detail-content{padding-bottom:16px;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.replay-panel{padding:calc(var(--u) * 10);width:32vw;min-width:210px}.replay-panel .section-title{font-size:calc(var(--u) * 16);margin-bottom:calc(var(--u) * 4)}.replay-panel>.screen-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.replay-list li{margin-bottom:calc(var(--u) * 4)}.replay-clip{min-height:44px;font-size:calc(var(--u) * 10.5)}}@media (orientation:landscape) and (max-height:320px){.results-screen>.screen-panel{min-height:0}}.hud-menu{pointer-events:auto;cursor:pointer;font:inherit;min-height:36px}.pause-screen{z-index:100;background:#1d24338c;place-items:center;display:grid;overflow:hidden}.pause-panel{gap:calc(var(--u) * 10);width:min(calc(var(--u) * 420), 86vw);padding:calc(var(--u) * 14) calc(var(--u) * 18) calc(var(--u) * 16);grid-template-columns:1fr 1fr;margin:0;display:grid}.pause-title{margin:0 0 calc(var(--u) * 4);font-size:calc(var(--u) * 22);grid-column:1/-1;font-weight:900}.pause-panel .ui-button{min-height:max(44px, calc(var(--u) * 50));font-size:calc(var(--u) * 16)}.pad-tuner{z-index:45;top:calc(env(safe-area-inset-top,0px) + 2vh + 64px);left:calc(env(safe-area-inset-left,0px) + 2vw);box-sizing:border-box;width:min(280px,42vw);max-height:calc(98vh - 80px);color:var(--c-text,#1d2433);background:#fff8e7eb;background:color-mix(in srgb, var(--c-panel,#fff8e7) 92%, transparent);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-variant-numeric:tabular-nums;pointer-events:auto;-webkit-user-select:text;user-select:text;border:1px solid #34465b2e;border-radius:12px;padding:8px 10px;font-size:12px;position:fixed;overflow-y:auto}.pad-tuner *{box-sizing:border-box}.pad-tuner [hidden]{display:none!important}.pad-tuner-toggle,.pad-tuner-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #34465b40;border-radius:8px;padding:4px 8px}.pad-tuner-toggle{text-align:left;border:none;width:100%;padding:2px 0;font-weight:600}.pad-tuner-status{opacity:.8;overflow-wrap:anywhere;margin:4px 0}.pad-tuner:not(.is-connected) .pad-tuner-status{color:var(--c-danger,#e5383b);opacity:1}.pad-tuner-live{grid-template-columns:84px 1fr;align-items:start;gap:8px;display:grid}.pad-tuner-stick{background:#34465b0f;border:1px solid #34465b59;border-radius:50%;width:84px;height:84px;position:relative}.pad-tuner-ring{border:1px dashed #34465b73;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pad-tuner-grab{border-style:solid;border-color:var(--c-primary,#1f6fd1)}.pad-tuner-marker{background:var(--c-accent,#ffc83d);border-radius:2px;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.pad-tuner-dot{background:var(--c-text,#1d2433);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.pad-tuner.is-gripping .pad-tuner-dot{background:var(--c-primary,#1f6fd1)}.pad-tuner-grip{margin-bottom:2px;font-weight:600}.pad-tuner.is-gripping .pad-tuner-grip{color:var(--c-primary,#1f6fd1)}.pad-tuner-rows{gap:1px;display:grid}.pad-tuner-row{justify-content:space-between;gap:8px;display:flex}.pad-tuner-key{opacity:.75}.pad-tuner-presses{opacity:.85;margin:6px 0}.pad-tuner-params{border-top:1px solid #34465b26;gap:4px;margin:6px 0;padding-top:6px;display:grid}.pad-tuner-param{gap:2px;display:grid}.pad-tuner-slider{width:100%;accent-color:var(--c-primary,#1f6fd1);margin:0}.pad-tuner-stats{border-top:1px solid #34465b26;padding-top:6px}.pad-tuner-notes,.pad-tuner-export{width:100%;font:inherit;color:inherit;resize:vertical;background:#fff9;border:1px solid #34465b40;border-radius:8px;margin-top:6px;padding:4px 6px}.pad-tuner-export{min-height:120px}.pad-tuner-actions{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.pad-tuner-head{align-items:center;gap:8px;display:flex}.pad-tuner-head .pad-tuner-toggle{flex:auto;width:auto}.pad-tuner-exit{white-space:nowrap;color:var(--c-primary,#1f6fd1);flex:none;font-weight:600}.ringcon-entry,.gamepad-entry{min-height:40px;padding:6px 16px}.ringcon-screen{z-index:120}.ringcon-panel{width:min(100%,720px)}.ringcon-badge{vertical-align:middle;background:var(--c-accent,#ffc83d);border-radius:30px;margin-left:8px;padding:3px 12px;font-size:15px;display:inline-block}.ringcon-badge[data-state=ready]{background:var(--c-primary,#1f6fd1);color:#fff}.ringcon-badge[data-state=error],.ringcon-badge[data-state=disconnected]{background:var(--c-danger,#e5383b);color:#fff}.ringcon-message{margin:0 0 12px;font-weight:700;line-height:1.6}.ringcon-steps{counter-reset:ringcon;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.ringcon-steps li{border:2px solid var(--c-text,#1d2433);opacity:.5;border-radius:30px;padding:4px 12px;font-size:14px}.ringcon-steps li:before{counter-increment:ringcon;content:counter(ringcon) ". "}.ringcon-steps li.is-current{opacity:1;background:var(--c-accent,#ffc83d)}.ringcon-steps li.is-done{opacity:1}.ringcon-progress{border:2px solid var(--c-text,#1d2433);background:#fff;border-radius:5px;height:10px;margin:0 0 16px;overflow:hidden}.ringcon-progress-fill{background:var(--c-primary,#1f6fd1);width:0;height:100%;display:block}.ringcon-meters{gap:8px;margin:0 0 16px;display:grid}.ringcon-meter{grid-template-columns:48px 1fr 64px;align-items:center;gap:10px;font-weight:700;display:grid}.ringcon-meter-track{border:2px solid var(--c-text,#1d2433);background:#fff;border-radius:7px;height:14px;position:relative;overflow:hidden}.ringcon-meter-fill{background:var(--c-primary,#1f6fd1);width:0;position:absolute;top:0;bottom:0;left:0}.ringcon-meter.is-brake .ringcon-meter-fill{background:var(--c-danger,#e5383b)}.ringcon-meter.is-steer .ringcon-meter-track:after{content:"";background:var(--c-text,#1d2433);width:2px;position:absolute;top:0;bottom:0;left:50%}.ringcon-meter-value{text-align:right}.ringcon-help{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:14px;line-height:1.6;display:grid}.ringcon-help dt{font-weight:800}.ringcon-help dd{margin:0}.mirror-hud{z-index:45;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-size:clamp(12px,2.6vh,20px);position:fixed}.mirror-hud *,.mirror-hud :before,.mirror-hud :after{box-sizing:border-box}.mirror-hud[hidden]{display:none!important}.mirror-hud.is-pinned .mirror-tag-left,.mirror-hud.is-pinned .mirror-tag-right{display:none}.mirror-tag{pointer-events:auto;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute}.mirror-tag.is-viewing .mirror-frame{box-shadow:none;background:0 0;border-color:#0000}.mirror-tag.is-viewing .mirror-glare{opacity:0}.mirror-frame{border:max(2px, .35vh) solid var(--c-text,#1d2433);background:linear-gradient(#4d6580,#34465b 60%,#223040);position:absolute;box-shadow:0 .5vh #1f27334d,inset 0 max(1px,.25vh) #ffffff40}.mirror-tag-left .mirror-frame{border-radius:46% 22% 22% 40%/42% 26% 34% 50%}.mirror-tag-right .mirror-frame{border-radius:22% 46% 40% 22%/26% 42% 50% 34%}.mirror-tag-rear .mirror-frame{border-radius:1.6vh}.rear-mirror-stalk{z-index:4;pointer-events:none;background:linear-gradient(90deg,#223040,#4d6580 45%,#34465b);border-radius:0 0 .4vh .4vh;width:max(6px,1vh);position:fixed;top:0;transform:translate(-50%)}.rear-mirror-stalk:before{content:"";background:var(--c-text,#1d2433);border-radius:0 0 .2vh .2vh;height:max(4px,.6vh);position:absolute;inset:0 0 auto}.rear-mirror-stalk[hidden]{display:none}.mirror-glare{border-radius:inherit;background:linear-gradient(118deg,#0000 0 22%,#ffffffd9 22% 34%,#0000 34% 44%,#ffffff80 44% 49%,#0000 49%),linear-gradient(170deg,#fff,#d5ecf8 45%,#8fc8e8);position:absolute;inset:13%;overflow:hidden;box-shadow:inset 0 0 0 1px #1f273340}.mirror-tag-rear .mirror-glare{border-radius:1vh;inset:.6vh}.mirror-tag:active .mirror-frame{transform:translateY(.3vh)}.mirror-lamp{border:max(1px, .2vh) solid var(--c-text,#1d2433);background:#6b6250;border-radius:50%;width:max(8px,1.3vh);height:max(8px,1.3vh);position:absolute;top:9%}.mirror-tag-left .mirror-lamp{left:9%}.mirror-tag-right .mirror-lamp{right:9%}.mirror-lamp[data-light=on],.mirror-lamp[data-light=blink]{background:var(--c-accent,#ffc83d);box-shadow:0 0 8px 3px var(--c-accent,#ffc83d)}.mirror-lamp[data-light=blink]{animation:.5s step-end infinite mirror-blink}.mirror-popup{--size:280px;opacity:0;pointer-events:none;transition:opacity .25s ease-in,transform .25s ease-in;position:absolute}.mirror-viewport{position:absolute}.mirror-danger{transform:scale(.15)}.mirror-popup-left{transform-origin:0}.mirror-popup-right{transform-origin:100%}.mirror-popup-rear{transform-origin:50% -6%}.mirror-danger.is-shown{opacity:1;transition:opacity .12s linear,transform .18s cubic-bezier(.2,1.7,.4,1);animation:.3s ease-out .18s mirror-shake;transform:scale(1)}.mirror-burst{position:absolute}.mirror-burst-ink,.mirror-burst-fill{clip-path:polygon(evenodd,50% 0,58% 11%,71% 2%,74% 17%,92% 11%,87% 27%,100% 33%,89% 45%,100% 57%,87% 63%,94% 81%,76% 78%,74% 96%,60% 86%,50% 100%,40% 86%,26% 96%,24% 78%,6% 81%,13% 63%,0 57%,11% 45%,0 33%,13% 27%,8% 11%,26% 17%,29% 2%,42% 11%,50% 0,24% 24%,76% 24%,76% 76%,24% 76%,24% 24%)}.mirror-burst-ink{background:var(--c-text,#1d2433);inset:0}.mirror-burst-fill{background:var(--c-accent,#ffc83d);inset:2.2%}.mirror-danger .mirror-viewport{border:calc(var(--size) * .013) solid var(--c-text,#1d2433);inset:24%}.mirror-blind{align-items:center;gap:calc(var(--size) * .015);max-width:100%;font-size:calc(var(--size) * .06);white-space:nowrap;color:var(--c-danger,#e5383b);text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;font-weight:900;display:none;position:absolute;bottom:6%}.mirror-popup.is-blind .mirror-blind{display:flex}.mirror-blind[data-side=right]{flex-direction:row;right:4%}.mirror-blind[data-side=left]{flex-direction:row-reverse;left:4%}.mirror-blind-arrow{width:calc(var(--size) * .09);height:calc(var(--size) * .07);background:var(--c-danger,#e5383b);filter:drop-shadow(0 0 1px #fff)drop-shadow(0 0 1px #fff);clip-path:polygon(0 28%,55% 28%,55% 0,100% 50%,55% 100%,55% 72%,0 72%)}.mirror-blind[data-side=left] .mirror-blind-arrow{transform:scaleX(-1)}.mirror-shout{white-space:nowrap;font-size:calc(var(--size) * .1);letter-spacing:1px;color:var(--c-danger,#e5383b);text-shadow:-2px -2px #fff,2px -2px #fff,-2px 2px #fff,2px 2px #fff,0 4px #1f2733;font-weight:900;position:absolute;top:3%;left:50%;transform:translate(-50%)rotate(-7deg)}.mirror-popup-right .mirror-shout{transform:translate(-50%)rotate(6deg)}.mirror-popup-rear .mirror-shout{font-size:calc(var(--size) * .085);transform:translate(-50%)rotate(-4deg)}.mirror-manual{border:calc(var(--size) * .03) solid var(--c-panel,#fff8e7);border-radius:calc(var(--size) * .07);outline:max(2px, calc(var(--size) * .008)) solid var(--c-success,#17996a);transition:opacity .15s linear;box-shadow:0 .6vh #34465b59}.mirror-manual.is-shown{opacity:1}.mirror-manual .mirror-viewport{inset:0}.mirror-label{top:calc(var(--size) * .015);left:calc(var(--size) * .015);background:var(--c-panel,#fff8e7);color:var(--c-success,#17996a);font-size:max(6px, calc(var(--size) * .06));white-space:nowrap;border-radius:.6em;padding:1px .5em;font-weight:800;position:absolute}@keyframes mirror-blink{50%{opacity:.2}}@keyframes mirror-shake{0%{transform:scale(1)rotate(0)}30%{transform:scale(1)rotate(-2.5deg)}65%{transform:scale(1)rotate(2deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.is-blinking,.hud-points.is-pulsing,.hud-points.is-pulsing .hud-point-pip.is-last-lost,.overlay-toast,.overlay-portrait-phone,.overlay-boss-chip,.overlay-boss-edge,.replay-rec:before,.mirror-lamp[data-light=blink],.mirror-danger.is-shown,.disk-icon.is-blinking,.control-hazard-icon.is-active .disk-center{animation:none}.overlay-zone-event{animation-name:ui-zone-event-fade}.control-pedal,.control-pedal:before,.ui-button,.hud-menu,.mirror-popup,.mirror-danger.is-shown{transition:none}.mirror-danger{transform:none}}.vehicle-picker-overlay{--u:clamp(1px, 100vw / 844, 1.3px);z-index:70;overscroll-behavior:contain;touch-action:pan-y;padding:calc(env(safe-area-inset-top,0px) + 20px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 24px) calc(env(safe-area-inset-left,0px) + 16px);background:repeating-linear-gradient(-45deg, #1d24330d 0 2px, transparent 2px 14px), var(--c-bg,#a9def5);font-family:var(--font-ui,"PingFang SC", "Microsoft YaHei", system-ui, sans-serif);pointer-events:auto;overflow-y:auto}.vehicle-picker-panel{width:min(100%,1120px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.vehicle-settings-header{z-index:2;border:2px solid var(--c-text,#1d2433);background:var(--c-panel,#fff8e7);box-shadow:0 4px 0 var(--c-text,#1d2433);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px;display:flex;position:sticky;top:-1px}.vehicle-settings-heading{min-width:0}.vehicle-settings-header .screen-title{margin:0;font-size:clamp(24px,3vw,32px)}.vehicle-settings-intro{margin:6px 0 0;font-size:14px;line-height:1.5}.vehicle-picker-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px;display:grid}.vehicle-picker-card{touch-action:pan-y;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex;position:relative}.vehicle-picker-card[aria-pressed=true]{background:var(--c-accent,#ffc83d);border-color:var(--c-primary,#1f6fd1)}.vehicle-picker-card:focus-visible{outline:3px solid var(--c-primary,#1f6fd1);outline-offset:3px}.vehicle-picker-thumbnail{aspect-ratio:3/2;object-fit:contain;width:100%;display:block}.vehicle-picker-label{justify-content:center;align-items:center;gap:8px;display:inline-flex}.vehicle-picker-badge{fill:currentColor;flex:none;width:24px;height:24px}.vehicle-picker-name{font-size:16px}.vehicle-picker-selected{background:var(--c-text,#1d2433);color:#fff;border-radius:999px;padding:3px 8px;font-size:12px;position:absolute;top:8px;right:8px}.vehicle-picker-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.vehicle-picker-legacy{flex-direction:row;align-items:center}.vehicle-picker-legacy .vehicle-picker-thumbnail{width:72px}.vehicle-picker-back{flex:none;margin-left:auto}@media (max-width:600px),(max-width:760px) and (orientation:portrait){.start-screen>.screen-panel{gap:calc(var(--u) * 12);flex:none;grid-template-columns:minmax(0,1fr);min-height:0;max-height:none}.start-screen .start-sidebar{gap:calc(var(--u) * 10)}.start-screen .settings-row{flex:none;overflow:visible}.start-screen .route-group.is-open{flex:none}.start-screen .route-cards{grid-template-rows:none;grid-auto-rows:minmax(calc(var(--u) * 118), auto);flex:none;overflow:visible}.start-screen .keyboard-hint{display:none}}@media (max-width:520px){.start-screen .route-cards{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px),(max-width:680px) and (orientation:portrait){.vehicle-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vehicle-picker-card{padding:10px}.vehicle-picker-footer{margin-top:16px}}.route-practice-card{background:var(--c-primary,#1f6fd1);color:#fff}.route-intro,.route-meta{font-size:calc(var(--u) * 12);opacity:.92;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.35}.seed-input[aria-invalid=true]{border-color:var(--c-danger,#e5383b);outline:2px solid var(--c-danger,#e5383b)}.route-list-screen>.screen-panel,.segment-result-screen>.screen-panel,.route-summary-screen>.screen-panel{gap:calc(var(--u) * 14);flex-direction:column;width:min(100%,880px);display:flex}.route-list-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 12);flex-wrap:wrap;display:flex}.route-list-heading .screen-title{margin:0 0 calc(var(--u) * 4)}.route-list-heading .screen-intro{margin:0}.route-list-actions{gap:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.route-list-cards{gap:calc(var(--u) * 12);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.route-list-empty{padding:calc(var(--u) * 20) calc(var(--u) * 14);border:calc(var(--u) * 2.5) dashed #c9bfa6;border-radius:calc(var(--u) * 14);color:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 15);text-align:center;grid-column:1/-1;margin:0;font-weight:800}.route-practice-item{gap:calc(var(--u) * 6);padding:calc(var(--u) * 12) calc(var(--u) * 14)}.route-practice-item .route-start-row{flex-wrap:wrap}.route-practice-item .seed-label{flex:1 0 100%;width:100%}.route-practice-item .seed-input{height:auto;min-height:40px;padding:calc(var(--u) * 4) calc(var(--u) * 10)}.route-card.route-practice-item .route-start-row .ui-button{min-width:120px;height:auto;min-height:44px;padding:calc(var(--u) * 6) calc(var(--u) * 12);flex:140px;line-height:1.25}.confirm-dialog>.screen-panel,.credits-dialog>.screen-panel{gap:calc(var(--u) * 12);flex-direction:column;width:min(100%,480px);display:flex}.confirm-message,.credits-line{font-size:calc(var(--u) * 15);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.5}.confirm-actions,.credits-actions{margin-top:calc(var(--u) * 4);justify-content:flex-end}.segment-result-screen.is-failed .screen-title{color:var(--c-danger,#e5383b)}.segment-stats{gap:calc(var(--u) * 8);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;display:grid}.segment-stat-row{justify-content:space-between;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);background:#fff;display:flex}.segment-stat-row dt{font-size:calc(var(--u) * 12);color:var(--c-text-soft,#4a5468);font-weight:800}.segment-stat-row dd{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--u) * 16);margin:0;font-weight:800}.segment-empty{padding:calc(var(--u) * 8) calc(var(--u) * 12);border:calc(var(--u) * 2) dashed #c9bfa6;border-radius:calc(var(--u) * 10);color:var(--c-text-soft,#4a5468);font-size:calc(var(--u) * 13);margin:0;font-weight:800}.segment-teach-list{gap:calc(var(--u) * 6);margin:0;padding:0;list-style:none;display:grid}.segment-teach-item{justify-content:space-between;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 10);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 13);background:#dff5ea;font-weight:700;display:flex}.segment-teach-item.is-missed{border-color:var(--c-danger,#e5383b);background:#ffe1df}.teach-state{color:var(--c-success,#17996a);flex:none;font-weight:900}.segment-teach-item.is-missed .teach-state{color:var(--c-danger,#e5383b)}.route-summary-header{align-items:center;gap:calc(var(--u) * 10);flex-wrap:wrap;display:flex}.route-summary-header .screen-title,.route-summary-best{margin:0}.route-summary-rows{gap:calc(var(--u) * 6);margin:0;padding:0;list-style:none;display:grid}.route-summary-row{padding:calc(var(--u) * 8) calc(var(--u) * 12);border:calc(var(--u) * 2) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);font-size:calc(var(--u) * 14);overflow-wrap:anywhere;background:#fff;font-weight:700}.route-summary-total{padding:calc(var(--u) * 8) calc(var(--u) * 12);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 10);background:var(--c-accent,#ffc83d);font-size:calc(var(--u) * 15);margin:0;font-weight:900}@media (orientation:landscape) and (max-height:340px){.control-signal-area{bottom:calc(env(safe-area-inset-bottom,0px) + 43vh + 16px)}}@media (orientation:landscape) and (max-height:500px){.start-screen{padding:calc(env(safe-area-inset-top,0px) + 14px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 6px) calc(env(safe-area-inset-left,0px) + 10px)}.start-screen>.screen-panel{height:calc(100vh - 20px);height:calc(100dvh - 20px);min-height:0;max-height:none}.start-screen .start-sidebar{gap:calc(var(--u) * 6);overflow:hidden}.start-screen .start-header{gap:calc(var(--u) * 3)}.start-screen .start-logo{padding:calc(var(--u) * 5) calc(var(--u) * 9) calc(var(--u) * 6)}.start-screen .start-logo .screen-title{font-size:clamp(18px, calc(var(--u) * 20), 26px);margin:0}.start-screen .start-logo .screen-eyebrow{margin-bottom:2px}.start-screen .start-preferences{flex:auto;min-height:0;overflow:hidden}.start-screen .settings-row{gap:calc(var(--u) * 4);padding:calc(var(--u) * 6) calc(var(--u) * 9) calc(var(--u) * 5)}.start-screen .setting-row{min-height:calc(var(--u) * 24)}.start-screen .quality-select{height:calc(var(--u) * 24);min-height:24px}.start-screen .home-options{gap:calc(var(--u) * 5)}.start-screen .home-option{min-height:calc(var(--u) * 28);padding:calc(var(--u) * 3) calc(var(--u) * 8)}.start-screen .keyboard-hint{display:none}.start-screen .home-screen-guide{padding:calc(var(--u) * 5) calc(var(--u) * 9);font-size:calc(var(--u) * 12);flex:none;margin:0;line-height:1.3}.start-screen .home-screen-guide summary{cursor:pointer;min-height:0}.start-screen .home-screen-guide p{margin:calc(var(--u) * 4) 0 0}}@media (orientation:landscape) and (max-width:600px) and (max-height:500px){.start-screen>.screen-panel{grid-template-rows:none;height:auto}.start-screen .start-sidebar,.start-screen .start-preferences{overflow:visible}.start-screen .start-preferences{flex:none}}.is-cockpit-view .nav-map{left:8vw;top:calc(100% + var(--hu) * 8)}@media (max-height:500px){.nav-map{left:max(8vw, calc(2vw + min(calc(43.2vh - env(safe-area-inset-bottom,0px)), clamp(132px, 43.2vh, 312px)) - 2 * var(--u)))}}.hud-row{--hud-row-h:29px;--hud-row-s:1;--hud-row-f:16px;--hr-u:calc(var(--hud-row-h) * var(--hud-row-s));--hr-f:calc(var(--hud-row-f) * var(--hud-row-s));pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--c-panel,#fff8e7);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-size:var(--hr-f);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800;line-height:1;position:fixed;top:0;left:0}.hud-row *{box-sizing:border-box}.hud-row [hidden]{display:none!important}.hud-row-bar{border-radius:calc(var(--hud-row-h) / 2);background:var(--c-text,#1d2433);position:relative}.hud-row-item{align-items:center;gap:calc(var(--hr-u) * .12);height:100%;display:flex;position:absolute;top:0;overflow:hidden}.hud-row.is-hide-gear [data-hud-item=gear],.hud-row.is-hide-cruise [data-hud-item=cruise],.hud-row.is-hide-lights [data-hud-item=lights]{display:none!important}.hud-row-speed{overflow:visible}.hud-row-arrow{width:var(--hr-f);text-align:center;opacity:.35;flex:none}.hud-row-arrow.is-active{opacity:1;color:var(--c-success,#17996a)}.hud-row-arrow.is-blinking{animation:.5s step-end infinite hud-row-blink}.hud-speed-value{width:calc(var(--hr-f) * 1.45 * .6 * 3);text-align:right;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--hr-f) * 1.45);flex:none;font-weight:900}.hud-row-speed.is-overspeed .hud-speed-value{color:var(--c-danger,#e5383b)}.hud-row-limit,.hud-row-minspeed{width:calc(var(--hr-u) * .9);height:calc(var(--hr-u) * .9);color:var(--c-text,#1d2433);font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:max(12px, calc(var(--hr-u) * .34));letter-spacing:-.03em;background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid;overflow:visible}.hud-row-limit{border:calc(var(--hr-u) * .07) solid var(--c-danger,#e5383b)}.hud-row-limit.is-alternating .hud-row-limit-current{display:block}.hud-row-limit.is-alternating.is-showing-next .hud-row-limit-current,.hud-row-limit:not(.is-showing-next) .hud-row-limit-next{display:none}.hud-row-limit-next.is-outlined{color:var(--c-danger,#e5383b);-webkit-text-stroke:calc(var(--hr-u) * .012) var(--c-text,#1d2433)}.hud-row-limit.is-showing-next{box-shadow:0 0 0 calc(var(--hr-u) * .06) var(--c-accent,#ffc83d)}.hud-row-limit.is-overspeed{box-shadow:0 0 calc(var(--hr-u) * .35) calc(var(--hr-u) * .12) var(--c-danger,#e5383b)}.hud-row-limit.is-overspeed.is-showing-next{box-shadow:0 0 0 calc(var(--hr-u) * .06) var(--c-accent,#ffc83d), 0 0 calc(var(--hr-u) * .35) calc(var(--hr-u) * .12) var(--c-danger,#e5383b)}.hud-row-minspeed{box-shadow:inset 0 0 0 calc(var(--hr-u) * .07) #fff;color:#fff;background:#2f6fd6}.hud-row-signal .traffic-indicator{font-size:var(--hr-f)}.hud-row-nav-arrow{width:calc(var(--hr-u) * .62);font-size:calc(var(--hr-u) * .62);text-align:center;flex:none}.hud-row-nav-short{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);flex:none}.hud-row-lights .lights-indicator{font-size:var(--hr-f)}.hud-row-cruise{color:var(--c-success,#17996a)}.cruise-icon{width:calc(var(--hr-f) * 1.3);height:calc(var(--hr-f) * 1.3);place-items:center;display:inline-grid}.cruise-icon svg{width:100%;height:100%}.hud-row-gear{font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif);font-size:calc(var(--hr-u) * .62);color:var(--c-accent,#ffc83d);justify-content:center;font-weight:900}.lights-indicator{align-items:center;gap:.15em;display:inline-flex}.light-icon{place-items:center;width:1.3em;height:1.3em;display:inline-grid;position:relative}.light-icon svg{width:100%;height:100%}.light-icon.is-off{color:#9aa3b2}.light-icon.is-position,.light-icon.is-low{color:#17996a}.light-icon.is-high{color:#2f7cf6}.light-icon.is-hazard{color:#e5383b}.light-icon.is-flash,.light-icon.is-hazard{animation:.5s step-end infinite hud-row-blink}.light-icon.is-auto:after{content:"A";color:#fff8e7;font-size:.5em;font-weight:900;line-height:1;position:absolute;bottom:-.15em;right:-.15em}.traffic-indicator{align-items:center;gap:.2em;display:inline-flex}.traffic-dot{background:currentColor;border-radius:50%;width:.8em;height:.8em;box-shadow:0 0 0 .1em #1d243399}.traffic-indicator.is-red .traffic-dot{color:#e5383b}.traffic-indicator.is-yellow .traffic-dot{color:#ffc83d}.traffic-indicator.is-green .traffic-dot{color:#17996a}.traffic-seconds{text-align:center;width:1.2em;font-family:var(--font-num,"DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif)}@keyframes hud-row-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.hud-row *,.lights-indicator .light-icon{animation:none!important}}.pause-guide-mask{z-index:95;pointer-events:none;position:fixed;inset:0}.pause-guide-mask-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pause-guide-mask-fill{fill:#1d24338c}.pause-guide-notes{z-index:97;pointer-events:none;position:fixed;inset:0}.is-pause-guide .pause-screen{background:0 0}.pause-guide-lines{filter:drop-shadow(0 0 1px #1d2433e6)drop-shadow(0 0 1px #1d2433e6);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pause-guide-lines line{stroke:var(--c-panel,#fff8e7);stroke-width:1.5px}.pause-guide-lines circle{fill:var(--c-panel,#fff8e7)}.pause-guide-note{box-sizing:border-box;border:calc(var(--u) * 2) solid var(--c-text,#1d2433);background:var(--c-panel,#fff8e7);width:max-content;max-width:min(34vw,260px);box-shadow:0 calc(var(--u) * 3) 0 var(--c-text,#1d2433);color:var(--c-text,#1d2433);font-family:var(--font-ui,"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;border-radius:8px;padding:4px 7px;font-size:clamp(10px,2.9vh,13px);font-weight:700;line-height:1.3;position:absolute;top:0;left:0}.pause-guide-title{font-weight:800}.pause-guide-notes.is-compact .pause-guide-note{padding:3px 6px;font-size:10px;line-height:1.25}.pause-guide-kbd{display:none}@media (hover:hover) and (pointer:fine){.pause-guide-kbd{display:block}}.mailbox-screen{--mb-navy:var(--c-text,#1d2433);--mb-cream:var(--c-panel,#fff8e7);--mb-cream-light:#fff9ec;--mb-yellow:var(--c-accent,#ffc83d);--mb-blue:#2f6fd6;--mb-sky:#2e8bd8;--mb-purple:#6a5ad0;--mb-green:#1e9a68;--mb-soft:#556073;gap:calc(var(--u) * 8);min-width:0;min-height:0;color:var(--mb-navy);flex-direction:column;font-family:inherit;display:flex}.mailbox-topbar{justify-content:space-between;align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 7) calc(var(--u) * 12);border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 14);background:var(--mb-cream-light);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);flex:none;display:flex}.mailbox-title{font-size:clamp(16px, calc(var(--u) * 16), 24px);margin:0;line-height:1.1}.mailbox-tag{font-size:clamp(12px, calc(var(--u) * 9), 15px);color:var(--mb-soft);white-space:nowrap;font-weight:800}.mailbox-columns{grid-template-columns:calc(var(--u) * 181) minmax(0, 1fr);gap:calc(var(--u) * 9);flex:auto;min-width:0;min-height:0;display:grid}.mailbox-list{background:var(--mb-cream);border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 14);min-width:0;min-height:0;box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);flex-direction:column;display:flex;overflow:hidden}.mailbox-list-head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8) calc(var(--u) * 9);border-bottom:calc(var(--u) * 2.5) dashed var(--mb-navy);flex:none;display:flex}.mailbox-list-head strong{font-size:clamp(14px, calc(var(--u) * 13), 20px);line-height:1.1}.mailbox-count{font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);font-size:clamp(12px, calc(var(--u) * 8.5), 14px);color:var(--mb-soft);white-space:nowrap}.mailbox-list-body{overscroll-behavior:contain;min-height:0;padding:calc(var(--u) * 7);scrollbar-width:thin;flex:auto;overflow-y:auto}.mailbox-items{gap:calc(var(--u) * 8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mailbox-item-row{min-width:0}.mailbox-list-empty{padding:calc(var(--u) * 20) calc(var(--u) * 10);text-align:center;font-size:clamp(12px, calc(var(--u) * 10), 15px);color:var(--mb-soft);margin:0}.mailbox-item{isolation:isolate;align-items:center;gap:calc(var(--u) * 7);width:100%;min-width:0;min-height:calc(var(--u) * 67);padding:calc(var(--u) * 8) calc(var(--u) * 38) calc(var(--u) * 8) calc(var(--u) * 6);border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 12);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);background:var(--mb-blue);color:#fff;font:inherit;text-align:left;cursor:pointer;margin:0;font-weight:900;transition:transform .1s,box-shadow .1s,border-color .1s;display:flex;position:relative;overflow:hidden}.mailbox-item--tone-0{background:var(--mb-blue)}.mailbox-item--tone-1{background:var(--mb-sky)}.mailbox-item--tone-2{background:var(--mb-purple)}.mailbox-item--tone-3{background:var(--mb-green)}.mailbox-item.is-selected{border-color:var(--mb-yellow);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy), inset 0 0 0 calc(var(--u) * 1.5) var(--mb-yellow)}.mailbox-item:active{transform:translateY(calc(var(--u) * 2));box-shadow:0 calc(var(--u) * 2) 0 var(--mb-navy)}.mailbox-item:focus-visible{outline:calc(var(--u) * 2.5) solid var(--mb-yellow);outline-offset:calc(var(--u) * 2)}.mailbox-item-ghost{right:calc(var(--u) * 3);top:calc(var(--u) * -6);z-index:0;font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);font-size:clamp(26px, calc(var(--u) * 32), 42px);letter-spacing:-.06em;color:#fff;opacity:.22;pointer-events:none;font-weight:900;line-height:1;position:absolute}.mailbox-item-content{z-index:1;gap:calc(var(--u) * 1.5);flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.mailbox-item-title{align-items:baseline;gap:calc(var(--u) * 3);flex-wrap:wrap;min-width:0;display:flex}.mailbox-item-number{font-size:clamp(13px, calc(var(--u) * 12), 18px);color:#fff;flex:none;line-height:1.15}.mailbox-item-route{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(12px, calc(var(--u) * 9), 14px);color:#fff;flex:60px;line-height:1.2;overflow:hidden}.mailbox-item-date{align-items:center;gap:calc(var(--u) * 4);font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);font-size:clamp(12px, calc(var(--u) * 9), 14px);color:#fffdfc;line-height:1.15;display:flex}.mailbox-sent-mark{padding:0 calc(var(--u) * 3);border:calc(var(--u) * 1.5) solid var(--mb-navy);border-radius:calc(var(--u) * 5);background:var(--mb-yellow);color:var(--mb-navy);font-size:clamp(12px, calc(var(--u) * 8), 13px);white-space:nowrap;flex:none;align-items:center;line-height:1.2;display:inline-flex;transform:rotate(-5deg)}.mailbox-item-preview{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px, calc(var(--u) * 9), 14px);color:#fff;line-height:1.2;overflow:hidden}.mailbox-item-preview.is-blank{color:#ffed9d}.mailbox-stamp{z-index:1;width:calc(var(--u) * 30);height:calc(var(--u) * 37);filter:drop-shadow(0 calc(var(--u) * 2) 0 #1d243359);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:rotate(6deg)}.mailbox-stamp img{pointer-events:none;width:100%;height:100%;display:block}.mailbox-stamp strong{font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);font-size:clamp(12px, calc(var(--u) * 13), 17px);color:var(--mb-navy);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.mailbox-stamp.is-fallback{filter:none;transform:none}.mailbox-stamp--postcard{z-index:2;width:calc(var(--u) * 60);height:calc(var(--u) * 71);position:absolute;top:0;right:0}.mailbox-stamp--postcard strong{font-size:clamp(18px, calc(var(--u) * 19), 26px)}.mailbox-postcard{min-width:0;min-height:0;padding:calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 10);border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 14);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);background:var(--mb-cream);flex-direction:column;display:flex;position:relative;overflow:hidden}.mailbox-postcard[hidden],.mailbox-empty[hidden]{display:none}.mailbox-postcard-top{padding-right:calc(var(--u) * 69);padding-bottom:calc(var(--u) * 5);flex:none;position:relative}.mailbox-postcard-title{font-size:clamp(16px, calc(var(--u) * 17), 26px);margin:0;line-height:1.1}.mailbox-summary{gap:calc(var(--u) * 1);margin-top:calc(var(--u) * 4);flex-direction:column;display:flex}.mailbox-summary-label{font-size:clamp(12px, calc(var(--u) * 9), 15px);color:#786d58;margin:0;font-weight:800}.mailbox-summary-meta{font-size:clamp(12px, calc(var(--u) * 10), 16px);overflow-wrap:anywhere;margin:0;font-weight:800;line-height:1.35}.mailbox-shot{width:calc(var(--u) * 64);aspect-ratio:16/9;max-width:100%;margin-top:calc(var(--u) * 4);object-fit:cover;border:calc(var(--u) * 2) solid var(--mb-navy);border-radius:calc(var(--u) * 6);display:block}.mailbox-shot[hidden]{display:none}.mailbox-writing{min-height:calc(var(--u) * 110);margin-top:calc(var(--u) * 6);border-top:calc(var(--u) * 2) solid #ddae61;flex:auto;position:relative;overflow:hidden}.mailbox-writing:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--u) * 25), #ddbd7d calc(var(--u) * 25), #ddbd7d calc(var(--u) * 26));position:absolute;inset:0}.mailbox-note{z-index:1;width:100%;height:100%;min-height:calc(var(--u) * 110);padding:calc(var(--u) * 3) calc(var(--u) * 4);resize:none;color:var(--mb-navy);font-family:inherit;font-size:clamp(13px, calc(var(--u) * 10.5), 18px);font-weight:900;line-height:calc(var(--u) * 26);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;background:0 0;border:0;outline:0;margin:0;display:block;position:relative;overflow:auto}.mailbox-note::placeholder{color:#847865;opacity:1}.mailbox-note:focus-visible{outline:calc(var(--u) * 2) solid #d4ab4c;outline-offset:calc(var(--u) * -2)}.mailbox-note.is-readonly{cursor:default}.mailbox-postcard.is-sent .mailbox-note{padding-right:calc(var(--u) * 72)}.mailbox-foot{z-index:3;justify-content:space-between;align-items:center;gap:calc(var(--u) * 6);margin-top:calc(var(--u) * 8);flex-wrap:wrap;flex:none;display:flex;position:relative}.mailbox-foot-right{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 6);flex-wrap:wrap;margin-left:auto;display:flex}.mailbox-button{min-height:calc(var(--u) * 33);padding:calc(var(--u) * 5) calc(var(--u) * 12);border:calc(var(--u) * 2.5) solid var(--mb-navy);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);background:var(--mb-cream-light);color:var(--mb-navy);font:inherit;font-size:clamp(12px, calc(var(--u) * 11), 17px);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-weight:900;line-height:1.05;display:inline-flex}.mailbox-button.is-primary{min-width:calc(var(--u) * 72);background:var(--mb-yellow)}.mailbox-button:disabled{box-shadow:0 calc(var(--u) * 4) 0 #666f80;color:#7e8899;cursor:not-allowed;background:#ced1d6;border-color:#666f80}.mailbox-button:not(:disabled):active{transform:translateY(calc(var(--u) * 2));box-shadow:0 calc(var(--u) * 2) 0 var(--mb-navy)}.mailbox-button:focus-visible{outline:calc(var(--u) * 2.5) solid var(--mb-yellow);outline-offset:calc(var(--u) * 2)}.mailbox-sent-ribbon{z-index:3;top:calc(var(--u) * 7);right:calc(var(--u) * 9);padding:calc(var(--u) * 1) calc(var(--u) * 6);border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 7);box-shadow:0 calc(var(--u) * 2) 0 var(--mb-navy);background:var(--mb-yellow);color:var(--mb-navy);font-size:clamp(12px, calc(var(--u) * 9.5), 15px);position:absolute;transform:rotate(6deg)}.mailbox-postmark{z-index:2;right:calc(var(--u) * 4);bottom:calc(var(--u) * 44);width:calc(var(--u) * 83);height:calc(var(--u) * 83);opacity:.86;pointer-events:none;position:absolute;transform:rotate(-17deg)}.mailbox-postmark[hidden]{display:none}.mailbox-postmark img{width:100%;height:100%;display:block}.mailbox-postmark-date{text-align:center;font-family:var(--font-num,"BS Num", "BS KuaiLe", sans-serif);font-size:clamp(12px, calc(var(--u) * 9), 15px);letter-spacing:-.05em;color:var(--mb-navy);font-weight:900;position:absolute;top:39%;left:24%;right:32%}.mailbox-empty{justify-content:center;align-items:center;gap:calc(var(--u) * 10);min-width:0;min-height:0;padding:calc(var(--u) * 14) calc(var(--u) * 20);text-align:center;border:calc(var(--u) * 2.5) solid var(--mb-navy);border-radius:calc(var(--u) * 14);box-shadow:0 calc(var(--u) * 4) 0 var(--mb-navy);background:var(--mb-cream);flex-direction:column;grid-column:2;display:flex}.mailbox-empty-icon{width:calc(var(--u) * 58);height:calc(var(--u) * 58)}.mailbox-empty-icon[hidden]{display:none}.mailbox-empty-title{font-size:clamp(18px, calc(var(--u) * 19), 28px)}.mailbox-empty-text{font-size:clamp(12px, calc(var(--u) * 12), 18px);color:var(--mb-soft);margin:0;font-weight:800;line-height:1.5}@media (max-width:600px),(max-width:760px) and (orientation:portrait){.mailbox-columns{flex-direction:column;display:flex}.mailbox-list{max-height:38vh}.mailbox-postcard{min-height:calc(var(--u) * 360)}.mailbox-empty{min-height:calc(var(--u) * 180)}}@media (orientation:landscape) and (max-height:500px){.mailbox-screen{gap:calc(var(--u) * 5)}.mailbox-topbar{padding:calc(var(--u) * 4) calc(var(--u) * 9)}.mailbox-columns{grid-template-columns:calc(var(--u) * 165) minmax(0, 1fr);gap:calc(var(--u) * 6)}.mailbox-postcard{padding:calc(var(--u) * 8) calc(var(--u) * 10) calc(var(--u) * 6)}.mailbox-postcard-top{padding-bottom:calc(var(--u) * 2)}.mailbox-summary{margin-top:calc(var(--u) * 2);gap:0}.mailbox-writing{min-height:calc(var(--u) * 56);margin-top:calc(var(--u) * 3)}.mailbox-note{min-height:calc(var(--u) * 56);line-height:calc(var(--u) * 20)}.mailbox-foot{margin-top:calc(var(--u) * 4);gap:calc(var(--u) * 4)}.mailbox-button{min-height:calc(var(--u) * 26);padding:calc(var(--u) * 3) calc(var(--u) * 9)}.mailbox-item{min-height:calc(var(--u) * 54)}}:root{--c-primary:#1f6fd1;--c-accent:#ffc83d;--c-danger:#e5383b;--c-success:#17996a;--c-bg:#a9def5;--c-panel:#fff8e7;--c-panel-2:#f3e9cf;--c-text:#1d2433;--c-text-soft:#4a5468;--c-track:#3a3f4c;--font-ui:"BS KuaiLe", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-num:"BS Num", "BS KuaiLe", "DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", sans-serif}html,body,#app{width:100%;height:100%;overflow:hidden}#app{height:100vh;background:#a9def5;height:100dvh;position:fixed;inset:0}#app [hidden]{display:none!important}.game-canvas{touch-action:none;width:100%;height:100%;display:block}.loading-screen,.app-error{z-index:90}.share-modal{z-index:100;touch-action:pan-y;overflow-y:auto}.share-modal .screen-panel{max-height:90dvh;overflow-y:auto}.share-modal .poster-image{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto;width:auto;max-width:100%;height:auto;max-height:72dvh;margin:auto;display:block}.challenge-link{box-sizing:border-box;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:auto;width:100%;min-height:6em}.view-fade{z-index:80;opacity:0;pointer-events:none;background:#000;transition:opacity 75ms linear;position:absolute;inset:0}.home-screen-guide{font-size:max(12px, calc(var(--u) * 12));padding:8px 12px}.home-screen-guide summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.home-screen-guide p{margin:4px 0 8px}.first-run-help{z-index:95;box-sizing:border-box;padding:max(8px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(8px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));padding-top:calc(7.5vh + max(8px, env(safe-area-inset-top,0px)));color:var(--c-text,#1d2433);font-family:var(--font-ui,"BS KuaiLe", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif);font-variant-numeric:tabular-nums;text-align:left;touch-action:none;-webkit-user-select:none;user-select:none;background:#1d24338c;place-items:start center;display:grid;position:fixed;inset:0;overflow:hidden}.first-run-help *,.first-run-help :before,.first-run-help :after{box-sizing:border-box}.first-run-card{background:repeating-linear-gradient(-45deg, #1d24330d 0 2px, transparent 2px 14px), var(--c-panel,#fff8e7);border:calc(var(--u) * 2.5) solid var(--c-text,#1d2433);border-radius:calc(var(--u) * 14);width:min(620px,100%);max-height:100%;box-shadow:0 calc(var(--u) * 4) 0 var(--c-text,#1d2433);flex-direction:column;gap:6px;padding:12px 16px 10px;display:flex;overflow:hidden}.first-run-title{color:var(--c-text,#1d2433);letter-spacing:.02em;margin:0;font-size:20px;font-weight:900;line-height:1.15}.first-run-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;display:grid}.first-run-action{flex-direction:column;gap:1px;min-width:0;display:flex}.first-run-action-name{color:var(--c-primary,#1f6fd1);font-size:13px;font-weight:900;line-height:1.2}.first-run-action-desc{color:var(--c-text,#1d2433);font-size:12px;font-weight:700;line-height:1.3}.first-run-pause-hint{border-top:1.5px dashed var(--c-text-soft,#4a5468);color:var(--c-text-soft,#4a5468);margin:0;padding-top:4px;font-size:12px;font-weight:800;line-height:1.3}.first-run-progress{background:var(--c-panel-2,#f3e9cf);border-radius:999px;flex:none;height:4px;overflow:hidden}.first-run-progress-bar{background:var(--c-accent,#ffc83d);border-radius:inherit;transform-origin:0;width:100%;height:100%;transition:transform 80ms linear;display:block;transform:scaleX(0)}.first-run-help[data-reduced-motion] .first-run-progress{display:none}@media (max-width:560px){.first-run-actions{grid-template-columns:1fr}}@media (max-height:420px){.first-run-help{padding:calc(7.5vh + max(8px, env(safe-area-inset-top,0px))) 6px 6px}.first-run-card{gap:4px;width:min(600px,100%);padding:8px 12px 7px}.first-run-title{font-size:17px}.first-run-actions{gap:3px 12px}.first-run-action-name{font-size:12px}.first-run-action-desc{font-size:11px;line-height:1.25}.first-run-pause-hint{padding-top:3px;font-size:11px;line-height:1.25}}@media (max-height:360px){.first-run-card{gap:3px;padding:6px 10px 5px}.first-run-title{font-size:16px}.first-run-actions{gap:2px 10px}.first-run-action-name{font-size:11px}.first-run-action-desc{font-size:10.5px;line-height:1.2}.first-run-pause-hint{padding-top:2px;font-size:10.5px;line-height:1.2}}