:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#e8c14a;--border:#5a4a34;--border-light:#8a7350;--panel:#241c16;--text:#e8dcc0;--text-dim:#a89878}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text);background:#0d0a08;font-family:monospace;overflow:hidden}#lobby,#game{width:100vw;height:100vh}#game{justify-content:center;align-items:center;display:flex}canvas{display:block}.screen{background:radial-gradient(circle at 50% 0,#1a1410,#0d0a08 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.panel{background:var(--panel);border:2px solid var(--border-light);border-radius:10px;flex-direction:column;gap:10px;width:360px;padding:28px;display:flex;box-shadow:0 8px 40px #0009}.panel h1{text-align:center;color:var(--gold);letter-spacing:3px;margin-bottom:12px}.panel h2{text-align:center;color:var(--gold);letter-spacing:2px}.panel label{color:var(--text-dim);text-transform:uppercase;font-size:12px}.panel input{border:1px solid var(--border);color:var(--text);background:#16110d;border-radius:6px;padding:10px;font-family:monospace;font-size:14px}.panel input:focus{border-color:var(--gold);outline:none}.panel button{border:1px solid var(--border-light);color:var(--text);letter-spacing:1px;cursor:pointer;background:#33291d;border-radius:6px;padding:10px;font-family:monospace;font-size:14px;font-weight:700}.panel button:hover:not(:disabled){background:#443624}.panel button.primary{border-color:var(--gold);color:var(--gold);background:#5a4420}.panel button:disabled{opacity:.4;cursor:not-allowed}.panel button.small{padding:4px 10px;font-size:11px}.divider{text-align:center;color:var(--text-dim);margin:4px 0;font-size:12px}.err{color:#e05a4a;text-align:center;min-height:16px;font-size:12px}.lobby .roomcode{text-align:center;justify-content:center;align-items:center;gap:10px;font-size:15px;display:flex}.lobby .roomcode b{color:var(--gold);letter-spacing:2px}.players{flex-direction:column;gap:6px;margin:6px 0;list-style:none;display:flex}.players li{border:1px solid var(--border);background:#16110d;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.pname{flex:1;font-size:14px}.tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.tag.host{color:var(--gold);background:#5a4420}.tag.you{color:#7fc4ff;background:#23405a}.tag.ready{color:#6fe08a;background:#1f4a2f}.tag.notready{color:#e08a7a;background:#3a1f1f}.actions{gap:10px;margin-top:6px;display:flex}.actions button{flex:1}.hint{text-align:center;color:var(--text-dim);flex:1;align-self:center;font-size:12px}