:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#f8f6e9;background:#122b37;--gold:#ffe36d;--ink:#153341;--mint:#84ebc3}*{box-sizing:border-box}html,body{height:100%;height:100dvh;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation}#road{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#overlay{position:fixed;inset:0;background:linear-gradient(130deg,#08202edb,#0a2038b8);display:flex;justify-content:center;align-items:center;padding:clamp(6px,2vmin,20px);z-index:8}#sheet{width:min(680px,100%);max-height:calc(100dvh - 12px);overflow-y:auto;overscroll-behavior:contain;border:2px solid #ffdd74;border-radius:20px;background:linear-gradient(160deg,#18394a 0%,#122e40 100%);box-shadow:0 10px 0 #081a23,0 24px 70px #0009;padding:clamp(12px,3vmin,24px)}#sheet-body{min-height:0}h1{font-weight:1000;letter-spacing:-.04em;font-size:clamp(28px,7.8vmin,61px);line-height:.93;margin:3px 0 12px;color:var(--gold);text-shadow:3px 4px 0 #f06443,5px 6px 0 #061a26}h2{font-weight:900;letter-spacing:-.02em;color:var(--gold);font-size:clamp(23px,4.3vmin,36px);margin:0 0 8px}h3{margin:4px 0 8px;font-size:17px;color:#fff2b5}p{line-height:1.4;margin:6px 0 10px}.sub{color:#d7e8e9;font-size:clamp(12px,2.4vmin,16px)}.eyebrow{color:#91f2d2;font-size:11px;letter-spacing:.17em;font-weight:900}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn{background:var(--gold);color:#16303a;border:0;border-radius:12px;padding:12px 17px;font-weight:1000;box-shadow:0 4px 0 #bf7b2f;min-height:40px;line-height:1.1;font-size:clamp(12px,2.5vmin,16px)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 #bf7b2f}.btn.secondary{background:#e0f1ee;box-shadow:0 4px 0 #789c9a}.btn.mint{background:#7ae8bb;box-shadow:0 4px 0 #2c9472}.btn:disabled{opacity:.46;cursor:not-allowed}.tag{background:#244b58;padding:4px 8px;border-radius:9px;font-weight:800;font-size:12px;display:inline-block;margin:0 5px 6px 0}.highlight{background:#ffe174;color:#163340;padding:2px 5px;border-radius:4px;font-weight:900}.small{font-size:12px;color:#d2e2e6}.statbar{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.stat{border:1px solid #5d8790;background:#214655;padding:6px 9px;border-radius:9px;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.card{background:#254b5c;border:1px solid #457b86;border-radius:12px;padding:9px;min-width:0}.card strong{display:block;color:#ffe28b;margin-bottom:3px;font-size:13px}.card .small{line-height:1.25}.card button{width:100%;margin-top:8px;padding:9px 5px;font-size:12px}.map-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.choice{padding:8px 6px;border-radius:9px;background:#254b5c;color:#fff;border:1px solid #6c959c;font-weight:800;min-height:48px;font-size:12px}.choice.selected{background:#ffe17b;color:#1c303d}.hr{height:1px;background:#4d7981;margin:12px 0}.hidden{display:none!important}#hud{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:4;padding:6px max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));text-shadow:0 1px 2px #091d25}.hud-row{display:flex;gap:5px;justify-content:space-between;align-items:center}.hud-pill{background:#122d3de8;border:1px solid #88c8c6;border-radius:9px;padding:6px 8px;white-space:nowrap;font-size:clamp(10px,2.2vmin,16px);font-weight:900}.hud-pause{background:#ffe16d;border:0;color:#14323f;border-radius:9px;min-width:35px;min-height:32px;font-weight:1000;pointer-events:auto}.hud-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px}.battery{display:flex;gap:6px;align-items:center;background:#16343de0;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:900}.meter{width:clamp(45px,12vw,120px);height:9px;border-radius:8px;background:#071e26;overflow:hidden}.meter i{display:block;height:100%;background:#7cf0bc;width:100%;transition:width .2s}.hud-hint{font-size:11px;color:#fff3c3;background:#142b35a0;padding:4px 6px;border-radius:6px}#mobile{position:fixed;bottom:max(9px,env(safe-area-inset-bottom));left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));pointer-events:none;z-index:5;justify-content:space-between;align-items:end}#mobile button{pointer-events:auto;user-select:none;-webkit-user-select:none;border:1px solid #ffffff99;border-radius:11px;color:#122d39;background:#f6e48cde;font-weight:1000;font-size:19px;box-shadow:0 3px 0 #0005;min-height:45px;min-width:45px}#mobile .dpad{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,45px);gap:4px}.up{grid-column:2;grid-row:1}.left{grid-column:1;grid-row:2}.down{grid-column:2;grid-row:2}.right{grid-column:3;grid-row:2}#mobile .boost{padding:12px;background:#9af5ccdd;font-size:14px;min-width:92px;min-height:50px}#toast{position:fixed;left:50%;top:15%;transform:translateX(-50%);background:#183541ec;color:#ffe581;padding:8px 13px;border-radius:10px;pointer-events:none;z-index:6;font-weight:900;opacity:0;transition:opacity .2s;white-space:nowrap;font-size:clamp(12px,2.5vmin,20px);max-width:95vw;text-overflow:ellipsis;overflow:hidden}#toast.on{opacity:1}@media(max-width:600px),(pointer:coarse){#mobile:not(.hidden){display:flex}#hud .hud-hint{display:none}}@media(max-height:490px){#sheet{padding:9px 12px}h1{font-size:clamp(25px,6vmin,38px);margin-bottom:7px}h2{font-size:22px}p{margin:4px 0 6px}.buttons{margin-top:7px}.btn{padding:8px 10px;min-height:35px}.cards{gap:4px}.card{padding:6px}.card button{margin-top:5px}.hud-bottom{margin-top:2px}#mobile .dpad{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:3px}#mobile button{min-width:36px;min-height:36px}#mobile .boost{min-height:40px}}@media(max-width:345px){.hud-pill{padding:5px 4px;font-size:10px}.hud-row{gap:2px}.cards{grid-template-columns:1fr 1fr}.stat{font-size:10px;padding:5px}.choice{font-size:11px}}