:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070d;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(50,214,255,.2),transparent 34rem),linear-gradient(180deg,#0b1020,#05070d)}button{font:inherit}.player-shell{display:grid;min-height:100vh;padding:16px;place-items:center}.game-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:100%;max-width:1500px;height:calc(100vh - 32px)}.game-panel.portrait{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.game-panel.portrait .topbar{grid-column:1;grid-row:1;align-self:center}.game-panel.portrait .stage{grid-column:2;grid-row:1}.game-panel.landscape{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.topbar{display:flex;gap:10px;align-items:center;justify-content:center}.controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.game-panel.portrait .controls{flex-direction:column;justify-content:center}.control-button,.segmented button{min-height:32px;border:1px solid rgba(217,235,255,.18);border-radius:8px;background:#ffffff12;color:#eff8ff;cursor:pointer;font-size:.78rem;font-weight:720}.control-button{padding:0 10px}.control-button:hover,.segmented button:hover{border-color:#7de3ff94}.control-button.danger{color:#ffd7c2}.segmented{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));overflow:hidden;border:1px solid rgba(217,235,255,.18);border-radius:8px}.game-panel.portrait .segmented{grid-template-columns:1fr;width:86px}.segmented button{border:0;border-radius:0;background:#ffffff0b}.segmented button+button{border-left:1px solid rgba(217,235,255,.14)}.game-panel.portrait .segmented button+button{border-top:1px solid rgba(217,235,255,.14);border-left:0}.segmented button.selected{background:#42d9ff;color:#03111a}.stage{display:grid;min-height:0;padding:0;place-items:center}.device-frame{--frame-max-height: calc(100dvh - 64px) ;--frame-ratio: .486486;position:relative;overflow:hidden;width:min(100%,var(--frame-width),calc(var(--frame-max-height) * var(--frame-ratio)));max-height:var(--frame-max-height);border:0;border-radius:0;aspect-ratio:var(--frame-aspect);background:#000}.device-frame iframe{display:block;width:100%;height:100%;border:0;background:#000}.device-frame.portrait.compact{--frame-width: 430px;--frame-aspect: 9 / 18.5;--frame-ratio: .486486}.device-frame.portrait.standard{--frame-width: 560px;--frame-aspect: 9 / 18.5;--frame-ratio: .486486}.device-frame.portrait.large{--frame-width: 720px;--frame-aspect: 9 / 18.5;--frame-ratio: .486486}.device-frame.landscape.compact{--frame-width: 900px;--frame-aspect: 18.5 / 9;--frame-ratio: 2.055556}.device-frame.landscape.standard{--frame-width: 1200px;--frame-aspect: 18.5 / 9;--frame-ratio: 2.055556}.device-frame.landscape.large{--frame-width: 1460px;--frame-aspect: 18.5 / 9;--frame-ratio: 2.055556}@media(max-width:900px){.player-shell{padding:10px}.game-panel{height:calc(100vh - 20px)}.device-frame{--frame-max-height: calc(100dvh - 110px) }.topbar{align-items:flex-start}.controls{justify-content:flex-start}}@media(max-width:767px),(pointer:coarse)and (max-width:900px){body{overflow:hidden;background:#000}.player-shell,.game-panel,.stage{display:block;width:100vw;height:100dvh;min-height:100dvh;padding:0;background:#000}.topbar{display:none}.device-frame,.device-frame.portrait.compact,.device-frame.portrait.standard,.device-frame.portrait.large,.device-frame.landscape.compact,.device-frame.landscape.standard,.device-frame.landscape.large{width:100vw;height:100dvh;border:0;border-radius:0;aspect-ratio:auto;box-shadow:none}}
