:root{--bg: #0f1220;--panel: #1a1f35;--panel-2: #232a47;--ink: #eef1ff;--muted: #9aa3c7;--a: #4f8cff;--b: #ff5d73;--good: #36d399;--warn: #fbbf24;--danger: #ff5d73;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#1c2440 0%,var(--bg) 60%),var(--bg);color:var(--ink);font-family:Pretendard,system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:760px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 4px 16px}.topbar h1{font-size:22px;margin:0;letter-spacing:-.02em}.topbar .sub{font-size:12px;color:var(--muted);font-weight:500;margin-left:6px}.auth{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.topbar>button.tiny{margin-left:auto}.dot{width:10px;height:10px;border-radius:50%;margin-left:10px}.dot.on{background:var(--good);box-shadow:0 0 8px var(--good)}.dot.off{background:#555}.card{background:var(--panel);border:1px solid #2a3157;border-radius:var(--radius);padding:18px;box-shadow:0 10px 40px #00000059}.muted{color:var(--muted);font-size:14px}.lead{color:var(--muted);margin-top:0}.hint{color:var(--warn);font-size:13px}button{background:var(--panel-2);color:var(--ink);border:1px solid #38406b;padding:10px 16px;border-radius:10px;font-size:15px;cursor:pointer;transition:transform .05s ease,background .15s ease}button:hover{background:#2b3358}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(180deg,#5b94ff,#3f73e0);border-color:#3f73e0;font-weight:700}button.ghost{background:transparent}button.danger{color:#fff;background:#c83a4d;border-color:#c83a4d}button.tiny{padding:3px 8px;font-size:13px}button.big-btn{padding:14px 22px;font-size:18px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field span{font-size:13px;color:var(--muted)}input{background:#0e1226;color:var(--ink);border:1px solid #38406b;padding:11px 13px;border-radius:10px;font-size:16px;width:100%}.row{display:flex;gap:10px;align-items:center}.row.center{justify-content:center}.divider{text-align:center;color:var(--muted);margin:16px 0;font-size:13px}.join{gap:8px}.code-input{letter-spacing:6px;text-align:center;font-size:20px}.login-gate{text-align:center}.login-gate p{margin:10px 0}.login-gate .big-btn{margin-top:12px}.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.code-big{font-size:34px;font-weight:800;letter-spacing:4px}.teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-col{background:var(--panel-2);border-radius:12px;padding:12px;border-top:3px solid #555}.team-col.team-a{border-top-color:var(--a)}.team-col.team-b{border-top-color:var(--b)}.team-col h3{margin:0 0 8px}.team-col ul{list-style:none;padding:0;margin:0 0 10px}.team-col li{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.team-col li.offline{opacity:.45}.row-actions{display:flex;gap:4px}.chip{background:var(--panel-2);padding:4px 10px;border-radius:999px;font-size:13px;margin-left:6px}.unassigned{margin:12px 0}.lobby-actions{display:flex;gap:10px;margin-top:14px}.board{display:flex;flex-direction:column;gap:10px;margin:14px 0}.track-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.team-name{font-weight:700}.cells{display:flex;gap:3px}.cell{flex:1;height:16px;border-radius:4px;background:#2a3157}.track-a .cell.filled{background:var(--a)}.track-b .cell.filled{background:var(--b)}.cell.marker{outline:2px solid #fff;outline-offset:1px}.cell-rule{box-shadow:inset 0 0 0 2px var(--warn)}.cell-danger{box-shadow:inset 0 0 0 2px var(--danger)}.trap-pill{font-size:11px;background:#fbbf242e;color:var(--warn);padding:1px 6px;border-radius:999px;margin-right:6px}.active-rules{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.rule-chip{font-size:12px;background:#fbbf2429;color:#ffe6a3;padding:3px 9px;border-radius:999px;border:1px solid rgba(251,191,36,.35)}.board-legend{font-size:11px;color:var(--muted);text-align:center;margin-top:2px}.danger-banner{background:#ff5d7329;border:1px solid rgba(255,93,115,.5);color:#ffc2cb;padding:10px 14px;border-radius:10px;margin-bottom:12px;font-weight:600}.constraints{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;margin-bottom:12px}.round-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.round-no{font-weight:800}.role-tag{font-size:12px;padding:3px 8px;border-radius:999px}.role-tag.describe{background:#4f8cff33;color:#aac4ff}.role-tag.watch{background:#ff5d7333;color:#ffb3bf}.timer{margin-left:auto;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.timer.low{color:var(--danger);animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:scale(1.12)}}.stage{text-align:center;padding:18px 6px}.big{font-size:18px}.pair{display:flex;gap:14px;justify-content:center;align-items:center;margin:8px 0 14px;flex-wrap:wrap}.word{font-size:40px;font-weight:800;padding:10px 18px;border-radius:14px;letter-spacing:-.02em}.word.a{background:#4f8cff2e;color:#cfe0ff}.word.b{background:#36d39929;color:#c9f7e6}.warn-line{color:var(--warn);font-size:14px}.bell{font-size:30px;padding:26px 40px;border-radius:20px;font-weight:800;background:linear-gradient(180deg,#ff7185,#e0455b);border-color:#e0455b;color:#fff}.bell:hover{background:linear-gradient(180deg,#ff8597,#e0455b)}.host-mini{margin-top:10px;text-align:right}.winner{text-align:center;font-size:30px;margin:6px 0}.final-score{display:flex;justify-content:center;gap:14px;font-size:24px;font-weight:800;margin:8px 0 4px}.final-score .vs{color:var(--muted)}.log{margin-top:14px}.log summary{cursor:pointer;color:var(--muted);font-size:13px}.log ul{list-style:none;padding:0;margin:8px 0 0;max-height:160px;overflow:auto;font-size:13px}.log li{padding:3px 0;border-bottom:1px solid #232a47;color:#c4cae6}.voice-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;background:var(--panel);border:1px solid #2a3157;border-radius:12px}.voice-btn{font-size:14px}.voice-btn.join{background:#243056}.voice-btn.live{background:linear-gradient(180deg,#36d399,#20a97b);border-color:#20a97b;color:#06231a;font-weight:700}.voice-btn.muted{background:#4a3340;border-color:#6b3a4f;color:#ffb3bf}.voice-count{font-size:13px;color:var(--muted)}.voice-leave{font-size:13px;padding:6px 12px}.voice-err{font-size:13px;color:var(--danger)}.toasts{position:fixed;left:0;right:0;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0006}.toast.info{background:#2b3358;color:#fff}.toast.success{background:var(--good);color:#06231a}.toast.warn{background:var(--warn);color:#3a2a05}.toast.danger{background:var(--danger);color:#fff}@media (max-width: 560px){.teams{grid-template-columns:1fr}.word{font-size:32px}}