:root{--bg: #0f1020;--bg-2: #16172e;--card: #1e1f3a;--text: #eef0ff;--muted: #a3a6c9;--accent: #6c5ce7;--accent-2: #00d2ff;--danger: #ff5c7c;--ok: #2ecc71;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 800px at 20% -10%,#26264d 0%,var(--bg) 55%);color:var(--text);-webkit-tap-highlight-color:transparent}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));text-align:center}.card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:24px 20px;box-shadow:0 20px 60px #00000073}h1{font-size:1.6rem;margin:0 0 6px;line-height:1.2}@media (min-width: 700px){.screen{padding:24px}.card{padding:28px 24px}h1{font-size:1.9rem}}.subtitle{color:var(--muted);margin:0 0 24px}.stack{display:flex;flex-direction:column;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:15px 18px;min-height:48px;font-size:1.05rem;font-weight:600;cursor:pointer;color:#fff;background:var(--accent);transition:transform .06s ease,filter .15s ease;touch-action:manipulation}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:transparent;border:1px solid rgba(255,255,255,.18)}.btn.ghost{background:#ffffff0f}.input{width:100%;padding:15px 16px;min-height:48px;font-size:16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);text-align:center;letter-spacing:.12em}.input:focus{outline:2px solid var(--accent);border-color:transparent}.link{background:none;border:none;color:var(--accent-2);cursor:pointer;font-size:.95rem;margin-top:12px}.error{color:var(--danger);min-height:1.2em;font-size:.95rem;margin-top:4px}.banner{width:100%;max-width:640px;margin:0 auto 16px;background:#ff5c7c1f;border:1px solid var(--danger);border-radius:12px;padding:14px 16px;color:#ffd7df;font-size:.9rem;text-align:left}.banner code{background:#00000059;padding:1px 6px;border-radius:6px}.codes{display:flex;gap:12px;margin-top:16px}.code-chip{flex:1;background:#0000004d;border-radius:12px;padding:12px}.code-chip .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.code-chip .value{font-size:1.5rem;font-weight:700;letter-spacing:.18em}.lobby{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px;text-align:left}.lobby-head{display:flex;flex-direction:column;gap:12px}@media (min-width: 700px){.lobby-head{flex-direction:row;justify-content:space-between;align-items:center}}.panel{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px 18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-head h2{font-size:1.05rem;margin:0}.hint{font-size:.8rem;color:var(--accent-2)}.pool,.team-members{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;align-items:flex-start}.pool{cursor:pointer}.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;min-height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);font-size:.92rem;cursor:pointer;touch-action:manipulation}.chip:disabled{cursor:default;opacity:.85}.chip.sel{outline:2px solid var(--accent-2);background:#00d2ff1f}.chip-ava{font-size:1.1rem}.dot{width:8px;height:8px;border-radius:50%;background:#555}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.team-card{background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;min-height:96px;cursor:pointer}.team-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.team-name{font-weight:700}.team-name-input{background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.2);color:var(--text);font-weight:700;font-size:1rem;width:60%}.team-name-input:focus{outline:none;border-bottom-color:var(--accent-2)}input[type=color]{width:26px;height:26px;border:none;background:none;padding:0;cursor:pointer}.x{background:none;border:none;color:var(--danger);cursor:pointer;font-size:.9rem}.btn.small{padding:7px 12px;font-size:.9rem}.cohost-row{padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.perm-toggles{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.perm{font-size:.8rem;padding:8px 12px;min-height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;text-align:left}@media (min-width: 700px){.perm{border-radius:999px}}.perm.on{background:var(--accent);border-color:var(--accent);color:#fff}.lobby-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.avatar-opt{font-size:1.6rem;padding:10px 0;border-radius:12px;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);touch-action:manipulation}.avatar-opt.sel{background:var(--accent);border-color:var(--accent)}.player-pre{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:18px}.player-id{display:flex;align-items:center;gap:12px}.player-id h1{margin:0}.player-ava{font-size:2.4rem}.team-badge{padding:10px 20px;border-radius:999px;font-weight:700;background:#ffffff14}.buzzer-placeholder{width:100%;aspect-ratio:1 / 1;max-height:46vh;border-radius:28px;border:2px dashed rgba(255,255,255,.25);background:var(--team, rgba(255, 255, 255, .05));color:var(--text);font-size:2rem;font-weight:800;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.7}.buzzer-placeholder small{font-size:.8rem;font-weight:400;opacity:.8;max-width:70%}.player-foot{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.player-foot .code-chip{width:100%;max-width:260px}.controls-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.controls-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-pill{font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:6px 10px;border-radius:999px;background:#ffffff14;color:var(--muted)}.status-pill.live{background:#2ecc7129;color:var(--ok)}.danger-btn{background:var(--danger)}.buzz-stack{display:flex;flex-direction:column;gap:10px}.buzz-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.buzz-box.first{animation:buzzBlink .9s ease-in-out infinite}@keyframes buzzBlink{0%,to{background:#ffffff0d}50%{background:#ffffff29;box-shadow:0 0 16px #ffffff26}}.buzz-pos{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#fff;flex-shrink:0}.buzz-ava{font-size:1.5rem}.buzz-who{display:flex;flex-direction:column;line-height:1.2}.buzz-who small{font-size:.75rem}.live-buzzer{width:100%;max-width:520px;min-height:80vh;display:flex;flex-direction:column;gap:14px}.lb-top{display:flex;justify-content:space-between;align-items:center;font-weight:700}.lb-team{font-size:1rem}.lb-score{font-size:2rem;font-weight:800}.lb-pad{flex:1;width:100%;border-radius:28px;border:3px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease}.lb-pad:disabled{cursor:default;opacity:.6}.lb-pad.filled{color:#fff;animation:fillPulse .4s ease}@keyframes fillPulse{0%{transform:scale(.98)}to{transform:scale(1)}}.lb-label{font-size:2.4rem;font-weight:900;letter-spacing:.04em;text-align:center}.lb-first{font-size:1.1rem;font-weight:800;letter-spacing:.2em;animation:buzzBlink .7s ease-in-out infinite;padding:4px 12px;border-radius:999px}.lb-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.lb-resume{max-width:200px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.score-card{border-radius:16px;padding:16px 12px;color:#fff;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:120px;justify-content:center}.score-card:active{cursor:grabbing}.score-team{font-weight:700;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.4)}.flip-num{perspective:400px;height:56px;display:grid;place-items:center}.flip-digit{display:inline-block;font-size:3rem;font-weight:900;line-height:1;transform-origin:center;backface-visibility:hidden;text-shadow:0 2px 6px rgba(0,0,0,.4)}.score-arrows{font-size:.75rem;opacity:.85;letter-spacing:.2em}.score-hint{font-size:.6rem;font-weight:600;opacity:.8;letter-spacing:.02em;margin-top:2px}.buzz-box.bannable{cursor:pointer}.buzz-box.bannable:hover{border-color:var(--danger)}.buzz-ban{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--danger);opacity:.85}.hold-reset{align-self:center;position:relative;width:120px;height:120px;border:none;background:none;cursor:pointer;touch-action:none;color:var(--text);display:grid;place-items:center}.hold-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.hold-ring .hold-bg{fill:#ffffff0a;stroke:#ffffff24;stroke-width:6}.hold-ring .hold-fg{fill:none;stroke:var(--danger);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.hold-label{max-width:80px;font-size:.7rem;font-weight:700;text-align:center;line-height:1.2}.peek-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:flex-end;z-index:50}.peek-panel{width:min(320px,82vw);height:100%;background:var(--bg-2);padding:24px 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;box-shadow:-20px 0 60px #00000080}.peek-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.peek-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0d}.peek-ava{font-size:1.3rem}.wall{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(1400px 900px at 50% 20%,#201f45,#0c0d1c 60%)}.wall-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.wall-bg .blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;filter:blur(70px);opacity:.35;mix-blend-mode:screen}.wall-bg .b1{background:#6c5ce7;top:-12vmax;left:-10vmax;animation:drift1 26s ease-in-out infinite}.wall-bg .b2{background:#00d2ff;bottom:-14vmax;right:-8vmax;animation:drift2 32s ease-in-out infinite}.wall-bg .b3{background:#e84393;top:30%;left:40%;animation:drift3 38s ease-in-out infinite}@keyframes drift1{50%{transform:translate(18vw,12vh) scale(1.15)}}@keyframes drift2{50%{transform:translate(-16vw,-10vh) scale(1.2)}}@keyframes drift3{50%{transform:translate(-12vw,14vh) scale(.9)}}.wall-head{position:absolute;top:max(18px,env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:3;pointer-events:none}.wall-head h1{margin:0;font-size:clamp(1.4rem,4vw,2.6rem)}.wall-meta{color:var(--muted);font-size:.9rem}.wall-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:1.1rem}.team-center{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:1;pointer-events:none;will-change:transform}.team-center-name{font-weight:800;font-size:clamp(.9rem,2.2vw,1.4rem);text-shadow:0 2px 10px rgba(0,0,0,.5)}.team-center-score{font-size:clamp(1.6rem,5vw,3rem);font-weight:900;opacity:.22}.bubble-pos{position:absolute;top:0;left:0;z-index:2;will-change:transform}.bubble{display:flex;flex-direction:column;align-items:center;gap:2px;width:74px;height:74px;border-radius:50%;justify-content:center;background:color-mix(in srgb,var(--bubble) 45%,#12132a);border:2px solid var(--bubble);box-shadow:0 6px 20px #0006}.bubble.glow{box-shadow:0 0 0 6px color-mix(in srgb,var(--bubble) 45%,transparent),0 0 40px 8px var(--bubble);z-index:4}.bubble-ava{font-size:1.7rem;line-height:1}.bubble-name{font-size:.62rem;font-weight:700;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}