:root{--yellow:#f7c531;--yellow-dark:#d9a615;--blue:#5ec6f2;--green:#3ecf5a;--green-dark:#2fa347;--purple:#6c5ce7;--panel:#262242eb;--card:#fff;--ink:#2b2b3a;--radius:22px;--shadow:0 6px 0 #0000002e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{touch-action:none;background:#1a1830;width:100%;height:100%;font-family:"Baloo 2",Comic Sans MS,system-ui,-apple-system,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui-root>*{pointer-events:none}#ui-root button,#ui-root input,#ui-root .tappable{pointer-events:auto}#boot-screen{z-index:100;background:linear-gradient(#8fd8f5,#d8f2fd);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .4s;display:flex;position:fixed;inset:0}.boot-logo{font-size:84px;animation:1s ease-in-out infinite alternate bounce}.boot-title{color:#fff;text-shadow:0 3px #0003,0 0 18px #fff6;letter-spacing:2px;font-size:42px;font-weight:800}.boot-bar{background:#ffffff80;border-radius:7px;width:200px;height:14px;overflow:hidden}.boot-bar-fill{background:var(--yellow);border-radius:7px;width:30%;height:100%;animation:1.1s infinite loadslide}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.btn{border-radius:var(--radius);background:var(--yellow);color:#5b430a;box-shadow:var(--shadow);cursor:pointer;border:none;min-width:64px;min-height:64px;padding:14px 26px;font-family:inherit;font-size:22px;font-weight:800;transition:transform 80ms}.btn:active{transform:scale(.93)}.btn.green{background:var(--green);color:#103d1a}.btn.blue{background:var(--blue);color:#113c4f}.btn.purple{background:var(--purple);color:#fff}.btn.ghost{color:var(--ink);background:#ffffffd9}.btn:disabled{filter:grayscale(.9);opacity:.6}.screen{flex-direction:column;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.hidden{display:none!important}.panel{background:var(--panel);color:#fff;pointer-events:auto;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:min(92vw,420px);padding:26px 22px;display:flex;box-shadow:0 12px 40px #0006}.cash-counter{color:#baf7c6;background:#1428148c;border-radius:18px;align-items:center;gap:6px;padding:8px 16px;font-size:20px;font-weight:800;display:flex}h1.title{text-align:center;text-shadow:0 3px #00000040;font-size:30px;font-weight:800}#home{padding:max(14px, env(safe-area-inset-top)) 14px 20px;justify-content:space-between}.home-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.level-sign{text-align:center;box-shadow:var(--shadow);background:linear-gradient(#fff,#e8f4ff);border:4px solid #3a6ea5;border-radius:16px;padding:8px 22px}.level-sign .lv{color:#3a6ea5;letter-spacing:1px;font-size:15px;font-weight:800}.level-sign .place{color:var(--ink);font-size:24px;font-weight:800}.home-side{flex-direction:column;gap:14px;display:flex;position:absolute;top:110px;left:12px}.side-btn{width:76px;height:76px;box-shadow:var(--shadow);cursor:pointer;background:#ffffffeb;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;font-size:30px;transition:transform 80ms;display:flex}.side-btn:active{transform:scale(.92)}.side-btn .lbl{color:var(--ink);font-size:11px;font-weight:800}.side-btn .badge{color:#fff;background:#e33e3e;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;transform:translate(26px,-26px)}#settings-btn{position:absolute;top:110px;right:12px}.home-bottom{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.tap-to-play{padding:20px 44px;font-size:30px;animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.07)}}.flag-bar{background:#0000004d;border-radius:18px;align-items:center;gap:8px;padding:8px 16px;display:flex}.flag-bar .flag{font-size:26px}.flag-bar .pip{background:#ffffff59;border-radius:50%;width:14px;height:14px}.flag-bar .pip.done{background:var(--yellow)}#hud{padding:max(12px, env(safe-area-inset-top)) 12px;justify-content:flex-start}.hud-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.heads{gap:6px;display:flex}.head{filter:grayscale()opacity(.65);background:#fff6;border:3px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:all .25s;display:flex}.head.aboard{filter:none;border-color:var(--yellow);transform:scale(1.15)}.head.done{filter:none;border-color:var(--green);background:#d8ffe1}.cash-fly{color:#baf7c6;text-shadow:0 2px 3px #00000080;pointer-events:none;font-size:20px;font-weight:800;animation:.9s ease-out forwards flyup;position:absolute}@keyframes flyup{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-70px)scale(1.3)}}.toast{background:var(--green);color:#fff;pointer-events:none;border-radius:16px;padding:10px 20px;font-size:22px;font-weight:800;animation:1.4s forwards toastpop;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes toastpop{0%{transform:translate(-50%)scale(0)}15%{transform:translate(-50%)scale(1.1)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}#results{background:#1e1a3c8c;justify-content:center}.car-meter{width:200px}.car-meter svg{width:100%}.reward-amount{color:var(--green);text-shadow:0 2px #0000004d;font-size:40px;font-weight:800}.new-car-burst{color:var(--yellow);font-size:26px;font-weight:800;animation:.5s infinite alternate pulse}.full{padding:max(14px, env(safe-area-inset-top)) 14px 20px;pointer-events:auto;background:linear-gradient(#28244af5,#1c1834fa);overflow-y:auto}.full-head{justify-content:space-between;align-items:center;width:100%;max-width:460px;margin-bottom:14px;display:flex}.full-head h1{color:#fff;font-size:26px}.car-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;max-width:460px;display:grid}.car-card{background:var(--card);border:4px solid #0000;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.car-card.selected{border-color:var(--yellow)}.car-card img{background:#eef6fb;border-radius:10px;width:100%}.car-card.locked img{filter:brightness(0)opacity(.45);background:0 0}.car-card .nm{color:var(--ink);font-size:15px;font-weight:800}.car-card .btn{width:100%;min-height:44px;padding:8px 14px;font-size:15px}.upg-row{background:var(--card);border-radius:18px;align-items:center;gap:12px;width:100%;max-width:460px;margin-bottom:12px;padding:14px;display:flex}.upg-row .ico{font-size:34px}.upg-row .info{flex:1}.upg-row .nm{color:var(--ink);font-size:17px;font-weight:800}.upg-row .desc{color:#777;font-size:13px;font-weight:700}.pips{gap:4px;margin-top:4px;display:flex}.pips span{background:#ddd;border-radius:4px;width:18px;height:8px}.pips span.on{background:var(--green)}.upg-row .btn{padding:10px 14px;font-size:15px}.set-row{background:var(--card);width:100%;max-width:460px;color:var(--ink);border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;font-size:17px;font-weight:800;display:flex}.set-col{flex-direction:column;align-items:stretch;gap:10px}.code-chip{border:2px dashed var(--purple);color:var(--purple);letter-spacing:2px;text-align:center;background:#eef2ff;border-radius:12px;padding:10px;font-size:22px;font-weight:800}input.code-input{text-align:center;text-transform:uppercase;border:3px solid #ccc;border-radius:12px;width:100%;padding:10px;font-family:inherit;font-size:20px;font-weight:800}.lb-row{color:var(--ink);justify-content:space-between;padding:5px 2px;font-size:15px;font-weight:700;display:flex}#confetti-canvas{pointer-events:none;z-index:50;position:fixed;inset:0}.fail-emoji{font-size:64px;animation:.8s infinite wobble}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}