*{box-sizing:border-box}html,body{color:#f9fcff;background:#77d7ff;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.game-shell{background:#77d7ff;position:fixed;inset:0;overflow:hidden}#gameCanvas{width:100vw;height:100vh;display:block}.hud{z-index:5;pointer-events:none;gap:10px;display:flex;position:fixed}.hud--left{top:18px;left:18px}.hud--right{align-items:stretch;top:18px;right:18px}.stat,.timer,.meter,.track-map{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a13209e;border:2px solid #ffffff6b;border-radius:8px;box-shadow:0 14px 34px #040c1c3d}.stat{min-width:92px;min-height:62px;padding:9px 12px;display:grid}.stat span,.meter span{color:#f9fcffbf;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:850}.stat strong{color:#fff06d;text-shadow:0 2px #15233d;align-self:end;font-size:27px;line-height:.95}.stat--item{min-width:116px}.stat--item strong{color:#91fff0;text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-size:21px;overflow:hidden}.timer{color:#91fff0;text-align:center;text-shadow:0 2px #15233d;min-width:150px;padding:14px 15px;font-size:22px;font-weight:950}.meter{gap:8px;width:156px;padding:9px 12px 11px;display:grid}.meter i{background:#0a132094;border:2px solid #ffffff57;border-radius:4px;width:100%;height:13px;display:block;overflow:hidden}.meter b{background:linear-gradient(90deg,#28d7ff,#fff06d,#ff5f8f);border-radius:2px;width:0%;height:100%;transition:width .12s linear;display:block}.track-map{z-index:5;pointer-events:none;width:174px;height:174px;padding:5px;position:fixed;bottom:18px;right:18px}.track-map svg{width:100%;height:100%;display:block}.toast{z-index:6;color:#fff06d;text-align:center;opacity:0;pointer-events:none;background:#0c1728ad;border:2px solid #ffffff75;border-radius:8px;min-width:156px;padding:10px 15px;font-weight:950;position:fixed;top:96px;left:50%;transform:translate(-50%,-10px)scale(.96);box-shadow:0 16px 34px #040c1c47}.toast--visible{animation:1.45s both toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-12px)scale(.94)}14%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-5px)scale(.98)}}.overlay{z-index:10;background:linear-gradient(#08101e1a,#08101e57);place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:fixed;inset:0}.overlay--hidden{visibility:hidden;opacity:0}.overlay__panel{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1626b8;border:2px solid #ffffff75;border-radius:8px;justify-items:center;gap:14px;width:min(620px,100vw - 32px);padding:26px;display:grid;box-shadow:0 24px 70px #040c1c6b}.overlay__panel p{color:#f9fcffc2;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:850}.overlay__panel h1{color:#fff06d;text-shadow:0 4px #15233d,0 16px 34px #00000047;margin:0;font-size:clamp(34px,7vw,64px);line-height:.95}.overlay__panel button{color:#172036;cursor:pointer;background:#fff06d;border:0;border-radius:6px;min-width:164px;min-height:50px;font-size:18px;font-weight:950;box-shadow:inset 0 -4px #0003,0 14px 24px #00000042}.overlay__panel button:active{transform:translateY(2px);box-shadow:inset 0 -2px #0003,0 8px 16px #00000038}@media (width<=760px){.hud{gap:7px}.hud--left,.hud--right{left:10px;right:auto}.hud--left{top:10px}.hud--right{top:76px}.stat{min-width:72px;min-height:52px;padding:7px 9px}.stat strong{font-size:21px}.stat--item{min-width:88px}.stat--item strong{max-width:70px;font-size:16px}.timer{min-width:118px;padding:10px 11px;font-size:17px}.meter{width:116px}.track-map{width:120px;height:120px;bottom:10px;right:10px}}