:root{--red: #f0464b;--blue: #3b82f6;--accent: #6d28d9;--accent-strong: #5b21b6;--accent-soft: rgba(109, 40, 217, .1);--accent-border: #d6c6f5;--green: #16a34a;--ai: #15b86b;--ai-strong: #0f9457;--bg: #f2f4f8;--surface: #ffffff;--surface-2: #f7f8fc;--text: #14161f;--muted: #7c8597;--border: #e6e9f0;--radius-lg: 22px;--radius: 16px;--radius-sm: 12px;--shadow-sm: 0 2px 6px rgba(20, 30, 60, .06), 0 8px 20px rgba(20, 30, 60, .05);--shadow-md: 0 8px 28px rgba(20, 30, 60, .12), 0 2px 8px rgba(20, 30, 60, .06);--btn-pop: 0 4px 0 rgba(109, 40, 217, .25);--card-front: #ffffff;--card-border: #e7eaf1;--card-shadow: 0 2px 6px rgba(20, 30, 60, .06), 0 8px 18px rgba(20, 30, 60, .05);--card-shadow-hover: 0 8px 28px rgba(20, 30, 60, .14), 0 2px 6px rgba(20, 30, 60, .08);--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=dark]{--red: #f4565b;--blue: #5b96ff;--accent: #8b5cf6;--accent-strong: #7c3aed;--accent-soft: rgba(139, 92, 246, .16);--accent-border: #4a3f6b;--green: #22c55e;--ai: #2bd17f;--ai-strong: #34dc89;--bg: #0f1117;--surface: #1a1d27;--surface-2: #232735;--text: #e8eaf0;--muted: #9aa3b2;--border: #2c3140;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35), 0 8px 20px rgba(0, 0, 0, .3);--shadow-md: 0 8px 28px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4);--btn-pop: 0 4px 0 rgba(91, 33, 182, .5);--card-front: #1f2330;--card-border: #333a4b;--card-shadow: 0 2px 6px rgba(0, 0, 0, .4), 0 8px 18px rgba(0, 0, 0, .3);--card-shadow-hover: 0 8px 28px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35)}[data-theme=dark] .status-bar.turn-red{background:#f4565b21;border-color:#f4565b73}[data-theme=dark] .status-bar.turn-blue{background:#5b96ff21;border-color:#5b96ff73}[data-theme=dark] .notice-bar{background:#f5b5441f;border-color:#f5b54480;color:#f5c873}[data-theme=dark] .notice-bar strong{color:#fad79a}[data-theme=dark] .grace-bar{background:#f5b54433}[data-theme=dark] .toast{background:#3a1e1e;border-color:#7f3a3a}[data-theme=dark] .err{color:#fca5a5}[data-theme=dark] .tip:after{background:#2c3140}[data-theme=dark] .tip:before{border-top-color:#2c3140}*{box-sizing:border-box}html.theme-anim,html.theme-anim *,html.theme-anim *:before,html.theme-anim *:after{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease,fill .4s ease!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700}.screen{max-width:560px;margin:0 auto;padding:40px 20px 80px;animation:screenIn .34s cubic-bezier(.22,1,.36,1) backwards}@keyframes screenIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.connecting{display:flex;align-items:center;justify-content:center;min-height:60vh}.loader{display:flex;flex-direction:column;align-items:center;gap:20px}.loader-cards{display:flex;gap:11px;perspective:600px}.loader-cards .lc{width:34px;height:46px;border-radius:10px;box-shadow:var(--shadow-sm);transform-style:preserve-3d;animation:lcFlip 1.15s cubic-bezier(.34,1.4,.64,1) infinite}.lc-red{background:var(--red);animation-delay:0s}.lc-neutral{background:var(--accent);animation-delay:.13s}.lc-blue{background:var(--blue);animation-delay:.26s}@keyframes lcFlip{0%,55%,to{transform:rotateY(0) translateY(0)}27%{transform:rotateY(180deg) translateY(-9px)}}.loader-text{color:var(--muted);font-size:15px;margin:0}.loader-text .room-code{font-size:15px}@media (prefers-reduced-motion: reduce){.screen,.loader-cards .lc{animation:none}.team-flip{transition:none}}.draft-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:60vh;text-align:center}.draft-heading{margin:0;font-size:24px}.draft-panels{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;width:100%}.draft-panel{--accent-team: var(--red);flex:1 1 240px;max-width:340px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow-md)}.draft-panel.team-a{--accent-team: var(--blue)}html[data-ai-team] .draft-panel.team-a{--accent-team: var(--ai)}.draft-team{margin:0 0 12px;color:var(--muted);font-size:13px}.draft-team strong{color:var(--accent-team)}.draft-names{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.draft-name{font-family:var(--font-display);font-weight:700;font-size:17px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);border:2px solid transparent;transition:transform .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.draft-name.on{background:var(--accent-team);color:#fff;transform:scale(1.06);box-shadow:0 4px 14px #0000002e}.draft-panel.done .draft-name{opacity:.4}.draft-panel.done .draft-name.winner{opacity:1;background:var(--accent-team);color:#fff;transform:scale(1.1);animation:draftWin .5s cubic-bezier(.34,1.56,.64,1)}@keyframes draftWin{0%{transform:scale(1.06)}60%{transform:scale(1.2)}to{transform:scale(1.1)}}.draft-result{margin:14px 0 0;min-height:22px;font-size:16px;color:var(--muted)}.draft-result.show{color:var(--text);font-weight:700}.draft-result strong{color:var(--accent-team)}.draft-sub{color:var(--muted);font-size:13px;max-width:360px;margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;background:#0a0e1880;display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;max-width:380px;width:100%;box-shadow:var(--shadow-md);animation:modalPop .22s cubic-bezier(.22,1,.36,1)}.modal h3{margin:0 0 10px;font-size:19px}.modal p{margin:0 0 18px;color:var(--text);line-height:1.5}.modal-actions{display:flex;gap:10px}.modal-actions .start-btn{flex:1;width:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.rules-modal{position:relative;max-width:430px;overflow:hidden}.rules-close{position:absolute;top:12px;right:12px;display:inline-flex;padding:5px;line-height:0;border-radius:8px;background:none;border:none;color:var(--muted);cursor:pointer}.rules-close:hover{color:var(--text);background:var(--surface-2)}.rules-step{min-height:172px}.rules-step h3{margin:2px 34px 12px 0;font-size:19px}.rules-step.slide-next{animation:slideInRight .28s cubic-bezier(.22,1,.36,1)}.rules-step.slide-prev{animation:slideInLeft .28s cubic-bezier(.22,1,.36,1)}.rules-body{color:var(--text);font-size:14.5px;line-height:1.55}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.rules-body p{margin:0}.rules-body strong{font-weight:800}.rules-nav{display:flex;align-items:center;gap:12px;margin-top:20px}.rules-arrow{display:inline-flex;padding:8px;line-height:0;flex-shrink:0;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px}.rules-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.rules-arrow:disabled{opacity:.35;cursor:default}.rules-dots{display:flex;gap:7px;flex:1;justify-content:center}.rules-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s,transform .2s}.rules-dot.on{background:var(--accent);transform:scale(1.25)}.rules-done{flex-shrink:0;padding:9px 18px}@media (prefers-reduced-motion: reduce){.rules-step.slide-next,.rules-step.slide-prev{animation:none}}@media (prefers-reduced-motion: reduce){.draft-name,.draft-panel.done .draft-name.winner{transition:none;animation:none}.modal,.modal-backdrop{animation:none}}h1{font-size:34px;letter-spacing:-.01em;margin:0 0 4px}h1 .r{color:var(--red)}h1 .b{color:var(--blue)}.tag{color:var(--muted);margin:0 0 20px;font-size:14px}.form{display:flex;flex-direction:column;gap:14px;max-width:320px}.form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}input{padding:11px 13px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-body);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{padding:11px 17px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:var(--font-body);font-weight:700;font-size:14px;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,filter .15s ease}button:hover{filter:brightness(1.04)}button:active{transform:translateY(1px);filter:brightness(.98)}button.ghost{background:var(--surface);color:var(--accent);border:2px solid var(--accent-border)}button.ghost:hover{background:var(--accent-soft);filter:none}.btn-pop{box-shadow:var(--btn-pop)}.btn-pop:active{box-shadow:0 1px #6d28d940}.welcome{max-width:480px}.hero{text-align:center;margin-bottom:26px}.hero-logo{color:var(--accent);line-height:0;margin-bottom:2px}.hero h1{font-size:36px;margin:0 0 8px}.hero-on{color:var(--text)}.hero .tag{margin:0}.name-field{display:block;margin-bottom:20px}.name-label{display:block;font-family:var(--font-display);font-weight:600;font-size:15px;margin-bottom:7px}.name-field input{width:100%;font-size:16px}.entry-cards{display:flex;flex-direction:column;gap:14px}.entry-card{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.entry-head{display:flex;align-items:center;gap:11px}.entry-head h3{margin:0;font-size:17px}.entry-icon{flex-shrink:0;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center}.entry-icon.create{background:var(--accent-soft);color:var(--accent)}.entry-icon.join{background:#3b82f61f;color:var(--blue)}.entry-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}.entry-card>button.entry-action{width:100%}.join-linked{display:flex;flex-direction:column}.join-room-btn{width:100%;font-size:16px;padding:14px}.join-room-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.15em;background:#fff3;border-radius:7px;padding:1px 8px;margin-left:4px}.link-muted{align-self:center;margin-top:14px;padding:6px 10px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.link-muted:hover{color:var(--text);text-decoration:underline;filter:none}.join-row{display:flex;gap:10px}.code-input{flex:1;text-transform:uppercase;letter-spacing:.35em;font-weight:700;text-align:center;font-family:SF Mono,Cascadia Code,Consolas,monospace}.code-input::placeholder{letter-spacing:.1em;font-weight:400}.hint{color:var(--muted);font-size:13px;margin:4px 0 0}button:disabled{opacity:.45;cursor:not-allowed}.room-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.room-head h2{margin:0}.back-btn{flex-shrink:0;font-size:13px;padding:8px 12px}.head-title{flex:1;min-width:0}.room-code{font-size:1em;letter-spacing:.15em;background:var(--surface-2);border-radius:8px;padding:2px 8px}.code-share{position:relative;display:inline-block}.code-btn{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;border:1px solid transparent;cursor:pointer}.code-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);filter:none}.code-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:50;display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 28px #00000029,0 2px 8px #00000014;animation:fadeIn .15s ease}.code-copy{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:8px 12px;font-size:13px;font-weight:700;letter-spacing:0;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:9px}.code-copy:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);filter:none}.code-share-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;line-height:0;background:var(--accent);color:#fff;border:none;border-radius:9px}.panel{margin-top:22px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.panel h3{margin:0 0 12px;font-size:15px}.players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.players li{display:flex;align-items:center;gap:8px;font-size:15px}.players li.offline{opacity:.5}.pname{font-weight:600}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.on{background:#22c55e}.dot.off{background:#cbd5e1}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:999px}.badge.host{background:#fef3c7;color:#92400e}.badge.you{background:#e8effd;color:#1a40b8}.badge.ready{background:#e7f6ec;color:#15803d}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.err{color:#b91c1c;font-size:13px;margin:12px 0 0}.prole{color:var(--muted);font-size:12px}.lobby-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.team-panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.team-panel-head{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;padding:9px 14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px}.team-panel.red .team-panel-head{background:var(--red)}.team-panel.blue .team-panel-head{background:var(--blue)}.team-panel.ai .team-panel-head{background:var(--ai)}.team-slot{position:relative;perspective:1400px}.team-flip{display:grid;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.4,.85,.3,1)}.team-flip.flipped{transform:rotateY(180deg)}.team-flip>.flip-face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden}.team-flip>.flip-back{transform:rotateY(180deg)}.team-flip .flip-front{--blue: #3b82f6}.team-flip:not(.flipped) .flip-back{pointer-events:none}.team-flip.flipped .flip-front{pointer-events:none}.head-ai-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:8px;background:#ffffff38;color:#fff;font-size:13px;line-height:1;cursor:pointer;transition:background .18s,transform .18s}.head-ai-btn:hover{background:#ffffff5c;transform:scale(1.07)}.head-ai-btn:active{transform:scale(.93)}.member.ai{background:#15b86b1a;box-shadow:inset 0 0 0 1.5px #15b86b59}.member.ai .pname{color:var(--ai-strong);font-weight:800}.ai-avatar{display:inline-flex;line-height:0;flex-shrink:0;color:var(--ai-strong)}.mi-lock{display:inline-flex;line-height:0;opacity:.7}html[data-ai-team]{--blue: var(--ai)}html[data-ai-team] .status-bar.turn-blue{background:#15b86b1a;border-color:#15b86b59}html[data-ai-team][data-theme=dark] .status-bar.turn-blue{background:#15b86b24;border-color:#15b86b73}html[data-ai-team] .team-a .card-back,html[data-ai-team] .front-a .card-front{background:linear-gradient(145deg,#34d18a,#0f7a48)!important;box-shadow:0 4px 16px #0f7a486b!important}html[data-ai-team] .spy.team-a .card-front{border-color:#15b86b8c;box-shadow:0 0 0 2px #15b86b29,var(--card-shadow)}html[data-ai-team] .spy.team-a .card-front .card-word{color:var(--ai-strong)}.ai-activity{display:flex;align-items:center;gap:11px;margin-top:10px;padding:12px 15px;border:2px solid rgba(21,184,107,.45);border-radius:var(--radius);background:#15b86b1a;animation:aiActivityIn .3s cubic-bezier(.34,1.4,.64,1)}[data-theme=dark] .ai-activity{background:#15b86b26;border-color:#15b86b80}@keyframes aiActivityIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ai-activity-bot{display:inline-flex;line-height:0;flex-shrink:0;color:var(--ai-strong)}.ai-activity-text{flex:1;min-width:0;font-size:14.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-dots{display:inline-flex;gap:3px;flex-shrink:0;vertical-align:middle}.ai-dots i{width:5px;height:5px;border-radius:50%;background:var(--ai-strong);animation:aiDot 1s ease-in-out infinite}.ai-dots i:nth-child(2){animation-delay:.16s}.ai-dots i:nth-child(3){animation-delay:.32s}@keyframes aiDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.ai-dots i,.ai-activity{animation:none}}.ai-analysis{margin-top:14px}.ai-analysis-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);padding:8px 13px}.ai-analysis-toggle:hover{color:var(--ai-strong);border-color:#15b86b73}.ai-analysis-bot{display:inline-flex;line-height:0}.ai-analysis-caret{color:var(--ai-strong);font-size:12px}.ai-analysis-box{margin-top:8px;padding:13px 15px;max-height:190px;overflow-y:auto;border:2px solid rgba(21,184,107,.35);border-radius:var(--radius);background:#15b86b12;font-size:13.5px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}[data-theme=dark] .ai-analysis-box{background:#15b86b1f}.ai-caret-blink{color:var(--ai-strong);font-weight:800;animation:aiCaret 1s step-end infinite}@keyframes aiCaret{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.ai-caret-blink{animation:none}}.role-group{padding:12px 13px;display:flex;flex-direction:column;gap:9px}.role-group+.role-group{border-top:1px solid var(--border)}.role-group:last-child{flex:1}.members-wrap:empty{display:none}.role-group-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.rg-ico{display:inline-flex;align-items:center;line-height:0}.th-label{display:inline-flex;align-items:center;gap:7px}.members{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.member{display:flex;align-items:center;gap:7px;font-size:14px;padding:4px 9px;min-height:38px;border-radius:11px}.member.offline{opacity:.5}.member:not(.me){animation:memberIn .3s ease}@keyframes memberIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.member.me{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent-border)}.member.me .pname{color:var(--accent);font-weight:800}.member .pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi{flex-shrink:0;display:inline-flex;align-items:center}.mi-host{color:#e0a82e}.mi-ready{color:var(--green)}.mi-waiting{color:var(--muted)}.join-btn{width:100%;min-height:38px;font-size:13px;padding:8px 10px;background:var(--surface-2);color:var(--accent);border:2px dashed var(--border)}.join-btn:hover{border-color:var(--accent-border);background:var(--accent-soft);filter:none}.join-slot{perspective:800px;min-height:38px}.join-flipper{position:relative;width:100%;min-height:38px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.34,1.5,.6,1)}.join-flipper.flipped{transform:rotateX(180deg)}.join-front,.join-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.join-back{transform:rotateX(180deg)}.join-back .members{margin:0}.join-flipper.flipped .join-front{pointer-events:none}.join-flipper:not(.flipped) .join-back{pointer-events:none}.lobby-neutrals{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}.info-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.info-head{display:flex;align-items:center;gap:8px;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--border);border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0}.info-icon{display:inline-flex;align-items:center;line-height:0;color:var(--muted)}.info-title{font-family:var(--font-display);font-weight:700;font-size:14px}.info-body{padding:12px 13px;display:flex;flex-direction:column;gap:9px}.tip{margin-left:auto;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:12px;line-height:1;color:var(--muted);background:var(--surface);border:1.5px solid var(--border);cursor:help;position:relative;outline:none}.tip:hover,.tip:focus-visible{color:var(--accent);border-color:var(--accent-border)}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);right:-6px;width:max-content;max-width:min(240px,72vw);background:#14161f;color:#fff;text-align:left;font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.4;padding:8px 10px;border-radius:9px;box-shadow:0 8px 24px #00000040;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:60}.tip:before{content:"";position:absolute;bottom:calc(100% + 3px);right:4px;border:6px solid transparent;border-top-color:#14161f;opacity:0;transition:opacity .15s ease;z-index:60}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translateY(0)}.tip:hover:before,.tip:focus-visible:before{opacity:1}.empty{color:var(--muted);font-size:13px;margin:0}.badge.waiting{background:var(--surface-2);color:var(--muted)}.ready-btn{margin-top:14px;width:100%;background:var(--surface);color:var(--text);border:2px solid var(--border)}.ready-btn.on{background:var(--surface);color:var(--green);border-color:var(--green)}.lobby-start{margin-top:16px}.word-variant{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.wv-label{font-size:13px;font-weight:700;color:var(--muted)}.wv-seg{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px}.wv-seg button{padding:6px 14px;font-size:13px;font-weight:700;border:none;border-radius:999px;background:transparent;color:var(--muted)}.wv-seg button:hover{filter:none;background:var(--accent-soft);color:var(--accent)}.wv-seg button.on,.wv-seg button.on:hover{background:var(--accent);color:#fff}.start-btn{width:100%;background:var(--green);font-size:16px;padding:13px;box-shadow:0 4px #16a34a4d}.lobby-start .start-btn{margin-top:14px}.start-btn:active{box-shadow:0 1px #16a34a4d}.start-btn:disabled{background:var(--muted);box-shadow:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#fee2e2;border:1px solid #fca5a5;padding:10px 16px;border-radius:10px;margin:0}.status-bar,.banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:11px 15px;border-radius:var(--radius);margin-bottom:14px;font-size:14px}.status-bar{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm)}.status-bar.turn-red{background:#fff3f3;border-color:#f6c9c9}.status-bar.turn-blue{background:#eef4ff;border-color:#c2d8f8}.status-bar .muted{color:var(--muted)}.status-bar .clue{font-size:14px}.turn-chip{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;padding:5px 12px;border-radius:999px;white-space:nowrap}.status-bar.turn-red .turn-chip{background:var(--red)}.status-bar.turn-blue .turn-chip{background:var(--blue)}.notice-bar{display:flex;flex-direction:column;gap:8px;padding:10px 15px;border-radius:var(--radius);margin-bottom:14px;font-size:13.5px;background:#fef6e7;border:2px solid #f5b544;color:#92400e}.grace{display:flex;align-items:center;gap:10px}.grace-text{font-weight:800;white-space:nowrap}.grace-bar{flex:1;height:7px;background:#92400e2e;border-radius:999px;overflow:hidden}.grace-bar i{display:block;height:100%;background:#f59e0b;border-radius:999px;transition:width .2s linear}.banner{justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff}.banner.turn-red{background:var(--red)}.banner.turn-blue{background:var(--blue)}.clue-row{display:flex;align-items:center;gap:10px}.clue-row input:first-child{flex:1}.count-stepper{display:flex;align-items:center;gap:6px;flex:0 0 auto}.count-stepper button{width:40px;height:40px;padding:0;font-size:22px;line-height:1;font-weight:800;display:flex;align-items:center;justify-content:center}.count-stepper button:disabled{opacity:.4}.count-value{min-width:28px;text-align:center;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.ai-row{margin-top:10px;display:flex;align-items:center;gap:8px}.ai-row .tip{margin-left:0}.ai-btn{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:8px 13px}.ai-ico{display:inline-flex;line-height:0}.ai-credits{display:inline-flex;gap:4px;margin-left:2px}.ai-credits i{width:7px;height:7px;border-radius:50%;background:var(--accent-border)}.ai-credits i.on{background:var(--accent)}.ai-btn:disabled .ai-credits i.on{background:var(--muted)}.ai-suggestion{margin-top:10px;padding:12px 13px;border:2px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft)}.ai-suggestion-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-clue{font-family:var(--font-display);font-weight:700;font-size:1.02rem}.ai-use{padding:6px 14px;font-size:13px}.ai-words{margin:8px 0 0;font-size:.88rem;font-weight:700}.ai-reason{margin:6px 0 0;font-size:.85rem;opacity:.8;line-height:1.45}.score-red{color:var(--red);font-weight:800}.score-blue{color:var(--blue);font-weight:800}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;line-height:0;padding:10px 12px}.screen-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:6px}.head-actions{display:flex;align-items:center;gap:8px}.settings-wrapper{position:relative}.settings-btn,.help-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;line-height:0}.settings-btn:hover,.settings-btn.active,.help-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-ico{color:var(--muted)}.exit-btn{padding:10px 13px;font-size:13px;font-weight:700;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px}.exit-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);filter:none}.settings-gh{display:inline-flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--border);color:#3d4351;font-size:12.5px;font-weight:700;text-decoration:none;transition:color .15s}.settings-gh:hover{color:var(--text)}[data-theme=dark] .settings-gh{color:#9aa3b2}[data-theme=dark] .settings-gh:hover{color:var(--text)}.txt-ico{vertical-align:-.16em;flex-shrink:0}.settings-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:0 8px 32px #00000029,0 2px 8px #00000014;z-index:100;min-width:230px;display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:500;white-space:nowrap}.settings-label{display:inline-flex;align-items:center;gap:6px}.beta-badge{font-size:9px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:6px;padding:2px 5px}.switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer;flex-shrink:0}.switch input{display:none}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:26px;transition:background .3s}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0003}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(22px)}.board{width:100%;aspect-ratio:3 / 2;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:clamp(4px,1vw,7px);margin-top:22px}.card-outer{position:relative;border-radius:14px;transition:transform .65s cubic-bezier(.34,1.56,.64,1),box-shadow .5s ease}.card-outer.can-reveal{cursor:pointer}.card-outer.flipped{animation:cardPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes cardPop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.card-inner-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;border-radius:14px;transform:perspective(900px) rotateY(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1);will-change:transform}.card-outer.flipped .card-inner-3d{transform:perspective(900px) rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:4px}.card-front{background:var(--card-front);border:2px solid var(--card-border);box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease}.card-outer.can-reveal:hover .card-front{transform:translateY(-3px) scale(1.01);box-shadow:var(--card-shadow-hover)}.card-outer.can-reveal:active .card-front{transform:scale(.96)}.card-back{transform:rotateY(180deg);color:#fff}.team-r .card-back{background:linear-gradient(145deg,#f87171,#c81e1e);box-shadow:0 4px 18px #c81e1e73}.team-a .card-back{background:linear-gradient(145deg,#60a5fa,#1a40b8);box-shadow:0 4px 18px #1a40b873}.team-n .card-back{background:linear-gradient(145deg,#d8d0c6,#a89e92);color:#3a3128;box-shadow:0 4px 14px #50463740}.team-x .card-back{background:linear-gradient(145deg,#4b5563,#0f1117);box-shadow:0 4px 18px #00000080}.card-word{font-family:var(--font-display);font-size:clamp(7px,2vw,15px);font-weight:600;text-transform:uppercase;text-align:center;line-height:1.2;word-break:break-word;letter-spacing:0}.spy.team-r .card-front{border-color:#ef444480;box-shadow:0 0 0 2px #ef444426,var(--card-shadow)}.spy.team-r .card-front .card-word{color:#ef4444}.spy.team-a .card-front{border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f626,var(--card-shadow)}.spy.team-a .card-front .card-word{color:#3b82f6}.spy.team-x .card-front{background:linear-gradient(160deg,#374151,#1f2937);border-color:#4b5563}.spy.team-x .card-front .card-word{color:#f1f5f9}.spy.team-n .card-front .card-word{color:var(--text)}[data-theme=dark] .spy.team-x .card-front{background:linear-gradient(160deg,#16181f,#000);border-color:#6b7280;box-shadow:0 0 0 2px #78829138,var(--card-shadow)}[data-theme=dark] .spy.team-x .card-front .card-word{color:#fca5a5}[data-theme=dark] .spy.team-n .card-front{background:linear-gradient(160deg,#3a3527,#2b271e);border-color:#5c5340}[data-theme=dark] .spy.team-n .card-front .card-word{color:#e6d6b0}.dramatic{z-index:50;animation:dramaticZoom 8s linear forwards}@keyframes dramaticZoom{0%{transform:scale(1)}to{transform:scale(1.45)}}.front-r .card-front .card-word,.front-a .card-front .card-word,.front-n .card-front .card-word,.front-x .card-front .card-word{opacity:0}.dramatic-r .card-back{background:linear-gradient(145deg,#f87171,#c81e1e)!important;color:#fff!important;box-shadow:0 4px 16px #c81e1e66!important}.dramatic-a .card-back{background:linear-gradient(145deg,#60a5fa,#1a40b8)!important;color:#fff!important;box-shadow:0 4px 16px #1a40b866!important}.dramatic-n .card-back{background:linear-gradient(145deg,#d8d0c6,#a89e92)!important;color:#3a3128!important;box-shadow:0 4px 12px #50463740!important}.dramatic-x .card-back{background:linear-gradient(145deg,#4b5563,#0f1117)!important;color:#f1f5f9!important;box-shadow:0 4px 14px #00000080!important}.front-r .card-front{background:linear-gradient(145deg,#f87171,#c81e1e)!important;border-color:transparent!important;box-shadow:0 4px 16px #c81e1e66!important}.front-a .card-front{background:linear-gradient(145deg,#60a5fa,#1a40b8)!important;border-color:transparent!important;box-shadow:0 4px 16px #1a40b866!important}.front-n .card-front{background:linear-gradient(145deg,#d8d0c6,#a89e92)!important;border-color:transparent!important;box-shadow:0 4px 12px #50463740!important}.front-x .card-front{background:linear-gradient(145deg,#4b5563,#0f1117)!important;border-color:transparent!important;box-shadow:0 4px 14px #00000080!important}.screen.tv{max-width:1100px;padding:24px 28px 60px}.screen.tv h2{font-size:26px}.screen.tv .status-bar,.screen.tv .banner{font-size:22px;padding:16px 22px}.screen.tv .banner{font-size:30px}.screen.tv .status-bar .clue{font-size:24px;font-weight:700}.screen.tv .card-word{font-size:clamp(12px,1.9vw,26px)}.screen.tv .actions button{font-size:17px;padding:14px 22px}@media (max-width: 560px){.screen{padding:20px 16px 64px}.welcome{max-width:100%}.hero h1{font-size:30px}.hero-logo{font-size:40px}.board{margin-top:16px}.room-head{gap:8px}.head-title h2{font-size:21px}.back-btn{font-size:12px;padding:7px 9px}.lobby-teams{gap:9px}.team-panel-head{font-size:14px;padding:9px 11px}.role-group{padding:10px}.member,.join-btn{font-size:13px}}@media (max-width: 390px){.clue-row{flex-wrap:wrap}.clue-row input:first-child{flex:1 1 100%}.role-group-title{font-size:10px}.team-panel-head{font-size:13px}}@media (max-height: 480px) and (orientation: landscape){.screen{padding:14px 16px 40px}.board{margin-top:12px}}.match-history{padding:0;overflow:hidden}.mh-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:15px 18px;background:none;border:none;cursor:pointer;color:var(--text);font:inherit;text-align:left}.mh-title{font-size:15px;font-weight:700}.mh-count{font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--border);color:var(--muted)}.mh-chevron{margin-left:auto;color:var(--muted);transition:transform .2s ease}.match-history.open .mh-chevron{transform:rotate(90deg)}.match-history .mh-turns{list-style:none;margin:0;padding:6px 18px 16px;display:flex;flex-direction:column;gap:12px}.mh-turn{display:flex;flex-direction:column;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mh-turn:last-child{border-bottom:none;padding-bottom:0}.mh-clue{display:flex;align-items:center;gap:7px}.mh-dot{width:9px;height:9px;border-radius:50%;flex:none}.mh-dot.red{background:var(--red)}.mh-dot.blue{background:var(--blue)}.mh-bot{color:var(--ai-strong)}.mh-clue-word{font-weight:700;font-size:14px;letter-spacing:.2px}.mh-clue-count{font-size:12px;font-weight:700;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--border);color:var(--muted)}.mh-guesses{display:flex;flex-wrap:wrap;gap:6px;padding-left:16px}.mh-empty{font-size:12px;color:var(--muted);font-style:italic}.mh-chip{font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 8px;border-radius:8px;color:#fff}.mh-chip.red{background:var(--red)}.mh-chip.blue{background:var(--blue)}.mh-chip.neutral{background:#b9ad97;color:#3a3128}.mh-chip.assassin{background:#262b36;color:#f1f5f9}[data-theme=dark] .mh-chip.neutral{background:#8f8570;color:#1a1710}