:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(13, 22, 36, .86);--panel-solid: #101c2e;--text: #e6edf7;--muted: #9fb0c6;--accent: #4c8dff;--accent-strong: #2f6fdc;--accent-soft: rgba(76, 141, 255, .16);--danger: #ff6b8a;--warning: #f5b94c;--border: rgba(230, 237, 247, .14);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{position:fixed;inset:0;width:100%;height:100%}#app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.screen{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:calc(env(safe-area-inset-top,0px) + 20px) 20px calc(env(safe-area-inset-bottom,0px) + 20px)}.screen__header{display:flex;align-items:center;gap:8px}.screen__title{flex:1;margin:0;font-size:20px;font-weight:700;text-align:center}.screen__spacer{flex:0 0 56px}.screen__footer{display:flex;flex-direction:column;gap:10px}.screen__hint{margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}.btn{flex:0 0 auto;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:active{transform:none}.btn--primary{border-color:transparent;background:var(--accent-strong)}.btn--ghost{background:transparent}.btn--danger{border-color:#ff6b8a80;background:#ff6b8a1f;color:var(--danger)}.btn--wide{width:100%}.btn--back{flex:0 0 56px;min-height:44px;padding:0 8px;border-color:transparent;background:transparent;color:var(--muted);font-size:14px}.btn--hud{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:999px;font-size:14px;pointer-events:auto}.screen--menu{justify-content:flex-end;background-color:#0d1a2b;background-position:center top;background-size:cover;background-repeat:no-repeat}.screen--menu:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060c161f,#060c1680 42%,#060c16e6 72%,#0b1220)}.screen--menu>*{position:relative;z-index:1}.menu__head{margin-top:auto}.menu__eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.24em}.menu__title{margin:0;font-size:30px;line-height:1.2;letter-spacing:.01em}.menu__subtitle{margin:8px 0 0;color:var(--muted);font-size:14px;letter-spacing:.16em}.menu__actions{display:grid;gap:10px}.menu__foot{text-align:center}.menu__notice{margin:4px 0 0;color:var(--muted);font-size:12px}.menu__warning{margin:6px 0 0;color:var(--warning);font-size:12px}.level-list{display:grid;flex:1;gap:12px;align-content:start;overflow-y:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.level-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 12px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.level-card:disabled{opacity:.5;filter:grayscale(.7);cursor:default}.level-card__thumb{grid-row:span 2;width:104px;height:55px;border-radius:10px;background-image:url(/media/images/ui/level-cards-sheet.png);background-repeat:no-repeat;background-size:100% 700%}.level-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.level-card__name{font-size:15px}.level-card__goal{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.level-card__meta{align-self:end;color:var(--accent);font-size:12px}.policy-list{display:grid;flex:1;gap:12px;align-content:start;overflow-y:auto;padding-bottom:8px}.policy-card{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}.policy-card[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.policy-card__head{display:flex;align-items:center;justify-content:space-between}.policy-card__name{font-size:17px}.policy-card__summary{color:var(--muted);font-size:13px;line-height:1.5}.policy-card__params{display:flex;flex-wrap:wrap;gap:6px}.policy-card__param{padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px}.briefing{display:flex;flex:1;flex-direction:column;gap:14px;overflow-y:auto;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel)}.briefing__eyebrow{margin:0;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.08em}.briefing__goal{margin:0;font-size:20px;line-height:1.4}.briefing__block{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border)}.briefing__label{margin:0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.12em}.briefing__text{margin:0;font-size:14px;line-height:1.6}.briefing__list{margin:0;padding-left:18px;font-size:14px;line-height:1.7}.briefing__note{margin:0;padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--text);font-size:13px;line-height:1.5}.briefing__note:before{content:"教学关 · ";color:var(--accent);font-weight:700}.screen--driving{gap:0;padding:0}.stage{position:absolute;inset:0}.world{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);pointer-events:none}.hud__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud__headline{display:flex;align-items:center;gap:8px;min-width:0}.hud__title{overflow:hidden;font-size:16px;font-weight:600;letter-spacing:.02em;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap}.hud__chip{flex:0 0 auto;padding:1px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:12px;line-height:18px}.hud__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.hud__block{display:flex;flex-direction:column;gap:2px;min-width:0}.hud__label{color:var(--muted);font-size:12px}.hud__value{font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}.hud__value-row{display:flex;align-items:baseline;gap:3px}.hud__unit{color:var(--muted);font-size:12px}.hud__sub{color:var(--muted);font-size:11px;white-space:nowrap}.hud__mode{font-size:17px;line-height:1.35}.hud__mode[data-mode=manual]{color:var(--warning)}.hud__mode[data-mode=takeoverRequest]{color:var(--danger)}.risk{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:1px 8px 1px 2px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:700;line-height:20px;white-space:nowrap}.risk__icon{width:20px;height:20px;background-image:url(/media/images/ui/risk-icon-sheet.png);background-repeat:no-repeat;background-size:400% 100%}.risk--safe{color:#7fb0ff}.risk--safe .risk__icon{background-position:0 0}.risk--caution{color:var(--warning)}.risk--caution .risk__icon{background-position:33.333% 0}.risk--warning{color:#f2994a}.risk--warning .risk__icon{background-position:66.666% 0}.risk--danger{color:var(--danger)}.risk--danger .risk__icon{background-position:100% 0}.takeover{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--danger);border-radius:14px;background:#280a12e6;pointer-events:auto}.takeover__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.takeover__title{color:var(--danger);font-size:15px}.takeover__count{color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.takeover__reason{margin:0;color:var(--muted);font-size:12px}.btn--takeover{align-self:flex-start;min-height:44px;border-color:transparent;background:#d93a56;font-size:15px;pointer-events:auto}.hud__decision{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13px}.hud__state{flex:0 0 auto;padding:1px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.hud__reason{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.hud__events{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.toast{padding:5px 10px;border-left:3px solid var(--accent);border-radius:8px;background:var(--panel-solid);font-size:12px;line-height:1.4}.toast--warning{border-left-color:var(--warning)}.toast--danger{border-left-color:var(--danger)}.hud__spacer{flex:1}.hud__progress{display:flex;flex-direction:column;gap:4px}.hud__progress-info{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.progress{height:4px;overflow:hidden;border-radius:999px;background:#e6edf729}.progress__fill{width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .2s linear}.hud__controls{display:flex;justify-content:center}.hud__auto,.hud__manual{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.hud__auto .btn--takeover{align-self:center}.control-pad{display:flex;justify-content:center;align-items:center;gap:16px}.control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:52px;height:52px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--panel);color:var(--text);pointer-events:auto;touch-action:none;cursor:pointer;transition:transform .08s ease,background-color .08s ease}.control--accelerate{margin-left:24px}.control__icon{color:var(--accent);font-size:17px;font-weight:700;line-height:17px}.control--accelerate .control__icon{color:#63d9a4}.control--brake .control__icon{color:var(--warning)}.control__label{color:var(--muted);font-size:12px;line-height:14px}.control.is-active{background:var(--accent-soft);filter:brightness(1.25);transform:scale(.94)}.control.is-hint{border-color:var(--warning);box-shadow:0 0 0 2px #f5b94c8c;animation:control-hint 1s ease-in-out infinite}@keyframes control-hint{0%,to{box-shadow:0 0 0 2px #f5b94c59}50%{box-shadow:0 0 0 5px #f5b94c99}}.tutorial{position:absolute;top:calc(env(safe-area-inset-top,0px) + 184px);left:16px;right:16px;display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--accent);border-radius:12px;background:#0d1c30f0;box-shadow:0 6px 24px #00000059;pointer-events:auto;z-index:6}.tutorial.is-done{border-color:#63d9a4}.tutorial__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tutorial__label{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em}.tutorial__progress{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.tutorial__text{margin:0;font-size:14px;line-height:1.5}.tutorial__hint{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.btn--tutorial-skip{align-self:flex-end;min-height:44px;padding:0 10px;border-color:transparent;color:var(--muted);font-size:12px}.btn--resume{min-height:44px;padding:0 14px;border-radius:999px;color:var(--muted);font-size:12px;pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;white-space:nowrap}.countdown{position:absolute;inset:0;display:grid;place-content:center;gap:6px;background:radial-gradient(circle at center,#0b122080,#0b1220d9);text-align:center}.countdown__value{font-size:72px;font-variant-numeric:tabular-nums;line-height:1}.countdown__hint{color:var(--muted);font-size:14px}.pause{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#060c16b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pause__panel{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px;padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--panel-solid)}.pause__title{margin:0;font-size:22px;text-align:center}.pause__hint{margin:0;color:var(--muted);font-size:12px;text-align:center}.pause__actions{display:grid;gap:10px}.screen--result{justify-content:flex-start;gap:10px}.result__scroll{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.result__head{text-align:center}.result__eyebrow{margin:0;color:var(--muted);font-size:13px}.result__status{margin:6px 0 4px;font-size:36px;letter-spacing:.08em}.result__status.is-passed{color:#63d9a4}.result__status.is-failed{color:var(--danger)}.result__reason{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.result__score{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.result__total{display:flex;align-items:baseline;gap:6px}.result__total-value{font-size:44px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.result__total-unit{color:var(--muted);font-size:12px}.result__title-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.result__title{font-size:17px}.result__stars{display:flex;gap:3px}.star{width:24px;height:24px;background-image:url(/media/images/ui/star-sheet.png);background-repeat:no-repeat;background-position:0 0;background-size:200% 100%}.star--on{background-position:100% 0}.result__subscores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result__subscore{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.result__subscore-value{font-size:20px;font-variant-numeric:tabular-nums}.result__bar{height:4px;overflow:hidden;border-radius:999px;background:#e6edf729}.result__bar-fill{height:100%;border-radius:inherit;background:var(--accent)}.result__subscore--safety .result__bar-fill{background:#63d9a4}.result__subscore--comfort .result__bar-fill{background:var(--accent)}.result__subscore--decision .result__bar-fill{background:var(--warning)}.result__subscore--lane-change .result__bar-fill{background:#b18cff}.result__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.result__metric{display:flex;flex-direction:column;gap:3px;min-width:0}.result__label{color:var(--muted);font-size:12px}.result__value{overflow:hidden;font-size:16px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.result__best{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.result__best-line{margin:0;color:var(--muted);font-size:13px}.result__best-new{margin:0;padding:2px 8px;border-radius:999px;background:#63d9a429;color:#63d9a4;font-size:12px;font-weight:700}.result__tips{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.result__tips-title{margin:0 0 6px;font-size:14px}.result__tips-list{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.6}.result__seed{margin:0;color:var(--muted);font-size:11px;text-align:right}.result__takeovers{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.result__takeovers-title{margin:0 0 6px;font-size:14px}.result__takeover-line{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.result__actions{display:grid;gap:10px}.settings__warning{margin:0;color:var(--warning);font-size:12px;line-height:1.6}.modal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#040810b8;z-index:40}.modal__panel{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px;max-height:80dvh;overflow-y:auto;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--panel-solid)}.modal__title{margin:0;font-size:18px}.modal__text{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.modal__actions{display:grid;gap:8px;margin-top:6px}.settings{display:flex;flex-direction:column;gap:10px}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 12px;border:1px solid var(--border);border-radius:12px}.settings__label{font-size:15px}.settings__toggle{width:22px;height:22px;accent-color:var(--accent)}.settings__hint,.settings__about{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.update-banner{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel-solid);color:var(--text);font-size:13px;transform:translate(-50%);z-index:50}@media(orientation:landscape){#app:after{content:"请旋转至竖屏";position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--text);font-size:16px;z-index:60}}