:root{--bg:#14101f;--bg-2:#1f1830;--fg:#f5f2ff;--muted:#a99fc7;--accent:#ff5d8f;--accent-2:#5d8bff;--card:#2a2140;--good:#57e389;color:var(--fg);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0}body{background:radial-gradient(circle at 50% 0%, var(--bg-2), var(--bg) 70%)}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1.5rem 1.5rem 5rem;display:flex}h1{margin:.2em 0;font-size:clamp(2rem,6vw,4.5rem)}h2{margin:.2em 0;font-size:clamp(1.5rem,4vw,3rem)}h3{margin:.2em 0;font-size:clamp(1.2rem,3vw,2rem)}.muted{color:var(--muted)}.error{color:var(--accent)}button,.big-btn,.photo-btn{font:inherit;color:var(--fg);background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:999px;padding:.7em 1.6em;font-size:clamp(1rem,2.5vw,1.6rem);font-weight:700;transition:transform 80ms,filter .15s;box-shadow:0 6px 24px #00000059}button:hover,.big-btn:hover{filter:brightness(1.08)}button:active,.big-btn:active{transform:translateY(2px)}button:disabled{filter:grayscale(.6)brightness(.7);cursor:not-allowed}.big-btn{justify-content:center;align-items:center;display:inline-flex}input{font:inherit;border:2px solid var(--card);background:var(--card);color:var(--fg);border-radius:12px;width:min(92vw,28rem);margin-bottom:.6rem;padding:.6em .8em;font-size:clamp(1.1rem,3vw,1.6rem)}input:focus{border-color:var(--accent-2);outline:none}form{flex-direction:column;align-items:center;gap:.4rem;display:flex}.avatar{object-fit:cover;border:3px solid var(--card);border-radius:50%}.avatar-fallback{color:#fff;justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex}.scoreboard{flex-direction:column;gap:.6rem;width:min(92vw,36rem);display:flex}.score-row{background:var(--card);border-radius:14px;grid-template-columns:2.5rem 48px 1fr auto;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:clamp(1.1rem,2.5vw,1.6rem);display:grid}.score-row .rank{color:var(--muted);font-weight:800}.score-row .name{text-align:left;font-weight:600}.score-row .score{font-weight:800}.gained{color:var(--good);font-size:.8em}.big-rank{color:var(--accent);font-size:clamp(4rem,18vw,10rem)}.rules{max-width:30ch;color:var(--muted);font-size:clamp(1rem,2.2vw,1.4rem)}.countdown-ring{z-index:50;place-items:center;width:64px;height:64px;display:grid;position:fixed;top:1rem;right:1rem}.countdown-ring svg{width:100%;height:100%;position:absolute;inset:0}.countdown-ring .track{fill:none;stroke:var(--card);stroke-width:6px}.countdown-ring .bar{fill:none;stroke:var(--accent-2);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.countdown-ring.urgent .bar{stroke:var(--accent)}.countdown-num{font-size:1.4rem;font-weight:800}.countdown-ring.urgent .countdown-num{color:var(--accent)}.ghost-btn{border:2px solid var(--card);box-shadow:none;background:0 0}.small{font-size:.85rem}.prompt{max-width:22ch}.count{color:var(--muted)}.answers{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:min(92vw,50rem);display:flex}.answer-card{background:var(--card);border-radius:14px;padding:1rem 1.4rem;font-size:clamp(1.1rem,2.5vw,1.8rem);font-weight:600}.vote-list{flex-direction:column;gap:.6rem;width:min(92vw,28rem);display:flex}.vote-btn{background:var(--card);border-radius:12px;width:100%}.timer{color:var(--accent);font-weight:800}.timer.big{font-size:clamp(2rem,6vw,4rem)}.msg{min-height:1.4em;color:var(--good)}.found{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:92vw;display:flex}.found-word{background:var(--card);border-radius:8px;padding:.2em .6em}.letters{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.letters.big .letter{width:clamp(48px,9vw,96px);height:clamp(48px,9vw,96px);font-size:clamp(1.5rem,5vw,3rem)}.letter{background:linear-gradient(135deg, var(--accent-2), var(--accent));border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:800;display:flex}.reveal-fade-in{animation:.5s both reveal-fade-in}.reveal-word-pop{animation:.4s both reveal-word-pop}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-word-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.audio-unlock{z-index:100;background:radial-gradient(circle at 50% 40%, var(--bg-2), var(--bg) 75%);width:100%;height:100%;color:var(--fg);cursor:pointer;box-shadow:none;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:fixed;inset:0}.audio-unlock-icon{filter:drop-shadow(0 4px 18px #00000073);font-size:clamp(3rem,12vw,7rem);line-height:1;animation:1.8s ease-in-out infinite audio-unlock-pulse}.audio-unlock-title{font-size:clamp(2rem,7vw,4rem);font-weight:800}@keyframes audio-unlock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.roomcode{letter-spacing:.08em;font-size:clamp(1.2rem,3vw,2rem)}.roomcode b{color:var(--accent)}.lobby-join{flex-direction:column;align-items:center;gap:.4rem;display:flex}.qr-card{background:#fff;border-radius:18px;padding:.9rem;line-height:0;box-shadow:0 8px 30px #0006}.roster{flex-wrap:wrap;justify-content:center;gap:1.2rem;max-width:min(92vw,60rem);margin:.5rem 0;display:flex}.roster-item{flex-direction:column;align-items:center;gap:.4rem;width:6rem;display:flex}.roster-item.pending{opacity:.45}.roster-name{text-overflow:ellipsis;white-space:nowrap;max-width:6rem;font-size:clamp(.9rem,2vw,1.3rem);font-weight:700;overflow:hidden}.reactions-overlay{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.reaction{flex-direction:column;align-items:center;gap:.25rem;animation:3.5s linear forwards reaction-rise;display:flex;position:absolute;bottom:0}.reaction-emoji{filter:drop-shadow(0 2px 6px #00000073);font-size:clamp(2.5rem,6vw,4rem);line-height:1}.reaction-who{background:#14101fb8;border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .55rem .15rem .15rem;display:flex}.reaction-name{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;font-size:.9rem;font-weight:700;overflow:hidden}@keyframes reaction-rise{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-110vh)}}.slots{flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:min(94vw,56rem);margin:1rem 0;display:flex}.slot{flex-direction:column;align-items:center;gap:.5rem;width:96px;display:flex}.slot.empty{border:3px dashed var(--card);opacity:.5;border-radius:50%;width:72px;height:72px}.slot-avatar{width:72px;height:72px;position:relative}.slot.ready .avatar{border-color:var(--good)}.slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;font-size:.95rem;font-weight:600;overflow:hidden}.crown{filter:drop-shadow(0 1px 2px #00000080);font-size:1.3rem;position:absolute;top:-10px;right:-6px}.ready-check{background:var(--good);color:#06281a;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.player-lobby{gap:.8rem}.profile-preview{line-height:0}.name-input{text-align:center}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;width:min(92vw,22rem);display:grid}.avatar-choice{background:var(--card);border:3px solid #0000;border-radius:14px;padding:.25rem;line-height:0}.avatar-choice img{border-radius:10px;width:100%;height:auto}.avatar-choice.selected{border-color:var(--accent)}.photo-btn{cursor:pointer}.photo-btn.disabled{opacity:.5;pointer-events:none}.reaction-bar{z-index:45;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14101fd9;justify-content:space-around;align-items:center;gap:.25rem;display:flex;position:fixed;bottom:0;left:0;right:0}.reaction-btn{box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.2em .3em;font-size:clamp(1.6rem,7vw,2.2rem);line-height:1;transition:transform 80ms;display:inline-flex;position:relative}.reaction-btn:active .reaction-emoji{transform:scale(1.4)}.reaction-emoji{pointer-events:none;transition:transform 80ms;display:block}.reaction-haptic-switch{opacity:0;clip-path:inset(0 round 12px);cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.captain-badge{z-index:50;background:var(--card);color:var(--fg);border-radius:999px;padding:.35em .8em;font-size:.95rem;font-weight:700;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 16px #0000004d}.ql-prompts{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:min(92vw,50rem);display:flex}.ql-matchups{flex-direction:column;gap:1rem;width:min(92vw,44rem);display:flex}.ql-matchup-card{background:var(--card);border-radius:14px;padding:1rem 1.2rem}.ql-matchup-sides{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.ql-matchup-side{background:#0003;border-radius:10px;flex:1;min-width:8rem;padding:.75rem 1rem;font-size:clamp(.95rem,2vw,1.2rem);font-weight:600}.ql-matchup-vs{color:var(--muted);font-size:.9rem;font-weight:800}.ql-matchup-vote{flex-direction:column;gap:.6rem;width:min(92vw,28rem);display:flex}.ql-vote-option{text-align:left}.ql-vote-player{padding-bottom:4.5rem}.ql-matchup-side.winner{border:2px solid var(--good);box-shadow:0 0 12px #57e38959}.ql-prompt-hero{max-width:min(92vw,44rem);padding:2rem 2.4rem}.ql-prompt-text{max-width:26ch;margin:0;font-size:clamp(1.6rem,4.5vw,3.2rem);font-weight:700}.ql-matchup-side{flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.ql-side-answer{font-weight:600}.ql-side-author{background:#00000040;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .8rem .25rem .25rem;display:flex}.ql-side-author-name{font-size:.95rem;font-weight:700}.ql-side-votes{color:var(--accent);font-size:clamp(1.1rem,2.6vw,1.6rem);font-weight:800}.ql-side-crown{filter:drop-shadow(0 2px 6px #00000080);font-size:clamp(1.6rem,4vw,2.4rem);position:absolute;top:-1.4rem}.ql-ingredients{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:min(92vw,48rem);margin-top:1.5rem;display:flex}.ql-ingredient{background:var(--card);border-radius:999px;padding:.4rem 1rem;font-size:clamp(.95rem,2.2vw,1.4rem);font-weight:700;animation:.4s both ql-ingredient-pop}@keyframes ql-ingredient-pop{0%{opacity:0;transform:scale(.8)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ql-voters{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:min(92vw,48rem);display:flex}.ql-voter{opacity:.45;transition:opacity .25s,transform .25s;position:relative}.ql-voter.voted{opacity:1;transform:translateY(-2px)}.ql-voter .avatar{border-color:var(--card)}.ql-voter.voted .avatar{border-color:var(--good)}.ql-voter-check{background:var(--card);width:22px;height:22px;color:var(--muted);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.ql-voter.voted .ql-voter-check{background:var(--good);color:#06281a}.ql-response-stage form{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.ql-response-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:min(92vw,28rem);margin-top:.75rem;display:flex}.ql-response-chip{background:var(--card);border-radius:999px;padding:.35rem .85rem;font-size:.95rem;font-weight:600}.sb-scores{flex-direction:column;gap:.3rem;font-size:clamp(1rem,2.2vw,1.4rem);display:flex}.sb-player{padding-bottom:4.5rem}.sb-current-word{letter-spacing:.12em;min-height:2rem;margin:.5rem 0;font-size:1.6rem;font-weight:800}.sb-letter-pad{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:92vw;display:flex}.sb-letter-btn{cursor:pointer;touch-action:manipulation;border:none}.sb-letter-btn:active{transform:scale(.95)}.sb-controls{gap:.75rem;margin-top:.75rem;display:flex}.sb-ctrl-btn{background:var(--card);min-width:6rem;color:var(--fg);cursor:pointer;border:none;border-radius:12px;padding:.65rem 1.2rem;font-weight:700}.sb-ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.sb-submit{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff}.sb-reveal-words{margin-top:1rem}