:root{--grass: #7fb069;--grass-dark: #4f7a3f;--path: #d9cfc0;--ink: #23301f;--ink-soft: #4a5a45;--cream: #f7f3e8;--card: #fffdf7;--sky: #8fd0f0;--coin: #e5b636;--danger: #d4553f;--shadow: 0 6px 18px rgba(20, 30, 18, .18);--radius: 16px;--tap: 48px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#1d2b1f;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#game-root{position:absolute;inset:0}.race-canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}#ui-root>*{pointer-events:auto}button{font:inherit;font-weight:700;color:var(--ink);background:var(--card);border:2px solid rgba(35,48,31,.15);border-radius:12px;min-height:var(--tap);padding:0 16px;cursor:pointer;box-shadow:0 3px #23301f2e;transition:transform .06s ease,box-shadow .06s ease;touch-action:manipulation}button:active{transform:translateY(2px);box-shadow:0 1px #23301f2e}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--grass);color:#10240c;border-color:#10240c40}button.ghost{background:transparent;box-shadow:none;border-color:#f7f3e866;color:var(--cream)}button.danger{background:var(--danger);color:#fff}.icon{width:22px;height:22px;object-fit:contain;vertical-align:-4px}.icon.big{width:34px;height:34px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#8fd0f0,#b9e3c0 42%,#6ea24f)}.screen[hidden]{display:none}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 12px 24px;touch-action:pan-y}.screen-body>.inner{max-width:900px;margin:0 auto}.topbar{display:flex;align-items:center;gap:8px;padding:calc(8px + var(--safe-t)) 12px 8px;background:#23301fd1;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar h1{font-size:1.05rem;margin:0;letter-spacing:.01em}.topbar .spacer{flex:1}.purse{display:inline-flex;align-items:center;gap:6px;background:#ffffff24;border-radius:999px;padding:6px 12px;font-weight:700}.topbar button{min-height:40px;padding:0 12px}h2{margin:18px 4px 8px;font-size:1.15rem;color:#21331c}p.blurb{margin:0 0 10px;color:var(--ink-soft);font-size:.92rem}.cards{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:flex;gap:12px;align-items:center;text-align:left;width:100%;border:2px solid transparent}.card.selected{border-color:var(--grass-dark)}.card.locked{opacity:.72}.card .grow{flex:1;min-width:0}.card h3{margin:0 0 2px;font-size:1rem}.card small{color:var(--ink-soft);display:block;font-weight:400;line-height:1.35}.card .price{font-weight:800;white-space:nowrap}.thumb{width:76px;height:76px;border-radius:12px;object-fit:cover;background:#e9e3d4;flex:none}.thumb.contain{object-fit:contain;padding:4px}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pip{width:8px;height:8px;border-radius:50%;background:#23301f33}.pip.on{background:var(--danger)}.tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px}.tabs button{min-height:42px;white-space:nowrap}.tabs button.on{background:var(--grass)}.rosette{font-weight:800;color:var(--grass-dark)}.lockline{color:var(--danger);font-weight:700;font-size:.85rem}.advert-banner{display:flex;align-items:center;gap:10px;background:#3a2a18;color:#f6ecd8;border-radius:var(--radius);padding:10px;margin:8px 0 4px;box-shadow:var(--shadow);text-decoration:none}.advert-banner img.poster{width:92px;height:58px;object-fit:cover;border-radius:8px;flex:none}.advert-banner .grow{flex:1;min-width:0}.advert-banner b{display:block;font-size:1rem}.advert-banner small{opacity:.85;display:block;line-height:1.3}.advert-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:2px}.modal-backdrop{position:absolute;inset:0;background:#10180eb8;display:flex;align-items:center;justify-content:center;padding:12px;z-index:40}.modal{background:var(--card);border-radius:20px;box-shadow:var(--shadow);width:min(560px,100%);max-height:92vh;overflow-y:auto;padding:16px}.modal h2{margin-top:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}.advert-card{background:#3a2a18;color:#f6ecd8}.advert-card h2{color:#f6ecd8}.advert-frame{width:100%;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#241a0e;margin-bottom:10px}.advert-frame img,.advert-frame iframe{width:100%;height:100%;border:0;display:block;object-fit:cover}.advert-cta{display:block;text-align:center;background:var(--coin);color:#2b2110;border-radius:12px;padding:13px;font-weight:800;text-decoration:none;margin-top:10px}.reward-line{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:800}.board{width:100%;border-collapse:collapse;margin:8px 0}.board td,.board th{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(35,48,31,.12)}.board tr.you{background:#7fb06938;font-weight:800}.board td.pos{width:44px;font-weight:800}.board td.time{text-align:right;font-variant-numeric:tabular-nums}.breakdown{display:grid;gap:4px;margin:10px 0}.breakdown div{display:flex;justify-content:space-between}.breakdown .total{border-top:2px solid rgba(35,48,31,.2);padding-top:6px;font-weight:800;font-size:1.1rem}.slots{display:grid;gap:8px;grid-template-columns:1fr;margin:8px 0}@media(min-width:560px){.slots{grid-template-columns:1fr 1fr}}.slot{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:12px;padding:10px;box-shadow:var(--shadow)}.slot .dot{width:16px;height:16px;border-radius:50%;flex:none}.slot.empty{opacity:.55;font-style:italic}.slot .who{flex:1;font-weight:700}.slot .tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.countdown{font-size:2.6rem;font-weight:800;text-align:center;margin:6px 0;font-variant-numeric:tabular-nums}#hud{position:absolute;inset:0;pointer-events:none;display:none}#hud.on{display:block}#hud .countdown-lights,#hud .flourish,#hud .keys-hint,#hud .hud-top,#hud .meters,#hud .hud-standings{pointer-events:none}#hud .hud-top button,#hud .controls,#hud .controls button{pointer-events:auto}.hud-top{position:absolute;top:calc(6px + var(--safe-t));left:8px;right:8px;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.hud-chip{background:#23301fb8;color:var(--cream);border-radius:12px;padding:6px 10px;font-weight:800;line-height:1.15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-chip small{display:block;font-size:.66rem;opacity:.8;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hud-chip.place{font-size:1.5rem}.hud-top .spacer{flex:1}.hud-standings{position:absolute;top:calc(64px + var(--safe-t));right:8px;background:#23301f99;color:var(--cream);border-radius:12px;padding:6px 8px;font-size:.78rem;min-width:128px}.hud-standings div{display:flex;gap:6px;opacity:.85}.hud-standings div.you{opacity:1;font-weight:800}.hud-standings span.n{width:14px}.meters{position:absolute;left:8px;bottom:calc(96px + var(--safe-b));width:132px}.meter{height:12px;background:#23301f8c;border-radius:999px;overflow:hidden;margin-bottom:5px}.meter i{display:block;height:100%;width:0%;background:var(--coin);transition:width .1s linear}.meter.stamina i{background:#63c2e0}.meter.stamina.resting i{background:#6fae52}.meter-label{color:var(--cream);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 2px rgba(12,20,10,.85),0 0 6px rgba(12,20,10,.6)}.meter{box-shadow:0 0 0 1px #0c140a59}.controls{position:absolute;inset:auto 0 0;padding:0 10px calc(10px + var(--safe-b));display:flex;align-items:flex-end;gap:10px}.controls .side{display:flex;gap:10px}.controls .spacer{flex:1}.pad{width:min(84px,20vw);height:74px;border-radius:20px;font-size:1.8rem;line-height:1;background:#fffdf7db;display:flex;align-items:center;justify-content:center;padding:0}.controls .stack{display:flex;flex-direction:column;gap:6px}.controls .stack .pad{height:34px;font-size:.72rem;border-radius:12px}.controls .pad.boost{height:74px}.controls{gap:6px}.pad.boost{background:var(--coin)}.pad.swap{background:#63c2e0;font-size:.95rem}.pad.brake{background:#d4553fe6;color:#fff;font-size:.95rem}.pad:disabled{opacity:.45}.flourish{position:absolute;inset:0;overflow:hidden}.flourish-card{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);background:#23301fe0;color:var(--cream);padding:14px 26px;border-radius:18px;text-align:center;box-shadow:var(--shadow);animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.flourish-card b{display:block;font-size:1.7rem;letter-spacing:.01em}.flourish-card span{font-variant-numeric:tabular-nums;opacity:.9}.flourish-flag{font-size:2.2rem;line-height:1}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.confetti{position:absolute;top:-6vh;width:9px;height:14px;border-radius:2px;animation:fall 2.6s linear infinite}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:1}}.countdown-lights{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.5);pointer-events:none}body.desktop .controls{display:none}body.desktop .keys-hint{display:block}.keys-hint{display:none;position:absolute;left:50%;transform:translate(-50%);bottom:10px;color:var(--cream);background:#23301f99;border-radius:10px;padding:6px 12px;font-size:.8rem}.preview{display:block;margin:0 auto 6px;width:190px;height:190px;object-fit:contain;background:radial-gradient(circle at 50% 78%,#ffffff8c,#fff0 60%)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.8);box-shadow:var(--shadow);position:relative;padding:0;min-height:0}.swatch.on{border-color:#23301f}.swatch small{position:absolute;inset:auto 0 -18px;font-size:.65rem;color:var(--ink)}.level{display:flex;gap:3px}.level i{width:16px;height:8px;border-radius:3px;background:#23301f2e}.level i.on{background:var(--grass-dark)}.toast-host{position:absolute;left:0;right:0;bottom:96px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}#toasts{position:absolute;left:50%;transform:translate(-50%);bottom:calc(120px + var(--safe-b));display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:60}.toast{background:#23301feb;color:var(--cream);padding:9px 14px;border-radius:999px;font-weight:700;box-shadow:var(--shadow);transition:opacity .5s ease;max-width:86vw;text-align:center}.toast.going{opacity:0}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#22331d;color:var(--cream);z-index:80}.loading .bar{width:60%;max-width:320px;height:10px;background:#fff3;border-radius:999px;overflow:hidden}.loading .bar i{display:block;height:100%;background:var(--grass);width:0%}.field{display:flex;gap:8px;align-items:center;margin:8px 0}.field label{font-weight:700}.field input[type=text]{flex:1;min-height:44px;border-radius:12px;border:2px solid rgba(35,48,31,.2);padding:0 12px;font:inherit;background:var(--card)}.switch{display:flex;align-items:center;gap:8px;font-weight:700}