html,body{width:100%;height:100%;margin:0}body{overflow:hidden;background:#4db8ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;width:min(100vw,1500px);height:100vh;margin:0 auto;padding:10px;box-sizing:border-box}#app{min-width:0;min-height:0;width:100%;height:100%}.controls-panel{align-self:center;padding:20px 18px;background:#0f7fca;border:1px solid #b9e6ff;box-shadow:inset 0 0 0 1px #ffffff29}.controls-panel h1{margin:0 0 18px;font-size:22px}.controls-panel dl{display:grid;gap:14px;margin:0}.controls-panel div{display:grid;gap:4px}.controls-panel dt{color:#d7f2ff;font-size:13px}.controls-panel dd{margin:0;color:#f8fafc;font-size:18px;font-weight:700}.controls-panel p{margin:20px 0 0;color:#fff1a8;font-size:14px;line-height:1.6}canvas{display:block}@media(max-width:920px){body{overflow:auto}.game-layout{grid-template-columns:1fr;height:auto;min-height:100vh}#app{height:min(66vh,640px)}.controls-panel{align-self:stretch}}