*{box-sizing:border-box}html,body,#root{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#9fc4df;width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}.game,canvas{width:100%;height:100%;display:block}.loader{z-index:10;background:#111820;place-items:center;font-size:28px;font-weight:900;display:grid;position:fixed;inset:0}.hud{pointer-events:none;position:fixed;inset:0}.top{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute}.brand{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1219b8;border:1px solid #ffffff38;border-radius:18px;padding:14px 18px;box-shadow:0 10px 30px #00000038}.brand h1{text-transform:uppercase;letter-spacing:-1px;background:linear-gradient(90deg,#fff,#d71920,#fff);color:#0000;text-shadow:0 10px 24px #00000040;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,4vw,54px);line-height:.9}.brand p{color:#d9e9f5;margin:7px 0 0;font-weight:900}.stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.chip{background:#0c1219a8;border:1px solid #fff3;border-radius:999px;padding:11px 14px;font-weight:900;box-shadow:0 10px 24px #0000002e}.bottom{left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));background:#0c1219c7;border:1px solid #ffffff38;border-radius:18px;max-width:min(900px,100vw - 36px);padding:15px 18px;font-weight:800;line-height:1.35;position:absolute;box-shadow:0 14px 34px #00000047}.bottom strong{color:#fff;text-transform:uppercase;letter-spacing:.5px}.mobile{left:max(18px,env(safe-area-inset-left));pointer-events:auto;width:172px;height:172px;display:none;position:absolute;bottom:96px}.mobile button{color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;background:#0c1219b8;border:1px solid #ffffff47;border-radius:20px;width:60px;height:60px;font-size:24px;font-weight:900;position:absolute;box-shadow:0 10px 24px #0000003d}.mobile .up{top:0;left:56px}.mobile .left{top:56px;left:0}.mobile .down{top:112px;left:56px}.mobile .right{top:56px;left:112px}@media (width<=820px),(pointer:coarse){.top{flex-direction:column;gap:8px}.stats{justify-content:flex-start}.bottom{max-width:none;padding:12px 14px;font-size:12px;bottom:282px;left:14px;right:14px}.mobile{display:block}.chip{padding:9px 11px;font-size:12px}.brand{padding:12px 14px}.brand h1{font-size:30px}.brand p{font-size:12px}}@media (height<=620px) and (width<=920px){.bottom,.brand p{display:none}.mobile{transform-origin:0 100%;bottom:22px;transform:scale(.88)}}