:root{--bg:#0d0f14;--bg-card:#161921;--bg-hover:#1e2230;--border:#2a2d3a;--text:#c9cdd8;--text-dim:#6b7080;--text-head:#eef0f6;--accent:#f5a623;--accent-dim:#f5a62326;--accent-border:#f5a62366;--green:#4caf7d;--red:#e05050;--radius:12px;--radius-sm:8px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100dvw;height:100dvh;display:flex;overflow:hidden}h1,h2,h3{color:var(--text-head);margin:0;font-weight:700}p{margin:0}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:24px 20px;display:flex}.home-logo{font-size:64px;line-height:1}.home-title{letter-spacing:-.5px;font-size:36px}.home-welcome{color:var(--text-head);font-size:18px;font-weight:600}.home-sub{color:var(--text-dim);font-size:14px}.room-screen{gap:14px}.room-header{flex-direction:column;align-items:center;gap:4px;display:flex}.room-header h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;font-size:20px;font-weight:500}.room-id{color:var(--accent);letter-spacing:2px;font-family:ui-monospace,monospace;font-size:22px;font-weight:700}.player-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;width:100%;max-width:340px;padding:12px;display:flex}.player-count{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px}.player-row{border-radius:var(--radius-sm);background:var(--bg-hover);align-items:center;gap:10px;padding:8px 10px;display:flex}.player-avatar{font-size:18px}.player-name{color:var(--text-head);flex:1;font-weight:600}.host-badge{letter-spacing:1px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.room-actions{gap:10px;display:flex}.waiting-msg{color:var(--text-dim);font-size:14px;font-style:italic}.game-screen{justify-content:stretch;padding:0}#game-container{width:100%;height:100%}.results-title{font-size:28px}.results-list{flex-direction:column;gap:8px;width:100%;max-width:340px;display:flex}.result-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 16px;display:flex}.result-rank{text-align:center;min-width:32px;font-size:24px}.result-name{color:var(--text-head);font-size:16px;font-weight:600}.results-empty{color:var(--text-dim);text-align:center}.btn{border-radius:var(--radius);cursor:pointer;touch-action:manipulation;white-space:nowrap;border:none;padding:14px 28px;font-size:16px;font-weight:700;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#0d0f14;width:100%;max-width:340px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--bg-card);color:var(--text-head);border:1px solid var(--border);flex:1}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0;flex:1}.btn-ghost:hover:not(:disabled){color:var(--text-head);border-color:var(--text-dim)}.error-msg{color:var(--red);text-align:center;max-width:300px;font-size:14px}