@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(./barlow-500-BPAOfeC8.woff2) format("woff2")}@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url(./barlow-700-A9pxMQ4z.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(./barlow-condensed-600-DepVgxBB.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:800;font-display:swap;src:url(./barlow-condensed-800-BKzMuPgK.woff2) format("woff2")}:root{--ink: #f4f0e6;--ink-dim: #b9c3c6;--panel: rgba(17, 27, 34, .92);--panel-2: rgba(28, 41, 50, .95);--line: rgba(255, 255, 255, .12);--hazard: #e9b12a;--car: #f2601c;--good: #46d27e;--bad: #ff5a4a;--ghost: #8fe8ff;--r: 14px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#10191f;color:var(--ink);font-family:Barlow,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#view{position:absolute;inset:0;width:100%;height:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:0}[hidden]{display:none!important}h1,h2,h3,.cond{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;letter-spacing:.02em;margin:0}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));top:calc(10px + var(--safe-t));display:flex;align-items:flex-start;gap:10px}.hud-info{flex:1;min-width:0;background:var(--panel);border-radius:12px;padding:7px 12px 8px;border-left:4px solid var(--hazard);max-width:420px}.hud-track{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-obj{font-size:13px;color:var(--ink-dim);line-height:1.25;margin-top:2px;transition:opacity .6s}.hud-stats{display:flex;gap:6px}.stat{background:var(--panel);border-radius:12px;padding:5px 10px 6px;min-width:58px;text-align:center}.stat .k{display:block;font-size:10px;letter-spacing:.12em;color:var(--ink-dim);font-weight:700}.stat .v{display:block;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.stat.speed.over .v{color:var(--bad)}.hud-btns{display:flex;gap:6px;pointer-events:auto}.icon{width:46px;height:46px;border-radius:12px;background:var(--panel);display:grid;place-items:center}.icon svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon:active{transform:scale(.95)}.hud-chips{position:absolute;left:calc(12px + var(--safe-l));top:calc(74px + var(--safe-t));display:flex;flex-direction:column;gap:6px;align-items:flex-start}.chip{background:var(--panel);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700;letter-spacing:.02em}.chip.ghost{color:#06232b;background:var(--ghost)}.chip.mode{background:var(--hazard);color:#15191c}.keys-hint{position:absolute;bottom:calc(14px + var(--safe-b));left:50%;transform:translate(-50%);background:var(--panel);padding:6px 14px;border-radius:999px;font-size:13px;color:var(--ink-dim);white-space:nowrap;transition:opacity .8s}#pedals{display:none}body.touch.driving #pedals{display:block}body.touch .keys-hint{display:none}.pedal{position:absolute;bottom:calc(14px + var(--safe-b));width:118px;height:118px;border-radius:26px;pointer-events:auto;touch-action:none;display:grid;place-items:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;letter-spacing:.06em;box-shadow:0 6px #00000059;transition:transform .05s,box-shadow .05s}.pedal.brake{left:calc(14px + var(--safe-l));background:#1e2c36d1;border:2px solid rgba(255,255,255,.25)}.pedal.gas{right:calc(14px + var(--safe-r));background:#ff5216db;border:2px solid rgba(255,255,255,.35)}.pedal.down{transform:translateY(4px) scale(.97);box-shadow:0 2px #00000059}.back-creator{position:absolute;right:calc(12px + var(--safe-r));top:calc(66px + var(--safe-t));pointer-events:auto;background:var(--hazard);color:#15191c;border-radius:999px;padding:9px 16px;font-weight:700;z-index:2}.panel-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:radial-gradient(ellipse at center,#080e1240,#080e128c)}.panel-wrap.soft{background:transparent;pointer-events:none}.panel-wrap.soft.bottom{place-items:end center;padding-bottom:calc(12px + var(--safe-b))}.panel-wrap.soft.bottom .card{box-shadow:0 10px 40px #00000080}@media(min-aspect-ratio:6/5){.panel-wrap.soft.bottom{place-items:end end;padding-right:calc(16px + var(--safe-r))}.panel-wrap.soft.bottom .card{width:min(500px,46%)}}.panel-wrap.soft>*{pointer-events:auto}.card{width:min(560px,100%);max-height:100%;overflow:auto;background:var(--panel);border-radius:20px;padding:22px;box-shadow:0 20px 60px #00000073;border:1px solid var(--line)}.card.wide{width:min(760px,100%)}.card h2{font-size:34px;line-height:1}.card .eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--hazard);margin-bottom:6px}.card p{color:var(--ink-dim);line-height:1.45;margin:10px 0}.card .big{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:54px;line-height:.95}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{background:var(--panel-2);border:1px solid var(--line);padding:12px 18px;border-radius:12px;font-weight:700;font-size:16px;min-height:48px}.btn.primary{background:var(--car);border-color:transparent;color:#fff}.btn.yellow{background:var(--hazard);color:#15191c;border-color:transparent}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn.grow{flex:1}.fail-card{width:min(560px,100%);border-top:6px solid var(--bad)}.fail-card .big,.finish-card .big{font-size:42px}.fail-card .head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.fail-card .cause{display:flex;align-items:center;gap:10px;margin-top:8px}.tag{display:inline-block;background:var(--hazard);color:#15191c;font-weight:800;font-size:12px;letter-spacing:.06em;padding:3px 8px;border-radius:6px}.tag.red{background:var(--bad);color:#fff}.tag.green{background:var(--good);color:#06220f}.tag.ghost{background:var(--ghost);color:#06232b}.hintbox{background:#f2b51c1f;border:1px solid rgba(242,181,28,.35);border-radius:12px;padding:10px 12px;margin-top:12px;color:var(--ink)}.hintbox b{color:var(--hazard)}.kbd{font-size:12px;color:var(--ink-dim);margin-top:10px}.finish-card{border-top:6px solid var(--good)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.stats div{background:var(--panel-2);border-radius:12px;padding:8px 10px}.stats .k{font-size:11px;color:var(--ink-dim);font-weight:700;letter-spacing:.1em}.stats .v{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:26px;white-space:nowrap}.menu{width:min(980px,100%);max-height:100%;overflow:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}.title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(54px,9vw,104px);line-height:.86;letter-spacing:.01em;text-shadow:0 6px 30px rgba(0,0,0,.45)}.title span{color:var(--car)}.tagline{font-size:clamp(16px,2.2vw,20px);margin-top:12px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);max-width:30ch}.courses{display:grid;gap:8px}.course{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left;background:var(--panel);border-radius:14px;padding:10px 14px;border:1px solid var(--line);min-height:60px}.course:hover{border-color:#f2b51c99}.course .n{width:42px;height:42px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:24px;color:var(--hazard)}.course .nm{font-weight:700;font-size:17px}.course .ob{font-size:13px;color:var(--ink-dim)}.course .best{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;color:var(--good);text-align:right}.course .best small{display:block;font-family:Barlow,sans-serif;font-weight:500;font-size:11px;color:var(--ink-dim)}.menu-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.set{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:12px}.set label{font-weight:700}.set small{display:block;color:var(--ink-dim);font-weight:500}.toggle{width:56px;height:32px;border-radius:999px;background:#3a4a54;position:relative;flex:none}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on:after{left:28px}.seg{display:flex;background:var(--panel-2);border-radius:10px;padding:3px}.seg button{padding:7px 10px;border-radius:8px;background:none;font-weight:700;font-size:13px;color:var(--ink-dim)}input[type=range]{width:140px;accent-color:var(--hazard)}#creator{position:absolute;inset:0;pointer-events:none}.cr-top{position:absolute;top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));right:calc(12px + var(--safe-r));display:flex;gap:8px;align-items:center;pointer-events:auto}.cr-title{background:var(--panel);border-radius:12px;padding:8px 12px;border-left:4px solid var(--hazard);flex:1;min-width:0}.cr-title h3{font-size:20px;line-height:1}.cr-title div{font-size:12px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-tracks{display:flex;gap:4px;background:var(--panel);border-radius:12px;padding:4px}.cr-tracks button{width:40px;height:38px;border-radius:9px;background:none;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;color:var(--ink-dim)}.cr-tracks button.on{background:var(--hazard);color:#15191c}.cr-sheet{position:absolute;left:50%;transform:translate(-50%);bottom:calc(10px + var(--safe-b));width:min(720px,calc(100% - 20px));background:var(--panel);border-radius:18px;padding:12px;pointer-events:auto;border:1px solid var(--line);max-height:52%;overflow:auto}.cr-sockets{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.sock{flex:none;display:flex;align-items:center;gap:8px;background:var(--panel-2);border:2px solid transparent;border-radius:12px;padding:6px 10px 6px 6px;min-height:46px}.sock .l{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#33444f;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:18px}.sock.filled .l{background:var(--hazard);color:#15191c}.sock.sel{border-color:var(--hazard)}.sock.bad{border-color:var(--bad)}.sock .t{font-size:12px;line-height:1.15;text-align:left}.sock .t small{display:block;color:var(--ink-dim)}.cr-opts{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cr-opts .lbl{font-size:12px;color:var(--ink-dim);font-weight:700;letter-spacing:.08em;width:100%}.opt{background:var(--panel-2);border:2px solid transparent;border-radius:10px;padding:8px 12px;font-weight:700;font-size:14px;min-height:42px}.opt.on{border-color:var(--hazard);background:#f2b51c26}.opt.empty{color:var(--ink-dim)}.cr-status{margin-top:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.problems{margin:8px 0 0;padding:0;list-style:none}.problems li{color:#ffb4a8;font-size:13px;padding:4px 0 4px 22px;position:relative;line-height:1.3}.problems li:before{content:"✕";position:absolute;left:4px;color:var(--bad);font-weight:800}.problems li.ok{color:#a9f0c4}.problems li.ok:before{content:"✓";color:var(--good)}.cr-actions{display:flex;gap:8px;margin-top:10px}.badge{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;background:#33444f;color:var(--ink);border:2px solid rgba(255,255,255,.5);border-radius:12px;min-width:44px;height:44px;padding:0 8px;display:grid;place-items:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:20px;box-shadow:0 6px 18px #0006}.badge:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);border:7px solid transparent;border-top-color:#ffffff80}.badge.filled{background:var(--hazard);color:#15191c}.badge.sel{outline:3px solid #fff}.badge.bad{background:var(--bad)}.linkbox{width:100%;background:#0c1418;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all;max-height:92px;overflow:auto;user-select:all;-webkit-user-select:all}.note{font-size:12px;color:var(--ink-dim);margin-top:10px;line-height:1.4}.toast{position:absolute;left:50%;top:calc(70px + var(--safe-t));transform:translate(-50%);background:var(--panel);border:1px solid var(--line);padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;pointer-events:none;z-index:5}.boot{position:absolute;inset:0;display:grid;place-content:center;gap:16px;background:#10191f;transition:opacity .5s;z-index:10}.boot-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:44px;letter-spacing:.04em}.boot-bar{height:6px;width:220px;background:#24323b;border-radius:6px;overflow:hidden}.boot-bar i{display:block;height:100%;width:30%;background:var(--hazard);animation:boot 1s ease-in-out infinite alternate}@keyframes boot{to{width:100%}}.boot.done{opacity:0;pointer-events:none}@media(max-width:720px){.menu{grid-template-columns:1fr;gap:12px;align-content:start}.hud-obj{font-size:12px}.stat{min-width:48px;padding:4px 7px 5px}.stat .v{font-size:19px}.icon{width:44px;height:44px}.card{padding:18px}.card h2{font-size:28px}.card .big{font-size:44px}.hud-track{font-size:17px}}@media(max-width:480px){.stats .v{font-size:22px}.stats div{padding:6px 8px}.back-creator{top:calc(222px + var(--safe-t))}.hud-top{flex-wrap:wrap}.hud-info{flex:1 1 100%;max-width:none;order:3;padding:5px 10px 6px}.hud-stats{flex:1}.hud-chips{top:calc(118px + var(--safe-t))}.pedal{width:104px;height:104px}.cr-top{flex-wrap:wrap}.cr-title{flex:1 1 100%;order:2}}@media(max-height:460px){.back-creator{top:calc(56px + var(--safe-t))}.panel-wrap.soft.bottom{place-items:end end;padding-right:calc(12px + var(--safe-r))}.panel-wrap.soft.bottom .card{width:min(430px,60%);max-height:calc(100% - 64px)}.fail-card .big{font-size:30px}.hintbox{padding:6px 10px;margin-top:6px;font-size:13px}.kbd{display:none}.hud-top{top:calc(6px + var(--safe-t))}.hud-info{padding:4px 10px 5px;max-width:300px}.hud-obj{display:none}.hud-chips{top:calc(54px + var(--safe-t))}.pedal{width:92px;height:92px;border-radius:22px;bottom:calc(10px + var(--safe-b))}.card{padding:14px 16px}.card .big{font-size:38px}.card h2{font-size:26px}.card p{margin:6px 0}.menu{grid-template-columns:1fr 1.1fr}.title{font-size:56px}.course{min-height:50px;padding:6px 10px}.course .n{width:34px;height:34px;font-size:20px}.cr-sheet{max-height:58%;padding:8px}.row{margin-top:8px}.stats .v{font-size:22px}}.hud-info{transition:opacity .5s,transform .5s}#hud.quiet .hud-obj{opacity:0!important;height:0;margin:0}body.portrait #hud.quiet .hud-info{opacity:0;pointer-events:none;transform:translateY(-6px)}body.portrait .hud-chips{top:calc(70px + var(--safe-t))}body.portrait #hud:not(.quiet) .hud-chips{top:calc(128px + var(--safe-t))}.chip.ghost{background:#8fe8ffeb}.finish-banner{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.55)}.finish-banner .fb-k{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(20px,3.4vw,30px);letter-spacing:.14em;color:var(--hazard)}.finish-banner .fb-v{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(54px,9vw,96px);line-height:.95;color:#fff;font-variant-numeric:tabular-nums}.finish-banner.in{animation:bannerIn .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}body.portrait .finish-banner{top:26%}.ahead{position:absolute;right:calc(8px + var(--safe-r));transform:translateY(-50%);background:var(--hazard);color:#15191c;border-radius:10px 4px 4px 10px;padding:6px 10px 6px 12px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;box-shadow:0 6px 18px #00000059;max-width:46vw}.ahead b{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:17px;line-height:1;text-align:right}.ahead span{font-size:12px;font-weight:700;opacity:.75}.coach{position:absolute;left:50%;top:30%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:#111b22e0;border:2px solid var(--hazard);color:#fff;border-radius:14px;padding:10px 16px;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(19px,3vw,26px);letter-spacing:.02em;text-align:center;pointer-events:none}.coach.in{animation:coachIn 2.8s ease both}@keyframes coachIn{0%{opacity:0;transform:translate(-50%,8px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}body.portrait .coach{top:19%}.pop{position:absolute;transform:translate(-50%,-100%);font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:22px;color:var(--hazard);text-shadow:0 2px 0 #15191c,0 0 12px rgba(0,0,0,.6);pointer-events:none;white-space:nowrap;animation:popUp 1.1s ease-out both}@keyframes popUp{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}15%{opacity:1;transform:translate(-50%,-100%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-150%) scale(1)}to{opacity:0;transform:translate(-50%,-190%)}}.fail-card.compact{width:min(440px,100%);padding:16px 18px 14px}.fail-card.compact .head{gap:10px;align-items:center}.fail-card.compact .big{font-size:40px}.fail-card .what{color:var(--ink-dim);font-weight:700}.hintline{margin-top:10px;font-size:17px;line-height:1.35;color:#fff}.hintline b{color:var(--hazard)}.why{margin-top:8px}.why summary{cursor:pointer;color:var(--ink-dim);font-weight:700;font-size:13px;width:max-content}.why p{margin:6px 0 0;font-size:14px}.fail-card.compact .row{margin-top:12px}.fail-card.compact .kbd{margin-top:8px}body.touch .fail-card .kbd{display:none}@media(min-aspect-ratio:6/5){.panel-wrap.soft.bottom .fail-card.compact{margin-right:0}}.intro-card .lede{color:#fff;font-style:italic;font-size:17px}.intro-facts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.intro-facts>div{background:var(--panel-2);border-radius:12px;padding:8px 12px}.intro-facts .k{display:block;font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--ink-dim)}.intro-facts .v{display:block;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:24px}.cr-sheet{width:min(760px,calc(100% - 20px));padding:12px 14px 14px;max-height:58%}.cr-status{margin:0 0 4px;justify-content:space-between}.cr-pips{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--ink-dim)}.cr-pips i{width:14px;height:14px;border-radius:50%;border:2px solid var(--hazard)}.cr-pips i.on{background:var(--hazard)}.cr-pips span{margin-left:6px}.cr-step{margin-top:10px}.cr-step .lbl{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:6px}.cr-step .lbl em{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--hazard);color:#15191c;display:inline-grid;place-items:center;font-size:12px;flex:none}.cr-step .lbl small{color:var(--ink-dim);font-weight:600;letter-spacing:.04em;text-transform:none}.cr-opts{margin-top:0}.opt{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.opt b{font-size:15px;display:flex;align-items:center;gap:6px}.opt small{font-size:12px;font-weight:500;color:var(--ink-dim)}.opt .ic{font-size:17px;width:18px;text-align:center;color:var(--hazard)}.opt.trick{min-width:190px;flex:1}.opt.on{border-color:var(--hazard);background:#e9b12a29}.opt:disabled{opacity:.4;cursor:not-allowed}.cr-opts.presets .opt{align-items:center;min-width:90px}.sock.sel{border-color:#fff;background:#ffffff1a}.problems li.info{color:var(--ink)}.problems li.info:before{content:"▸";color:var(--hazard)}.cr-actions .btn{min-height:52px;font-size:17px}@media(max-width:480px){.cr-sheet{max-height:62%;padding:10px}.opt.trick{min-width:0}.cr-pips span{display:none}}.course .best .old{color:var(--ink-dim)}:root{--gold: #f3c33b;--silver: #c9d2d8;--bronze: #c98552;--none: rgba(255, 255, 255, .16)}.screen{position:absolute;inset:0;overflow-y:auto;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(20px + var(--safe-b)) calc(16px + var(--safe-l));background:linear-gradient(180deg,#0a101533,#0a1015c7 55%,#0a1015eb);touch-action:pan-y}.screen.scr-title{background:linear-gradient(180deg,#0a101500 25%,#0a1015d9 75%);display:grid;align-items:end}.screen.scr-finale{background:#0a1015db;display:grid;place-items:center}.btn.big{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:26px;letter-spacing:.04em;min-height:62px;padding:12px 30px}.btn.big small{font-family:Barlow,sans-serif;font-weight:600;font-size:14px;opacity:.9;margin-left:6px}.btn.red{background:#6a2420;border-color:transparent}.link{background:none;color:var(--ink-dim);font-weight:700;display:inline-flex;gap:6px;align-items:center;padding:10px 4px;min-height:44px}.svgi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.muted{color:var(--ink-dim)}.small{font-size:13px}.notice{background:#ff5a4a26;border-left:3px solid var(--bad);padding:8px 10px;border-radius:8px;font-size:13px;color:var(--ink);max-width:46ch}.plain{margin:6px 0;padding-left:18px;color:var(--ink-dim);line-height:1.6}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:8px;margin-top:14px}.title-wrap{width:min(620px,100%);margin:0 auto;padding-bottom:6px}.logo{font-family:Barlow Condensed,sans-serif;font-weight:800;line-height:.84;text-shadow:0 4px 24px rgba(0,0,0,.55)}.logo .l1{font-size:clamp(64px,17vw,112px);color:var(--hazard);letter-spacing:.02em}.logo .l2{font-size:clamp(40px,10.5vw,68px);color:#fff;letter-spacing:.03em}.motto{font-size:clamp(15px,2.6vw,19px);color:#fff;margin:12px 0 16px;max-width:32ch;text-shadow:0 2px 10px rgba(0,0,0,.6)}.title-wrap>.btn.big{width:100%}.title-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:10px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-align:left;min-height:64px;display:flex;flex-direction:column;justify-content:center}.tile b{font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:800;letter-spacing:.02em}.tile small{color:var(--ink-dim);font-size:13px}.tile:active{transform:translateY(1px)}.title-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.legal{display:inline-flex;gap:14px;font-size:13px}.legal a{color:var(--ink-dim);text-decoration:none;padding:7px 2px}.legal a:hover,.legal a:focus-visible{color:var(--ink);text-decoration:underline}p.legal{margin-top:4px}p.legal a{padding:4px 0}.menu-wrap{width:min(760px,100%);margin:0 auto}.m-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:sticky;top:0;z-index:2;padding:4px 0}.m-head h2{font-size:clamp(28px,6vw,40px)}.sub{color:var(--ink-dim);margin:0 0 12px}.area-list{display:grid;gap:10px}.area-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--ac, var(--hazard));border-radius:16px;padding:14px;text-align:left;min-height:82px}.area-card.locked{opacity:.55}.ac-num{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:42px;color:var(--ac, var(--hazard));text-align:center}.ac-body h3{font-size:24px}.ac-body p{margin:2px 0 0;color:var(--ink-dim);font-size:14px}.ac-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-weight:700;color:var(--ink-dim)}.ac-stats .mini{display:inline-flex;align-items:center;gap:5px}.a-harbour{--ac: #3f9fd8}.a-heights{--ac: #e3b21c}.a-timber{--ac: #6fb36a}.a-quarry{--ac: #d9a464}.a-steel{--ac: #e8603a}.a-midnight{--ac: #7aa8ff}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.level-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;text-align:left;min-height:104px;display:flex;flex-direction:column;gap:4px}.level-card.locked{opacity:.45}.level-card.done{border-color:#ffffff38}.lc-top{display:flex;justify-content:space-between;align-items:center}.lc-n{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:32px;color:var(--hazard);line-height:1}.lc-name{font-weight:700;line-height:1.2}.lc-best{font-size:13px;color:var(--ink-dim);margin-top:auto;font-variant-numeric:tabular-nums}.medal{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--none);box-shadow:inset 0 -3px #00000040;flex:none}.medal.sm{width:14px;height:14px}.medal.lg{width:64px;height:64px;box-shadow:inset 0 -6px #00000040,0 0 0 4px #ffffff1f}.medal.gold{background:radial-gradient(circle at 35% 30%,#fff3b0,var(--gold) 45%,#b8841b)}.medal.silver{background:radial-gradient(circle at 35% 30%,#ffffff,var(--silver) 45%,#8a959c)}.medal.bronze{background:radial-gradient(circle at 35% 30%,#ffd3ad,var(--bronze) 45%,#8a5126)}.res-main{display:flex;align-items:center;gap:16px;margin-top:10px}.res-medal{display:flex;flex-direction:column;align-items:center;gap:4px}.res-medal b{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.08em}.res-medal small{color:var(--hazard);font-weight:800;letter-spacing:.1em}.res-medal.pop-in .medal{animation:medalIn .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes medalIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.res-time .k{font-size:12px;color:var(--ink-dim);font-weight:700;letter-spacing:.14em}.res-time .v{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:54px;line-height:1;font-variant-numeric:tabular-nums}.stats .v.sm{font-size:20px}.stats.wide{grid-template-columns:repeat(4,1fr);margin-bottom:12px}.medal-target{display:inline-flex;gap:6px;align-items:center}.garage-group{margin:12px 0 18px}.garage-group h3{font-size:22px;margin-bottom:8px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.swatch{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px;text-align:left;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:64px}.swatch.on{border-color:var(--hazard)}.swatch.locked{opacity:.5}.swatch .chip-color{grid-row:span 2;width:34px;height:34px;border-radius:10px;box-shadow:inset 0 -4px #00000040}.swatch small{color:var(--ink-dim);font-size:12px}.award-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.award{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;opacity:.6}.award.done{opacity:1;border-color:#f3c33b80}.award small{display:block;color:var(--ink-dim);font-size:13px}.aw-dot{width:14px;height:14px;border-radius:50%;background:var(--none);flex:none;margin-top:3px}.award.done .aw-dot{background:var(--gold)}.card.inline{width:100%}.settings .set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.settings .set-row small{display:block;color:var(--ink-dim);font-size:12px}.toggle{width:54px;height:32px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);position:relative;flex:none}.toggle i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ink-dim);transition:left .15s}.toggle.on{background:var(--good)}.toggle.on i{left:25px;background:#fff}.seg{display:flex;background:var(--panel-2);border-radius:10px;padding:3px;gap:2px;flex:none}.seg button{background:none;padding:7px 10px;border-radius:8px;font-weight:700;font-size:14px;color:var(--ink-dim);min-height:36px}.seg button.on{background:var(--hazard);color:#15191c}input[type=range]{width:150px;accent-color:var(--hazard)}.loading{position:absolute;left:50%;bottom:calc(24px + var(--safe-b));transform:translate(-50%);width:min(380px,calc(100% - 32px));background:var(--panel);border-radius:14px;padding:12px 14px;border:1px solid var(--line);z-index:30}.ld-label{font-weight:700;margin-bottom:8px}.ld-bar{height:8px;background:var(--panel-2);border-radius:4px;overflow:hidden}.ld-bar i{display:block;height:100%;background:var(--hazard);transition:width .2s}#achPops{position:absolute;top:calc(70px + var(--safe-t));right:calc(12px + var(--safe-r));display:flex;flex-direction:column;gap:6px;z-index:25;pointer-events:none}.ach-pop{background:var(--panel);border:1px solid rgba(243,195,59,.6);border-radius:12px;padding:8px 12px;animation:achIn 3.6s ease both}.ach-pop small{display:block;color:var(--gold);font-weight:800;letter-spacing:.14em;font-size:11px}@keyframes achIn{0%{opacity:0;transform:translate(20px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.finale-wrap{width:min(560px,100%);text-align:center}.finale-wrap h1{font-size:clamp(40px,9vw,64px);line-height:.95;margin:6px 0 12px}.finale-wrap p{color:var(--ink-dim);line-height:1.5}.finale-wrap .eyebrow{color:var(--hazard);font-weight:800;letter-spacing:.18em}.cr-tpl{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit;font-weight:700;max-width:46%;min-height:46px}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(max-width:420px){.stats.wide{grid-template-columns:repeat(2,1fr)}.area-card{grid-template-columns:40px 1fr auto;padding:12px}.ac-num{font-size:34px}.res-time .v{font-size:44px}.settings .set-row{flex-wrap:wrap}.cr-tpl{max-width:100%}}@media(max-height:520px)and (min-aspect-ratio:3/2){.panel-wrap.soft.bottom{place-items:end start;padding-left:calc(10px + var(--safe-l));padding-bottom:calc(10px + var(--safe-b))}.fail-card.compact{width:min(48vw,420px);padding:14px 16px}.fail-card.compact .big{font-size:40px}.fail-card.compact .kbd{display:none}}.card{background:#111b22f9}body.card-open #coach,body.card-open #ahead,body.card-open #keysHint,body.card-modal #hud .hud-top,body.card-modal #hud .hud-chips{visibility:hidden}@media(pointer:coarse){.seg button{min-height:44px;padding:8px 14px}.toggle{width:62px;height:40px;border-radius:20px}.toggle i{top:4px;left:4px;width:30px;height:30px}.toggle.on i{left:26px}}@media(max-height:460px){.finish-card .res-main{margin-top:2px;gap:12px}.finish-card .medal.lg{width:44px;height:44px}.finish-card .res-time .v{font-size:40px}.finish-card .stats{margin:6px 0}.finish-card .stats>div{padding-top:6px;padding-bottom:6px}.finish-card .btn{min-height:44px;padding-top:6px;padding-bottom:6px}.finish-card .row{gap:6px}}@media(max-width:360px){.card{padding:16px 14px}.stats{gap:6px}.stats .k{letter-spacing:.04em}}.opt b,.opt small{min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.cr-title{display:none}}
