:root{--bg:#0a0a14;--bg-panel:#12122a;--border:#ffe066;--border-dim:#6b5b2e;--text:#ffe066;--text-dim:#e8c87a;--muted:#e8c87aa6;--danger:#ff6b6b;--ok:#6ddc6d;--px:4px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);image-rendering:pixelated;margin:0;font-family:Courier New,monospace}body:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:fixed;inset:0}#app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.panel{background:var(--bg-panel);border:var(--px) solid var(--border);flex-direction:column;gap:16px;width:100%;max-width:480px;padding:clamp(16px,4vw,24px);display:flex;box-shadow:8px 8px #0009}h1.game-title{letter-spacing:.08em;text-align:center;overflow-wrap:break-word;text-shadow:0 0 12px #ffc85099,0 2px 4px #000000e6,4px 4px #6b5b2e;margin:0;font-size:clamp(2rem,8vw,3.5rem)}.subtitle{color:var(--text-dim);text-align:center;text-shadow:0 1px 4px #000c}label{color:var(--text-dim);text-shadow:0 1px 4px #000c;margin-bottom:6px;display:block}input{width:100%;color:var(--text);border:2px solid var(--border-dim);text-shadow:0 1px 4px #000c;background:#00000080;padding:10px 12px;font-family:inherit;font-size:clamp(.9rem,2.5vw,1rem)}input:focus{border-color:var(--border);outline:none}.btn{border:var(--px) solid var(--border);color:var(--text);cursor:pointer;text-shadow:0 1px 4px #000c;background:#1c1c38;min-width:0;padding:12px 16px;font-family:inherit;font-size:clamp(1rem,3vw,1.15rem);box-shadow:4px 4px #000000b3}.btn:hover{background:#26264e}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000000b3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4a3a10;border-color:#f5c842}.btn-primary:hover{background:#5c4a18}.btn-block{width:100%}.btn-ghost{border-color:var(--border-dim);color:var(--text-dim);background:0 0}.msg-error{color:var(--danger);text-shadow:0 1px 4px #000c;overflow-wrap:break-word;min-height:1.2em}.msg-ok{color:var(--ok);text-shadow:0 1px 4px #000c}.row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.row>*{min-width:0}.muted{color:var(--muted);overflow-wrap:break-word}.user-name{text-align:center;overflow-wrap:break-word;text-shadow:0 1px 4px #000c;font-size:clamp(1.2rem,4vw,1.6rem)}.status-badge{border:2px solid var(--border-dim);color:var(--text-dim);align-self:center;padding:2px 8px;font-size:.8rem}.status-badge.online{border-color:var(--ok);color:var(--ok)}.status-badge.offline{border-color:var(--danger);color:var(--danger)}.sw-update-toast{z-index:999;background:var(--bg-panel);border:var(--px) solid var(--border);color:var(--text-dim);align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000000b3}.sw-update-toast button{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#1c1c38;padding:4px 10px;font-family:inherit}@media (width<=480px){.screen{gap:12px;padding:12px}.panel{gap:12px;padding:12px;box-shadow:4px 4px #0009}.btn{min-height:44px}}