: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-canvas{height:auto;max-width:100%;width:min(100%,800px)}.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}.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}}