:root{
  --deep:#05273B;--ocean:#063B5C;--aqua:#38BDF8;--foam:#F8FCFF;--glass:rgba(248,252,255,.14);--line:rgba(248,252,255,.24)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 25% 10%,#38BDF8 0%,transparent 26%),linear-gradient(180deg,#05273B,#063B5C 55%,#0EA5E9);color:var(--foam)}
#app{width:100%;height:100%;display:grid;place-items:center}.panel{width:min(92vw,520px);padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--glass);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.26);text-align:center}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#CFF4FF;font-size:12px;font-weight:800}h1{margin:.2rem 0;font-size:clamp(2rem,10vw,4rem);line-height:.95}button{border:0;border-radius:18px;padding:14px 18px;font-weight:900;background:#F8FCFF;color:#063B5C}#gameShell{position:fixed;inset:0;overflow:hidden}#gameCanvas{display:block;width:100vw;height:100vh;background:linear-gradient(180deg,#073B5B,#0EA5E9 76%,#CFF4FF)}#hud{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}#hud span{padding:8px 12px;border-radius:999px;background:rgba(5,39,59,.54);border:1px solid rgba(248,252,255,.22);font-size:13px;font-weight:900}#touchControls{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 20px);transform:translateX(-50%);display:grid;gap:8px;justify-items:center}#touchControls div{display:flex;gap:8px}#touchControls button{width:58px;height:48px;padding:0;background:rgba(248,252,255,.82);backdrop-filter:blur(10px)}
@media (min-width:800px){#touchControls{display:none}}