.wrap.svelte-288dxo{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2.5vh,1.5rem);padding:clamp(1rem,3vh,2.5rem);box-sizing:border-box}.outer-frame.svelte-288dxo{position:relative;width:min(100%,720px);aspect-ratio:19 / 13;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at top,#111827d9,#080f1ef2);border:1px solid rgba(148,163,184,.2);box-shadow:0 28px 60px #0f172a73;display:flex;align-items:center;justify-content:center}.inner.svelte-288dxo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hud.svelte-288dxo{display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1.5rem);width:100%;max-width:min(100%,720px);margin:0 auto;color:#e2e8f0;text-shadow:0 4px 12px rgba(15,23,42,.6)}.hud-row.svelte-288dxo{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.6rem,2.5vw,1.5rem)}.stat.svelte-288dxo{display:flex;flex-direction:column;gap:.35rem;min-width:clamp(96px,26vw,150px);padding:.55rem .85rem;background:#0f172ab8;border:1px solid rgba(148,163,184,.28);border-radius:.9rem;box-shadow:0 12px 32px #0f172a73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat.svelte-288dxo .label:where(.svelte-288dxo){font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.stat.svelte-288dxo .value:where(.svelte-288dxo){font-size:clamp(1.05rem,2.4vw,1.4rem);font-weight:600;line-height:1.1}.energy-stat.svelte-288dxo{min-width:clamp(160px,40vw,240px)}.energy-bar.svelte-288dxo{width:100%;height:.45rem;border-radius:9999px;background:#94a3b840;overflow:hidden}.energy-fill.svelte-288dxo{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#34d399);transition:width .16s ease-out}.energy-value.svelte-288dxo{font-size:.85rem;font-weight:500;opacity:.85}.canvas.svelte-288dxo{display:block;background:#000;border:1px solid rgba(148,163,184,.35);border-radius:.75rem;image-rendering:pixelated;touch-action:none;pointer-events:auto}.outer-frame.game-stage.svelte-288dxo{width:100%;height:100%;flex:1;aspect-ratio:auto;border-radius:0;border:none;background:none;box-shadow:none}.wrap.flipped.svelte-288dxo{padding:clamp(1rem,3.5vh,2.25rem);width:100vw;height:100vh;justify-content:flex-start;align-items:stretch;gap:clamp(1rem,3vh,2rem)}.wrap.flipped.svelte-288dxo .hud:where(.svelte-288dxo){width:100%;max-width:none;margin:0}.wrap.flipped.svelte-288dxo .outer-frame:where(.svelte-288dxo){width:100%;flex:1}.wrap.flipped.svelte-288dxo .inner:where(.svelte-288dxo){width:100%}.wrap.flipped.svelte-288dxo .canvas:where(.svelte-288dxo){border-radius:0;border:none}@media (max-width: 640px){.wrap.svelte-288dxo{padding:.75rem;gap:.85rem}.outer-frame.svelte-288dxo{width:100%;height:100%;border-radius:0;border:none}.hud-row.svelte-288dxo{gap:.5rem}.stat.svelte-288dxo{min-width:clamp(88px,45vw,140px);padding:.45rem .65rem}.stat.svelte-288dxo .value:where(.svelte-288dxo){font-size:1rem}.energy-stat.svelte-288dxo{min-width:clamp(140px,60vw,220px)}}