:root{--android-inset-top: 0px;--android-inset-right: 0px;--android-inset-bottom: 0px;--android-inset-left: 0px;--safe-top: max(env(safe-area-inset-top, 0px), var(--android-inset-top));--safe-right: max(env(safe-area-inset-right, 0px), var(--android-inset-right));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--android-inset-bottom));--safe-left: max(env(safe-area-inset-left, 0px), var(--android-inset-left));--app-gutter: clamp(12px, 3vw, 28px);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#f8f9fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;background:radial-gradient(120% 70% at 50% -10%,rgba(56,189,248,.12),transparent 60%),radial-gradient(90% 60% at 85% 110%,rgba(167,139,250,.1),transparent 62%),#0b1020}button{min-height:44px;border:0;border-radius:10px;font:inherit;font-weight:800;letter-spacing:0;cursor:pointer;touch-action:manipulation;transition:filter .12s ease,transform .12s ease}button:active{transform:translateY(1px);filter:brightness(1.08)}button:focus-visible{outline:3px solid #f4d35e;outline-offset:2px}#app{position:relative;display:grid;grid-template-rows:auto auto;align-content:center;width:100vw;height:100vh;height:100dvh;padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + var(--app-gutter)) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + var(--app-gutter));gap:12px}.hud{z-index:5;display:grid;grid-template-columns:repeat(4,minmax(72px,1fr)) auto;gap:8px;align-items:start;justify-self:center;width:min(960px,100%);max-width:100%}.hud-item,.hud-actions{min-width:0;min-height:54px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:linear-gradient(180deg,#1e2637eb,#111624eb);box-shadow:0 8px 24px #00000047}.hud-item{display:grid;align-content:center;padding:7px 10px}.hud-item span{color:#b8c0c7;font-size:.68rem;font-weight:800;text-transform:uppercase}.hud-item strong{min-width:0;overflow:hidden;color:#fff;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.1;text-overflow:ellipsis}.hud-actions{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:6px;padding:6px}.hud-actions button{padding:0 12px;background:#2ec4b6;color:#071314;font-size:.86rem}#game{display:block;justify-self:center;width:min(960px,100%);max-width:100%;border:1px solid rgba(148,163,184,.24);border-radius:12px;background:#0b1020;box-shadow:0 0 0 1px #080c1899,0 24px 64px #00000080;touch-action:none}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:calc(var(--safe-top) + 18px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 16px);background:#0a0a0a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay.is-hidden{visibility:hidden;pointer-events:none;opacity:0}.menu-panel{display:grid;width:min(520px,100%);max-height:min(740px,calc(100vh - var(--safe-top) - var(--safe-bottom) - 36px));max-height:min(740px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 36px));overflow:auto;gap:16px;padding:clamp(18px,4vw,28px);border:1px solid rgba(148,163,184,.24);border-radius:16px;background:linear-gradient(180deg,#1a2133f7,#0f1320f7);box-shadow:0 30px 80px #0000008c}.menu-panel h1{margin:0;font-size:clamp(2rem,7vw,3.4rem);line-height:.95;letter-spacing:0;background:linear-gradient(94deg,#7dd3fc 8%,#c4b5fd 52%,#f9a8d4 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.menu-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-stat{display:grid;min-width:0;min-height:58px;align-content:center;padding:8px 10px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#1e2637b3}.menu-stat span{color:#aeb7bf;font-size:.68rem;font-weight:800;text-transform:uppercase}.menu-stat strong{overflow:hidden;font-size:1.18rem;line-height:1.1;text-overflow:ellipsis}.menu-actions,.option-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.menu-button{width:100%;padding:0 14px}.menu-button.primary{background:linear-gradient(180deg,#fde68a,#f4d35e);color:#16130a}.menu-button.secondary{background:linear-gradient(180deg,#45d8ca,#2ec4b6);color:#071314}.control-group{display:grid;gap:8px}.control-label{color:#d7dde3;font-size:.78rem;font-weight:900;text-transform:uppercase}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border-radius:10px;background:#080c18b3}.segmented button,.stage-grid button{min-width:0;background:#2a3245;color:#e9ecef}.segmented button.is-selected,.stage-grid button.is-selected{background:linear-gradient(180deg,#ff6d97,#ff477e);color:#fff;box-shadow:0 4px 14px #ff477e59}.stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.toast{position:fixed;left:50%;bottom:var(--toast-clearance, calc(var(--safe-bottom) + 28px));z-index:20;min-width:min(240px,calc(100vw - 40px));padding:12px 18px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#141414eb;color:#fff;font-weight:900;text-align:center;transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.toast.is-visible{transform:translate(-50%);opacity:1}@media(max-width:700px){#app{--app-gutter: 10px;gap:8px}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-actions{grid-column:span 2}.menu-actions,.option-row{grid-template-columns:1fr}}@media(max-width:430px){.menu-meta{grid-template-columns:1fr}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}