*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d1117;--bg2:#161b22;--bg3:#21262d;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#f0b429;--accent-hover:#f5c842;--red:#f85149;--green:#3fb950;--blue:#58a6ff;--card-prompt-bg:#1c1c1c;--card-prompt-text:#f0f0f0;--card-response-bg:#f8f5e4;--card-response-text:#1a1a1a;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0006;--shadow-card:0 8px 32px #00000080;--font:"Segoe UI", system-ui, -apple-system, sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.container{width:100%;max-width:900px}h1{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.1rem;font-weight:600}.accent{color:var(--accent)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1a1a}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg3);border-color:var(--text-muted)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.1rem}.btn-full{width:100%}.input{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:1rem;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group{flex-direction:column;gap:8px;display:flex}.card-prompt{background:var(--card-prompt-bg);color:var(--card-prompt-text);border-radius:var(--radius);min-height:200px;box-shadow:var(--shadow-card);border:1.5px solid #333;flex-direction:column;justify-content:space-between;padding:28px 24px;display:flex;position:relative;overflow:hidden}.card-prompt:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.card-prompt .card-text{flex:1;align-items:center;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;display:flex}.card-prompt .card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-top:16px;font-size:.75rem;font-weight:700}.card-response{background:var(--card-response-bg);color:var(--card-response-text);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;align-items:center;min-height:80px;padding:16px;font-size:.95rem;font-weight:500;line-height:1.4;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000004d}.card-response:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 6px 20px #0006}.card-response.selected{border-color:var(--accent);background:#fffbe8;transform:translateY(-3px);box-shadow:0 6px 20px #f0b42940}.card-response.winner{border-color:var(--green);background:#f0fff4;box-shadow:0 6px 20px #3fb95040}.card-response.judge-pick{cursor:pointer;background:var(--card-response-bg)}.card-response.judge-pick:hover{border-color:var(--green);background:#f0fff4}.hand-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.panel{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px}.panel-sm{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:16px}.player-list{flex-direction:column;gap:8px;display:flex}.player-item{background:var(--bg3);border-radius:var(--radius-sm);border:1.5px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.player-avatar{background:var(--accent);color:#1a1a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:800;display:flex}.player-avatar.disconnected{background:var(--bg3);color:var(--text-muted);border:2px dashed var(--border)}.player-name{flex:1;font-weight:600}.player-score{color:var(--accent);font-size:1.1rem;font-weight:700}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-host{background:var(--accent);color:#1a1a1a}.badge-judge{background:var(--blue);color:#fff}.badge-submitted{background:var(--green);color:#fff}.badge-waiting{background:var(--bg3);color:var(--text-muted);border:1px solid var(--border)}.room-code{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 18px;display:inline-flex}.room-code-text{letter-spacing:.15em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:900}.scoreboard{flex-direction:column;gap:6px;display:flex}.score-row{border-radius:var(--radius-sm);background:var(--bg3);align-items:center;gap:10px;padding:8px 12px;display:flex}.score-rank{width:24px;color:var(--text-muted);font-size:.85rem;font-weight:700}.score-name{flex:1;font-weight:500}.score-pts{color:var(--accent);font-weight:800}.round-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.phase-label{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.phase-playing{color:var(--blue);background:#58a6ff26;border:1px solid #58a6ff4d}.phase-judging{color:var(--accent);background:#f0b42926;border:1px solid #f0b4294d}.phase-roundEnd{color:var(--green);background:#3fb95026;border:1px solid #3fb9504d}.winner-banner{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#f0b4291a,#f0b4290d);border:1.5px solid #f0b42966;padding:24px}.submission-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-green{background:var(--green);box-shadow:0 0 6px var(--green)}.dot-gray{background:var(--text-muted)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-sm);max-width:320px;box-shadow:var(--shadow);pointer-events:auto;align-items:center;gap:10px;padding:12px 18px;font-size:.9rem;font-weight:500;animation:.2s slideIn;display:flex}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--blue)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(20px)}}.toast.fade-out{animation:.3s forwards fadeOut}.divider{background:var(--border);height:1px;margin:20px 0}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.flex-1{flex:1}.w-full{width:100%}.flex-wrap{flex-wrap:wrap}.landing-hero{text-align:center;max-width:600px;margin:0 auto}.logo-icon{margin-bottom:16px;font-size:4rem;line-height:1}.tagline{color:var(--text-muted);margin:12px 0 32px;font-size:1.1rem;line-height:1.6}.landing-cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;display:grid}@media (width<=480px){.landing-cards{grid-template-columns:1fr}.hand-grid{grid-template-columns:repeat(2,1fr)}}.landing-card{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius);text-align:left;padding:24px;transition:border-color .15s}.landing-card:hover{border-color:var(--accent)}.landing-card h3{margin-bottom:8px}.landing-card p{color:var(--text-muted);font-size:.9rem}.game-layout{grid-template-columns:1fr 260px;align-items:start;gap:24px;display:grid}@media (width<=768px){.game-layout{grid-template-columns:1fr}.scoreboard-sidebar{order:-1}}.page-scroll{flex-direction:column;align-items:center;min-height:100vh;padding:24px 16px 48px;display:flex}.conn-bar{text-align:center;z-index:100;padding:8px 16px;font-size:.85rem;font-weight:600;position:fixed;top:0;left:0;right:0}.conn-bar-error{background:var(--red);color:#fff}.conn-bar-warn{background:var(--accent);color:#1a1a1a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:1.5s ease-in-out infinite pulse}.number-stepper{background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;width:fit-content;padding:6px 16px;display:flex}.stepper-btn{color:var(--text);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1;transition:opacity .1s}.stepper-btn:hover{opacity:1}.stepper-val{text-align:center;min-width:28px;font-size:1.2rem;font-weight:700}