*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#151923;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:white}
#game-wrap{position:fixed;inset:0;overflow:hidden;background:#151923}
canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
#hud{position:fixed;top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;display:flex;gap:8px;justify-content:space-between;z-index:20;pointer-events:none}
.pill{min-width:72px;padding:9px 11px;border-radius:18px;background:rgba(20,25,35,.68);border:1px solid rgba(255,255,255,.24);box-shadow:0 12px 25px rgba(0,0,0,.25);backdrop-filter:blur(8px);font-weight:900}
#mission{position:fixed;top:calc(72px + env(safe-area-inset-top));left:16px;right:16px;z-index:20;font-weight:1000;font-size:clamp(19px,4.5vw,29px);text-shadow:0 4px 18px rgba(0,0,0,.5);pointer-events:none}
#boostBtn{position:fixed;right:24px;bottom:calc(38px + env(safe-area-inset-bottom));width:116px;height:116px;border-radius:999px;border:3px solid rgba(255,255,255,.55);background:linear-gradient(145deg,#ffef85,#ff8c00);color:#161b22;font-size:20px;font-weight:1000;box-shadow:0 22px 60px rgba(0,0,0,.3), inset 0 0 18px rgba(255,255,255,.42);z-index:55}
#boostBtn:active{transform:scale(.96)}
@media(max-width:420px){.pill{font-size:13px;min-width:66px;padding:8px 9px}#mission{top:calc(68px + env(safe-area-inset-top));font-size:20px}#boostBtn{width:96px;height:96px;font-size:16px}}