:root{--ink:#17211d;--cream:#f4e4bd;--yellow:#f0c458;--red:#cf493b;--pine:#244b39;--panel:#20352d}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c1411;color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,select,a{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.screen{position:absolute;inset:0;display:none}.screen.active{display:block}#menu{overflow:auto;background:linear-gradient(145deg,#17211d,#2a4738);padding:18px}.mast{display:flex;gap:14px;align-items:center;max-width:1220px;margin:auto auto 16px;padding:12px 16px;border:2px solid #eadbb7;border-radius:17px;background:#1d3129;box-shadow:7px 8px #07100c}.mast h1{font-size:1.7rem;margin:0;text-transform:uppercase;letter-spacing:-.04em}.mast p{margin:.15rem 0 0;opacity:.76;font-weight:700}.brandmark-img{width:88px;height:58px;object-fit:contain;transform:rotate(-2deg);filter:drop-shadow(3px 4px 0 #07100c)}.edition{margin-left:auto;background:var(--yellow);color:var(--ink);padding:8px 11px;border-radius:9px;font-weight:1000}.mast-actions{display:flex;gap:8px}.icon,.secondary,.primary,.text-button{border:2px solid var(--cream);border-radius:11px;padding:10px 13px;font-weight:900}.icon,.secondary{background:#29473a;color:var(--cream)}.primary{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.text-button{background:transparent;color:var(--cream)}.menu-layout{max-width:1220px;margin:auto;display:grid;grid-template-columns:minmax(290px,.75fr) minmax(540px,1.25fr);gap:16px}.hero,.garage,.stage-panel{background:#1c3028;border:2px solid rgba(244,228,189,.72);border-radius:18px;padding:14px;box-shadow:7px 8px #07100c}.postcard{height:190px;border:2px solid var(--cream);border-radius:13px;overflow:hidden;background:#526b43}.postcard svg{width:100%;height:100%}.eyebrow{font-size:.72rem;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;color:var(--yellow)}h2{margin:.25rem 0 .55rem;font-size:1.45rem}.cup-row,.select-row,.garage-actions,.result-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cup-row span{background:#29473a;padding:7px 10px;border-radius:8px;font-weight:900}.garage{margin-top:14px}.garage-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.car-option{display:flex;align-items:center;gap:8px;background:#263d33;color:var(--cream);border:2px solid #60796a;border-radius:11px;padding:8px;text-align:left}.car-option.selected{border-color:var(--yellow)}.car-option.locked{opacity:.48}.car-thumb{width:42px;height:58px;flex:none;object-fit:contain}.car-option small{display:block;opacity:.72}.select-row label{display:grid;gap:4px;flex:1;font-size:.78rem;font-weight:900;margin-top:9px}select{background:#13251e;color:var(--cream);border:2px solid #60796a;border-radius:9px;padding:8px}.garage-actions{margin-top:10px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.region-tabs{display:flex;gap:6px}.tab{padding:8px 10px;background:#263d33;color:var(--cream);border:2px solid #60796a;border-radius:9px;font-weight:900}.tab.selected{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stage-card{min-height:104px;text-align:left;padding:11px;background:#243b31;color:var(--cream);border:2px solid #60796a;border-radius:11px;display:grid;gap:4px}.stage-card.locked{opacity:.48}.stage-card strong{font-size:1rem}.stage-card small{opacity:.7}.stage-card em{font-style:normal;color:var(--yellow);font-weight:900}.demo-note{margin-top:10px;padding:12px;border:2px dashed var(--yellow);border-radius:11px;background:#312f21}footer{max-width:1220px;margin:16px auto 0;font-size:.78rem;font-weight:800;opacity:.72}#race{background:#426347}#world{width:100%;height:100%;display:block}.route .shoulder{fill:none;stroke:#d9c49e;stroke-width:112;stroke-linecap:round;stroke-linejoin:round}.route .road{fill:none;stroke-width:90;stroke-linecap:round;stroke-linejoin:round}.route.gravel .road{stroke:#705943}.route.mud .road{stroke:#654431}.route.tarmac .road{stroke:#434b49}.route.wet .road{stroke:#465658}.route.mixed .road{stroke:url(#mixroad)}.finish rect{fill:#f4e4bd;stroke:#17211d;stroke-width:5}.finish path{fill:#17211d}.ideal{fill:none;stroke:#f0c458;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.82}.tree-body{fill:#1d402e;stroke:#142e22;stroke-width:4}.tree-trunk{fill:#604532}.rock{fill:#777b70;stroke:#343c36;stroke-width:4}.hud{position:absolute;inset:0;pointer-events:none}.hud-card,.note-card,.split,.brake-warning{position:absolute;background:rgba(23,33,29,.92);border:3px solid var(--cream);border-radius:13px;box-shadow:5px 6px rgba(0,0,0,.32)}.time{left:14px;top:14px;padding:9px 13px}.time strong{display:block;color:var(--yellow);font-size:2.2rem;font-variant-numeric:tabular-nums}.bar{width:210px;height:6px;background:#07100c;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--yellow)}.speed{right:14px;top:14px;padding:9px 13px;text-align:right}.speed strong{display:block;font-size:1.8rem}.note-card{right:14px;top:95px;width:92px;height:92px;display:grid;place-items:center;text-align:center;color:var(--ink);background:var(--cream)}.note-card span{font-size:2.3rem;line-height:1}.note-card b{font-size:.67rem}.brake-warning{left:50%;top:110px;transform:translateX(-50%);padding:8px 14px;background:var(--red);font-weight:1000}.split{left:50%;top:56px;transform:translateX(-50%);padding:7px 11px;color:var(--yellow);font-weight:900}.race-actions{position:absolute;right:14px;bottom:14px;display:flex;gap:7px;pointer-events:auto}.race-actions button{background:#1d3129;color:var(--cream);border:2px solid var(--cream);border-radius:9px;padding:8px 10px}.countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:1000 clamp(5rem,18vw,12rem)/1 Arial Black;color:var(--yellow);text-shadow:8px 9px #17211d}#touch{position:absolute;left:12px;right:12px;bottom:12px;display:none;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;width:68px;height:68px;border-radius:50%;border:3px solid var(--cream);background:rgba(23,33,29,.8);color:var(--cream);font-weight:1000;font-size:1.25rem;touch-action:none}#touch .go{background:rgba(240,196,88,.9);color:var(--ink)}.overlay{background:rgba(6,12,9,.84);z-index:30;display:none!important;place-items:center;padding:18px}.overlay.active{display:grid!important}.result-card,.settings-card{width:min(540px,100%);background:#1c3028;border:3px solid var(--cream);border-radius:19px;padding:24px;text-align:center;box-shadow:9px 10px #050a08}.result-card h2{font-size:3rem;color:var(--yellow);margin:.2rem}.result-card>strong{font-size:2.35rem}.award-row{display:flex;justify-content:center;gap:12px;margin:10px}.cup-banner{padding:9px;background:var(--yellow);color:var(--ink);font-weight:1000;border-radius:9px}.settings-card label{display:flex;justify-content:space-between;gap:14px;text-align:left;padding:10px;border-top:1px solid #50675b}.settings-card small{display:block;opacity:.7}.link-button{text-decoration:none;display:inline-block}[hidden]{display:none!important}@media(max-width:820px){.menu-layout{grid-template-columns:1fr}.stage-grid{grid-template-columns:1fr}.mast{flex-wrap:wrap}.edition{margin-left:0}.postcard{height:150px}}@media(max-width:700px),(pointer:coarse){#touch{display:flex}.race-actions{bottom:92px}.time strong{font-size:1.6rem}.bar{width:140px}.note-card{top:85px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}