:root{--app-bg: #090e1b;--app-surface: #10192b;--app-surface-strong: #152238;--app-border: #26344c;--app-border-strong: #34486a;--app-text: #edf4ff;--app-muted: #9eabc0;--app-accent: #32f58a;--app-accent-strong: #9ee7ff;--app-danger: #ff6b8a}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--app-text);font-family:system-ui,sans-serif}button{font:inherit}.app-shell{min-height:100vh;background:var(--app-bg)}.app-topbar{border-bottom:1px solid var(--app-border);background:#090e1be0}.app-topbar__inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:60px;padding:0 1.5rem}.app-brand{font-size:1.25rem;font-weight:750;letter-spacing:0;margin:0}.app-auth{align-items:center;display:flex;gap:.75rem;min-width:0}.app-player{color:var(--app-muted);font-size:.9rem;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-button{background:var(--app-accent);border:1px solid transparent;border-radius:6px;color:#06110b;cursor:pointer;font-weight:700;min-height:2.25rem;padding:.45rem .75rem}.app-button:disabled{cursor:default;opacity:.55}.app-button--secondary{background:transparent;border-color:var(--app-border);color:var(--app-text)}.app-button--secondary:hover{border-color:var(--app-border-strong)}.app-main{display:grid;gap:1.15rem;grid-template-columns:minmax(0,820px) 320px;margin:0 auto;max-width:1200px;padding:1.5rem}.game-area,.support-column{min-width:0}.game-stage{background:var(--app-surface);border:1px solid var(--app-border-strong);border-radius:8px;min-width:0;padding:.75rem}.game-playfield{display:grid;justify-items:center;position:relative}.game-canvas{height:auto;max-width:100%;width:min(100%,800px)}.game-menu-panel{align-items:center;background:#090e1bc7;border:2px solid rgba(158,231,255,.58);border-radius:8px;box-shadow:0 18px 42px #00000052;color:var(--app-text);display:grid;gap:.7rem;justify-items:center;left:50%;min-width:min(18rem,calc(100% - 2rem));max-width:min(18rem,calc(100% - 2rem));padding:1rem 1.15rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(18rem,calc(100% - 2rem))}.game-menu-panel:before{background:#0000006b;content:"";top:-200vmax;right:-200vmax;bottom:-200vmax;left:-200vmax;pointer-events:none;position:absolute;z-index:-1}.game-menu-panel__eyebrow,.game-menu-panel__hint{margin:0}.game-menu-panel__eyebrow{color:var(--app-accent-strong);font-size:1.25rem;font-weight:800;line-height:1.1;text-transform:uppercase}.game-menu-panel__hint{color:var(--app-muted);font-size:.88rem}.game-menu-panel__score{color:var(--app-accent);font-size:1.05rem;font-weight:600;margin:0}.game-menu-panel kbd{background:#152238e6;border:1px solid var(--app-border-strong);border-radius:4px;color:var(--app-text);font:inherit;padding:.06rem .32rem}.touch-controls{display:none;align-items:center;gap:.75rem;justify-content:space-between;margin-top:.6rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){.touch-controls{display:flex}}.touch-controls--visible{display:flex}.touch-controls__move{display:flex;gap:.75rem}.touch-button{background:var(--app-surface-strong);border:1px solid var(--app-border-strong);border-radius:12px;color:var(--app-text);cursor:pointer;font-weight:700;min-height:3.5rem;min-width:3.5rem;touch-action:none}.touch-button:active{background:var(--app-border-strong)}.touch-button--move{font-size:1.5rem;line-height:1}.touch-button--pause{border-radius:50%;font-size:1.25rem;min-height:2.75rem;min-width:2.75rem;opacity:.8}.touch-button--fire{background:var(--app-accent);border-color:transparent;color:#06110b;font-size:1.05rem;letter-spacing:.04em;min-width:5.5rem;padding:0 1.1rem}.touch-button--fire:active{background:var(--app-accent-strong)}.game-stage__footer{align-items:center;border-top:1px solid rgba(52,72,106,.65);color:var(--app-muted);display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-top:.75rem;min-height:2rem;padding-top:.7rem}.control-strip{align-items:center;display:flex;flex-wrap:wrap;font-size:.92rem;gap:.5rem 1rem;justify-content:center}.control-strip kbd{background:var(--app-surface-strong);border:1px solid var(--app-border);border-radius:4px;color:var(--app-text);font:inherit;padding:.08rem .35rem}.control-strip__sound{background:var(--app-surface-strong);border:1px solid var(--app-border);border-radius:4px;color:var(--app-text);cursor:pointer;font:inherit;padding:.12rem .5rem}.control-strip__sound:hover{border-color:var(--app-accent-strong)}.support-column{display:grid;gap:1rem;align-content:start}.panel{background:#10192be0;border:1px solid var(--app-border);border-top-color:var(--app-accent-strong);border-radius:8px;padding:1rem}.panel h2{font-size:1rem;line-height:1.2;margin:0 0 .75rem}.panel p{color:var(--app-muted);margin:.5rem 0 0}.data-table{border-collapse:collapse;font-size:.92rem;width:100%}.data-table th{color:var(--app-muted);font-weight:650;padding:.35rem 0;text-align:left}.data-table td{border-top:1px solid rgba(38,52,76,.72);padding:.45rem 0}.data-table th:last-child,.data-table td:last-child{text-align:right}.player-id{display:inline-block;max-width:12rem;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.score-value{color:var(--app-accent-strong);font-variant-numeric:tabular-nums;font-weight:700}.app-error{color:var(--app-danger);overflow:auto;white-space:pre-wrap}.app-loading,.app-down{margin:0 auto;max-width:1200px;padding:1.5rem}@media(max-width:980px){.app-main{grid-template-columns:1fr}}@media(max-width:520px){.app-topbar__inner{align-items:flex-start;flex-direction:column;gap:.75rem;padding:.85rem 1rem}.app-auth{width:100%}.app-button{flex:0 0 auto}.app-main{gap:1rem;padding:1rem}.game-stage{margin:0 -.25rem;padding:.45rem}.panel{padding:.85rem}.player-id{max-width:9rem}}