: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;white-space:nowrap}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;flex-wrap:wrap}.row.center{justify-content:center}.row>button{flex:0 0 auto}.divider{text-align:center;color:var(--muted);margin:16px 0;font-size:13px}.join{gap:8px;flex-wrap:nowrap}.join .code-input{flex:1 1 auto;min-width:0}.join>button{flex:0 0 auto;min-width:72px}.code-input{letter-spacing:4px;text-align:center;font-size:18px}.code-input::placeholder{letter-spacing:normal;font-size:15px}.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;gap:10px;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}.room-settings{background:var(--panel-2);border-radius:12px;padding:10px 12px;margin-bottom:12px}.setting-row{display:flex;align-items:center;gap:10px;min-height:34px}.setting-row+.setting-row{margin-top:6px}.setting-label{font-size:14px;font-weight:600;min-width:96px}.setting-value{font-size:14px;color:var(--ink)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px}.seg .tiny{background:#0e1226;border-color:#38406b}.seg .tiny.on{background:linear-gradient(180deg,#5b94ff,#3f73e0);border-color:#3f73e0;font-weight:700}.toggle{min-width:48px}.toggle.on{background:linear-gradient(180deg,#36d399,#20a97b);border-color:#20a97b;color:#06231a;font-weight:700}.setting-note{margin:8px 2px 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}.role-tag.strict{background:#fbbf2433;color:var(--warn);font-weight:700}.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}.review-intro{margin:4px 0 12px}.review-block{background:var(--panel-2);border-radius:12px;padding:10px 12px;margin:10px 0}.review-block h3{margin:0 0 8px;font-size:15px}.bell-list{list-style:none;padding:0;margin:0}.bell-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #2a3157;gap:10px}.bell-list li:last-child{border-bottom:none}.bell-list li.canceled{opacity:.5;text-decoration:line-through}.vote-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.award-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.marker-form{flex-wrap:wrap;gap:8px}.marker-form select,.marker-form input{width:auto;flex:0 0 auto}.marker-form input[type=number]{width:80px}.marker-proposal p{margin:4px 0}.play-clip{background:#243056;border-color:#3a4670}.clip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.strict-rec.live .voice-btn,.strict-rec .voice-count{color:var(--warn)}.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)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#060812b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;-webkit-overflow-scrolling:touch}.modal{background:var(--panel);border:1px solid #2a3157;border-radius:var(--radius);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.modal-head h2{margin:0;font-size:20px}.modal-x{font-size:16px}.modal-body{padding:4px 18px 8px;overflow-y:auto}.modal-body section{margin:14px 0}.modal-body h3{margin:0 0 6px;font-size:15px}.modal-body p{margin:6px 0;line-height:1.55}.modal-body ul{margin:6px 0;padding-left:20px;line-height:1.6}.modal-body li{margin:3px 0}.modal-body .small{font-size:12px;margin-top:16px}.modal-foot{padding:10px 18px 16px;display:flex;justify-content:flex-end}.rulebook .lead{color:var(--ink)}.app-version{position:fixed;left:10px;bottom:8px;z-index:80;font-size:11px;color:var(--muted);opacity:.55;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.rulebook-fab{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-size:15px;font-weight:700;background:linear-gradient(180deg,#5b94ff,#3f73e0);border:1px solid #3f73e0;color:#fff;box-shadow:0 8px 24px #00000073}.rulebook-fab:hover{background:linear-gradient(180deg,#6ea2ff,#3f73e0)}.rulebook-fab .fab-icon{font-size:18px;line-height:1}@media (max-width: 560px){.rulebook-fab{right:12px;bottom:12px;padding:11px 16px}}.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}.card{padding:14px}.join{gap:6px}.join>button{min-width:64px;padding:11px 14px}.code-input{font-size:16px;letter-spacing:3px}.lobby-actions{flex-wrap:wrap}.lobby-actions>button{flex:1 1 auto}.modal-head h2{font-size:18px}}