@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,700;1,9..144,400&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap";.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;padding:var(--space-4)}.toast-container--top-center{top:0;left:50%;transform:translate(-50%)}.toast-container--top-right{top:0;right:0}.toast-container--top-left{top:0;left:0}.toast-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}.toast-container--bottom-right{bottom:0;right:0;flex-direction:column-reverse}.toast-container--bottom-left{bottom:0;left:0;flex-direction:column-reverse}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#14141fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:280px;max-width:400px;pointer-events:auto;animation:toast-enter .3s cubic-bezier(.34,1.56,.64,1)}.toast--inline{position:static;animation:none}.toast--success{border-color:var(--color-success-500);background:linear-gradient(135deg,var(--color-surface-100) 0%,rgba(16,185,129,.1) 100%)}.toast--error{border-color:var(--color-error-500);background:linear-gradient(135deg,var(--color-surface-100) 0%,rgba(244,63,94,.1) 100%)}.toast--warning{border-color:var(--color-warning-500);background:linear-gradient(135deg,var(--color-surface-100) 0%,rgba(251,191,36,.1) 100%)}.toast--info{border-color:var(--color-info-500);background:linear-gradient(135deg,var(--color-surface-100) 0%,rgba(59,130,246,.1) 100%)}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.toast--success .toast__icon{background:var(--color-success-500);color:#fff}.toast--error .toast__icon{background:var(--color-error-500);color:#fff}.toast--warning .toast__icon{background:var(--color-warning-500);color:var(--color-text-inverse)}.toast--info .toast__icon{background:var(--color-info-500);color:#fff}.toast__message{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);line-height:var(--leading-snug)}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-lg);line-height:1;cursor:pointer;transition:var(--transition-colors);flex-shrink:0}.toast__close:hover{background:var(--color-surface-200);color:var(--color-text-primary)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}@media(max-width:640px){.toast-container{left:var(--space-3)!important;right:var(--space-3)!important;transform:none!important;width:auto}.toast{min-width:unset;max-width:unset;width:100%}}@keyframes heroFloat{0%,to{transform:translate(0) scale(1);opacity:.75}50%{transform:translate(2%,-5%) scale(1.06);opacity:1}}@keyframes gradientTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dotPulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 6px #34d39900}}@keyframes cardRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home-shell{--bg: #0a0c12;--surface: #13161f;--surface-high: #1c2030;--text: #f0f1f8;--muted: #9ca3b4;--faint: #6b7081;--primary: #dbf900;--primary-ink: #2c3300;--secondary: #b884ff;--border: rgba(255, 255, 255, .07);--accent: #7c5cfc;--accent-2: #5a2ec4;background:var(--bg);color:var(--text);min-height:100vh;font-family:Plus Jakarta Sans,Inter,sans-serif;position:relative}.home-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 500px at 80% -10%,rgba(124,92,252,.12),transparent 60%),radial-gradient(800px 480px at 0% 0%,rgba(0,212,170,.07),transparent 55%);pointer-events:none;z-index:0}.home-shell>*{position:relative;z-index:1}.hf-topbar{position:sticky;top:0;z-index:30;background:#0a0c12b8;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--border)}.hf-topbar-inner{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hf-left{display:flex;align-items:center;gap:34px}.hf-logo{color:var(--text);font-size:1.5rem;font-weight:800;letter-spacing:-.035em;text-decoration:none;display:inline-flex;align-items:center;gap:2px}.hf-logo:before{content:"◆";color:var(--primary);font-size:.95rem;margin-right:7px;transform:translateY(-1px)}.hf-links{display:flex;gap:6px}.hf-links a{color:var(--muted);font-size:.92rem;font-weight:600;text-decoration:none;padding:7px 12px;border-radius:10px;transition:color .18s,background .18s}.hf-links a:hover{color:var(--text);background:#ffffff0d}.hf-links a.is-active{color:var(--text);background:#ffffff0f}.hf-join-form{display:flex;gap:8px}.hf-join-form input{width:150px;background:#ffffff0a;border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 14px;font-size:.9rem;font-family:inherit;transition:border-color .18s,background .18s,box-shadow .18s;outline:none}.hf-join-form input::placeholder{color:var(--faint)}.hf-join-form input:focus{border-color:#b884ff99;background:#ffffff12;box-shadow:0 0 0 3px #b884ff24}.hf-join-form input:first-child{width:130px}.hf-join-form button{border:none;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:800;font-family:inherit;padding:10px 16px;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,filter .16s}.hf-join-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #dbf90052;filter:brightness(1.05)}.hf-join-form button:disabled{opacity:.5;cursor:not-allowed}.hf-main{max-width:1240px;margin:0 auto;padding:24px}.hf-hero{text-align:center;padding:clamp(56px,12vw,120px) 20px;border-radius:28px;margin-top:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% -30%,rgba(124,92,252,.28) 0%,transparent 58%),linear-gradient(180deg,#1c20308c,#0a0c1233);border:1px solid var(--border)}.hf-hero:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(circle at 26% 60%,rgba(124,92,252,.22) 0%,transparent 40%),radial-gradient(circle at 74% 26%,rgba(0,212,170,.14) 0%,transparent 38%),radial-gradient(circle at 60% 80%,rgba(219,249,0,.08) 0%,transparent 35%);animation:heroFloat 16s ease-in-out infinite;pointer-events:none}.hf-hero-content{position:relative;z-index:1}.hf-hero-content:before{content:"Бесплатно · Без регистрации · 60+ игр";display:inline-block;margin-bottom:22px;padding:7px 16px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#d9f99d;background:#dbf9001a;border:1px solid rgba(219,249,0,.22)}.hf-hero h1{margin:0;font-size:clamp(2.3rem,7.5vw,5.2rem);font-weight:800;letter-spacing:-.045em;line-height:1.02}.hf-hero h1 span{background:linear-gradient(100deg,#dbf900,#67e8f9,#b884ff,#dbf900);background-size:280% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientTitle 6s linear infinite}.hf-hero p{color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.45rem);margin:20px auto 0;max-width:540px}.hf-hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:34px}.hf-hero-actions button{border:none;border-radius:14px;padding:15px 26px;font-weight:800;font-size:1.02rem;font-family:inherit;cursor:pointer;background:var(--primary);color:var(--primary-ink);transition:transform .18s ease,box-shadow .18s ease,filter .18s;box-shadow:0 8px 26px #dbf90042}.hf-hero-actions button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 34px #dbf90066;filter:brightness(1.05)}.hf-hero-actions button:active:not(:disabled){transform:translateY(0)}.hf-hero-actions button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.hf-hero-actions button.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border);box-shadow:none}.hf-hero-actions button.secondary:hover:not(:disabled){background:#ffffff1c;box-shadow:0 6px 20px #0000004d}.hf-quick-status{margin-top:22px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.hf-quick-status span.ok{display:inline-flex;align-items:center;gap:7px;color:#34d399}.hf-quick-status span.ok:before{content:"";width:8px;height:8px;border-radius:50%;background:#34d399;animation:dotPulse 2s ease-in-out infinite}.hf-quick-status span.bad{color:#fb7185}.hf-quick-status strong{color:var(--text)}.hf-error{margin-top:12px;color:#ff9fb0;font-size:.95rem}.hf-crocodile-mode{margin-top:16px;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:#1c203080}.hf-crocodile-mode span{color:var(--muted);font-size:.8rem;font-weight:700}.hf-crocodile-mode button{border:1px solid var(--border);background:#00000040;color:#d1d5db;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.hf-crocodile-mode button.active{border-color:#22c55e99;background:#22c55e29;color:#4ade80}.hf-catalog{margin-top:48px}.hf-catalog-shortcuts{display:none}.hf-filters-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}.hf-filters{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.hf-filters::-webkit-scrollbar{display:none}.hf-filters button{border:1px solid var(--border);border-radius:999px;background:#ffffff08;color:var(--muted);font-weight:700;font-size:.88rem;padding:9px 16px;cursor:pointer;white-space:nowrap;transition:all .18s ease;font-family:inherit}.hf-filters button:hover:not(.active){background:#ffffff12;color:var(--text)}.hf-filters button.active{background:var(--primary);color:var(--primary-ink);border-color:transparent;box-shadow:0 4px 16px #dbf90047}.hf-search{width:min(320px,100%);border-radius:12px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:11px 16px;font-family:inherit;font-size:.92rem;outline:none;transition:border-color .18s,box-shadow .18s}.hf-search::placeholder{color:var(--faint)}.hf-search:focus{border-color:#b884ff80;box-shadow:0 0 0 3px #b884ff1f}.hf-player-filter{margin-top:6px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hf-player-filter span{color:var(--faint);text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;font-weight:800;margin-right:4px}.hf-player-filter button{min-width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:#ffffff08;color:var(--muted);font-weight:700;cursor:pointer;transition:all .16s ease;font-family:inherit}.hf-player-filter button:hover{color:var(--text)}.hf-player-filter button.active{background:#b884ff2e;color:#d6bbff;border-color:#b884ff66}.hf-player-filter button.all{padding:0 14px}.hf-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px}.hf-card{--accent: #7c5cfc;--accent-2: #5a2ec4;border-radius:20px;background:var(--surface);padding:20px;border:1px solid var(--border);transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:cardRise .4s var(--ease-out, ease) both}.hf-card-glow{position:absolute;top:-40%;right:-30%;width:70%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent) 0%,transparent 70%);opacity:.16;filter:blur(8px);transition:opacity .3s ease;pointer-events:none}.hf-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-4px);box-shadow:0 16px 40px #00000073,0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.hf-card:hover .hf-card-glow{opacity:.42}.hf-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent),0 14px 36px #00000073}.hf-card.selected .hf-card-glow{opacity:.4}.hf-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.hf-card .icon{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;font-size:1.85rem;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 35%,transparent),inset 0 1px #ffffff40;flex-shrink:0;transition:transform .25s var(--ease-bounce, ease)}.hf-card:hover .icon{transform:scale(1.06) rotate(-3deg)}.hf-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hf-card .badge,.hf-popular-badge,.hf-soon-badge{display:inline-block;margin:0;border-radius:999px;padding:4px 10px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.hf-card .badge{background:color-mix(in srgb,var(--accent) 22%,transparent);color:color-mix(in srgb,var(--accent) 75%,white)}.hf-popular-badge{background:#dbf90029;color:#dbf900}.hf-soon-badge{background:#ffffff14;color:#fcd34d}.hf-card h3,.hf-card h4{margin:0 0 7px;font-weight:800;letter-spacing:-.02em;font-size:1.18rem}.hf-card>p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.hf-card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.hf-meta-chip{display:inline-flex;align-items:center;gap:4px;background:#ffffff0d;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:700}.hf-card-play-btn{border:none;border-radius:12px;padding:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:.9rem;font-family:inherit;cursor:pointer;letter-spacing:.01em;opacity:0;transform:translateY(8px);max-height:0;padding-block:0;margin-top:0;overflow:hidden;transition:opacity .22s ease,transform .22s ease,max-height .22s ease,padding .22s ease,margin .22s ease,filter .16s}.hf-card:hover .hf-card-play-btn,.hf-card.selected .hf-card-play-btn{opacity:1;transform:translateY(0);max-height:60px;padding-block:11px;margin-top:14px}.hf-card-play-btn:hover:not(:disabled){filter:brightness(1.08)}.hf-card-play-btn:disabled{opacity:.4!important;cursor:not-allowed}.hf-card.featured{grid-column:span 2;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface) 70%);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.hf-card.featured .icon{width:68px;height:68px;font-size:2.1rem}.hf-card.featured h3{font-size:1.5rem}.hf-card.featured>p{font-size:.98rem;-webkit-line-clamp:3}.hf-featured-play{margin-top:18px;align-self:flex-start;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:.95rem;font-family:inherit;padding:12px 24px;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 38%,transparent);transition:transform .16s ease,filter .16s,box-shadow .16s}.hf-featured-play:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.hf-featured-play:disabled{opacity:.5;cursor:not-allowed}.hf-card.wide{grid-column:span 2;background:linear-gradient(130deg,#7c5cfc29,#00d4aa1a),var(--surface)}.hf-card.wide h3{font-size:1.3rem}.hf-card.wide>span{display:inline-block;margin-top:14px;align-self:flex-start;color:var(--secondary);border:1px solid rgba(184,132,255,.35);border-radius:999px;padding:5px 12px;font-size:.74rem;font-weight:700}.hf-card.coming-soon-card{background:linear-gradient(130deg,#6366f138,#a855f729),var(--surface);border-color:#6366f14d}.hf-card.coming-soon-card:hover{border-color:#6366f199;box-shadow:0 14px 36px #6366f138}.hf-coming-soon-icon{font-size:2.6rem;margin-bottom:6px}.hf-coming-soon-badge{display:inline-block;align-self:flex-start;margin-top:14px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-weight:800;font-size:.74rem;letter-spacing:.04em;padding:6px 14px;border-radius:999px}.hf-how{margin-top:64px;padding:clamp(40px,7vw,72px) 24px;border-radius:24px;background:#0f1219;border:1px solid var(--border)}.hf-how h2{margin:0;text-align:center;font-size:clamp(1.7rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em}.hf-how-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hf-how-grid article{text-align:center;background:var(--surface);border-radius:18px;padding:28px 24px;border:1px solid var(--border);transition:border-color .22s ease,transform .22s ease}.hf-how-grid article:hover{border-color:#b884ff40;transform:translateY(-3px)}.hf-how-grid article div{width:56px;height:56px;border-radius:16px;margin:0 auto 16px;display:grid;place-items:center;font-size:1.5rem;font-weight:800;background:linear-gradient(140deg,#7c5cfc,#00d4aa);color:#fff;box-shadow:0 8px 22px #7c5cfc4d}.hf-how-grid article h4{margin:0 0 8px;font-size:1.15rem;font-weight:800}.hf-how-grid article p{color:var(--muted);margin:0;font-size:.92rem}.hf-support{margin-top:28px;border:1px solid rgba(184,132,255,.2);border-radius:20px;padding:28px;background:linear-gradient(130deg,#b884ff1a,#7c5cfc0a)}.hf-support h3{margin:0;font-size:1.4rem;font-weight:800}.hf-support p{margin:10px 0 16px;color:var(--muted);max-width:640px}.hf-support-actions{display:flex;gap:10px;flex-wrap:wrap}.hf-support-btn{display:inline-block;text-decoration:none;border-radius:12px;background:var(--primary);color:var(--primary-ink);font-weight:800;padding:11px 18px;transition:transform .16s,box-shadow .16s}.hf-support-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dbf9004d}.hf-support-btn.secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.hf-footer{margin-top:48px;background:#070910;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--border)}.hf-footer strong{font-size:1.05rem}.hf-footer p{margin:6px 0 0;font-size:.78rem;color:var(--faint)}.hf-footer-links{display:flex;gap:16px;flex-wrap:wrap}.hf-footer-links a{color:var(--faint);font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color .18s}.hf-footer-links a:hover{color:var(--secondary)}.hf-donate-btn{text-decoration:none;border-radius:12px;background:linear-gradient(135deg,#7c5cfc,#b884ff);color:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:12px 18px;transition:transform .16s,box-shadow .16s}.hf-donate-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #7c5cfc66}@media(max-width:1100px){.hf-how-grid{grid-template-columns:1fr}}@media(max-width:760px){.hf-topbar-inner{flex-direction:column;align-items:stretch;gap:12px}.hf-left{justify-content:space-between}.hf-links{display:none}.hf-join-form{width:100%}.hf-join-form input,.hf-join-form input:first-child{flex:1;width:auto}.hf-main{padding:16px}.hf-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.hf-card{padding:16px;border-radius:16px}.hf-card .icon{width:50px;height:50px;font-size:1.5rem}.hf-card h3,.hf-card h4{font-size:1.02rem}.hf-card.featured,.hf-card.wide{grid-column:1 / -1}.hf-card-play-btn{opacity:1;transform:translateY(0);max-height:60px;padding-block:11px;margin-top:14px}}.scanword{--sw-natural-cell: 28px;--sw-ink: #141218;--sw-ink-soft: #3d3845;--sw-paper: #fbf6ed;--sw-paper-deep: #ebe4d6;--sw-edge: #b8a88c;--sw-burgundy: #6b2d3a;--sw-burgundy-light: rgba(107, 45, 58, .1);--sw-gold: #a67c00;--sw-block: #14121a;--sw-focus: #0f766e;--sw-radius: 12px;--sw-font-display: "Fraunces", "Palatino Linotype", Georgia, serif;--sw-font-ui: "Source Sans 3", system-ui, sans-serif;width:100%;max-width:min(1280px,100%);margin:0 auto;padding:clamp(8px,1.5vw,16px) clamp(8px,2vw,20px);font-family:var(--sw-font-ui);color:var(--sw-ink)}.scanword__hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(20,18,24,.1)}.scanword__brand{max-width:min(100%,420px)}.scanword__title{margin:0;font-family:var(--sw-font-display);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--sw-ink)}.scanword__lede{margin:4px 0 0;font-size:.82rem;line-height:1.4;color:var(--sw-ink-soft)}.scanword__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.scanword__chip{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:linear-gradient(180deg,#fff 0%,var(--sw-paper) 100%);border:1px solid rgba(28,26,34,.1);box-shadow:0 2px 8px #0000000f;min-width:76px}.scanword__chip--mode{border-color:#7c2d3a40;background:linear-gradient(180deg,#fffefb 0%,var(--sw-burgundy-light) 100%)}.scanword__chip-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sw-ink-soft);font-weight:600}.scanword__chip-value{font-size:.95rem;font-weight:700;color:var(--sw-ink)}.scanword__chip-mono{font-variant-numeric:tabular-nums}.scanword__chip--timer.scanword__chip--urgent{border-color:#b43c3273;animation:sw-pulse 1.2s ease-in-out infinite}@keyframes sw-pulse{50%{box-shadow:0 0 0 3px #b43c3226}}.scanword__ring{position:relative;width:52px;height:52px}.scanword__ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.scanword__ring-bg{fill:none;stroke:#1c1a221a;stroke-width:3}.scanword__ring-fg{fill:none;stroke:var(--sw-burgundy);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .4s ease}.scanword__ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--sw-burgundy)}.scanword__scores{margin-bottom:10px;padding:10px 14px;border-radius:var(--sw-radius);background:#ffffffa6;border:1px solid rgba(28,26,34,.08)}.scanword__scores-title{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sw-burgundy);margin-bottom:10px}.scanword__scores-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.scanword__scores-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#ffffff8c;font-size:.9rem}.scanword__scores-row--me{outline:2px solid rgba(13,148,136,.35);background:#0d948814}.scanword__scores-rank{font-weight:800;color:var(--sw-gold);font-variant-numeric:tabular-nums}.scanword__scores-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanword__scores-pts{font-weight:800;font-variant-numeric:tabular-nums;color:var(--sw-ink)}.scanword__layout{display:flex;flex-direction:column;gap:14px;align-items:stretch;width:100%}.scanword__sheet{position:relative;min-width:0;width:100%}.scanword__sheet-inner{padding:clamp(8px,1.5vw,16px);border-radius:4px;background:linear-gradient(145deg,rgba(255,255,255,.35) 0%,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.015) 2px,rgba(0,0,0,.015) 3px),linear-gradient(180deg,var(--sw-paper) 0%,var(--sw-paper-deep) 100%);border:1px solid var(--sw-edge);box-shadow:0 1px #ffffffb3 inset,0 18px 40px #14100c1f,0 2px 4px #0000000f;max-width:100%;box-sizing:border-box}.scanword__viewport{width:100%;max-width:100%;min-width:0;max-height:min(86vh,calc(100dvh - 140px));min-height:min(420px,55vh);overflow:auto;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;-webkit-overflow-scrolling:touch;border-radius:6px;background:#00000008}.scanword__board-slot{flex-shrink:0;position:relative}.scanword__board-scale{will-change:transform}.scanword__board-measure{display:inline-block;vertical-align:top;line-height:0}.scanword__board{outline:none}.scanword__board--natural{display:inline-flex;flex-direction:column;gap:0;width:max-content;max-width:none}.scanword__board--natural:focus-visible{box-shadow:0 0 0 3px #0d948859;border-radius:6px}.scanword__board--natural .scanword__row{display:flex;flex-direction:row}.scanword__board--natural .scanword__cell{position:relative;width:var(--sw-natural-cell, 28px);height:var(--sw-natural-cell, 28px);min-width:var(--sw-natural-cell, 28px);min-height:var(--sw-natural-cell, 28px);flex-shrink:0;padding:0;margin:0;border:1px solid rgba(28,26,34,.35);box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--sw-font-display);background:#fffef8;transition:background .15s ease,box-shadow .15s ease}.scanword__cell{position:relative;padding:0;margin:0;border:1px solid rgba(28,26,34,.35);box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--sw-font-display);background:#fffef8;transition:background .15s ease,box-shadow .15s ease}.scanword__cell--block{background:var(--sw-block);border-color:#0f0e12;cursor:default;pointer-events:none}.scanword__cell--empty:hover,.scanword__cell--revealed:hover,.scanword__cell--in-word{background:#fff}.scanword__cell--draft.scanword__cell--empty{background:linear-gradient(180deg,#fffbeb,#fef3c7);border-color:#b4530973}.scanword__cell--draft .scanword__cell-char{color:#92400e}.scanword__cell--draft.scanword__cell--active{background:linear-gradient(180deg,#ecfdf5,#fef3c7);box-shadow:0 0 0 2px var(--sw-focus)}.scanword__cell--active{z-index:2;box-shadow:0 0 0 2px var(--sw-focus);background:#f0fffd}.scanword__cell--cross:after{content:"";position:absolute;bottom:2px;right:2px;width:0;height:0;border-left:5px solid transparent;border-bottom:5px solid rgba(124,45,58,.45);pointer-events:none}.scanword__cell--revealed{background:linear-gradient(180deg,#fefefe,#f5f0e6);color:var(--sw-ink)}.scanword__cell-nums{position:absolute;top:1px;left:2px;font-size:clamp(7px,1.4vw,10px);line-height:1;font-family:var(--sw-font-ui);font-weight:700;color:var(--sw-burgundy);pointer-events:none}.scanword__cell-char{font-size:clamp(12px,2.6vw,18px);font-weight:600;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.scanword__board--natural .scanword__cell-nums{font-size:8px;top:1px;left:2px}.scanword__board--natural .scanword__cell-char{font-size:15px;font-weight:700}.scanword__board--natural .scanword__cell--cross:after{border-left-width:3px;border-bottom-width:3px;bottom:1px;right:1px}.scanword__hint{margin:12px 0 0;font-size:.8rem;color:var(--sw-ink-soft);line-height:1.45}.scanword__hint-scale{display:inline;color:var(--sw-burgundy);font-style:italic}.scanword__tips{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff9;border:1px dashed rgba(28,26,34,.12);font-size:.88rem;line-height:1.45;color:var(--sw-ink-soft)}.scanword__tips-summary{cursor:pointer;font-weight:700;color:var(--sw-burgundy);list-style:none}.scanword__tips-summary::-webkit-details-marker{display:none}.scanword__tips-summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.scanword__tips[open] .scanword__tips-summary:before{transform:rotate(90deg)}.scanword__tips-list{margin:10px 0 0;padding-left:1.2rem}.scanword__tips-list li{margin-bottom:6px}.scanword__tips kbd{display:inline-block;padding:1px 5px;border-radius:4px;border:1px solid var(--sw-edge);background:#fff;font-size:.78rem;font-family:ui-monospace,monospace}.scanword__clues-wrap{width:100%;box-sizing:border-box;padding:14px 16px 16px;border-radius:var(--sw-radius);background:linear-gradient(180deg,#ffffffbf,#fbf6edf2);border:1px solid rgba(28,26,34,.08);box-shadow:0 4px 20px #0000000a}.scanword__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid rgba(28,26,34,.08)}.scanword__actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px}.scanword__check{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:10px 18px;border-radius:10px;flex-shrink:0;font-family:var(--sw-font-ui);font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(180deg,#8f3846 0%,var(--sw-burgundy) 100%);box-shadow:0 4px 14px #7c2d3a59;transition:transform .12s ease,filter .12s ease}.scanword__check:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.scanword__check:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.scanword__check--shake{animation:sw-shake .45s ease}@keyframes sw-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}}.scanword__actions-meta{font-size:.82rem;color:var(--sw-ink-soft)}.scanword__vkb-toggle{align-self:center;background:transparent;border:1px dashed var(--sw-edge);color:var(--sw-burgundy);font-size:.82rem;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;flex-shrink:0}.scanword__vkb-toggle:hover{background:var(--sw-burgundy-light)}.scanword__vkb{display:flex;flex-direction:column;gap:6px;padding:10px;margin-bottom:12px;border-radius:10px;background:#ffffffa6;border:1px solid rgba(28,26,34,.08)}.scanword__clues-heading{margin:0 0 10px;font-family:var(--sw-font-display);font-size:1.05rem;font-weight:700;color:var(--sw-ink);letter-spacing:-.02em}.scanword__clues--columns{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;align-items:start;max-height:min(38vh,440px);overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-gutter:stable}@media(max-width:720px){.scanword__clues--columns{grid-template-columns:1fr;max-height:min(45vh,520px)}}.scanword__vkb-row{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.scanword__vkb-key{min-width:28px;padding:6px 8px;border-radius:6px;border:1px solid var(--sw-edge);background:#fff;font-family:var(--sw-font-ui);font-weight:600;font-size:.82rem;cursor:pointer}.scanword__vkb-key:hover{background:var(--sw-paper)}.scanword__clues--columns .scanword__clue-block{min-width:0}.scanword__clue-heading{margin:0 0 10px;font-family:var(--sw-font-display);font-size:1rem;font-weight:700;color:var(--sw-ink);display:flex;align-items:center;gap:8px}.scanword__clue-dir{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--sw-burgundy);color:#fff;font-size:.85rem}.scanword__clue-list{margin:0;padding:0;list-style:none;counter-reset:sw-none}.scanword__clue-li{margin-bottom:6px}.scanword__clue-btn{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:start;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff8c;cursor:pointer;font-family:var(--sw-font-ui);transition:border-color .15s,background .15s}.scanword__clue-btn:hover:not(:disabled){border-color:#7c2d3a40;background:#fff}.scanword__clue-btn--active{border-color:#0d948880;background:#0d948812;box-shadow:0 0 0 1px #0d948833}.scanword__clue-btn--done{opacity:.55;cursor:default;text-decoration:line-through;text-decoration-color:#3c374159}.scanword__clue-num{font-weight:800;color:var(--sw-burgundy);font-variant-numeric:tabular-nums;line-height:1.35}.scanword__clue-text{font-size:.88rem;line-height:1.45;color:var(--sw-ink);white-space:pre-wrap;word-break:break-word}.scanword__clue-len{font-size:.72rem;font-weight:700;color:var(--sw-ink-soft);padding:2px 6px;border-radius:4px;background:var(--sw-paper-deep);align-self:start}.scanword__footer{margin-top:18px;padding-top:14px;border-top:1px dashed var(--sw-edge);font-size:.78rem;color:var(--sw-ink-soft)}.scanword__footer kbd{display:inline-block;padding:2px 6px;border-radius:4px;border:1px solid var(--sw-edge);background:#fff;font-size:.72rem;font-family:ui-monospace,monospace}.mafia-table-container{--m-bg: #07070F;--m-surface: #0E0E1A;--m-surface-2: #141428;--m-border: rgba(255,255,255,.06);--m-border-strong: rgba(255,255,255,.12);--m-primary: #7C5CFC;--m-primary-dim: rgba(124,92,252,.15);--m-danger: #EF2D56;--m-danger-dim: rgba(239,45,86,.12);--m-mafia-red: #C0392B;--m-city: #3B82F6;--m-sheriff: #F59E0B;--m-doctor: #10B981;--m-night: #4C1D95;--m-text: #F1F0FF;--m-text-2: rgba(241,240,255,.65);--m-text-3: rgba(241,240,255,.35);--m-glass: rgba(14,14,26,.88);--m-glass-border: rgba(255,255,255,.08);--m-radius: 14px;--m-radius-sm: 8px;--m-radius-full: 999px}.mafia-table-container{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;gap:0;background:var(--m-bg);color:var(--m-text);font-family:var(--font-body, "Inter", sans-serif);overflow-x:hidden}.mafia-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0e0e1aeb;border-bottom:1px solid var(--m-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;flex-shrink:0}.mafia-header__left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mafia-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.mafia-phase-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--m-radius-full);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:phase-badge-in .4s cubic-bezier(.34,1.56,.64,1);transition:background .4s ease,border-color .4s ease,color .4s ease}.mafia-phase-badge--day{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.mafia-phase-badge--night{background:#4c1d9540;border:1px solid rgba(124,92,252,.4);color:#c4b5fd}.mafia-phase-badge--voting{background:#ef2d561f;border:1px solid rgba(239,45,86,.35);color:#fca5a5}.mafia-phase-badge--gameover{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fcd34d}.mafia-alive-count{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;color:var(--m-text-2);padding:4px 10px;background:#ffffff0a;border-radius:var(--m-radius-full);border:1px solid var(--m-border);white-space:nowrap}.mafia-alive-count__dot{width:6px;height:6px;border-radius:50%;background:var(--m-doctor);flex-shrink:0}.mafia-my-role-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--m-radius-full);font-size:.7rem;font-weight:700;letter-spacing:.04em;border:1px solid;white-space:nowrap}.mafia-phase-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;transition:background 1s ease,opacity .8s ease}.mafia-phase-overlay--night{background:radial-gradient(circle at 20% 30%,rgba(76,29,149,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(124,92,252,.05) 0%,transparent 50%);animation:night-breathing 5s ease-in-out infinite}.mafia-phase-overlay--day{background:radial-gradient(ellipse at 50% 0%,rgba(59,130,246,.04) 0%,transparent 55%);animation:day-glow 8s ease-in-out infinite}.mafia-phase-overlay--voting{background:radial-gradient(ellipse at 50% 50%,rgba(239,45,86,.06) 0%,transparent 65%);animation:voting-pulse 8s ease-in-out infinite}.mafia-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;opacity:0;transition:opacity 1s ease}.mafia-stars--visible{opacity:1}.mafia-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fffc;animation:star-twinkle var(--dur, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s)}.mafia-status-line{font-size:.8rem;color:#f1f0ff80;text-align:center;max-width:480px;padding:0 12px}.mafia-table-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px 120px;position:relative;z-index:1;gap:16px}.mafia-table{position:relative;width:100%;max-width:680px;flex-shrink:0;aspect-ratio:5 / 3;min-height:300px;max-height:440px;border-radius:50%;background:radial-gradient(ellipse 95% 85% at 50% 48%,#7c5cfc12,#0e0e1afa 55%,#07070f);border:1px solid rgba(124,92,252,.12);box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff0a,inset 0 0 80px #7c5cfc0a;overflow:visible}.mafia-table:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:#7c5cfc08;border:1px solid rgba(124,92,252,.06);pointer-events:none}.mafia-table-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:5;pointer-events:none}.mafia-night-center{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.mafia-night-moon{font-size:2rem;filter:drop-shadow(0 0 12px rgba(124,92,252,.6));animation:night-breathing 3s ease-in-out infinite}.mafia-night-text{font-size:.7rem;color:var(--m-text-3);text-align:center;max-width:80px;font-style:italic}.mafia-night-zzz{display:flex;gap:3px}.mafia-night-zzz span{font-size:.65rem;color:#7c5cfc80;animation:star-twinkle 2s ease-in-out infinite}.mafia-night-zzz span:nth-child(2){animation-delay:.4s;font-size:.8rem}.mafia-night-zzz span:nth-child(3){animation-delay:.8s;font-size:1rem}.player-seat{position:absolute;width:80px;height:100px;transform-origin:center bottom;display:flex;flex-direction:column;align-items:center;cursor:default;z-index:10;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.player-seat.targetable{cursor:pointer}.player-seat.targetable:hover{transform:scale(1.1) translateY(-3px);z-index:20}.player-seat.targeted{z-index:20}.player-avatar-wrap{position:relative;flex-shrink:0}.player-avatar{width:50px;height:50px;border-radius:50%;border:2px solid rgba(124,92,252,.4);box-shadow:0 0 12px #7c5cfc26;background:var(--m-surface-2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--m-text);transition:border-color .3s ease,box-shadow .3s ease;overflow:hidden;position:relative}.player-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.player-seat-number{position:absolute;top:-4px;left:-4px;width:18px;height:18px;border-radius:50%;background:var(--m-surface-2);border:1px solid var(--m-border-strong);color:var(--m-text-3);font-size:.55rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2}.player-seat.alive .player-avatar{border-color:#7c5cfc66;box-shadow:0 0 12px #7c5cfc26}.player-seat.dead .player-avatar{border-color:#ffffff1a;box-shadow:none;filter:grayscale(100%) brightness(.5);opacity:.55}.player-seat.poisoned .player-avatar{border-color:#9c27b0;box-shadow:0 0 #9c27b000;animation:poison-pulse 2.5s infinite}.player-seat.disconnected .player-avatar{border-color:#ffffff1f;opacity:.45}.player-seat.targeted .player-avatar{border-color:var(--m-danger);animation:target-pulse 1s infinite}.player-seat.targetable:hover .player-avatar{border-color:#7c5cfccc;box-shadow:0 0 24px #7c5cfc66}.player-seat.vote-blocked .player-avatar{animation:putanaGlow 2.5s ease-in-out infinite}.player-seat.is-self .player-avatar{animation:self-pulse 3s ease-in-out infinite}.player-speaking-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--m-doctor);animation:speaking-ring 1.2s ease-out infinite;pointer-events:none}.player-name{margin-top:4px;font-size:.68rem;font-weight:600;color:var(--m-text);text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.player-seat.dead .player-name{color:var(--m-text-3);text-decoration:line-through;text-decoration-color:#fff3}.player-status-badge{font-size:.55rem;margin-top:2px;padding:1px 5px;border-radius:4px;background:#0000008c;color:var(--m-text-2);line-height:1.4}.player-status-badge--dead{background:#ef2d5626;color:#fca5a5}.player-status-badge--poison{background:#8b00328c;color:#fca5a5}.player-status-badge--blocked{background:#ec489938;color:#f9a8d4;font-size:.62rem}.player-status-badge--self{background:#7c5cfc33;color:#c4b5fd}.timer-ring-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.timer-ring{width:56px;height:56px}.timer-ring circle{fill:none;stroke-width:5;stroke-linecap:round}.timer-track{stroke:#ffffff0f}.timer-progress{transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .9s linear,stroke .3s ease}.timer-text{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.15rem;font-weight:700;fill:var(--m-text)}.timer-ring.urgent .timer-progress{animation:timer-urgent-pulse .8s infinite}.timer-ring.urgent{animation:timer-urgent-bg .8s infinite;border-radius:50%}.mafia-role-reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:60;background:#07070fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.role-card-scene{display:flex;flex-direction:column;align-items:center;gap:16px;perspective:1200px}.role-card-3d{width:200px;height:300px;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.175,.885,.32,1.275)}.role-card-3d.flipped{transform:rotateY(180deg)}.role-card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.role-card-front{background:linear-gradient(135deg,#1a1a30,#0e0e1a);border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 60px #0009}.card-back-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(124,92,252,.03) 10px,rgba(124,92,252,.03) 20px)}.card-logo-emoji{font-size:4rem;z-index:1;filter:drop-shadow(0 0 20px rgba(124,92,252,.4))}.role-card-back{transform:rotateY(180deg);border:1px solid var(--role-color, var(--m-primary));box-shadow:0 20px 60px #0009,0 0 40px var(--role-glow, rgba(124,92,252,.2))}.role-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background:linear-gradient(160deg,var(--role-color, var(--m-primary)) 0%,transparent 60%)}.role-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;width:100%}.role-icon-large{font-size:3.2rem;filter:drop-shadow(0 0 16px var(--role-color, var(--m-primary)));margin-bottom:4px}.role-name-large{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.2rem;font-weight:800;color:var(--m-text);text-align:center;letter-spacing:.03em}.role-team-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--m-radius-full);font-size:.68rem;font-weight:700;border:1px solid var(--role-color, var(--m-primary));color:var(--role-color, var(--m-primary));background:#0000004d;margin-top:2px}.role-desc-text{font-size:.72rem;color:#ffffff8c;text-align:center;line-height:1.5;max-width:85%;margin-top:4px}.role-mates-section{width:100%;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.role-mates-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff6;margin-bottom:4px;text-align:center}.role-mates-list{font-size:.68rem;color:#fffc;text-align:center;line-height:1.6}.holographic-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 42%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.06) 58%,transparent 65%);animation:holographic-shift 2.8s linear infinite;pointer-events:none;border-radius:inherit;overflow:hidden}.mafia-action-panel{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(520px,94vw);padding:16px;background:var(--m-glass);border:1px solid rgba(124,92,252,.22);border-radius:20px;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0a inset,0 0 40px #7c5cfc0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:110;animation:slide-up .35s cubic-bezier(.34,1.56,.64,1)}.mafia-action-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mafia-action-header h4{margin:0;font-size:.9rem;font-weight:700;color:var(--m-text)}.mafia-action-desc{font-size:.78rem;color:var(--m-text-2);margin:0 0 12px;line-height:1.5}.mafia-action-targets{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-bottom:12px}.mafia-action-target{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;background:#ffffff08;border:1px solid var(--m-border);border-radius:12px;cursor:pointer;transition:all .18s ease;position:relative;color:var(--m-text)}.mafia-action-target:hover{background:#7c5cfc1a;border-color:#7c5cfc66;transform:translateY(-2px)}.mafia-action-target.selected{background:#7c5cfc2e;border-color:var(--m-primary);box-shadow:0 0 0 1px var(--m-primary),0 4px 16px #7c5cfc40}.mafia-action-target.selected:after{content:"✓";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--m-primary);color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;font-weight:800;animation:badge-pop .25s cubic-bezier(.34,1.56,.64,1)}.mafia-action-target-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--m-primary),#4338CA);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;overflow:hidden;border:2px solid transparent;transition:border-color .2s}.mafia-action-target.selected .mafia-action-target-avatar{border-color:var(--m-primary)}.mafia-action-target img{width:100%;height:100%;object-fit:cover;border-radius:50%}.mafia-action-target-name{font-size:.62rem;text-align:center;max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-text-2)}.mafia-action-target.selected .mafia-action-target-name{color:var(--m-text);font-weight:600}.mafia-action-confirm{width:100%;padding:11px;border-radius:12px;font-size:.88rem;font-weight:700;letter-spacing:.02em;background:var(--m-primary);color:#fff;border:none;cursor:pointer;transition:opacity .2s,transform .15s}.mafia-action-confirm:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.mafia-action-confirm:active:not(:disabled){transform:translateY(0) scale(.98)}.mafia-action-confirm:disabled{opacity:.35;cursor:default}.mafia-vote-booth-wrapper{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(560px,95vw);z-index:110;animation:slide-up .35s cubic-bezier(.34,1.56,.64,1)}.vote-booth{background:var(--m-glass);border:1px solid rgba(239,45,86,.2);border-radius:20px;box-shadow:0 24px 60px #000000b3,0 0 40px #ef2d560d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 16px 12px;max-height:55vh;overflow-y:auto}.vote-booth::-webkit-scrollbar{width:4px}.vote-booth::-webkit-scrollbar-track{background:transparent}.vote-booth::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.vote-booth-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.vote-booth-title{font-size:.88rem;font-weight:700;color:var(--m-text);margin:0}.vote-progress-pill{display:flex;align-items:baseline;gap:2px;padding:3px 10px;background:#ef2d561a;border:1px solid rgba(239,45,86,.25);border-radius:var(--m-radius-full);font-size:.72rem;font-weight:700;white-space:nowrap}.vote-progress-voted{color:#fca5a5;font-size:.88rem}.vote-progress-sep{color:#ffffff40}.vote-progress-total{color:#ffffff80}.vote-progress-label{color:#ffffff59;margin-left:2px;font-weight:500}.vote-readonly-notice{padding:6px 12px;margin-bottom:8px;border-radius:8px;font-size:.74rem;color:#fde68a;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);text-align:center;line-height:1.5}.vote-hint{font-size:.72rem;color:var(--m-text-3);text-align:center;margin-bottom:10px;line-height:1.5}.vote-candidates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-bottom:8px}.vote-candidate-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;background:#ffffff08;border:1px solid var(--m-border);border-radius:14px;cursor:pointer;transition:all .18s ease;position:relative;color:var(--m-text)}.vote-candidate-card:hover:not(:disabled){background:#ef2d561a;border-color:#ef2d5666;transform:translateY(-2px)}.vote-candidate-card:disabled{cursor:default}.vote-candidate-card--readonly{opacity:.7}.vote-candidate-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#6b21a8,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;position:relative}.vote-candidate-name{font-size:.65rem;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-text-2);font-weight:500}.vote-count-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;background:var(--m-danger);border-radius:10px;font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff;animation:badge-pop .25s cubic-bezier(.34,1.56,.64,1);border:2px solid var(--m-surface)}.vote-candidate-bar-wrap{width:100%;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:2px}.vote-candidate-bar{height:100%;background:linear-gradient(90deg,var(--m-danger),#FF6B8A);border-radius:2px;transition:width .5s ease}.vote-results{display:flex;flex-direction:column;gap:8px;margin-top:4px}.vote-result-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:8px}.vote-result-name{font-size:.75rem;color:var(--m-text-2);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.vote-result-bar-wrap{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.vote-result-bar{height:100%;background:linear-gradient(90deg,var(--m-danger),#FF6B8A);border-radius:3px;animation:vote-bar-grow .6s ease}.vote-result-count{font-size:.72rem;font-weight:700;color:var(--m-text-2);min-width:20px;text-align:right}.death-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none}.death-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;animation:death-bg-flash 2.5s forwards}.death-card-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:2}.death-player-card{width:140px;padding:20px 14px;background:linear-gradient(160deg,#1a1a2e,#0e0e1a);border:2px solid var(--m-danger);border-radius:18px;box-shadow:0 20px 60px #000c,0 0 40px #ef2d5633;display:flex;flex-direction:column;align-items:center;gap:8px}.death-player-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.death-player-name{font-size:1rem;font-weight:700;color:var(--m-text);text-align:center}.death-skull{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(239,45,86,.6))}.death-role-reveal{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:#0e0e1af2;border:1px solid rgba(255,255,255,.08);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:result-reveal .5s cubic-bezier(.34,1.56,.64,1)}.death-role-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--m-text-3)}.death-role-value{font-size:1.1rem;font-weight:800;color:var(--m-text)}.death-role-cause{font-size:.7rem;color:#fca5a5;margin-top:2px}.phase-overlay-announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.phase-announce-badge{padding:14px 32px;border-radius:var(--m-radius-full);font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.3rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--m-text);animation:phase-badge-in .5s cubic-bezier(.34,1.56,.64,1)}.phase-announce-badge--night{background:linear-gradient(135deg,#4c1d95,#1e1b4b);border:2px solid rgba(124,92,252,.6);box-shadow:0 0 40px #7c5cfc4d,0 20px 60px #0009}.phase-announce-badge--day{background:linear-gradient(135deg,#1e3a5f,#0f172a);border:2px solid rgba(59,130,246,.5);box-shadow:0 0 40px #3b82f633,0 20px 60px #0009}.phase-announce-badge--voting{background:linear-gradient(135deg,#7f1d1d,#450a0a);border:2px solid rgba(239,45,86,.6);box-shadow:0 0 40px #ef2d564d,0 20px 60px #0009}.mafia-chat-fab{position:fixed;right:16px;bottom:16px;width:52px;height:52px;border-radius:50%;background:#0e0e1af2;border:1.5px solid rgba(239,45,86,.35);color:var(--m-text);font-size:1.4rem;cursor:pointer;z-index:120;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000080;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mafia-chat-fab:hover{background:#141423f7;border-color:#ef2d56a6;transform:scale(1.05)}.mafia-chat-fab-dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--m-danger);border:2px solid var(--m-bg);animation:badge-pop .3s ease}.mafia-chat{position:fixed;right:0;top:0;bottom:0;width:300px;background:#0a0a14f7;border-left:1px solid rgba(239,45,86,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:-4px 0 30px #0009;z-index:130;display:flex;flex-direction:column}.mafia-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(239,45,86,.15);font-weight:700;font-size:.88rem}.mafia-chat-close{background:none;border:none;color:var(--m-text-2);cursor:pointer;font-size:1.1rem;padding:4px;line-height:1;transition:color .15s}.mafia-chat-close:hover{color:var(--m-text)}.mafia-chat-messages{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:4px}.mafia-chat-messages::-webkit-scrollbar{width:4px}.mafia-chat-messages::-webkit-scrollbar-track{background:transparent}.mafia-chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.mafia-message{padding:6px 10px;background:#ef2d560f;border-left:2px solid rgba(239,45,86,.4);border-radius:0 8px 8px 0;font-size:.8rem;animation:message-fade-in .25s ease;overflow-wrap:anywhere;word-break:break-word;color:var(--m-text)}.mafia-message.system{background:#ffffff08;border-left-color:#ffffff1a;color:var(--m-text-3);font-style:italic}.mafia-message strong{color:var(--m-text)}.mafia-chat-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(239,45,86,.12)}.mafia-chat-input-field{flex:1;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--m-text);font-size:.82rem;outline:none;transition:border-color .2s}.mafia-chat-input-field:focus{border-color:#ef2d5659}.mafia-chat-send{padding:8px 12px;border-radius:10px;background:#ef2d5633;border:1px solid rgba(239,45,86,.3);color:var(--m-text);cursor:pointer;font-size:.82rem;font-weight:600;transition:all .15s}.mafia-chat-send:hover:not(:disabled){background:#ef2d564d}.mafia-chat-send:disabled{opacity:.4;cursor:default}.mafia-investigation-log{width:100%;max-width:680px;padding:12px 14px;background:#0e0e1ad9;border:1px solid rgba(124,92,252,.15);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mafia-investigation-log__title{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--m-text-2);margin:0 0 8px}.mafia-investigation-log__hint{font-size:.68rem;color:var(--m-text-3);margin:0 0 8px;font-style:italic;line-height:1.5}.mafia-investigation-log__empty{font-size:.75rem;color:var(--m-text-3);font-style:italic}.mafia-investigation-log__list{margin:0;padding-left:1rem;list-style:disc}.mafia-investigation-log__list li{font-size:.76rem;color:var(--m-text);line-height:1.6;margin-bottom:3px}.mafia-lastwill-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:600;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mafia-lastwill-window{position:relative;width:90%;max-width:420px;padding:24px;background:var(--m-surface-2);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #000000b3;cursor:default}.mafia-lastwill-window h4{margin:0 0 6px;font-size:1.1rem;font-weight:700;color:var(--m-text)}.mafia-lastwill-window p{font-size:.82rem;color:var(--m-text-2);margin:0 0 14px}.mafia-lastwill-window textarea{width:100%;padding:12px;background:#ffffff0a;color:var(--m-text);border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:12px;resize:vertical;min-height:100px;font-size:.88rem;outline:none;transition:border-color .2s;box-sizing:border-box}.mafia-lastwill-window textarea:focus{border-color:#7c5cfc66}.mafia-gameover{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;animation:fade-in .6s ease}.mafia-gameover-icon{font-size:4rem;filter:drop-shadow(0 0 20px rgba(124,92,252,.5));animation:result-reveal .8s cubic-bezier(.34,1.56,.64,1)}.mafia-gameover-title{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.8rem;font-weight:800;color:var(--m-text);text-align:center;line-height:1.2}.mafia-gameover-subtitle{font-size:.9rem;color:var(--m-text-2);text-align:center}.mafia-gameover-roles{display:flex;flex-direction:column;gap:6px;width:100%;max-width:380px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px}.mafia-gameover-player{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;font-size:.88rem;transition:opacity .2s}.mafia-gameover-player--dead{opacity:.45}.mafia-gameover-player__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mafia-gameover-player__name{font-weight:600;color:var(--m-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mafia-gameover-player__role{font-size:.8rem;font-weight:500;white-space:nowrap}.mafia-gameover-player__status{font-size:.8rem;font-weight:700;width:16px;text-align:center}.mafia-gameover-player__status.survived{color:#10b981}.mafia-gameover-player__status.dead{color:#ef4444}.mafia-night-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;gap:6px}@media(max-width:600px){.mafia-header{padding:10px 12px;gap:8px}.mafia-phase-badge{font-size:.66rem;padding:4px 10px}.mafia-alive-count{display:none}.mafia-table-body{padding:12px 8px 110px}.mafia-table{aspect-ratio:3 / 2;min-height:240px;max-height:320px}.player-seat{width:66px;height:84px}.player-avatar{width:42px;height:42px;font-size:.95rem}.player-name{font-size:.62rem;max-width:62px}.mafia-action-panel{bottom:0;left:0;right:0;transform:none;width:100%;border-radius:20px 20px 0 0;max-height:50vh;overflow-y:auto}.mafia-vote-booth-wrapper{bottom:0;left:0;right:0;transform:none;width:100%}.vote-booth{border-radius:20px 20px 0 0;max-height:55vh}.mafia-chat{width:100%;border-left:none;border-top:1px solid rgba(239,45,86,.2);border-radius:20px 20px 0 0;top:auto;height:55vh}.mafia-chat-fab{right:12px;bottom:12px}.timer-ring{width:48px;height:48px}.timer-text{font-size:.95rem}.role-card-3d{width:170px;height:255px}.role-name-large{font-size:1rem}.role-icon-large{font-size:2.6rem}}@media(max-height:650px){.mafia-table{aspect-ratio:2 / 1;min-height:200px;max-height:280px}.player-seat{width:62px;height:80px}.player-avatar{width:38px;height:38px;font-size:.85rem}}@media(min-width:1400px){.mafia-table{min-height:420px;max-height:560px}.player-avatar{width:58px;height:58px;font-size:1.25rem}.player-seat{width:90px;height:115px}}@keyframes night-breathing{0%,to{opacity:1}50%{opacity:.75}}@keyframes star-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes voting-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes day-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes poison-pulse{0%,to{box-shadow:0 0 0 2px #9c27b0,0 0 20px #9c27b066}50%{box-shadow:0 0 0 3px #ce93d8,0 0 30px #9c27b0a6}}@keyframes target-pulse{0%,to{box-shadow:0 0 0 2px #ef2d56,0 0 20px #ef2d5673}50%{box-shadow:0 0 0 3px #ff6b8a,0 0 36px #ef2d56bf}}@keyframes putanaGlow{0%,to{box-shadow:0 0 0 2px #ec489973,0 0 12px #ec489933}50%{box-shadow:0 0 0 2px #ec4899cc,0 0 22px #ec489966}}@keyframes self-pulse{0%,to{box-shadow:0 0 0 2px #7c5cfc80,0 0 18px #7c5cfc2e}50%{box-shadow:0 0 0 3px #7c5cfccc,0 0 28px #7c5cfc52}}@keyframes timer-urgent-pulse{0%,to{filter:drop-shadow(0 0 6px #EF2D56)}50%{filter:drop-shadow(0 0 20px #EF2D56)}}@keyframes timer-urgent-bg{0%,to{background:#ef2d560f}50%{background:#ef2d5626}}@keyframes holographic-shift{0%{transform:translate(-150%) skew(-15deg)}to{transform:translate(150%) skew(-15deg)}}@keyframes card-entrance{0%{transform:perspective(800px) rotateY(-90deg) scale(.7);opacity:0}60%{transform:perspective(800px) rotateY(8deg) scale(1.02);opacity:1}to{transform:perspective(800px) rotateY(0) scale(1)}}@keyframes cracks-appear{0%{opacity:0}to{opacity:1}}@keyframes crack-line{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%);opacity:0}50%{opacity:.7}to{clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:0}}@keyframes death-shatter{0%{transform:translateY(0) rotateX(0) scale(1);opacity:1}30%{transform:translateY(-8px) rotateX(-12deg) scale(1.05)}to{transform:translateY(200px) rotateX(75deg) scale(.6);opacity:0}}@keyframes death-bg-flash{0%{background:#ef2d5600}15%{background:#ef2d561f}to{background:#ef2d5600}}@keyframes stars-drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(-20px) translate(8px)}}@keyframes message-fade-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes badge-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.mafia-table-container.rainbow-mode .player-seat.alive .player-avatar{animation:rainbow-glow 3s linear infinite}@keyframes rainbow-glow{0%{box-shadow:0 0 28px #ff0000b3}16%{box-shadow:0 0 28px #ff7f00b3}33%{box-shadow:0 0 28px #ffff00b3}50%{box-shadow:0 0 28px #00ff00b3}66%{box-shadow:0 0 28px #007fffb3}83%{box-shadow:0 0 28px #8b00ffb3}to{box-shadow:0 0 28px #ff0000b3}}@keyframes phase-badge-in{0%{transform:scale(.7) translateY(-8px);opacity:0}60%{transform:scale(1.04) translateY(1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes vote-bar-grow{0%{width:0}}@keyframes result-reveal{0%{opacity:0;transform:scale(.5) rotate(-8deg)}60%{transform:scale(1.08) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes speaking-ring{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 6px #10b98100}}.mafia-table-container.theme-noir .mafia-table{background:radial-gradient(ellipse 100% 100% at 50% 50%,#101014f5,#06060a 70%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,255,255,.02) 0%,transparent 60%);border-color:#ffffff14;box-shadow:0 0 80px #000c,inset 0 0 60px #0006}.mafia-table-container.theme-noir .player-seat.alive .player-avatar{--border-color: rgba(255, 255, 255, .5);--glow-color: rgba(255, 255, 255, .1)}.mafia-table-container.theme-noir .player-seat.targeted .player-avatar{--border-color: #c41e3a;--glow-color: rgba(196, 30, 58, .35)}.mafia-table-container.theme-noir .phase-overlay.night{background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.02) 0%,transparent 50%),transparent}.mafia-table-container.theme-noir .phase-overlay.voting{background:radial-gradient(ellipse at 50% 50%,rgba(196,30,58,.05) 0%,transparent 70%)}.mafia-table-container.theme-noir .timer-progress{stroke:#ffffffb3}.mafia-table-container.theme-noir .mafia-action-panel,.mafia-table-container.theme-noir .vote-booth{background:#08080af7;border-color:#ffffff14}.mafia-table-container.theme-noir .mafia-chat{background:#08080af7;border-color:#ffffff1a}.mafia-table-container.theme-noir .mafia-message{background:#ffffff0a;border-left-color:#fff3}.mafia-table-container.theme-noir .mafia-player-card{background:#ffffff05;border-color:#ffffff0f}.mafia-table-container.theme-noir .vote-candidate:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff0f;box-shadow:0 0 20px #ffffff14}.mafia-table-container.theme-cyber .mafia-table{background:radial-gradient(ellipse 100% 100% at 50% 50%,#081020f5,#030610 70%),radial-gradient(ellipse 80% 60% at 50% 50%,rgba(0,255,255,.05) 0%,transparent 60%);border:1px solid rgba(0,255,255,.2);box-shadow:0 0 80px #00ffff1a,inset 0 0 60px #ff008008}.mafia-table-container.theme-cyber .player-seat.alive .player-avatar{--border-color: #00ffff;--glow-color: rgba(0, 255, 255, .3)}.mafia-table-container.theme-cyber .player-seat.targeted .player-avatar{--border-color: #ff00ff;--glow-color: rgba(255, 0, 255, .5);animation:cyber-pulse .8s infinite}.mafia-table-container.theme-cyber .phase-overlay.night{background:radial-gradient(circle at 30% 50%,rgba(0,255,255,.06) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(255,0,128,.04) 0%,transparent 50%)}.mafia-table-container.theme-cyber .phase-overlay.voting{background:radial-gradient(ellipse at 50% 50%,rgba(255,0,128,.06) 0%,transparent 70%)}.mafia-table-container.theme-cyber .timer-progress{stroke:#0ff;filter:drop-shadow(0 0 6px rgba(0,255,255,.7))}.mafia-table-container.theme-cyber .mafia-action-panel,.mafia-table-container.theme-cyber .vote-booth{background:#030814f5;border-color:#0ff3;box-shadow:0 0 24px #00ffff0f}.mafia-table-container.theme-cyber .mafia-chat{background:#030814f7;border-color:#ff008040;box-shadow:4px 0 24px #ff00800f}.mafia-table-container.theme-cyber .mafia-message{background:#ff00800d;border-left-color:#ff008080}.mafia-table-container.theme-cyber .mafia-player-card{border-left-color:#0ff;background:#00ffff08}.mafia-table-container.theme-cyber .mafia-player-card.is-selectable:hover{border-color:#00ffff80;box-shadow:0 4px 20px #00ffff1f}.mafia-table-container.theme-cyber .vote-candidate:hover:not(:disabled){border-color:#0ff6;background:#00ffff0f;box-shadow:0 0 20px #00ffff1a}.mafia-table-container.theme-cyber .phase-indicator--night{border-color:#0ff6;color:#0ff}@keyframes cyber-pulse{0%,to{box-shadow:0 0 16px #f0f6}50%{box-shadow:0 0 32px #ff00ffb3}}.mafia-table-container{--felt-1: #34121a;--felt-2: #1e0a10;--felt-edge: #0a0406;--brass: #c9a35b;--brass-soft: rgba(201, 163, 91, .5)}.mafia-table-container:not(.theme-noir):not(.theme-cyber) .mafia-table{max-width:760px;aspect-ratio:5 / 3.05;max-height:460px;border-radius:50%;border:none;background:radial-gradient(ellipse 60% 48% at 50% 42%,rgba(255,255,255,.06) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 52%,var(--felt-1) 0%,var(--felt-2) 56%,var(--felt-edge) 100%);box-shadow:0 34px 90px #000000c7,inset 0 0 0 10px #0006,inset 0 0 0 12px var(--brass-soft),inset 0 0 0 13px #00000080,inset 0 0 140px #000000a6}.mafia-table-container:not(.theme-noir):not(.theme-cyber) .mafia-table:before{top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(201,163,91,.12);background:radial-gradient(ellipse at 50% 45%,rgba(201,163,91,.05),transparent 65%);box-shadow:inset 0 0 70px #0000008c}.mafia-table-container .mafia-table-center{gap:8px}.mafia-table-container .mafia-center-emblem{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(201,163,91,.14) 0%,transparent 68%);animation:m-center-breathe 4.5s ease-in-out infinite}.mafia-table-container .mafia-center-glyph{font-size:3rem;line-height:1;filter:drop-shadow(0 0 20px rgba(201,163,91,.45))}.mafia-table-center--night .mafia-center-glyph{filter:drop-shadow(0 0 24px rgba(130,170,255,.55))}.mafia-table-center--voting .mafia-center-glyph{filter:drop-shadow(0 0 24px rgba(224,80,80,.55))}.mafia-table-center--gameover .mafia-center-glyph{filter:drop-shadow(0 0 24px rgba(251,191,36,.6))}.mafia-table-container .mafia-center-phase{font-family:var(--font-display, "Space Grotesk", sans-serif);font-weight:800;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffe0;text-shadow:0 2px 12px rgba(0,0,0,.8)}.mafia-table-container .mafia-center-alive{font-size:.74rem;letter-spacing:.06em;color:#ffffff75}@keyframes m-center-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.07);opacity:1}}.mafia-table-container .player-seat .player-avatar{width:58px!important;height:58px!important;background:radial-gradient(circle at 38% 28%,#423a44,#1a141d 75%)!important;border:2px solid var(--brass)!important;color:#f3e7cf!important;font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:1.2rem!important;box-shadow:0 8px 18px #0009,inset 0 2px 6px #ffffff24,0 0 0 4px #00000073!important}.mafia-table-container .player-seat.alive .player-avatar{border-color:var(--brass)!important;box-shadow:0 8px 18px #0009,inset 0 2px 6px #ffffff24,0 0 0 4px #00000073,0 0 18px #c9a35b38!important}.mafia-table-container .player-seat.dead .player-avatar{border-color:#ffffff1f!important;filter:grayscale(100%) brightness(.45)!important;opacity:.5!important;box-shadow:0 6px 14px #0009!important}.mafia-table-container .player-seat.dead{transform:translate(-50%,-100%) rotate(-4deg)}.mafia-table-container .player-seat.targeted .player-avatar,.mafia-table-container .player-seat.targetable:hover .player-avatar{border-color:#e0364a!important;box-shadow:0 8px 18px #0009,0 0 0 4px #e0364a40,0 0 26px #e0364a80!important}.mafia-table-container .player-seat.is-self .player-avatar{border-color:#ffd87a!important;box-shadow:0 8px 18px #0009,inset 0 2px 6px #ffffff2e,0 0 0 4px #ffd87a2e,0 0 22px #ffd87a66!important}.mafia-table-container .player-seat-number{width:20px!important;height:20px!important;background:linear-gradient(135deg,var(--brass),#8a6c30)!important;border:1px solid rgba(0,0,0,.5)!important;color:#1a0f06!important;font-size:.6rem!important;font-weight:800!important;box-shadow:0 2px 6px #00000080}.mafia-table-container .player-name{margin-top:7px!important;background:#08050ad1!important;border:1px solid rgba(201,163,91,.28)!important;border-radius:999px!important;padding:3px 11px!important;font-size:.72rem!important;font-weight:700!important;color:#e8dcc4!important;box-shadow:0 2px 8px #0000008c!important;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mafia-table-container .player-seat.dead .player-name{color:#fff6!important;border-color:#ffffff14!important}.mafia-table-container .mafia-table-body{padding-bottom:96px}.mafia-noir-topbar{background:linear-gradient(180deg,#1c0c10eb,#0c080ae0)!important;border-bottom:1px solid rgba(201,163,91,.28)!important}.mafia-noir-topbar__brand{background:linear-gradient(100deg,#e8dcc4,#c9a35b 55%,#e8dcc4);-webkit-background-clip:text;background-clip:text;color:transparent!important;display:inline-flex;align-items:center;gap:9px;letter-spacing:.06em!important}.mafia-noir-topbar__brand:before{content:"";width:9px;height:9px;border-radius:50%;background:#e0364a;box-shadow:0 0 12px #e0364acc;-webkit-text-fill-color:initial}.mafia-noir-card{border:1px solid rgba(201,163,91,.2)!important;background:linear-gradient(180deg,#1c0e12b3,#0c080ad1)!important;position:relative}.mafia-noir-card:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,163,91,.5),transparent)}.mafia-noir-card__head{border-bottom-color:#c9a35b2e!important}.mafia-noir-card__head h3{color:#cbb489!important}.mafia-noir-card--host{background:linear-gradient(180deg,#34121a9e,#0c080ad9)!important}.mafia-noir-host-actions{display:grid;gap:8px;padding:10px 12px}.mafia-noir-host-actions button{width:100%;border-radius:11px;border:1px solid rgba(201,163,91,.32);background:#c9a35b14;color:#e8dcc4;font-weight:700;font-size:.86rem;padding:11px 14px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.mafia-noir-host-actions button:hover{background:#c9a35b2e;border-color:#c9a35b8c;transform:translateY(-1px)}.mafia-noir-host-actions button:active{transform:translateY(0)}.mafia-noir-empty{color:#e8dcc466!important;font-style:italic}.mafia-table-container .mafia-action-panel{background:linear-gradient(180deg,#1e0f13f7,#0a0709fa)!important;border:1px solid rgba(201,163,91,.3)!important;box-shadow:0 24px 60px #000000c7,inset 0 1px #ffffff0d!important}.mafia-table-container .mafia-action-header h4{color:#e8dcc4!important}.mafia-table-container .mafia-action-target{border-color:#c9a35b33!important}.mafia-table-container .mafia-action-target.selected{border-color:#e0364a!important;background:#e0364a24!important}.mafia-table-container .mafia-action-target-avatar{background:radial-gradient(circle at 38% 28%,#423a44,#1a141d)!important;border:1.5px solid var(--brass)!important;color:#f3e7cf!important;font-family:var(--font-display, sans-serif)}.mafia-table-container .mafia-action-confirm{background:linear-gradient(135deg,#e0364a,#a01828)!important;border:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 22px #e0364a59!important}.mafia-table-container .vote-booth{background:linear-gradient(180deg,#1e0f13f7,#0a0709fa)!important;border:1px solid rgba(224,54,74,.32)!important}.mafia-table-container .vote-booth-title{color:#f1d4d4!important}.mafia-table-container .vote-candidate-card{border-color:#c9a35b33!important}.mafia-table-container .vote-candidate-card:hover:not(:disabled){border-color:#e0364a!important;background:#e0364a1a!important}.mafia-table-container .vote-candidate-avatar{background:radial-gradient(circle at 38% 28%,#423a44,#1a141d)!important;border:1.5px solid var(--brass)!important;color:#f3e7cf!important;font-family:var(--font-display, sans-serif)}.mafia-table-container .vote-count-badge{background:#e0364a!important;color:#fff!important}.mafia-table-container .vote-candidate-bar,.mafia-table-container .vote-result-bar{background:linear-gradient(90deg,#e0364a,#ff7a7a)!important}.mafia-table-container .vote-progress-pill{border-color:#c9a35b52!important}.mafia-table-container .vote-progress-voted{color:#ffb4b4!important}.mafia-role-reveal-overlay .role-card-scene .btn{border-color:var(--role-color, var(--brass))!important;color:#fff!important;background:color-mix(in srgb,var(--role-color, #c9a35b) 22%,transparent)!important;font-weight:800!important}.mafia-noir-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:min(460px,calc(100vw - 24px))!important;border:1px solid rgba(201,163,91,.26)!important;background:linear-gradient(180deg,#1a0d11eb,#0a0709f0)!important}.mafia-noir-bottom-nav button{color:#cbb489!important;border-radius:16px!important}.mafia-noir-bottom-nav button:hover:not(:disabled){background:#c9a35b24!important;color:#f3e7cf!important}.mafia-noir-bottom-nav button:nth-child(2):hover:not(:disabled){background:#e0364a29!important;color:#ffd0d0!important}.mafia-noir-bottom-nav button:disabled{opacity:.38!important}.room-page--mafia-playing .game-header,.room-page--mafia-playing .mobile-controls{display:none!important}.game-layout{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden}.game-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;z-index:100;position:sticky;top:0}.game-title{display:flex;align-items:center;gap:1rem}.game-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-title h1{margin:0;font-size:1.8rem;font-weight:700;background:linear-gradient(90deg,#00dbde,#fc00ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-meta{display:flex;align-items:center;gap:1rem;margin-left:1.5rem}.player-count{background:#007bff33;border:1px solid rgba(0,123,255,.4);border-radius:20px;padding:.4rem .8rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.players-list{display:flex;gap:.3rem}.player-tag{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;border:2px solid rgba(255,255,255,.2);cursor:help;transition:transform .2s}.player-tag:hover{transform:scale(1.1);border-color:#00dbde}.leave-btn{background:linear-gradient(135deg,#ff416c,#ff4b2b);color:#fff;border:none;border-radius:12px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff416c4d}.leave-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff416c80}.leave-btn:active{transform:translateY(0)}.game-main-container{display:flex;flex:1;overflow:hidden;padding:1.5rem;gap:1.5rem}.game-content{flex:1;background:#ffffff0d;border-radius:20px;padding:2rem;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.game-sidebar{width:320px;display:flex;flex-direction:column;background:#0000004d;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 8px 32px #0000004d}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:#0006;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#00dbde}.clear-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:8px;padding:.3rem .7rem;font-size:.8rem;cursor:pointer;transition:all .2s}.clear-btn:hover{background:#ffffff1a;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem;max-height:500px}.chat-message{padding:.7rem .9rem;border-radius:12px;font-size:.9rem;line-height:1.4;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-message.system{background:#007bff26;border-left:4px solid #007bff}.chat-message.player{background:#28a74526;border-left:4px solid #28a745}.chat-message.error{background:#dc354526;border-left:4px solid #dc3545}.message-time{font-size:.75rem;color:#ffffff80;margin-right:.5rem}.message-text{color:#ffffffe6}.chat-input-form{display:flex;padding:1rem;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0006}.chat-input{flex:1;padding:.7rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:border-color .2s}.chat-input:focus{outline:none;border-color:#00dbde;box-shadow:0 0 0 2px #00dbde33}.chat-input::placeholder{color:#fff6}.send-btn{padding:.7rem 1.2rem;background:linear-gradient(135deg,#00dbde,#fc00ff);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00dbde4d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-controls{display:none;position:fixed;bottom:0;left:0;right:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-top:1px solid rgba(255,255,255,.1);z-index:1000;justify-content:space-between;align-items:center}.mobile-btn{padding:.8rem 1.2rem;font-size:.9rem}.mobile-player-count{background:#007bff4d;border-radius:20px;padding:.5rem 1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}@media(max-width:1024px){.game-main-container{flex-direction:column;padding:1rem}.game-sidebar{width:100%;max-height:300px}.game-content{min-height:60vh}}@media(max-width:768px){.game-header{flex-direction:column;gap:1rem;padding:1rem}.game-title{flex-direction:column;text-align:center;gap:.5rem}.game-meta{margin-left:0;justify-content:center}.game-icon{font-size:2rem}.game-title h1{font-size:1.5rem}.game-content{padding:1.5rem}.mobile-controls{display:flex}.leave-btn:not(.mobile-btn){display:none}}@media(max-width:480px){.game-content{padding:1rem}.chat-messages{max-height:200px}.player-count{font-size:.8rem;padding:.3rem .6rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00dbde80}50%{box-shadow:0 0 20px #00dbdecc}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.game-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px #0000004d;z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards;max-width:300px;font-weight:500}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.game-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.game-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.game-button:active:not(:disabled){transform:translateY(-1px)}.game-button:disabled{opacity:.5;cursor:not-allowed}.game-button.danger{background:linear-gradient(135deg,#ff416c,#ff4b2b);box-shadow:0 4px 15px #ff416c4d}.game-button.success{background:linear-gradient(135deg,#00b09b,#96c93d);box-shadow:0 4px 15px #00b09b4d}.game-button.warning{background:linear-gradient(135deg,#f7971e,#ffd200);box-shadow:0 4px 15px #f7971e4d;color:#333}.timer{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2)}.timer__ring{position:relative;display:flex;align-items:center;justify-content:center}.timer__svg{transform:rotate(-90deg)}.timer__content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer__value{font-family:var(--font-mono);font-weight:var(--font-bold);line-height:1;color:var(--color-text-primary)}.timer__unit{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase}.timer--sm .timer__svg{width:48px;height:48px}.timer--sm .timer__value{font-size:var(--text-xl)}.timer--md .timer__svg{width:64px;height:64px}.timer--md .timer__value{font-size:var(--text-2xl)}.timer--lg .timer__svg{width:80px;height:80px}.timer--lg .timer__value{font-size:var(--text-3xl)}.timer__bar{width:100%;height:4px;background:var(--color-surface-300);border-radius:var(--radius-full);overflow:hidden}.timer__bar-fill{height:100%;border-radius:var(--radius-full);transition:width 1s linear,background-color .3s ease}.timer--urgent .timer__value{color:var(--color-error-500);animation:timer-pulse 1s ease-in-out infinite}.timer--urgent .timer__svg circle:last-child{animation:timer-pulse-stroke 1s ease-in-out infinite}.timer--paused{opacity:.6}.timer--paused .timer__bar-fill{animation:none}.mini-timer{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);white-space:nowrap}.mini-timer--urgent{color:var(--color-error-500);background:var(--color-error-50);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes timer-pulse-stroke{0%,to{stroke-opacity:1}50%{stroke-opacity:.6}}@media(prefers-reduced-motion:reduce){.timer--urgent .timer__value,.timer--urgent .timer__svg circle:last-child,.mini-timer--urgent{animation:none}.timer__bar-fill{transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-semibold);text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-lg);transition:var(--transition-colors),var(--transform),box-shadow .2s ease;position:relative;overflow:hidden}.btn__text{position:relative;z-index:1}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn__icon--left{margin-left:calc(-1 * var(--space-1))}.btn__icon--right{margin-right:calc(-1 * var(--space-1))}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--sm .btn__icon{width:16px;height:16px}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-base)}.btn--md .btn__icon{width:20px;height:20px}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--lg .btn__icon{width:24px;height:24px}.btn--primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-primary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-primary-lg),var(--glow-primary);filter:brightness(1.12);transform:translateY(-2px)}.btn--primary:active:not(:disabled){transform:scale(.97) translateY(0);box-shadow:var(--shadow-primary);filter:brightness(.95)}.btn--secondary{background:#ffffff0a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn--secondary:hover:not(:disabled){background:#ffffff14;border-color:#7c5cfc40;transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:scale(.97);background:#ffffff08}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn--ghost:hover:not(:disabled){background:var(--color-surface-100);color:var(--color-text-primary)}.btn--ghost:active:not(:disabled){transform:scale(.98);background:var(--color-surface-200)}.btn--danger{background:var(--color-error-600);color:#fff;border:none;box-shadow:var(--shadow-error)}.btn--danger:hover:not(:disabled){background:var(--color-error-500);box-shadow:0 4px 14px #f43f5e80;transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:scale(.98) translateY(0)}.btn--icon{padding:0;width:var(--size-md);height:var(--size-md);border-radius:var(--radius-lg)}.btn--icon.btn--sm{width:var(--size-sm);height:var(--size-sm)}.btn--icon.btn--lg{width:var(--size-lg);height:var(--size-lg)}.btn--game{min-width:200px;text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-bold)}.btn--game.btn--active{box-shadow:var(--glow-primary);animation:game-button-pulse 2s ease-in-out infinite}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--loading{cursor:wait}.btn--loading .btn__text,.btn--loading .btn__icon{opacity:0}.btn__spinner{position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-spin .8s linear infinite}.btn:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes game-button-pulse{0%,to{box-shadow:var(--shadow-primary)}50%{box-shadow:var(--shadow-primary-lg),var(--glow-primary)}}@media(prefers-reduced-motion:reduce){.btn,.btn__spinner{transition:none;animation:none}.btn:hover:not(:disabled){transform:none}.btn:active:not(:disabled){transform:none}}@media(hover:none){.btn:hover:not(:disabled){transform:none}}.dictionary-status{position:fixed;top:100px;left:50%;transform:translate(-50%) translateY(-20px);z-index:1000;padding:12px 24px;border-radius:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #0000004d;transition:all .3s ease;opacity:0;pointer-events:none}.dictionary-status.visible{opacity:1;transform:translate(-50%) translateY(0)}.dictionary-status.hidden{opacity:0;transform:translate(-50%) translateY(-20px)}.dictionary-status.loading{background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border:1px solid rgba(99,102,241,.5)}.dictionary-status.loaded{background:linear-gradient(135deg,#22c55ee6,#16a34ae6);border:1px solid rgba(34,197,94,.5)}.dictionary-status-content{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:14px}.dictionary-spinner{display:inline-block;animation:spin 1s linear infinite}.dictionary-check{display:inline-block;animation:bounce .5s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media(max-width:768px){.dictionary-status{top:80px;padding:10px 18px;font-size:13px}}.game-rules-disclosure{margin-bottom:var(--space-4);text-align:left}.game-rules-disclosure__toggle{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;justify-content:flex-start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.35);background:#6366f114;color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.game-rules-disclosure__toggle:hover{background:#6366f124;border-color:#6366f180}.game-rules-disclosure__chevron{display:inline-block;font-size:1.1rem;line-height:1;transform:rotate(0);transition:transform .2s ease;color:var(--color-primary-300)}.game-rules-disclosure__chevron--open{transform:rotate(90deg)}.game-rules-disclosure__panel{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-200);font-size:var(--text-sm);line-height:1.55;color:var(--color-text-secondary)}.game-rules-disclosure__summary{margin:0 0 var(--space-3);color:var(--color-text-primary)}.game-rules-disclosure__list{margin:0;padding-left:1.15rem}.game-rules-disclosure__list li{margin-bottom:var(--space-2)}.game-rules-disclosure__list li:last-child{margin-bottom:0}@keyframes reconnectFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reconnectSpin{to{transform:rotate(360deg)}}@keyframes reconnectPulse{0%,to{box-shadow:0 0 #b884ff59}50%{box-shadow:0 0 0 10px #b884ff00}}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:#070912b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:reconnectFadeIn .25s ease}.reconnect-card{background:linear-gradient(145deg,#161a21,#1e2330);border:1px solid rgba(184,132,255,.2);border-radius:22px;padding:40px 48px;text-align:center;box-shadow:0 32px 80px #000000a6,0 0 0 1px #ffffff0a}.reconnect-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.08);border-top-color:#b884ff;border-radius:50%;margin:0 auto 18px;animation:reconnectSpin .85s linear infinite,reconnectPulse 2s ease-in-out infinite}.reconnect-title{font-size:1.15rem;font-weight:700;color:#ecedf6;margin:0 0 8px;letter-spacing:-.01em}.reconnect-hint{font-size:.83rem;color:#6b7280;margin:0;line-height:1.5}@keyframes mafiaOverlayFade{0%{opacity:0}12%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes mafiaOverlayCardScale{0%{transform:scale(.86)}14%{transform:scale(1.04)}22%{transform:scale(1)}to{transform:scale(1)}}@keyframes mafiaOverlayIconDrop{0%{transform:translateY(-18px);opacity:0}to{transform:translateY(0);opacity:1}}.mafia-phase-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8900;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:mafiaOverlayFade 2.5s ease-in-out forwards}.mafia-phase-overlay__card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#070912e0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:36px 80px;box-shadow:0 24px 64px #0000008c;animation:mafiaOverlayCardScale 2.5s ease-in-out forwards}.mafia-phase-overlay__icon{font-size:3.2rem;line-height:1;animation:mafiaOverlayIconDrop .38s cubic-bezier(.34,1.56,.64,1) .18s both}.mafia-phase-overlay__label{font-size:2rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#fff}.mafia-phase-overlay--night .mafia-phase-overlay__card{border-color:#8b50ff73;box-shadow:0 0 80px #6432c838,0 24px 64px #0000008c}.mafia-phase-overlay--night .mafia-phase-overlay__label{color:#c4b5fd}.mafia-phase-overlay--morning .mafia-phase-overlay__card{border-color:#facc3273;box-shadow:0 0 80px #f5b41e2e,0 24px 64px #0000008c}.mafia-phase-overlay--morning .mafia-phase-overlay__label{color:#fde68a}.mafia-phase-overlay--vote .mafia-phase-overlay__card{border-color:#fb923c73}.mafia-phase-overlay--vote .mafia-phase-overlay__label{color:#fdba74}.mafia-phase-overlay--day .mafia-phase-overlay__card{border-color:#34d39961}.mafia-phase-overlay--day .mafia-phase-overlay__label{color:#6ee7b7}.mafia-phase-overlay--end .mafia-phase-overlay__card{border-color:#ef444466}.mafia-phase-overlay--end .mafia-phase-overlay__label{color:#fca5a5}@keyframes aiHostPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(168,85,247,0))}50%{transform:scale(1.07);filter:drop-shadow(0 0 12px rgba(168,85,247,.55))}}.mafia-ai-host-card{background:linear-gradient(145deg,#581c8733,#1408284d);border:1px solid rgba(168,85,247,.38);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;margin-top:10px!important;box-shadow:0 0 40px #8b5cf614}.mafia-ai-host-card__icon{font-size:2.6rem;display:block;margin-bottom:var(--space-3);animation:aiHostPulse 3s ease-in-out infinite}.mafia-ai-host-card__title{font-size:var(--text-lg);font-weight:700;color:#c084fc;margin-bottom:var(--space-2)}.mafia-ai-host-card__hint{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.mafia-ai-host-card__btn{width:100%}@keyframes aiNarratorDotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes aiMessageSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mafia-ai-narrator-panel{background:linear-gradient(145deg,#160c2ceb,#0a0616f2);border:1px solid rgba(139,92,246,.28);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);margin-top:10px!important;box-shadow:0 4px 20px #0000004d}.mafia-ai-narrator-panel__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.mafia-ai-narrator-panel__mic{font-size:1rem}.mafia-ai-narrator-panel__title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);flex:1}.mafia-ai-narrator-panel__dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;animation:aiNarratorDotPulse 1.8s ease-in-out infinite;flex-shrink:0}.mafia-ai-narrator-panel__empty{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic;margin:0}.mafia-ai-narrator-panel__latest{font-size:var(--text-sm);color:#ddd6fe;line-height:var(--leading-relaxed);padding:var(--space-3) var(--space-3);background:#8b5cf61f;border-left:2px solid rgba(139,92,246,.65);border-radius:0 8px 8px 0;margin-bottom:var(--space-2);animation:aiMessageSlideIn .35s ease-out}.mafia-ai-narrator-panel__log{max-height:110px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.mafia-ai-narrator-panel__log-entry{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:3px var(--space-2);border-radius:5px;line-height:1.45}.room-page{min-height:100vh;padding-top:16px}.room-page--mafia-playing .room-id-container{display:none}.room-page--mafia-playing .game-hud{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.room-page--mafia-playing .mafia-table-area{margin-top:10px!important;position:relative;z-index:12}.room-page--mafia-playing .room-content-grid>.game-area.mafia-table-area{grid-column:1;grid-row:1 / span 2}.room-page--mafia-playing .mafia-table-container{min-height:auto;flex:1 1 auto;padding:var(--space-3) var(--space-4)}.room-page--mafia-playing .game-area.mafia-table-area{overflow-x:clip;overflow-y:visible;min-height:clamp(320px,58dvh,900px)}.room-page--mafia-playing .game-area.mafia-control-panel{overflow-x:hidden;overflow-y:auto;max-height:none}.room-page--mafia-playing .room-content-grid{--mafia-side-col: clamp(240px, 24vw, 360px);--mafia-stack-max-h: clamp(320px, 56dvh, 640px);--mafia-control-max-h: clamp(320px, 62dvh, 720px);grid-template-columns:minmax(280px,1fr) minmax(220px,var(--mafia-side-col));grid-template-rows:auto auto;align-items:start;gap:var(--space-3);width:100%;max-width:100%;box-sizing:border-box}.room-page--mafia-playing .room-content-grid>.room-side-stack{grid-column:2;grid-row:1;position:sticky;top:92px;align-self:start;max-height:var(--mafia-stack-max-h);overflow-y:auto;padding-right:2px}.room-page--mafia-playing .room-side-stack .players{max-height:min(34dvh,360px);overflow-y:auto;padding-right:2px}.room-page--mafia-playing .room-side-stack .chat{max-height:min(34dvh,360px)}.room-page--mafia-playing .room-content-grid>.game-area.mafia-control-panel{grid-column:2;grid-row:2;align-self:start;position:static;top:auto}.room-page--mafia-playing .mafia-voice-panel,.room-page--mafia-playing .mafia-ai-panel,.room-page--mafia-playing .mafia-host-desk{position:static;top:auto}.room-page--mafia-playing .mafia-voice-panel,.room-page--mafia-playing .mafia-ai-panel{width:100%;max-width:100%}.room-page--mafia-playing .mafia-history-panel{grid-column:auto;grid-row:auto;margin-top:0!important}.mafia-control-panel{display:grid;gap:var(--space-3);max-height:var(--mafia-control-max-h);overflow-y:auto;padding:clamp(8px,1vw,var(--space-3));min-width:0}.mafia-control-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);background:#0000001f;min-width:0;overflow-x:hidden;overflow-y:visible}.mafia-control-panel .mafia-host-desk{margin-top:0!important;border:none;background:transparent;box-shadow:none;padding:0;max-height:min(72dvh,720px);overflow-y:auto}.mafia-control-panel .mafia-history-list,.mafia-control-panel .ai-narrator>div{max-height:min(32dvh,360px);overflow-y:auto}.mafia-control-panel .voice-panel{min-width:0;width:100%;padding:12px}@media(max-width:1280px){.room-page--mafia-playing .room-content-grid{--mafia-side-col: clamp(260px, 34vw, 360px);grid-template-columns:minmax(260px,1fr) minmax(240px,var(--mafia-side-col))}}@media(max-height:820px){.room-page--mafia-playing .room-content-grid{--mafia-stack-max-h: clamp(180px, 38dvh, 380px);--mafia-control-max-h: clamp(220px, 40dvh, 420px)}}@media(min-width:1700px){.room-page--mafia-playing .room-content-grid{--mafia-side-col: clamp(340px, 24vw, 520px);--mafia-stack-max-h: clamp(300px, 48dvh, 680px);--mafia-control-max-h: clamp(320px, 50dvh, 720px)}}@media(max-width:900px){.room-page--mafia-playing{padding-top:8px}.room-page--mafia-playing .room-content-grid{grid-template-columns:1fr}.room-page--mafia-playing .room-content-grid>.game-area.mafia-table-area{grid-column:1!important;grid-row:1!important;order:-3;margin-top:6px!important}.room-page--mafia-playing .room-content-grid>.room-side-stack{grid-column:1!important;grid-row:2!important;position:static;max-height:none;overflow:visible;order:0}.room-page--mafia-playing .room-content-grid>.game-area.mafia-control-panel{grid-column:1!important;grid-row:auto!important}.room-page--mafia-playing.room-page--mafia-host .mafia-host-desk,.room-page--mafia-playing.room-page--mafia-host .mafia-ai-host-card{max-height:none;overflow:visible;margin-top:var(--space-2)!important}.room-page--mafia-playing .mafia-table-container{min-height:min(36dvh,300px)}.room-page--mafia-playing .mafia-table{height:min(52vw,48dvh);min-height:220px}.room-page--mafia-playing .game-area.mafia-table-area{min-height:clamp(260px,46dvh,720px)}.room-page--mafia-playing .room-side-stack .players,.room-page--mafia-playing .room-side-stack .chat{max-height:min(28dvh,280px)}.room-page--mafia-playing .room-id-container{display:block;padding:var(--space-2) var(--space-3)}}.mafia-mobile-tabs{display:none}.mafia-host-phase-row{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.mafia-host-phase-progress{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:var(--space-3)}.mafia-host-phase-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary-500),var(--color-warning-500))}.mafia-voice-summary{margin:0 0 var(--space-3);display:grid;gap:6px;font-size:var(--text-sm);color:var(--color-text-secondary)}.mafia-mic-pill{display:inline-flex;width:fit-content;border-radius:var(--radius-full);padding:4px 10px;font-size:var(--text-xs);font-weight:700}.mafia-mic-pill.is-live{background:#10b9812e;color:#34d399}.mafia-mic-pill.is-muted{background:#ef444429;color:#f87171}.mafia-history-list{display:grid;gap:8px;max-height:260px;overflow-y:auto}.mafia-history-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-secondary)}.btn.btn-danger{background:#ef444429;border-color:#ef444470;color:#fca5a5}.btn.btn-warning{background:#f59e0b29;border-color:#f59e0b70;color:#fcd34d}.btn.btn-info{background:#3b82f629;border-color:#3b82f670;color:#93c5fd}@media(max-width:767px){.mafia-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 var(--space-3)}.mafia-mobile-tabs__btn{min-height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-100);color:var(--color-text-secondary);font-weight:600}.mafia-mobile-tabs__btn.active{border-color:var(--color-border-focus);color:var(--color-text-primary)}.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=table] .room-side-stack,.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=table] .mafia-control-panel,.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=chat] .mafia-table-area,.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=chat] .mafia-control-panel,.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=control] .mafia-table-area,.room-page--mafia-playing .room-content-grid[data-mafia-mobile-tab=control] .room-side-stack{display:none}.mafia-control-panel{max-height:none;overflow:visible}.mafia-control-panel .mafia-host-desk,.mafia-control-panel .mafia-history-list,.mafia-control-panel .ai-narrator>div{max-height:none}}@media(max-width:900px)and (max-height:640px){.room-page--mafia-playing .mafia-table-container{min-height:min(32dvh,260px);padding:var(--space-2) var(--space-3)}.room-page--mafia-playing .mafia-table{min-height:200px;height:min(44vw,40dvh)}}.room-id-container{display:block;text-align:center;padding:var(--space-5)}.room-title{margin:0 0 var(--space-1);font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--color-text-primary)}.room-code-display{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary-400);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.room-copy-buttons{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.game-hud{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.game-hud-label{color:var(--color-text-tertiary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.game-hud-value{color:var(--color-text-primary);font-weight:600}.host-control-panel{margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#6366f124,#ec489914),var(--color-surface-100);border:1px solid rgba(99,102,241,.25);box-shadow:0 8px 32px #00000047,0 0 0 1px #ffffff0f inset}.host-control-panel__header{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.host-control-panel__badge{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:var(--radius-lg);background:#6366f133;border:1px solid rgba(99,102,241,.35)}.host-control-panel__title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.host-control-panel__hint{margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed);max-width:36rem}.host-control-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.host-control-panel__btn-danger{background:linear-gradient(180deg,#ef4444f2,#b91c1cfa);color:#fff;border:1px solid rgba(255,255,255,.2);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);box-shadow:0 4px 16px #ef444459;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.host-control-panel__btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.host-control-panel__btn-danger:active{transform:translateY(0)}.mafia-host-desk{background:linear-gradient(160deg,rgba(99,102,241,.1) 0%,transparent 42%),var(--color-surface-100);border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-5) var(--space-6);box-shadow:0 0 0 1px #ffffff0a inset,0 16px 40px #0003;margin-top:10px!important}.room-page--mafia-playing.room-page--mafia-host .mafia-host-desk,.room-page--mafia-playing.room-page--mafia-host .mafia-ai-host-card{grid-column:1;position:static;max-height:none;overflow:visible;margin-top:var(--space-3)!important;z-index:12}.mafia-host-desk__title.phase{margin-bottom:var(--space-2)}.mafia-host-desk__lead{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:40rem}.mafia-host-desk__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.mafia-host-desk__section-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.mafia-host-desk__section-title--spaced{margin-top:var(--space-4)}.mafia-host-desk__grid{display:grid;gap:var(--space-2)}.mafia-host-desk__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:#0000001f;border:1px solid var(--color-border-subtle)}.mafia-host-desk__role{font-size:var(--text-sm);opacity:.85;font-family:var(--font-mono, ui-monospace, monospace)}.mafia-host-desk__muted{font-size:var(--text-sm);color:var(--color-text-tertiary)}.mafia-host-desk__impersonate{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-xl);background:#6366f11a;border:1px solid rgba(99,102,241,.22)}.mafia-host-desk__impersonate-title{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--color-text-primary)}.mafia-host-desk__impersonate-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.mafia-host-desk__select{min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-200);color:var(--color-text-primary);font-size:var(--text-sm)}.mafia-host-desk__select--grow{flex:1;min-width:160px}.game-area{background:var(--color-surface-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:var(--space-4);min-width:0;box-sizing:border-box}.game-area:has(.scanword){overflow-x:hidden}.game-area-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4);text-align:center}.hat-game{text-align:center}.hat-game--postgame{padding-bottom:var(--space-6)}.hat-scoreboard{max-width:520px;margin:0 auto var(--space-5);padding:var(--space-4);text-align:left;background:linear-gradient(165deg,var(--color-surface-100) 0%,var(--color-surface-200) 55%,color-mix(in srgb,var(--color-primary-500) 8%,var(--color-surface-200)) 100%);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);box-shadow:0 10px 36px #0f172a1a}.hat-scoreboard__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-default)}.hat-scoreboard__title{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.hat-scoreboard__meta{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.hat-scoreboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(max-width:520px){.hat-scoreboard__grid{grid-template-columns:1fr}}.hat-score-team{padding:var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface-100);border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}.hat-score-team--mine{border-color:color-mix(in srgb,var(--color-primary-500) 35%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary-400) 20%,transparent)}.hat-score-team--turn:not(.hat-score-team--winner){border-color:color-mix(in srgb,var(--color-warning-500) 55%,transparent);box-shadow:0 4px 20px color-mix(in srgb,var(--color-warning-500) 12%,transparent)}.hat-score-team--winner{border-color:color-mix(in srgb,#f59e0b 65%,transparent);background:linear-gradient(180deg,color-mix(in srgb,#fbbf24 12%,var(--color-surface-100)) 0%,var(--color-surface-100) 100%)}.hat-score-team__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.hat-score-team__name{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary)}.hat-score-team__total{font-size:var(--text-xl);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-primary-600, var(--color-primary-500));line-height:1}.hat-score-team--winner .hat-score-team__name:after{content:" 🏆";font-size:.9em}.hat-score-team__players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.hat-score-player{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-surface-200) 85%,transparent)}.hat-score-player--self{color:var(--color-text-primary);font-weight:600;background:color-mix(in srgb,var(--color-primary-500) 10%,var(--color-surface-200))}.hat-score-player__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hat-score-player__pts{font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-primary);flex-shrink:0}.hat-scoreboard__goal{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--color-border-default)}.hat-scoreboard__goal-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.hat-goal-row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-xs)}.hat-goal-row:last-child{margin-bottom:0}.hat-goal-row__lab{font-weight:600;color:var(--color-text-muted)}.hat-goal-row__track{height:8px;border-radius:999px;background:var(--color-surface-200);overflow:hidden}.hat-goal-row__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-500),color-mix(in srgb,var(--color-success-500, #10b981) 80%,var(--color-primary-500)));transition:width .35s ease}.hat-goal-row__nums{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-secondary);min-width:3.25rem;text-align:right}.hat-scoreboard__footer{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-primary-500) 6%,var(--color-surface-200));border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.hat-scoreboard__turn strong,.hat-scoreboard__round-words strong{color:var(--color-text-primary)}.hat-scoreboard__legend{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted);text-align:center}.hat-words-card{max-width:420px;margin:0 auto var(--space-5);padding:var(--space-4);background:linear-gradient(145deg,var(--color-surface-200) 0%,color-mix(in srgb,var(--color-surface-100) 88%,var(--color-primary-500)) 100%);border:1px solid color-mix(in srgb,var(--color-border-default) 70%,var(--color-primary-400));border-radius:var(--radius-2xl);box-shadow:0 12px 40px #0000001f}.hat-status-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.hat-status-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface-200);border-radius:999px;border:1px solid var(--color-border-default)}.hat-timer-pill{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-text-primary)}.hat-timer-pill--urgent{border-color:color-mix(in srgb,var(--color-warning-500) 55%,transparent);background:color-mix(in srgb,var(--color-warning-500) 18%,var(--color-surface-200));animation:hat-timer-pulse 1s ease-in-out infinite}@keyframes hat-timer-pulse{0%,to{opacity:1}50%{opacity:.72}}.hat-explainer-card{max-width:440px;margin:0 auto;padding:2px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--color-primary-400),color-mix(in srgb,var(--color-success-500, #10b981) 75%,var(--color-primary-500)));box-shadow:0 20px 50px #0f172a2e,0 0 0 1px color-mix(in srgb,var(--color-border-default) 40%,transparent)}.hat-explainer-card--urgent{background:linear-gradient(135deg,var(--color-warning-500),var(--color-primary-500))}.hat-explainer-card__inner{padding:var(--space-5) var(--space-4);border-radius:calc(var(--radius-2xl) - 2px);background:var(--color-surface-100);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.hat-manual-guess-hint{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--color-text-secondary);max-width:34ch}.hat-guess-candidates{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);width:100%}.hat-guess-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--color-text-inverse, #fff);background:linear-gradient(160deg,#059669,#047857);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #05966959;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.hat-guess-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966973;filter:brightness(1.05)}.hat-guess-chip:active:not(:disabled){transform:translateY(0)}.hat-guess-chip:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.hat-guess-chip__mark{opacity:.9;font-size:1em}.hat-guess-empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);max-width:32ch;line-height:1.45}.hat-actions-row{margin-top:var(--space-2);width:100%;display:flex;justify-content:center}.hat-skip-btn{opacity:.92}.hat-round-summary{display:flex;align-items:center;gap:10px;max-width:400px;margin:0 auto;padding:14px 18px;background:linear-gradient(135deg,#7c5cfc26,#6366f114);border:1px solid rgba(124,92,252,.35);border-radius:var(--radius-xl);animation:hat-summary-in .4s cubic-bezier(.34,1.56,.64,1)}.hat-round-summary__icon{font-size:1.6rem;flex-shrink:0}.hat-round-summary__text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.4}@keyframes hat-summary-in{0%{opacity:0;transform:scale(.88) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hat-guesser-card{max-width:400px;margin:0 auto;padding:var(--space-5);text-align:center;background:linear-gradient(180deg,var(--color-surface-200) 0%,var(--color-surface-100) 100%);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);box-shadow:0 8px 28px #00000014}.hat-guesser-tip{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.hat-words-input{width:100%;min-height:80px;padding:var(--space-3);background:var(--color-surface-200);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-base);resize:vertical;margin-bottom:var(--space-3)}.hat-words-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}.hat-status{margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary)}.hat-word-display{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text-primary);padding:var(--space-6);width:100%;max-width:100%;box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-200) 92%,var(--color-primary-500)) 0%,var(--color-surface-200) 100%);border:2px solid color-mix(in srgb,var(--color-primary-400) 45%,var(--color-border-accent));border-radius:var(--radius-xl);min-width:0;min-height:4.5rem;text-align:center;transition:all .3s ease}.hat-word-display--panic{filter:blur(12px) brightness(.3);transform:scale(.98)}.hat-word-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.hat-panic-hint{font-size:var(--text-xs);color:var(--color-text-muted);background:transparent;padding:0;border-radius:0;margin:0}.hat-panic-indicator{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-warning-500);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;z-index:var(--z-tooltip);animation:panic-blink .4s ease}@keyframes panic-blink{0%,to{opacity:1}50%{opacity:.3}}.hat-guesser-view{padding:var(--space-4);background:var(--color-surface-200);border-radius:var(--radius-lg);color:var(--color-text-secondary)}.hat-explainer-hint{margin:0 0 var(--space-2);color:var(--color-text-primary);font-size:var(--text-base)}.assoc-game{position:relative}.assoc-words-input{width:100%;min-height:80px;padding:var(--space-3);background:var(--color-surface-200);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-base);resize:vertical;margin-bottom:var(--space-3)}.assoc-status{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-base);background:var(--color-surface-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.assoc-status-sep{color:var(--color-text-muted);font-size:var(--text-xs);margin:0 var(--space-1)}.assoc-status-item{white-space:nowrap}.assoc-current-word{color:#a5b4fc}.assoc-end-word{color:#facc15e6}.assoc-vote-prompt{margin-bottom:var(--space-2);text-align:center;color:var(--color-text-tertiary, #94a3b8);font-size:var(--text-sm)}.assoc-result-banner{text-align:center;margin-top:var(--space-3);font-weight:600}.assoc-result-banner--ok{color:var(--color-success-400, #34d399)}.assoc-result-banner--bad{color:var(--color-error-400, #f87171)}.assoc-input-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.assoc-input{flex:1;min-width:150px}.assoc-voting-block{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-surface-200);border-radius:var(--radius-lg)}.assoc-cards-scene{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.assoc-card{background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);min-width:120px;text-align:center;font-weight:600;transition:all .3s ease}.assoc-card.selected{border-color:var(--color-primary-500);box-shadow:var(--shadow-primary)}.assoc-link-line{flex:1;max-width:100px;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary-400));border-radius:var(--radius-full);position:relative}.assoc-link-line:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-primary-500);border-radius:50%;box-shadow:var(--glow-primary)}.assoc-vote-cards{display:flex;gap:var(--space-4);justify-content:center}.assoc-vote-card{flex:1;max-width:150px;padding:var(--space-4);background:var(--color-surface-100);border:2px solid var(--color-border-default);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all .2s ease}.assoc-vote-card:hover{border-color:var(--color-primary-400);transform:translateY(-2px)}.assoc-vote-card.selected.yes{background:var(--color-success-500);border-color:var(--color-success-600);color:#fff}.assoc-vote-card.selected.no{background:var(--color-error-500);border-color:var(--color-error-600);color:#fff}.assoc-result{text-align:center;margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);font-weight:600}.assoc-result--success{background:#10b98133;color:var(--color-success-400)}.assoc-result--fail{background:#f43f5e33;color:var(--color-error-400)}.croc-game{text-align:center}.croc-status{margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary);transition:color .2s}.croc-status--urgent strong:last-child{color:#ef4444;animation:croc-timer-pulse .6s ease infinite alternate}@keyframes croc-timer-pulse{0%{opacity:1}to{opacity:.5}}.croc-timeout-reveal{display:flex;align-items:center;gap:10px;padding:14px 18px;margin-bottom:var(--space-4);background:linear-gradient(135deg,#ef44441f,#ef44440d);border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-xl);animation:croc-timeout-in .35s cubic-bezier(.34,1.56,.64,1)}.croc-timeout-reveal__icon{font-size:1.4rem;flex-shrink:0}.croc-timeout-reveal__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.croc-timeout-reveal__word{font-size:var(--text-lg);font-weight:700;color:#ef4444}@keyframes croc-timeout-in{0%{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.croc-word-choices{margin-bottom:var(--space-4);padding:var(--space-6);background:var(--gradient-card);border:2px solid var(--color-border-accent);border-radius:var(--radius-xl)}.croc-word-choices-label{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.croc-word-choices-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.croc-canvas-wrapper{margin-bottom:var(--space-4);border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.crocodile-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-3);background:var(--gradient-card, rgba(15, 23, 42, .5));border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle)}.crocodile-toolbar .croc-tool-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;width:100%;justify-content:center}.crocodile-toolbar .croc-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:7rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated, rgba(255, 255, 255, .06));color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer}.crocodile-toolbar .croc-tool-btn__icon{flex-shrink:0;color:var(--color-text-primary);opacity:.95}.crocodile-toolbar .croc-tool-btn__emoji{font-size:1.1em;line-height:1}.crocodile-toolbar .croc-tool-btn:hover{border-color:var(--color-border-accent)}.crocodile-toolbar .croc-tool-btn--active{border-color:var(--color-border-accent);box-shadow:0 0 0 2px #6366f159;font-weight:600}.croc-word-section{margin-top:var(--space-4)}.croc-word-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.croc-word{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-text-primary);padding:var(--space-6);background:var(--gradient-card);border:2px solid var(--color-border-accent);border-radius:var(--radius-2xl);min-height:70px;display:flex;align-items:center;justify-content:center}.croc-hint{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:var(--space-4)}.croc-hint__letters{display:inline-flex;align-items:center;gap:3px;font-family:monospace;font-size:1.1em;font-weight:600;color:var(--color-text-primary);margin-left:6px}.croc-hint__dash{display:inline-block;width:14px;text-align:center;border-bottom:2px solid var(--color-primary, #6366f1);color:transparent;font-size:1em;line-height:1.4}.croc-hint__space{display:inline-block;width:10px}.croc-explainer-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff0a;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.07);margin-bottom:var(--space-4);flex-wrap:wrap}.croc-explainer-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.croc-explainer-name{flex:1;font-size:var(--text-base);color:var(--color-text-primary)}.croc-round-badge{font-size:var(--text-sm);font-weight:600;padding:4px 14px;background:#22c55e26;border:1px solid rgba(34,197,94,.32);border-radius:var(--radius-full);color:#86efac}.croc-timer{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);transition:color .3s}.croc-timer--urgent{color:#ef4444;animation:croc-timer-pulse .7s ease-in-out infinite alternate}@media(max-width:520px){.croc-explainer-strip{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.croc-explainer-name{flex:none;width:100%}.croc-timer{align-self:flex-end}}.croc-word-choice{padding:var(--space-4) var(--space-5);min-width:140px;font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);background:linear-gradient(145deg,#22c55e2e,#6366f11f);border:1px solid rgba(34,197,94,.32);border-radius:var(--radius-xl);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.croc-word-choice:hover{transform:translateY(-2px);border-color:#22c55e99;box-shadow:0 8px 24px #22c55e40}.croc-selection-countdown{font-size:var(--text-sm);font-weight:600;color:#f59e0b}.croc-confirm-section{margin-top:var(--space-3)}.croc-confirm-hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0 0 var(--space-2)}.croc-confirm-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.croc-confirm-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(160deg,#059669,#047857);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #05966959;transition:transform .15s ease,box-shadow .15s ease}.croc-confirm-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966973}.croc-confirm-chip:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.croc-transition{text-align:center;padding:var(--space-6);margin:var(--space-2) 0 var(--space-4);background:linear-gradient(145deg,#22c55e2e,#6366f11a);border:1px solid rgba(34,197,94,.32);border-radius:var(--radius-2xl);animation:croc-transition-in .25s ease}.croc-transition-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#86efac;margin-bottom:var(--space-2)}.croc-transition-name{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:var(--color-text-primary)}@keyframes croc-transition-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.croc-score{margin-top:var(--space-4)}.croc-score-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.croc-luxe-topbar{position:fixed;top:56px;left:0;right:0;z-index:40;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0a0a0ad1;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.croc-luxe-topbar__left{display:flex;align-items:center;gap:12px}.croc-luxe-topbar__left strong{font-size:1.05rem;font-weight:900;font-style:italic;color:#a0d800}.croc-luxe-topbar__left div{display:inline-flex;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:6px 10px}.croc-luxe-topbar__left span{font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.croc-luxe-topbar__left b{color:#bbf532;font-family:var(--font-mono);letter-spacing:.06em}.croc-luxe-timer{border-radius:12px;border:1px solid rgba(160,216,0,.25);background:#a0d8001a;color:#bbf532;font-size:1rem;font-weight:800;padding:8px 12px;font-variant-numeric:tabular-nums}.croc-luxe-col{position:fixed;top:124px;bottom:96px;z-index:31;display:flex;flex-direction:column;min-height:0}.croc-luxe-col--left{left:16px;width:min(280px,22vw)}.croc-luxe-col--right{right:16px;width:min(320px,24vw)}.croc-luxe-card{display:flex;flex-direction:column;min-height:0;height:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#14141499;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.croc-luxe-card--chat{height:100%}.croc-luxe-card__head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.croc-luxe-card__head h3{margin:0;font-size:.62rem;text-transform:uppercase;letter-spacing:.17em;color:#71717a}.croc-luxe-card__head span{font-size:.62rem;color:#a1a1aa}.croc-luxe-list{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;display:grid;gap:10px}.croc-luxe-rank{border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.croc-luxe-rank.self{border-color:#a0d80052;background:#a0d80014}.croc-luxe-rank div{display:grid;gap:2px}.croc-luxe-rank strong{font-size:.76rem;color:var(--color-text-primary)}.croc-luxe-rank span{font-size:.62rem;color:var(--color-text-muted)}.croc-luxe-rank b{font-size:.72rem;color:#bbf532}.croc-luxe-empty{margin:0;color:var(--color-text-muted);font-size:.78rem}.croc-luxe-msg{display:grid;gap:3px}.croc-luxe-msg strong{font-size:.64rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em}.croc-luxe-msg p{margin:0;font-size:.82rem;color:#d4d4d8;border-radius:4px 12px 12px;padding:10px;background:#ffffff0d}.croc-luxe-msg.self{justify-items:end}.croc-luxe-msg.self p{border-top-right-radius:4px;border-top-left-radius:12px;background:#a0d80021;border:1px solid rgba(160,216,0,.25)}.croc-luxe-input{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.croc-luxe-input input{flex:1;border:none;border-radius:12px;background:#2a2a2ae6;color:var(--color-text-primary);padding:10px 12px}.croc-luxe-input button{width:36px;border:none;border-radius:10px;background:#a0d800;color:#1d2800;font-weight:900;cursor:pointer}.room-page .croc-luxe-main{margin-top:96px;min-height:calc(100vh - 230px);padding-left:min(320px,26vw);padding-right:min(360px,28vw);background:transparent;border:none;box-shadow:none}.room-page .croc-luxe-main .croc-canvas-wrapper{background:#ffffff05;border-color:#ffffff1a}.room-page .croc-luxe-main .croc-luxe-canvas{display:flex;flex-direction:column-reverse;gap:10px}.room-page .croc-luxe-main .crocodile-toolbar{width:100%;border:1px solid rgba(255,255,255,.08);background:#0e0e0ec2;border-radius:14px;padding:12px;justify-content:space-between}.room-page .croc-luxe-main .crocodile-toolbar .croc-tool-btn{border-radius:10px;background:#ffffff08;min-width:8.2rem;min-height:38px}.room-page .croc-luxe-main .crocodile-toolbar .croc-tool-btn--active{box-shadow:0 0 0 2px #a0d80040;border-color:#a0d80080}.room-page .croc-luxe-main .croc-word{border-color:#a0d80080;box-shadow:0 0 24px #a0d80026;background:#a0d80014}.room-page .croc-luxe-main .croc-word-choices{border-color:#a0d80052;background:#a0d8000f}.room-page .croc-luxe-main canvas{border-radius:22px!important;border:10px solid #0f0f0f!important;box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px #0006!important;background-image:radial-gradient(rgba(0,0,0,.14) .9px,transparent .9px)!important;background-size:18px 18px!important}.room-content-grid.croc-luxe-layout{grid-template-columns:1fr}.room-content-grid.croc-luxe-layout>.room-side-stack{display:none}.croc-luxe-bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:45;width:min(760px,calc(100vw - 24px));border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to top,#090909f2,#0909099e);padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.croc-luxe-bottom-nav button{border:none;border-radius:12px;height:58px;background:transparent;color:#71717a;display:grid;place-items:center;cursor:pointer}.croc-luxe-bottom-nav button span{font-size:1.1rem}.croc-luxe-bottom-nav button b{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}.croc-luxe-bottom-nav button.active{background:#a0d800;color:#1b2200;box-shadow:0 0 18px #a0d80059}.croc-luxe-bottom-nav button.active:hover{color:#1b2200}.croc-luxe-bottom-nav button.danger{color:#fca5a5}@media(max-width:1180px){.croc-luxe-col{display:none}.room-page .croc-luxe-main{margin-top:86px;padding-left:0;padding-right:0}}@media(max-width:760px){.croc-luxe-topbar{top:52px;height:50px;padding:0 10px}.croc-luxe-topbar__left div{display:none}.croc-luxe-timer{font-size:.82rem;padding:6px 8px}}.generic-game{text-align:center}.generic-status{margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary)}.generic-word-display{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);padding:var(--space-6);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-4);min-height:50px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.numeric-guess-reveal{margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);text-align:left;background:#22c55e14;border:1px solid rgba(34,197,94,.28);border-radius:var(--radius-xl)}.numeric-guess-reveal-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.numeric-guess-reveal-question{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.45}.numeric-guess-reveal-answer{margin:0 0 var(--space-3);font-size:var(--text-lg);color:var(--color-text-primary)}.numeric-guess-reveal-list{list-style:none;margin:0;padding:0}.numeric-guess-reveal-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:var(--text-sm)}.numeric-guess-reveal-list li:last-child{border-bottom:none}.numeric-guess-reveal-row--miss{opacity:.75}.numeric-guess-reveal-name{font-weight:600;color:var(--color-text-primary)}.numeric-guess-reveal-value{color:var(--color-text-secondary);text-align:right}.numeric-guess-reveal-delta{color:var(--color-text-muted);font-size:var(--text-xs)}.generic-items-list{margin-top:var(--space-4);text-align:left}.generic-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-2)}.generic-input-form{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.generic-input{flex:1;min-width:150px}.generic-voting{margin-top:var(--space-4)}.generic-voting-label{margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.generic-voting-options{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.anagrams-game{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-4)}.anagrams-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.anagrams-letters{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.anagrams-letter{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.5rem;font-weight:600;background:#6366f126;border:2px solid var(--color-primary-400);border-radius:var(--radius-lg);color:var(--color-text-primary)}.generic-score{margin-top:var(--space-4)}.generic-score-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.quiz-question{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);text-align:center;min-height:50px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.quiz-option{padding:var(--space-4);background:var(--color-surface-200);border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s ease;font-size:var(--text-base)}.quiz-option:hover{border-color:var(--color-primary-400)}.quiz-option.selected{background:var(--color-primary-500);border-color:var(--color-primary-600);color:#fff}.quiz-option:disabled:not(.correct):not(.wrong){opacity:.55;cursor:not-allowed;pointer-events:none}.quiz-option.correct,.quiz-option.wrong{cursor:default;pointer-events:none}.quiz-option.correct{border-color:#10b981;background:#10b9812e;color:#6ee7b7;opacity:1}.quiz-option.wrong{border-color:#ef4444;background:#ef444424;color:#fca5a5;opacity:1}.quiz-option.correct:after{content:" ✓";font-weight:700}.quiz-option.wrong:after{content:" ✗";font-weight:700}.quiz-host-pack{margin:0 auto var(--space-5);max-width:420px;text-align:left;padding:var(--space-4);background:var(--color-surface-200);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.quiz-host-pack-title{font-weight:700;margin-bottom:var(--space-2);color:var(--color-text-primary)}.quiz-host-pack-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45;margin:0 0 var(--space-3)}.quiz-host-pack-sample{margin:0 0 var(--space-3);padding:var(--space-3);font-size:11px;line-height:1.4;background:var(--color-surface-100);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow-x:auto;white-space:pre-wrap;color:var(--color-text-muted)}.quiz-host-pack-file{display:inline-block;cursor:pointer}.quiz-host-pack-file-input{position:absolute;width:.01px;height:.01px;opacity:0;overflow:hidden;z-index:-1}.quiz-host-pack-status{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-primary)}.quiz-host-pack-status.muted{color:var(--color-text-muted)}.quiz-host-pack-clear{margin-left:var(--space-3);vertical-align:middle}.quiz-game--postgame .quiz-question,.quiz-game--postgame .quiz-options{display:none}.quiz-scoreboard{margin-top:var(--space-5);padding:var(--space-4);background:var(--gradient-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000001f}.quiz-scoreboard-header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.quiz-scoreboard-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.quiz-scoreboard-legend{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4}.quiz-scoreboard-list{list-style:none;margin:0;padding:0}.quiz-scoreboard-row{display:grid;grid-template-columns:2.25rem 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);transition:background .15s ease}.quiz-scoreboard-row+.quiz-scoreboard-row{margin-top:2px}.quiz-scoreboard-row--self{background:#6366f11f;outline:1px solid rgba(99,102,241,.35)}.quiz-scoreboard-row--first:not(.quiz-scoreboard-row--self){background:#eab30814}.quiz-scoreboard-rank{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.quiz-scoreboard-name{font-weight:500;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-scoreboard-points{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-base);color:var(--color-primary-500)}@media(max-width:640px){.quiz-options{grid-template-columns:1fr}}.categories-rules{margin-bottom:var(--space-5);padding:var(--space-4);background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.categories-rules-lead{margin:0 0 var(--space-3)}.categories-rules-chat{margin:0 0 var(--space-2)}.categories-rules-example{display:block;margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-200);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-primary-400);border:1px dashed var(--color-border-subtle)}.categories-rules-note{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.categories-round-panel{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.categories-letter-badge{flex-shrink:0;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:#fff;background:linear-gradient(145deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-xl);box-shadow:0 8px 24px #6366f159}.categories-categories-block{flex:1;min-width:200px;padding:var(--space-3) var(--space-4);background:var(--gradient-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.categories-categories-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.categories-categories-list{margin:0;padding:0;list-style:none;color:var(--color-text-primary);line-height:1.6;display:flex;flex-direction:column;gap:4px}.categories-categories-list li{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-md);transition:background .2s}.categories-categories-list li.categories-cat--done{background:#22c55e1a}.categories-cat-status{font-size:.85rem;width:16px;text-align:center;color:var(--color-text-secondary)}.categories-categories-list li.categories-cat--done .categories-cat-status{color:#4ade80}.categories-cat-name{flex:1;font-size:var(--text-sm)}.categories-cat-answer{font-size:var(--text-xs);color:#4ade80;font-weight:600;background:#22c55e26;border-radius:999px;padding:1px 8px}.categories-progress{margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.categories-scoreboard{margin-top:var(--space-4)}.categories-game--postgame .categories-rules,.categories-game--postgame .categories-round-panel,.categories-game--postgame .categories-progress{display:none}.wyr-rules{margin-bottom:var(--space-5);padding:var(--space-4);background:#ec489914;border:1px solid rgba(236,72,153,.22);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.wyr-rules-lead{margin:0 0 var(--space-3)}.wyr-rules-scoring{margin:0}.wyr-dilemma{margin-bottom:var(--space-4)}.wyr-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:560px){.wyr-options{grid-template-columns:1fr}}.wyr-option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);text-align:left;border:2px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-surface-200);color:var(--color-text-primary);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;font:inherit}.wyr-option:hover:not(:disabled){border-color:var(--color-primary-400);box-shadow:0 6px 20px #6366f126}.wyr-option:disabled{cursor:default;opacity:.92}.wyr-option--picked{border-color:var(--color-primary-500);background:#6366f11f;box-shadow:0 0 0 1px #6366f159}.wyr-option-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.08em}.wyr-option-text{font-size:var(--text-base);font-weight:600;line-height:1.35}.wyr-picked-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.wyr-break-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary)}.wyr-scoreboard{margin-top:var(--space-4)}.wyr-game--postgame .wyr-rules,.wyr-game--postgame .wyr-dilemma,.wyr-game--postgame .wyr-break-summary{display:none}.trust-rules{margin-bottom:var(--space-5);padding:var(--space-4);background:#10b98114;border:1px solid rgba(16,185,129,.28);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.trust-rules-lead{margin:0 0 var(--space-3)}.trust-rules-list{margin:0;padding-left:1.2rem}.trust-rules-list li{margin-bottom:var(--space-2)}.trust-rules-list li:last-child{margin-bottom:0}.trust-actions{margin-bottom:var(--space-4)}.trust-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media(max-width:560px){.trust-buttons{grid-template-columns:1fr}}.trust-btn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--color-border-subtle);background:var(--color-surface-200);color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.trust-btn:hover:not(:disabled){border-color:var(--color-primary-400);box-shadow:0 6px 20px #6366f11f}.trust-btn:disabled{cursor:default;opacity:.9}.trust-btn--trust.trust-btn--picked{border-color:#10b981;background:#10b9811f;box-shadow:0 0 0 1px #10b98159}.trust-btn--betray.trust-btn--picked{border-color:#f43f5e;background:#f43f5e1a;box-shadow:0 0 0 1px #f43f5e4d}.trust-btn-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg)}.trust-btn-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35}.trust-picked-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.trust-break-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary)}.trust-scoreboard{margin-top:var(--space-4)}.trust-game--postgame .trust-rules,.trust-game--postgame .trust-actions,.trust-game--postgame .trust-break-summary{display:none}.collage-rules{margin-bottom:var(--space-5);padding:var(--space-4);background:#f472b614;border:1px solid rgba(244,114,182,.28);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.collage-rules-lead{margin:0 0 var(--space-3)}.collage-rules-list{margin:0;padding-left:1.2rem}.collage-rules-list li{margin-bottom:var(--space-2)}.collage-rules-list li:last-child{margin-bottom:0}.collage-display{margin-bottom:var(--space-4);padding:var(--space-4);min-height:4.5rem;background:var(--color-surface-200);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.collage-input-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);align-items:center}.collage-input{flex:1 1 200px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-100);color:var(--color-text-primary);font:inherit}.collage-current-writer{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.collage-vote-block{margin-bottom:var(--space-4)}.collage-vote-lead{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary)}.collage-vote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.collage-vote-btn{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--color-border-subtle);background:var(--color-surface-200);color:var(--color-text-primary);cursor:pointer;font:inherit;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.collage-vote-btn:hover:not(:disabled){border-color:var(--color-primary-400);box-shadow:0 6px 18px #6366f11f}.collage-vote-btn:disabled{cursor:default;opacity:.72}.collage-vote-btn--picked{border-color:#a855f7;background:#a855f71a;box-shadow:0 0 0 1px #a855f759}.collage-vote-author{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-primary-300)}.collage-vote-text{font-size:var(--text-sm);line-height:1.45;color:var(--color-text-primary)}.collage-vote-skip{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.collage-vote-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.collage-break-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#a855f71a;border:1px solid rgba(168,85,247,.28);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary)}.collage-scoreboard{margin-top:var(--space-4)}.collage-game--postgame .collage-rules,.collage-game--postgame .collage-display,.collage-game--postgame .collage-input-row,.collage-game--postgame .collage-current-writer,.collage-game--postgame .collage-vote-block,.collage-game--postgame .collage-break-summary{display:none}.emojiart-rules{margin-bottom:var(--space-5);padding:var(--space-4);background:#fbbf2414;border:1px solid rgba(251,191,36,.32);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55}.emojiart-rules-lead{margin:0 0 var(--space-3)}.emojiart-rules-list{margin:0;padding-left:1.2rem}.emojiart-rules-list li{margin-bottom:var(--space-2)}.emojiart-rules-list li:last-child{margin-bottom:0}.emojiart-role-strip{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#6366f114;border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.45}.emojiart-secret{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--color-surface-200);border:2px dashed rgba(251,191,36,.45);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.emojiart-secret-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.emojiart-secret-word{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.emojiart-secret-wait{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.emojiart-break-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:#22c55e1a;border:1px solid rgba(34,197,94,.28);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary)}.emojiart-scoreboard{margin-top:var(--space-4)}.emojiart-game--postgame .emojiart-rules,.emojiart-game--postgame .emojiart-role-strip,.emojiart-game--postgame .emojiart-secret,.emojiart-game--postgame .emojiart-secret-wait,.emojiart-game--postgame .emojiart-break-summary{display:none}.meme-game{position:relative}.meme-prompt-container{position:relative;margin-bottom:var(--space-4)}.meme-prompt{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);text-align:center;padding:var(--space-6);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);min-height:80px;display:flex;align-items:center;justify-content:center}.meme-rofl-btn{position:absolute;top:var(--space-2);right:var(--space-2);width:40px;height:40px;background:var(--color-surface-200);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-xl);cursor:pointer;transition:all .2s ease;z-index:10}.meme-rofl-btn:hover{background:var(--color-primary-500);transform:scale(1.1)}.meme-rofl-tooltip{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface-200);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);max-width:250px;z-index:20;box-shadow:var(--shadow-lg)}.meme-input-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.meme-voting{margin-top:var(--space-4)}.meme-voting-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.meme-vote-options{display:flex;flex-direction:column;gap:var(--space-3)}.meme-vote-option{padding:var(--space-4);background:var(--color-surface-200);border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .2s ease}.meme-vote-option:hover{border-color:var(--color-primary-400)}.meme-winner{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:2px solid var(--color-warning-500);border-radius:var(--radius-2xl);margin-bottom:var(--space-4)}.meme-winner-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-warning-400);margin-bottom:var(--space-2)}.meme-winner-author{color:var(--color-text-secondary);font-size:var(--text-sm)}.spy-role{text-align:center;padding:var(--space-6);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-4);font-size:var(--text-xl)}.spy-role--spy{border-color:var(--color-error-500);background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,var(--color-surface-100) 100%)}.spy-role--location{border-color:var(--color-success-500);background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,var(--color-surface-100) 100%)}.spy-voting{margin-top:var(--space-4)}.spy-voting-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.spy-players-grid{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.spy-timer{margin-top:var(--space-3);text-align:center;font-weight:700;color:var(--color-text-secondary);font-size:var(--text-base)}.spy-guess-block{margin-top:var(--space-4);padding:var(--space-4);background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:var(--radius-lg)}.spy-guess-label{margin-bottom:var(--space-3);text-align:center;font-weight:600;color:var(--color-text-primary)}.spy-guess-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.spy-guess-option{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.spy-guess-option:hover{background:#a855f738;border-color:#a855f780;transform:translateY(-1px)}.spy-result{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);text-align:center;border:1px solid transparent}.spy-result--caught{background:#10b9811a;border-color:#10b9814d}.spy-result--escaped{background:#ef44441a;border-color:#ef44444d}.spy-result-title{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2);color:var(--color-text-primary)}.spy-result-detail{font-size:var(--text-sm);color:var(--color-text-secondary)}.truths-facts-list{margin-bottom:var(--space-4)}.truths-fact-input{width:100%;margin-bottom:var(--space-3)}.truths-lie-selector{margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.truths-guessing{text-align:center}.truths-guessing-title{margin-bottom:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary)}.truths-fact-option{width:100%;margin-bottom:var(--space-2);text-align:left;justify-content:flex-start}.story-display{background:var(--color-surface-200);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);min-height:60px;line-height:1.6;white-space:pre-wrap;text-align:left}.story-input-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.story-input{flex:1;min-width:200px}.story-current-writer{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}.timeline-game{max-width:480px;margin-left:auto;margin-right:auto}.timeline-header{text-align:center;margin-bottom:var(--space-6)}.timeline-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-2)}.timeline-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.timeline-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-event-card{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.timeline-event-label{font-size:var(--text-sm);opacity:.9;margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.timeline-event-text{font-size:var(--text-xl);font-weight:600;margin:0;line-height:1.4}.timeline-input-form{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.timeline-input{flex:1;min-width:140px;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);border:2px solid var(--color-border-accent);border-radius:var(--radius-lg);background:var(--color-surface-100)}.timeline-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f138}.timeline-waiting{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.timeline-result-card{background:var(--gradient-card);border:2px solid var(--color-border-accent);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.timeline-result-event{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.timeline-result-answer{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.timeline-result-label{font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-result-year{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-success-green, #22c55e)}.timeline-result-list{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-result-row{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface-200);border-radius:var(--radius-md)}.timeline-result-row span:last-child.timeline-exact{color:var(--color-success-green, #22c55e);font-weight:600}.timeline-score{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.timeline-score-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.timeline-score-list{display:flex;flex-direction:column;gap:var(--space-2)}.timeline-score-item{display:flex;justify-content:space-between;padding:var(--space-2) 0}.timeline-score-item span:last-child{font-weight:600;color:var(--color-primary-500)}.emoji-display{font-size:3rem;text-align:center;margin-bottom:var(--space-2);min-height:70px;display:flex;align-items:center;justify-content:center}.emoji-category{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.emoji-hint{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.whoami-characters{margin-bottom:var(--space-4)}.whoami-character-item{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.whoami-input-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.whoami-input{flex:1;min-width:150px}.fakeartist-role{text-align:center;padding:var(--space-4);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-4)}.fakeartist-role--fake{border-color:var(--color-error-500);background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,var(--color-surface-100) 100%)}.fakeartist-hint-section{margin-top:var(--space-4)}.fakeartist-hint-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.fakeartist-hint-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.fakeartist-hint-input{flex:1;min-width:150px}.fakeartist-voting{margin-top:var(--space-4)}.fakeartist-voting-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.fakeartist-players-grid{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.fakeartist-guess-section{margin-top:var(--space-4)}.fakeartist-guess-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.fakeartist-guess-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.fakeartist-guess-input{flex:1;min-width:150px}.chameleon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media(max-width:640px){.chameleon-grid{grid-template-columns:repeat(2,1fr)}}.chameleon-word-cell{padding:var(--space-3);background:var(--color-surface-200);border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;font-size:var(--text-sm);transition:all .2s ease}.chameleon-word-cell--secret{background:#10b98133;border-color:var(--color-success-500)}.chameleon-role{text-align:center;padding:var(--space-4);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-4)}.chameleon-role--chameleon{border-color:var(--color-error-500);background:linear-gradient(135deg,rgba(244,63,94,.1) 0%,var(--color-surface-100) 100%)}.chameleon-clue-section{margin-top:var(--space-4)}.chameleon-clue-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.chameleon-clue-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.chameleon-clue-input{flex:1;min-width:150px}.chameleon-voting{margin-top:var(--space-4)}.chameleon-voting-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.chameleon-players-grid{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.chameleon-guess-section{margin-top:var(--space-4)}.chameleon-guess-label{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.chameleon-guess-grid{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.debate-topic{text-align:center;padding:var(--space-4);background:var(--gradient-card);border:2px solid var(--color-border-subtle);border-radius:var(--radius-2xl);margin-bottom:var(--space-4);font-size:var(--text-lg);min-height:50px}.debate-players{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-4);flex-wrap:wrap}.debate-player{text-align:center}.debate-player-name{font-weight:600;color:var(--color-text-primary)}.debate-player-side{font-size:var(--text-sm);color:var(--color-text-muted)}.debate-voting{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.waiting-state{text-align:center;padding:var(--space-6)}.waiting-message{color:var(--color-text-muted);margin-top:var(--space-4)}.nickname-change{margin-top:var(--space-4);max-width:360px;margin-left:auto;margin-right:auto}.nickname-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.nickname-row .room-nickname-frame{flex:1 1 180px;min-width:0;max-width:260px}.nickname-input{flex:1}.mafia-setup-stage{display:grid;grid-template-columns:minmax(220px,42%) minmax(320px,58%);min-height:min(76vh,780px);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-border-default) 60%,transparent);background:color-mix(in srgb,var(--color-surface-100) 86%,#000 14%);overflow:hidden;margin-top:var(--space-4)}.mafia-setup-stage__media{position:relative;display:none;background:#0f0f0f}.mafia-setup-stage__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(.72)}.mafia-setup-stage__smoke{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 20% 40%,rgba(187,245,50,.16) 0%,transparent 56%),linear-gradient(90deg,transparent 65%,rgba(19,19,19,.92) 100%)}.mafia-setup-stage__panel{position:relative;z-index:2;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at 20% 10%,rgba(187,245,50,.06) 0%,transparent 45%),#131313e0}.mafia-setup-close{position:absolute;top:18px;right:18px;border:1px solid color-mix(in srgb,var(--color-border-default) 65%,transparent);background:#201f1fb3;color:var(--color-text-primary);width:38px;height:38px;border-radius:999px;cursor:pointer}.mafia-setup-head p{margin:0 0 8px;color:#bbf532;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800}.mafia-setup-head h2{margin:0;font-size:clamp(1.45rem,3.2vw,2.6rem);line-height:1.05;font-weight:900;letter-spacing:-.03em}.mafia-setup-head h2 span{color:#a0d800}.mafia-setup-card{border:1px solid rgba(141,148,123,.22);border-radius:var(--radius-xl);padding:14px;background:#201f1f9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mafia-setup-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mafia-setup-row strong{font-size:1rem}.mafia-setup-row span{min-width:42px;text-align:center;border-radius:999px;padding:3px 10px;background:#bbf53224;color:#bbf532;font-weight:800}.mafia-setup-card input[type=range]{width:100%;accent-color:#bbf532}.mafia-setup-scale{margin-top:8px;display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.mafia-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mafia-setup-card--toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.mafia-setup-card--toggle p,.mafia-setup-card--action p{margin:4px 0 0;color:var(--color-text-muted);font-size:.76rem}.mafia-setup-card--toggle input[type=checkbox]{width:18px;height:18px;accent-color:#bbf532}.mafia-setup-card--action{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:var(--color-text-primary);cursor:pointer}.mafia-setup-card--action:disabled{opacity:.55;cursor:not-allowed}.mafia-setup-details{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.mafia-setup-details label{display:grid;gap:4px;font-size:.76rem;color:var(--color-text-muted)}.mafia-setup-details input{border-radius:10px;border:1px solid var(--color-border-default);background:var(--color-surface-100);color:var(--color-text-primary);padding:8px 10px}.mafia-setup-note{border:1px solid color-mix(in srgb,var(--color-secondary-500) 30%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-100) 82%,var(--color-secondary-500) 18%);color:var(--color-text-muted);padding:10px 12px;font-size:.82rem;line-height:1.45}.mafia-setup-start{border:none;border-radius:12px;height:56px;background:linear-gradient(90deg,#bbf532,#a0d800);color:#253600;font-weight:900;font-size:1.1rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 24px #bbf53242}.mafia-setup-waiting{margin:2px 0;color:var(--color-text-muted);text-align:center}.mafia-setup-stage .nickname-change{margin-top:4px}@media(min-width:1080px){.mafia-setup-stage__media{display:block}}@media(max-width:900px){.mafia-setup-stage,.mafia-setup-grid,.mafia-setup-details{grid-template-columns:1fr}}.room-page--mafia-playing .room-content-grid.mafia-ops-layout{grid-template-columns:1fr}.room-page--mafia-playing .room-content-grid>.room-side-stack{display:none}.room-page--mafia-playing .mafia-mobile-tabs{display:none}.mafia-noir-topbar{position:fixed;top:56px;left:0;right:0;z-index:40;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#0e0e0edb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(141,148,123,.15)}.mafia-noir-topbar__brand{font-size:1.3rem;font-weight:900;color:#a0d800;letter-spacing:-.02em}.mafia-noir-topbar__meta{display:flex;gap:14px;color:var(--color-text-muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.mafia-noir-panel{position:fixed;top:124px;bottom:118px;width:min(320px,23vw);display:flex;flex-direction:column;gap:12px;z-index:30}.mafia-noir-panel--left{left:22px}.mafia-noir-panel--right{right:22px}.mafia-noir-card{display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(141,148,123,.18);background:#0e0e0ebd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;min-height:0}.mafia-noir-card--checks{min-height:180px}.mafia-noir-card--host{min-height:140px}.mafia-noir-card--mafia-chat{flex:1}.mafia-noir-card--common-chat{flex:1.4}.mafia-noir-card__head{padding:12px 14px;border-bottom:1px solid rgba(141,148,123,.16);display:flex;justify-content:space-between;align-items:center;gap:10px}.mafia-noir-card__head h3{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted)}.mafia-noir-card__head span{font-size:.66rem;color:var(--color-text-muted);text-transform:uppercase}.mafia-noir-scroll{flex:1;overflow-y:auto;padding:10px 12px;display:grid;align-content:start;grid-auto-rows:max-content;gap:8px}.mafia-noir-log-row,.mafia-noir-check-row,.mafia-noir-message{display:grid;gap:4px}.mafia-noir-log-row span,.mafia-noir-check-row span,.mafia-noir-message div span{font-size:.62rem;color:color-mix(in srgb,#a0d800 70%,#fff 30%);font-family:var(--font-mono)}.mafia-noir-log-row p,.mafia-noir-check-row p,.mafia-noir-message p{margin:0;color:var(--color-text-muted);font-size:.83rem;line-height:1.35}.mafia-noir-message div{display:flex;justify-content:space-between;align-items:baseline}.mafia-noir-message strong{color:var(--color-text-primary);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.mafia-noir-message.self p{background:#353534b3;border-radius:8px;padding:6px 8px}.mafia-noir-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(141,148,123,.16)}.mafia-noir-input-row input{flex:1;border:1px solid rgba(141,148,123,.22);border-radius:999px;background:#1c1b1be6;color:var(--color-text-primary);padding:8px 12px;font-size:.78rem}.mafia-noir-input-row button{width:34px;height:34px;border-radius:999px;border:none;background:#a0d800;color:#253600;font-weight:800;cursor:pointer}.mafia-noir-host-actions{padding:10px 12px;display:grid;gap:8px}.mafia-noir-host-actions button{border:1px solid rgba(141,148,123,.25);border-radius:10px;background:#1c1b1bd6;color:var(--color-text-primary);font-size:.75rem;padding:8px 10px;cursor:pointer}.mafia-noir-empty{margin:0;color:var(--color-text-muted);font-size:.82rem}.room-page--mafia-playing .game-area.mafia-table-area{margin-top:96px;min-height:calc(100vh - 250px);padding-left:clamp(300px,24vw,360px);padding-right:clamp(300px,24vw,360px);background:transparent;border:none;box-shadow:none}.room-page--mafia-playing .mafia-table-container{min-height:calc(100vh - 330px)}.mafia-noir-voice-dock{position:fixed;left:50%;transform:translate(-50%);bottom:112px;z-index:45;width:min(860px,calc(100vw - 40px));border-radius:16px;border:1px solid rgba(141,148,123,.2);background:#0e0e0ee6;padding:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mafia-noir-bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:46;width:min(760px,calc(100vw - 24px));border-radius:999px;border:1px solid rgba(141,148,123,.18);background:#141414e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px}.mafia-noir-bottom-nav button{border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);height:60px;display:grid;place-items:center;font-size:1.05rem;cursor:pointer}.mafia-noir-bottom-nav button span{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em}.mafia-noir-bottom-nav button:hover:not(:disabled){background:#353534cc;color:#dcb8ff}.mafia-noir-bottom-nav button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1280px){.mafia-noir-panel{width:min(280px,24vw)}.room-page--mafia-playing .game-area.mafia-table-area{padding-left:min(300px,27vw);padding-right:min(300px,27vw)}}@media(max-width:1024px){.mafia-noir-topbar,.mafia-noir-panel--left,.mafia-noir-panel--right{display:none}.room-page--mafia-playing .game-area.mafia-table-area{margin-top:6px;min-height:calc(100vh - 180px);padding-left:0;padding-right:0}}.mafia-night-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;z-index:5;pointer-events:none}.room-page .mafia-table-area{position:relative;z-index:10}.ai-narrator{max-height:200px;overflow-y:auto}.ai-msg{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm)}.ai-msg:last-child{border-bottom:none}.assoc-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);pointer-events:none;opacity:0;transition:opacity .15s ease}.assoc-flash-overlay.active{opacity:.3}.laugh-container{position:relative}.laugh-disco{animation:disco-flash .5s ease infinite}@keyframes disco-flash{0%,to{background:var(--color-surface-100)}50%{background:#6366f11a}}@media(prefers-reduced-motion:reduce){.laugh-disco,.hat-timer-pill--urgent{animation:none}.hat-word-display,.assoc-card,.quiz-option,.meme-vote-option{transition:none}}.room-page .game-area{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(165deg,rgba(255,255,255,.04) 0%,transparent 42%),linear-gradient(225deg,rgba(124,92,252,.04) 0%,transparent 55%),var(--color-surface-100);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);box-shadow:0 4px 32px #00000073,0 0 0 1px #7c5cfc0a inset,0 1px #ffffff08 inset;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.room-page .game-area:focus-within{border-color:#7c5cfc2e;box-shadow:0 8px 40px #00000080,0 0 0 1px #7c5cfc14 inset,0 0 60px #7c5cfc0f}.room-page .game-area:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--gradient-hero);opacity:.6;z-index:1;pointer-events:none}.room-page .game-area-title{position:relative;z-index:2;font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--color-text-primary);padding-bottom:var(--space-4);margin-bottom:var(--space-5)!important;border-bottom:1px solid rgba(255,255,255,.06)}.room-page .game-area-title:after{content:"";display:block;width:56px;height:3px;margin:var(--space-3) auto 0;border-radius:var(--radius-full);background:var(--gradient-hero);opacity:.9}.room-page .hat-game:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#f472b6)}.room-page .assoc-game:before{background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899)}.room-page .croc-game:before{background:linear-gradient(90deg,#10b981,#14b8a6,#6366f1)}.room-page .generic-game:before{background:linear-gradient(90deg,#818cf8,#6366f1,#c084fc)}.room-page .spy-game:before{background:linear-gradient(90deg,#8b5cf6,#6366f1,#1e293b)}.room-page .quiz-game:before{background:linear-gradient(90deg,#3b82f6,#6366f1,#ec4899)}@keyframes quiz-urgent-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.room-page .quiz-game--urgent .quiz-question{animation:quiz-urgent-pulse .8s ease infinite;border-color:#ef4444!important}.room-page .categories-game:before{background:linear-gradient(90deg,#0ea5e9,#6366f1,#a855f7)}.room-page .wyr-game:before{background:linear-gradient(90deg,#ec4899,#6366f1,#f59e0b)}.room-page .trust-game:before{background:linear-gradient(90deg,#10b981,#6366f1,#f43f5e)}.room-page .collage-game:before{background:linear-gradient(90deg,#f472b6,#a855f7,#38bdf8)}.room-page .emojiart-game:before{background:linear-gradient(90deg,#fbbf24,#f472b6,#34d399)}.room-page .meme-game:before{background:linear-gradient(90deg,#f472b6,#fbbf24,#6366f1)}.room-page .debate-game:before{background:linear-gradient(90deg,#fb7185,#f472b6,#818cf8)}.room-page .truths-game:before{background:linear-gradient(90deg,#fbbf24,#f59e0b,#f472b6)}.room-page .story-game:before{background:linear-gradient(90deg,#6366f1,#818cf8,#38bdf8)}.room-page .emoji-game:before{background:linear-gradient(90deg,#f472b6,#fbbf24,#34d399)}.room-page .whoami-game:before{background:linear-gradient(90deg,#22d3ee,#6366f1,#a78bfa)}.room-page .fakeartist-game:before{background:linear-gradient(90deg,#ec4899,#f472b6,#fbbf24)}.room-page .chameleon-game:before{background:linear-gradient(90deg,#34d399,#10b981,#6366f1)}.room-page .timeline-game:before{background:linear-gradient(90deg,#6366f1,#38bdf8,#fbbf24)}.room-page .mafia-table-area:before{background:linear-gradient(90deg,#dc2626,#7c3aed,#0f172a);height:4px}.room-page .game-area.mafia-table-area{overflow-x:clip;overflow-y:visible}.room-page .monopoly-container:before,.room-page .kowall-container:before{background:linear-gradient(90deg,#10b981,#6366f1)}.room-page .ai-narrator:before{background:linear-gradient(90deg,#a78bfa,#6366f1)}.room-page .generic-word-display,.room-page .meme-prompt,.room-page .quiz-question{position:relative;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 100%),var(--gradient-card);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.room-page .generic-hint,.room-page .quiz-hint{color:var(--color-text-tertiary);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-3) var(--space-4);background:#6366f114;border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.15);margin-top:var(--space-3)}.room-page .generic-input-form{position:relative;z-index:2;padding:var(--space-2);background:#00000026;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle)}.room-page .generic-input,.room-page .story-input,.room-page .whoami-input{min-height:var(--touch-target-min, 44px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:#0f172a80;color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.room-page .generic-input:focus,.room-page .story-input:focus,.room-page .whoami-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #6366f140}.room-page .generic-voting-options button,.room-page .generic-voting-options .btn{transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-out)}.room-page .generic-voting-options button:hover,.room-page .generic-voting-options .btn:hover{transform:translateY(-2px)}.room-page .generic-score,.room-page .croc-score,.room-page .timeline-score{position:relative;z-index:2;margin-top:var(--space-6);padding:var(--space-4);background:#0003;border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle)}.room-page .generic-score-item,.room-page .croc-score-item{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border-bottom:none!important;margin-bottom:var(--space-1);background:#ffffff08}.room-page .generic-score-item:last-child,.room-page .croc-score-item:last-child{margin-bottom:0}.room-page .quiz-option{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.room-page .quiz-option:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.room-page .assoc-vote-card{box-shadow:0 4px 16px #0003;transition:box-shadow .18s,transform .15s,border-color .18s}.room-page .assoc-vote-card:hover{box-shadow:0 6px 24px #7850ff38;transform:translateY(-2px)}.room-page .assoc-vote-card.selected.yes{border-color:#4ade8099;box-shadow:0 0 18px #4ade8040}.room-page .assoc-vote-card.selected.no{border-color:#f8717199;box-shadow:0 0 18px #f8717140}.room-page .hat-word-display{box-shadow:0 12px 40px #6366f126}.room-page .croc-canvas-wrapper{box-shadow:0 8px 32px #00000059;border-color:#6366f140}.room-page .story-display{border:1px solid var(--color-border-subtle);box-shadow:inset 0 1px #ffffff0a}.room-page .meme-game.meme-disco:before{animation:game-accent-pulse 2.5s ease-in-out infinite}@keyframes game-accent-pulse{0%,to{opacity:.75;filter:brightness(1)}50%{opacity:1;filter:brightness(1.15)}}.room-page .timeline-game{box-shadow:0 4px 28px #00000059,0 0 0 1px #6366f114 inset}.room-page .timeline-event-card{box-shadow:0 12px 40px #4f46e559}.room-page .timeline-result-card{animation:timeline-reveal .45s var(--ease-out) both}@keyframes timeline-reveal{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes anagrams-tile-drop{0%{opacity:0;transform:translateY(-20px) rotate(-8deg) scale(.85)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes anagrams-word-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.room-page .anagrams-game{--accent-from: #F59E0B;--accent-mid: #F97316;--accent-to: #EF4444}.room-page .anagrams-game:before{background:linear-gradient(135deg,#f59e0b,#f97316,#ef4444)}.room-page .anagrams-board{text-align:center;margin-bottom:var(--space-4)}.room-page .anagrams-board-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .anagrams-tiles{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-3)}.room-page .anagrams-tile{display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;font-size:1.2rem;font-weight:800;border-radius:var(--radius-lg);background:#f59e0b26;border:1.5px solid rgba(245,158,11,.45);color:#fcd34d;box-shadow:0 4px 12px #f59e0b33,inset 0 1px #ffffff1a;animation:anagrams-tile-drop .35s var(--ease-bounce) both;transition:transform .12s var(--ease-bounce),box-shadow .12s;cursor:default;-webkit-user-select:none;user-select:none}.room-page .anagrams-tile:nth-child(1){animation-delay:0s}.room-page .anagrams-tile:nth-child(2){animation-delay:.05s}.room-page .anagrams-tile:nth-child(3){animation-delay:.1s}.room-page .anagrams-tile:nth-child(4){animation-delay:.15s}.room-page .anagrams-tile:nth-child(5){animation-delay:.2s}.room-page .anagrams-tile:nth-child(6){animation-delay:.25s}.room-page .anagrams-tile:nth-child(7){animation-delay:.3s}.room-page .anagrams-tile:nth-child(8){animation-delay:.35s}.room-page .anagrams-tile:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 20px #f59e0b59}.room-page .anagrams-tip{font-size:var(--text-xs);color:#f97316;opacity:.8;font-weight:500}.room-page .anagrams-result{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .anagrams-result-header{font-size:var(--text-sm);font-weight:600;color:#fcd34d;margin-bottom:var(--space-3)}.room-page .anagrams-result-empty{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;padding:var(--space-3)}.room-page .anagrams-words-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:220px;overflow-y:auto}.room-page .anagrams-word-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:#ffffff0a;animation:anagrams-word-in .25s ease both;font-size:var(--text-sm)}.room-page .anagrams-word-row--big{background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.room-page .anagrams-word-text{font-weight:700;color:var(--color-text-primary);flex:1;text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs)}.room-page .anagrams-word-row--big .anagrams-word-text{color:#fcd34d}.room-page .anagrams-word-player{color:var(--color-text-secondary);font-size:var(--text-xs);flex:1}.room-page .anagrams-word-pts{font-weight:700;font-size:var(--text-xs);color:#4ade80;min-width:2.5rem;text-align:right}.room-page .anagrams-word-row--big .anagrams-word-pts{color:#fcd34d}.room-page .anagrams-letter{box-shadow:0 4px 12px #f59e0b33;transition:transform var(--duration-fast) var(--ease-bounce)}.room-page .anagrams-letter:hover{transform:scale(1.06)}.room-page .spy-role,.room-page .fakeartist-role,.room-page .chameleon-role{border-radius:var(--radius-2xl);box-shadow:0 8px 28px #00000040}@keyframes chameleon-reveal-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.room-page .chameleon-reveal{text-align:center;padding:var(--space-5);border-radius:var(--radius-2xl);margin:var(--space-4) 0;animation:chameleon-reveal-pop .5s cubic-bezier(.34,1.56,.64,1) both}.room-page .chameleon-reveal--correct{background:#16a34a26;border:2px solid #16a34a}.room-page .chameleon-reveal--wrong{background:#dc26261a;border:2px solid #dc2626}.room-page .chameleon-reveal-icon{font-size:2.5rem;margin-bottom:var(--space-2)}.room-page .chameleon-reveal-text{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.room-page .chameleon-reveal--correct .chameleon-reveal-text{color:#4ade80}.room-page .chameleon-reveal--wrong .chameleon-reveal-text{color:#f87171}.room-page .chameleon-reveal-word{font-size:var(--text-base);color:var(--color-text-primary)}.room-page .chameleon-reveal-guess{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.room-page .alias-game:before{background:linear-gradient(90deg,#f59e0b,#7c3aed,#10b981)}.room-page .alias-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0}.room-page .alias-header .game-area-title{margin-bottom:0;border-bottom:none;padding-bottom:0}.room-page .alias-header .game-area-title:after{display:none}.room-page .alias-round-badge{font-size:var(--text-sm);font-weight:600;padding:4px 14px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-full);color:#c084fc}.room-page .alias-explainer-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff0a;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.07);margin:var(--space-4) 0;flex-wrap:wrap}.room-page .alias-explainer-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.room-page .alias-explainer-name{flex:1;font-size:var(--text-base);color:var(--color-text-primary)}.room-page .alias-timer{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);transition:color .3s}.room-page .alias-timer--urgent{color:#ef4444;animation:alias-timer-pulse .7s ease-in-out infinite alternate}@keyframes alias-timer-pulse{0%{opacity:1}to{opacity:.45}}.room-page .alias-word-card{position:relative;z-index:2;text-align:center;background:linear-gradient(145deg,#7c3aed1f,#10b98112);border:1px solid rgba(124,58,237,.28);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);margin:var(--space-2) 0 var(--space-4);box-shadow:0 8px 36px #7c3aed26,0 0 0 1px #7c3aed14 inset}.room-page .alias-word-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#c084fc;margin-bottom:var(--space-3)}.room-page .alias-word-text{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:1.15;word-break:break-word;margin-bottom:var(--space-3)}.room-page .alias-word-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.room-page .alias-confirm-hint{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.room-page .alias-guess-candidates{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.room-page .alias-guess-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(160deg,#059669,#047857);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #05966959;transition:transform .15s ease,box-shadow .15s ease}.room-page .alias-guess-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966973}.room-page .alias-guess-chip:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.room-page .alias-confirm-block{text-align:center;margin-top:var(--space-3)}.room-page .alias-transition{text-align:center;padding:var(--space-6);margin:var(--space-2) 0 var(--space-4);background:linear-gradient(145deg,#7c3aed2e,#10b9811a);border:1px solid rgba(124,58,237,.32);border-radius:var(--radius-2xl);animation:alias-transition-in .25s ease}.room-page .alias-transition-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#c084fc;margin-bottom:var(--space-2)}.room-page .alias-transition-name{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:var(--color-text-primary)}@keyframes alias-transition-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.room-page .alias-explainer-strip{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.room-page .alias-explainer-name{flex:none;width:100%}.room-page .alias-timer{align-self:flex-end}}.room-page .alias-guesser-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:#6366f112;border-radius:var(--radius-xl);border:1px solid rgba(99,102,241,.14);color:var(--color-text-secondary);font-size:var(--text-base);margin:var(--space-2) 0 var(--space-4)}.room-page .alias-guesser-icon{font-size:1.5rem}.room-page .wordbomb-game:before{background:linear-gradient(90deg,#ef4444,#f97316,#fcd34d)}.room-page .wordbomb-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:0}.room-page .wordbomb-header .game-area-title{margin-bottom:0;border-bottom:none;padding-bottom:0}.room-page .wordbomb-header .game-area-title:after{display:none}.room-page .wordbomb-round-badge{font-size:var(--text-sm);font-weight:600;padding:4px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-full);color:#fca5a5}.room-page .wordbomb-status-strip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffff0a;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.07);margin:var(--space-4) 0;flex-wrap:wrap}.room-page .wordbomb-explainer-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.room-page .wordbomb-explainer-name{flex:1;font-size:var(--text-base);color:var(--color-text-primary)}.room-page .wordbomb-timer{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);transition:color .3s}.room-page .wordbomb-timer--urgent{color:#ef4444;animation:alias-timer-pulse .5s ease-in-out infinite alternate}.room-page .wordbomb-word-card{position:relative;z-index:2;text-align:center;background:linear-gradient(145deg,#ef44441a,#f9731612);border:1px solid rgba(239,68,68,.28);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-6);margin:var(--space-2) 0 var(--space-4);box-shadow:0 8px 36px #ef44441f,0 0 0 1px #ef444412 inset}.room-page .wordbomb-word-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:#fca5a5;margin-bottom:var(--space-3)}.room-page .wordbomb-word-main{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:1.15;word-break:break-word;margin-bottom:var(--space-4)}.room-page .wordbomb-mines{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px dashed rgba(239,68,68,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-3);text-align:left;flex-wrap:wrap}.room-page .wordbomb-mines-label{font-size:var(--text-sm);font-weight:600;color:#fca5a5;white-space:nowrap}.room-page .wordbomb-mines-list{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .wordbomb-word-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.room-page .wordbomb-confirm-hint{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.room-page .wordbomb-guess-candidates{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.room-page .wordbomb-guess-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;color:#fff;background:linear-gradient(160deg,#059669,#047857);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #05966959;transition:transform .15s ease,box-shadow .15s ease}.room-page .wordbomb-guess-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966973}.room-page .wordbomb-guess-chip:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.room-page .wordbomb-guesser-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);background:#ef444412;border-radius:var(--radius-xl);border:1px solid rgba(239,68,68,.14);color:var(--color-text-secondary);font-size:var(--text-base);margin:var(--space-2) 0 var(--space-4)}.room-page .lastword-game:before{background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9)}.room-page .lastword-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .lastword-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary);letter-spacing:.02em}.room-page .lastword-round-badge{background:linear-gradient(135deg,#7c3aed2e,#4f46e51f);border:1px solid rgba(124,58,237,.35);color:#a78bfa;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .lastword-category-card{background:linear-gradient(145deg,#7c3aed21,#0ea5e914);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:0 8px 36px #7c3aed2e,0 0 0 1px #4f46e50f inset;margin-bottom:var(--space-4)}.room-page .lastword-category-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#a78bfa;margin-bottom:var(--space-2)}.room-page .lastword-category-name{font-size:clamp(2rem,6vw,3.2rem);font-weight:800;background:linear-gradient(135deg,#c4b5fd,#818cf8 40%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15;margin-bottom:var(--space-3)}.room-page .lastword-category-hint{font-size:var(--text-sm);color:var(--color-text-secondary);opacity:.8}.room-page .lastword-status-strip{display:flex;align-items:center;justify-content:space-between;background:#0f0f1959;border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-3);gap:var(--space-4)}.room-page .lastword-words-count{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.room-page .lastword-words-icon{font-size:1rem}.room-page .lastword-timer{font-size:1.25rem;font-weight:700;color:#a78bfa;letter-spacing:.02em;transition:color .3s ease}.room-page .lastword-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .lastword-bonus-tip{background:linear-gradient(135deg,#4f46e514,#0ea5e90d);border:1px dashed rgba(79,70,229,.3);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-4)}.room-page .lastword-bonus-tip strong{color:#fbbf24}.room-page .auction-game:before{background:linear-gradient(135deg,#f59e0b,#d97706,#92400e)}.room-page .auction-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .auction-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .auction-round-badge{background:linear-gradient(135deg,#f59e0b2e,#d977061a);border:1px solid rgba(245,158,11,.4);color:#fcd34d;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .auction-question-card{background:linear-gradient(145deg,#f59e0b1a,#92400e12);border:1px solid rgba(245,158,11,.28);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:0 8px 32px #f59e0b1f;margin-bottom:var(--space-4)}.room-page .auction-question-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fcd34d;margin-bottom:var(--space-3)}.room-page .auction-question-text{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-4)}.room-page .auction-timer{font-size:1.15rem;font-weight:700;color:#fcd34d;letter-spacing:.02em;transition:color .3s ease}.room-page .auction-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .auction-input-form{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.room-page .auction-input{flex:1;background:#0f0f1980;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.room-page .auction-input:focus{border-color:#f59e0bb3;box-shadow:0 0 0 3px #f59e0b1f}.room-page .auction-reveal{background:#0f0f1966;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);margin-bottom:var(--space-4)}.room-page .auction-reveal-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fcd34d;margin-bottom:var(--space-2)}.room-page .auction-reveal-question{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.room-page .auction-reveal-answer{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .auction-reveal-correct{color:#4ade80;font-size:1.1em}.room-page .auction-reveal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.room-page .auction-reveal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff08;font-size:var(--text-sm)}.room-page .auction-reveal-row--winner{background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid rgba(245,158,11,.3)}.room-page .auction-reveal-row--miss{opacity:.5}.room-page .auction-reveal-pos{width:1.4em;font-weight:700;color:#fcd34d;text-align:center}.room-page .auction-reveal-name{flex:1;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-page .auction-reveal-guess{font-weight:600;color:var(--color-text-primary)}.room-page .auction-reveal-delta{font-size:.85em;color:var(--color-text-secondary);font-weight:400}.room-page .wavelength-game:before{background:linear-gradient(135deg,#7c3aed,#0ea5e9,#06b6d4)}.room-page .wavelength-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .wavelength-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .wavelength-round-badge{background:linear-gradient(135deg,#7c3aed2e,#06b6d41a);border:1px solid rgba(6,182,212,.4);color:#67e8f9;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .wavelength-scale-wrap{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .wavelength-pole{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;max-width:90px;text-align:center}.room-page .wavelength-pole--left{color:#67e8f9}.room-page .wavelength-pole--right{color:#c4b5fd}.room-page .wavelength-scale-bar{flex:1;position:relative;height:28px;border-radius:var(--radius-full);overflow:visible}.room-page .wavelength-scale-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:linear-gradient(90deg,#06b6d4,#7c3aed,#c4b5fd);opacity:.55;box-shadow:0 2px 10px #06b6d433}.room-page .wavelength-target-marker{position:absolute;top:-4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.room-page .wavelength-target-pin{width:4px;height:36px;background:#fbbf24;border-radius:2px;box-shadow:0 0 8px #fbbf24b3}.room-page .wavelength-target-label{font-size:.7rem;font-weight:700;color:#fbbf24;margin-top:2px;white-space:nowrap}.room-page .wavelength-result-marker{position:absolute;top:-4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2}.room-page .wavelength-result-pin{width:4px;height:36px;background:#4ade80;border-radius:2px;box-shadow:0 0 10px #4ade80cc;animation:wavelength-reveal-in .4s ease-out}@keyframes wavelength-reveal-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.room-page .wavelength-result-label{font-size:.7rem;font-weight:700;color:#4ade80;margin-top:2px;white-space:nowrap}.room-page .wavelength-phase-strip{display:flex;align-items:center;justify-content:space-between;background:#0f0f1959;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .wavelength-psychic-prompt,.room-page .wavelength-waiting{display:flex;align-items:center;gap:var(--space-2)}.room-page .wavelength-psychic-prompt{color:#fbbf24}.room-page .wavelength-guessing-hint{color:var(--color-text-secondary)}.room-page .wavelength-timer{font-size:1.15rem;font-weight:700;color:#67e8f9;white-space:nowrap;transition:color .3s ease}.room-page .wavelength-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .wavelength-clue-card{background:linear-gradient(145deg,#06b6d41a,#7c3aed12);border:1px solid rgba(6,182,212,.28);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-6);text-align:center;box-shadow:0 6px 24px #06b6d41a;margin-bottom:var(--space-4)}.room-page .wavelength-clue-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#67e8f9;margin-bottom:var(--space-2)}.room-page .wavelength-clue-text{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;background:linear-gradient(135deg,#67e8f9,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.room-page .wavelength-input-form{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.room-page .wavelength-input{flex:1;background:#0f0f1980;border:1px solid rgba(6,182,212,.35);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.room-page .wavelength-input:focus{border-color:#06b6d4b3;box-shadow:0 0 0 3px #06b6d41f}.room-page .wavelength-reveal{background:#0f0f1966;border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);animation:wavelength-reveal-in .3s ease-out}.room-page .wavelength-reveal-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .wavelength-reveal-target{color:#4ade80;font-size:1.1em}.room-page .wavelength-reveal-clue{color:#67e8f9}.room-page .wavelength-reveal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.room-page .wavelength-reveal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff08;font-size:var(--text-sm)}.room-page .wavelength-reveal-row--exact{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.room-page .wavelength-reveal-row--close{background:#fbbf2412;border:1px solid rgba(251,191,36,.2)}.room-page .wavelength-reveal-name{flex:1;font-weight:500}.room-page .wavelength-reveal-guess{font-weight:600;color:#67e8f9}.room-page .wavelength-reveal-earned{font-weight:700;color:#fbbf24;min-width:2rem;text-align:right}.room-page .ranking-game:before{background:linear-gradient(135deg,#3b82f6,#6366f1,#818cf8)}.room-page .ranking-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .ranking-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .ranking-round-badge{background:linear-gradient(135deg,#3b82f62e,#6366f11a);border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .ranking-criterion-card{background:linear-gradient(145deg,#3b82f61a,#6366f112);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-6);text-align:center;box-shadow:0 6px 24px #3b82f61a;margin-bottom:var(--space-4)}.room-page .ranking-criterion-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;margin-bottom:var(--space-2)}.room-page .ranking-criterion-text{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-3)}.room-page .ranking-timer{font-size:1.1rem;font-weight:700;color:#a5b4fc;transition:color .3s ease}.room-page .ranking-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .ranking-items-wrap{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .ranking-items{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .ranking-item-row{display:flex;align-items:center;gap:var(--space-3);background:#0f0f1966;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:border-color .2s ease,background .2s ease}.room-page .ranking-item-row--filled{border-color:#6366f166;background:#6366f112}.room-page .ranking-item-name{flex:1;font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.room-page .ranking-pos-select{background:#0f0f1999;border:1px solid rgba(99,102,241,.4);border-radius:var(--radius-md);color:#a5b4fc;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);cursor:pointer;outline:none;min-width:52px;transition:border-color .2s ease}.room-page .ranking-pos-select:focus{border-color:#6366f1b3;box-shadow:0 0 0 3px #6366f11f}.room-page .ranking-reveal{background:#0f0f1966;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.room-page .ranking-reveal-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a5b4fc;margin-bottom:var(--space-1)}.room-page .ranking-reveal-criterion{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .ranking-reveal-list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.room-page .ranking-reveal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#6366f10f;font-size:var(--text-sm)}.room-page .ranking-reveal-pos{width:1.6em;font-weight:800;color:#a5b4fc;text-align:center;flex-shrink:0}.room-page .ranking-reveal-item{flex:1;font-weight:500;color:var(--color-text-primary)}.room-page .ranking-reveal-scores{display:flex;flex-wrap:wrap;gap:var(--space-2)}.room-page .ranking-reveal-score-chip{background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-full);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:600;color:#a5b4fc}.room-page .rhyme-game:before{background:linear-gradient(135deg,#ec4899,#a855f7,#8b5cf6)}.room-page .rhyme-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .rhyme-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .rhyme-round-badge{background:linear-gradient(135deg,#ec48992e,#a855f71a);border:1px solid rgba(236,72,153,.4);color:#f9a8d4;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .rhyme-word-card{background:linear-gradient(145deg,#ec48991f,#a855f714);border:1px solid rgba(236,72,153,.3);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:0 8px 32px #ec489924;margin-bottom:var(--space-4)}.room-page .rhyme-word-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#f9a8d4;margin-bottom:var(--space-2)}.room-page .rhyme-word-text{font-size:clamp(2rem,6vw,3rem);font-weight:800;background:linear-gradient(135deg,#f9a8d4,#d8b4fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.room-page .rhyme-phase-strip{display:flex;align-items:center;justify-content:space-between;background:#0f0f1959;border:1px solid rgba(236,72,153,.2);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);gap:var(--space-4);font-size:var(--text-sm)}.room-page .rhyme-phase-label{color:var(--color-text-secondary);font-weight:500}.room-page .rhyme-timer{font-size:1.15rem;font-weight:700;color:#f9a8d4;white-space:nowrap;transition:color .3s ease}.room-page .rhyme-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .rhyme-input-form{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.room-page .rhyme-input{flex:1;background:#0f0f1980;border:1px solid rgba(236,72,153,.35);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.room-page .rhyme-input:focus{border-color:#ec4899a6;box-shadow:0 0 0 3px #ec48991f}.room-page .rhyme-vote-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .rhyme-vote-card{display:flex;align-items:center;gap:var(--space-3);width:100%;background:#0f0f1966;border:1px solid rgba(236,72,153,.2);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,transform .1s ease;color:var(--color-text-primary)}.room-page .rhyme-vote-card:hover:not(:disabled){background:#ec48991a;border-color:#ec489973;transform:translate(3px)}.room-page .rhyme-vote-card[data-selected=true]{background:linear-gradient(135deg,#ec48992e,#a855f71f);border-color:#ec48998c}.room-page .rhyme-vote-card:disabled{cursor:default;opacity:.7}.room-page .rhyme-vote-num{width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;background:#ec489933;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#f9a8d4;flex-shrink:0}.room-page .rhyme-vote-text{font-size:var(--text-base);font-weight:500;font-style:italic}.room-page .rhyme-reveal{background:#0f0f1966;border:1px solid rgba(236,72,153,.25);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.room-page .rhyme-reveal-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f9a8d4;margin-bottom:var(--space-1)}.room-page .rhyme-reveal-winner{font-size:1.1rem;font-weight:800;color:#fbbf24;margin-bottom:var(--space-3)}.room-page .rhyme-reveal-list{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .rhyme-reveal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff08;font-size:var(--text-sm)}.room-page .rhyme-reveal-row--winner{background:linear-gradient(135deg,#ec489924,#a855f714);border:1px solid rgba(236,72,153,.35)}.room-page .rhyme-reveal-text{flex:1;font-style:italic;color:var(--color-text-primary)}.room-page .rhyme-reveal-author{font-size:var(--text-xs);color:var(--color-text-secondary)}.room-page .rhyme-reveal-votes{font-weight:700;color:#fbbf24;white-space:nowrap}.room-page .price-game:before{background:linear-gradient(135deg,#10b981,#059669,#065f46)}.room-page .price-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .price-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .price-round-badge{background:linear-gradient(135deg,#10b9812e,#0596691a);border:1px solid rgba(16,185,129,.4);color:#6ee7b7;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .price-product-card{background:linear-gradient(145deg,#10b9811a,#05966912);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:0 8px 32px #10b9811f;margin-bottom:var(--space-4);position:relative}.room-page .price-product-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#6ee7b7;margin-bottom:var(--space-2)}.room-page .price-product-name{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-2)}.room-page .price-product-hint{font-size:var(--text-sm);color:var(--color-text-secondary);opacity:.75;margin-bottom:var(--space-3)}.room-page .price-timer{font-size:1.1rem;font-weight:700;color:#6ee7b7;transition:color .3s ease}.room-page .price-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .price-input-form{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.room-page .price-input-wrap{flex:1;display:flex;align-items:center;gap:0;background:#0f0f1980;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.room-page .price-input-wrap:focus-within{border-color:#10b981b3;box-shadow:0 0 0 3px #10b9811f}.room-page .price-currency{padding:var(--space-3) var(--space-3);font-size:1rem;font-weight:700;color:#6ee7b7;background:#10b9811a;border-right:1px solid rgba(16,185,129,.25);flex-shrink:0}.room-page .price-input{flex:1;background:transparent;border:none;padding:var(--space-3) var(--space-3);font-size:var(--text-base);color:var(--color-text-primary);outline:none;min-width:0}.room-page .price-reveal{background:#0f0f1966;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.room-page .price-reveal-title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6ee7b7;margin-bottom:var(--space-1)}.room-page .price-reveal-product{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.room-page .price-reveal-actual{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .price-reveal-correct{color:#4ade80;font-size:1.15em}.room-page .price-reveal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.room-page .price-reveal-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff08;font-size:var(--text-sm)}.room-page .price-reveal-row--winner{background:linear-gradient(135deg,#10b98124,#05966914);border:1px solid rgba(16,185,129,.3)}.room-page .price-reveal-row--over{opacity:.55}.room-page .price-reveal-row--miss{opacity:.4}.room-page .price-reveal-name{flex:1;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-page .price-reveal-guess{font-weight:600;color:var(--color-text-primary)}.room-page .price-reveal-over-tag{font-size:.8em;font-weight:400;color:#f87171;margin-left:4px}.room-page .price-reveal-earned{font-weight:700;color:#fbbf24;min-width:2rem;text-align:right}.room-page .bluff-game:before{background:linear-gradient(135deg,#4f46e5,#7c3aed,#f59e0b)}.room-page .bluff-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .bluff-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .bluff-round-badge{background:linear-gradient(135deg,#4f46e52e,#f59e0b1a);border:1px solid rgba(245,158,11,.35);color:#fcd34d;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .bluff-word-card{background:linear-gradient(145deg,#4f46e51f,#7c3aed14);border:1px solid rgba(79,70,229,.35);border-radius:var(--radius-2xl);padding:var(--space-7) var(--space-6);text-align:center;box-shadow:0 8px 32px #4f46e524;margin-bottom:var(--space-4)}.room-page .bluff-word-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;margin-bottom:var(--space-2)}.room-page .bluff-word-text{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;background:linear-gradient(135deg,#c4b5fd,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.room-page .bluff-phase-strip{display:flex;align-items:center;justify-content:space-between;background:#0f0f1959;border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-4);gap:var(--space-4);font-size:var(--text-sm)}.room-page .bluff-phase-label{color:var(--color-text-secondary);font-weight:500}.room-page .bluff-phase-meta{display:flex;align-items:center;gap:var(--space-3)}.room-page .bluff-def-count{font-size:var(--text-xs);color:var(--color-text-secondary);background:#6366f11f;border-radius:999px;padding:2px 10px}.room-page .bluff-timer{font-size:1.15rem;font-weight:700;color:#a5b4fc;white-space:nowrap;transition:color .3s ease}.room-page .bluff-timer--urgent{color:#ef4444;animation:alias-timer-pulse .65s ease-in-out infinite alternate}.room-page .bluff-def-form{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .bluff-def-textarea{width:100%;background:#0f0f1980;border:1px solid rgba(79,70,229,.35);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);resize:vertical;outline:none;line-height:1.5;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.room-page .bluff-def-textarea:focus{border-color:#4f46e5a6;box-shadow:0 0 0 3px #4f46e51f}.room-page .bluff-vote-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .bluff-vote-card{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;background:#0f0f1966;border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,transform .1s ease;color:var(--color-text-primary)}.room-page .bluff-vote-card:hover:not(:disabled){background:#4f46e51a;border-color:#4f46e573;transform:translate(3px)}.room-page .bluff-vote-card[data-selected=true]{background:linear-gradient(135deg,#4f46e52e,#7c3aed1a);border-color:#4f46e58c}.room-page .bluff-vote-card:disabled{cursor:default;opacity:.7}.room-page .bluff-vote-num{width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;background:#4f46e533;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#a5b4fc;flex-shrink:0;margin-top:2px}.room-page .bluff-vote-text{font-size:var(--text-sm);line-height:1.5;font-style:italic}.room-page .bluff-reveal{background:#0f0f1966;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4)}.room-page .bluff-reveal-title{font-size:var(--text-sm);font-weight:600;color:#fcd34d;margin-bottom:var(--space-2)}.room-page .bluff-reveal-real{font-size:var(--text-base);font-style:italic;color:var(--color-text-primary);line-height:1.5;background:#f59e0b12;border-left:3px solid #F59E0B;padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-bottom:var(--space-4)}.room-page .bluff-reveal-scores{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .bluff-reveal-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff08;font-size:var(--text-sm)}.room-page .bluff-reveal-row--correct{background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.room-page .bluff-reveal-row--fooled{background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.room-page .bluff-reveal-name{font-weight:500;color:var(--color-text-primary)}.room-page .bluff-reveal-detail{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.room-page .bluff-reveal-row--correct .bluff-reveal-detail{color:#4ade80}.room-page .bluff-reveal-row--fooled .bluff-reveal-detail{color:#fbbf24}.room-page .escalation-game:before{background:linear-gradient(135deg,#ef4444,#f97316,#fbbf24)}.room-page .escalation-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.room-page .escalation-header .game-area-title{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:var(--color-text-primary)}.room-page .escalation-round-badge{background:linear-gradient(135deg,#ef44442e,#f973161a);border:1px solid rgba(249,115,22,.4);color:#fed7aa;font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.room-page .escalation-prompt-card{background:linear-gradient(145deg,#ef44441a,#f9731612);border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-6);text-align:center;box-shadow:0 6px 24px #ef44441a;margin-bottom:var(--space-4)}.room-page .escalation-prompt-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#fed7aa;margin-bottom:var(--space-2)}.room-page .escalation-prompt-text{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;color:var(--color-text-primary);line-height:1.4}.room-page .escalation-turn-strip{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .escalation-last-answer{display:flex;align-items:center;gap:var(--space-2);background:#0f0f194d;border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.room-page .escalation-last-label{color:var(--color-text-secondary);flex-shrink:0}.room-page .escalation-last-text{font-weight:600;color:#fed7aa}.room-page .escalation-active-player{display:flex;align-items:center;justify-content:space-between;background:#0f0f1959;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-5);gap:var(--space-4)}.room-page .escalation-you-label{font-weight:700;color:#fca5a5;font-size:var(--text-base)}.room-page .escalation-player-label{font-weight:500;color:var(--color-text-secondary);font-size:var(--text-sm)}.room-page .escalation-timer{font-size:1.15rem;font-weight:700;color:#fed7aa;white-space:nowrap;transition:color .3s ease}.room-page .escalation-timer--urgent{color:#ef4444;animation:alias-timer-pulse .55s ease-in-out infinite alternate}.room-page .escalation-timer--vote{font-size:1rem}.room-page .escalation-input-form{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.room-page .escalation-input{flex:1;background:#0f0f1980;border:1px solid rgba(249,115,22,.4);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.room-page .escalation-input:focus{border-color:#f97316b3;box-shadow:0 0 0 3px #f973161f}.room-page .escalation-vote-context{background:#0f0f1959;border:1px solid rgba(249,115,22,.2);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.room-page .escalation-compare-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.room-page .escalation-compare-label{color:var(--color-text-secondary);min-width:4rem;flex-shrink:0}.room-page .escalation-compare-row--prev .escalation-compare-value{color:var(--color-text-secondary);font-style:italic}.room-page .escalation-compare-row--new .escalation-compare-value{font-size:1.1rem;font-weight:700;color:#fca5a5}.room-page .escalation-vote-btns{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .escalation-vote-btn{flex:1;padding:var(--space-4) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:700;cursor:pointer;border:1px solid transparent;transition:background .15s,transform .1s,box-shadow .15s}.room-page .escalation-vote-btn--accept{background:#4ade801f;border-color:#4ade8059;color:#4ade80}.room-page .escalation-vote-btn--accept:hover{background:#4ade8038;transform:scale(1.02);box-shadow:0 4px 16px #4ade8033}.room-page .escalation-vote-btn--reject{background:#ef44441f;border-color:#ef444459;color:#f87171}.room-page .escalation-vote-btn--reject:hover{background:#ef444438;transform:scale(1.02);box-shadow:0 4px 16px #ef444433}.room-page .escalation-waiting{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-3);margin-bottom:var(--space-4)}@keyframes bombparty-tick{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bombparty-explode{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.3) rotate(-5deg)}40%{transform:scale(.9) rotate(5deg)}60%{transform:scale(1.15) rotate(-3deg)}80%{transform:scale(.95) rotate(2deg)}to{transform:scale(1) rotate(0)}}@keyframes bombparty-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.room-page .bombparty-game{--accent-from: #E11D48;--accent-mid: #DC2626;--accent-to: #9F1239}.room-page .bombparty-game:before{background:linear-gradient(135deg,#e11d48,#dc2626,#9f1239)}.room-page .bombparty-game--urgent:before{animation:bombparty-tick .5s ease-in-out infinite}.room-page .bombparty-game--exploded{animation:bombparty-shake .5s ease both}.room-page .bombparty-game--exploded:before{background:linear-gradient(135deg,#f97316,#ef4444,#7f1d1d)}.room-page .bombparty-panel{text-align:center;background:#e11d4814;border:1px solid rgba(225,29,72,.25);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.room-page .bombparty-icon{font-size:3rem;line-height:1;margin-bottom:var(--space-4);display:block}.room-page .bombparty-game--urgent .bombparty-icon{animation:bombparty-tick .5s ease-in-out infinite}.room-page .bombparty-game--exploded .bombparty-icon{animation:bombparty-explode .5s ease both}.room-page .bombparty-requirements{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4)}.room-page .bombparty-req-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.room-page .bombparty-req-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:600}.room-page .bombparty-req-letter{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#fca5a5,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.room-page .bombparty-req-category{font-size:var(--text-lg);font-weight:700;color:#fca5a5}.room-page .bombparty-req-sep{font-size:1.5rem;color:#e11d4859}.room-page .bombparty-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .bombparty-exploded-msg{font-size:var(--text-base);font-weight:700;color:#fca5a5}.room-page .bombparty-game--urgent .bombparty-hint{color:#fca5a5;font-weight:600}.room-page .bombparty-used-words{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:#0f0f194d;border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.15)}.room-page .bombparty-used-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);opacity:.7}.room-page .bombparty-used-list{display:flex;flex-wrap:wrap;gap:6px}.room-page .bombparty-used-chip{font-size:var(--text-xs);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:999px;padding:2px 10px;color:var(--color-text-secondary);text-decoration:line-through;opacity:.7}@keyframes sequence-bubble-in{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sequence-answer-reveal{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.room-page .sequence-game{--accent-from: #EAB308;--accent-mid: #84CC16;--accent-to: #22C55E}.room-page .sequence-game:before{background:linear-gradient(135deg,#eab308,#84cc16,#22c55e)}.room-page .sequence-card{text-align:center;background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.room-page .sequence-card-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#a3e635;font-weight:600;margin-bottom:var(--space-4)}.room-page .sequence-bubbles{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.room-page .sequence-bubble{display:inline-flex;align-items:center;gap:var(--space-1);font-size:1.5rem;font-weight:800;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ffffff12;border:1px solid rgba(234,179,8,.3);color:#fde68a;animation:sequence-bubble-in .3s var(--ease-bounce) both;min-width:3.2rem;justify-content:center}.room-page .sequence-bubble:nth-child(1){animation-delay:0s}.room-page .sequence-bubble:nth-child(2){animation-delay:.06s}.room-page .sequence-bubble:nth-child(3){animation-delay:.12s}.room-page .sequence-bubble:nth-child(4){animation-delay:.18s}.room-page .sequence-bubble:nth-child(5){animation-delay:.24s}.room-page .sequence-bubble:nth-child(6){animation-delay:.3s}.room-page .sequence-bubble--q{background:#22c55e1f;border-color:#22c55e73;color:#86efac;font-size:2rem;animation-delay:.36s}.room-page .sequence-comma{font-size:var(--text-base);color:#fde68a66;font-weight:400;margin-left:var(--space-1)}.room-page .sequence-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .sequence-result{text-align:center;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.room-page .sequence-result-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .sequence-result-answer{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#eab308,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sequence-answer-reveal .45s var(--ease-bounce) both}@keyframes facts-card-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes facts-verdict-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.room-page .facts-game{--accent-from: #1D4ED8;--accent-mid: #4F46E5;--accent-to: #7C3AED}.room-page .facts-game:before{background:linear-gradient(135deg,#1d4ed8,#4f46e5,#7c3aed)}.room-page .facts-card{background:#4f46e51a;border:1px solid rgba(79,70,229,.3);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5);margin-bottom:var(--space-4);text-align:center;animation:facts-card-in .3s ease both}.room-page .facts-card-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:#818cf8;margin-bottom:var(--space-3);font-weight:600}.room-page .facts-card-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-4)}.room-page .facts-vote-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.room-page .facts-hint-yes{font-weight:700;color:#4ade80}.room-page .facts-hint-no{font-weight:700;color:#f87171}.room-page .facts-vote-btns{display:flex;gap:var(--space-3);justify-content:center;margin:var(--space-4) 0 var(--space-2)}.room-page .facts-vote-btn{flex:1;max-width:160px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:700;cursor:pointer;border:2px solid transparent;transition:transform .15s,box-shadow .15s}.room-page .facts-vote-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.room-page .facts-vote-btn--yes{background:#16a34a;color:#fff}.room-page .facts-vote-btn--yes:hover{background:#15803d}.room-page .facts-vote-btn--no{background:#dc2626;color:#fff}.room-page .facts-vote-btn--no:hover{background:#b91c1c}.room-page .facts-answered{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:600;text-align:center;margin:var(--space-4) 0 var(--space-2)}.room-page .facts-answered--yes{background:#16a34a26;color:#4ade80}.room-page .facts-answered--no{background:#dc262626;color:#f87171}.room-page .facts-answer-count{font-size:var(--text-xs);color:var(--color-text-secondary);opacity:.7;margin-top:var(--space-1)}.room-page .facts-result{background:#4f46e514;border:1px solid rgba(79,70,229,.2);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .facts-result-fact{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-style:italic}.room-page .facts-verdict{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-4);animation:facts-verdict-pop .4s var(--ease-bounce) both}.room-page .facts-verdict--true{color:#4ade80}.room-page .facts-verdict--false{color:#f87171}.room-page .facts-player-results{display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.room-page .facts-player-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.room-page .facts-player-row--correct{background:#4ade8014;border:1px solid rgba(74,222,128,.2)}.room-page .facts-player-row--wrong{background:#f8717114;border:1px solid rgba(248,113,113,.2)}.room-page .facts-player-icon{font-weight:700;min-width:1rem}.room-page .facts-player-row--correct .facts-player-icon{color:#4ade80}.room-page .facts-player-row--wrong .facts-player-icon{color:#f87171}.room-page .facts-player-name{flex:1;color:var(--color-text-primary)}.room-page .facts-player-guess{font-size:var(--text-xs);color:var(--color-text-secondary);min-width:2rem;text-align:right}@keyframes wordchain-word-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.room-page .wordchain-game{--accent-from: #06B6D4;--accent-mid: #22D3EE;--accent-to: #4ADE80}.room-page .wordchain-game:before{background:linear-gradient(135deg,#06b6d4,#22d3ee,#4ade80)}.room-page .wordchain-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .wordchain-category-card{flex:1;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4)}.room-page .wordchain-category-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.06em}.room-page .wordchain-category-value{font-size:var(--text-base);font-weight:700;color:#22d3ee}.room-page .wordchain-start-letter{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);text-align:center;min-width:5rem}.room-page .wordchain-letter-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.06em}.room-page .wordchain-letter-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#06b6d4,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.room-page .wordchain-chain{background:#06b6d412;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.room-page .wordchain-chain-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em}.room-page .wordchain-chain-words{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.room-page .wordchain-word{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);animation:wordchain-word-slide .25s ease both}.room-page .wordchain-word--last{font-weight:700;color:#22d3ee;font-size:var(--text-base)}.room-page .wordchain-arrow{color:#06b6d466;font-size:var(--text-xs);margin:0 var(--space-1)}.room-page .wordchain-next{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .wordchain-next-letter{font-size:1.3rem;font-weight:900;color:#4ade80;margin-left:var(--space-1)}.room-page .wordchain-result{background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .wordchain-result-header{font-size:var(--text-sm);font-weight:600;color:#4ade80;margin-bottom:var(--space-3)}.room-page .wordchain-result-words{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .wordchain-result-word{display:inline-flex;align-items:center;gap:var(--space-1)}.room-page .wordchain-result-empty{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;padding:var(--space-2)}@keyframes memory-tile-in{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes memory-tile-pulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}@keyframes memory-reveal-in{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.room-page .memory-game{--accent-from: #14B8A6;--accent-mid: #6366F1;--accent-to: #8B5CF6}.room-page .memory-game:before{background:linear-gradient(135deg,#14b8a6,#6366f1,#8b5cf6)}.room-page .memory-waiting{text-align:center;padding:var(--space-5) var(--space-4);margin-bottom:var(--space-4)}.room-page .memory-round-info{font-size:var(--text-lg);font-weight:700;background:linear-gradient(135deg,#14b8a6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.room-page .memory-round-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.room-page .memory-round-hint.secondary{opacity:.6}.room-page .memory-sequence-phase{margin-bottom:var(--space-4)}.room-page .memory-phase-label{text-align:center;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);letter-spacing:.03em}.room-page .memory-phase-label--show{color:#2dd4bf}.room-page .memory-phase-label--hide{color:#a78bfa}.room-page .memory-tiles{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;padding:var(--space-3) 0}.room-page .memory-tile{font-size:2.4rem;line-height:1;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.room-page .memory-tile--visible{animation:memory-tile-in .3s ease both;box-shadow:0 4px 20px #14b8a640}.room-page .memory-tile--hidden{animation:memory-tile-pulse 1.4s ease-in-out infinite;background:#6366f11f;border-color:#6366f14d;font-size:1.6rem;color:#a78bfab3}.room-page .memory-tile--reveal{animation:memory-reveal-in .35s ease both;box-shadow:0 4px 20px #8b5cf64d}.room-page .memory-tile--visible:nth-child(1){animation-delay:0s}.room-page .memory-tile--visible:nth-child(2){animation-delay:.05s}.room-page .memory-tile--visible:nth-child(3){animation-delay:.1s}.room-page .memory-tile--visible:nth-child(4){animation-delay:.15s}.room-page .memory-tile--visible:nth-child(5){animation-delay:.2s}.room-page .memory-tile--visible:nth-child(6){animation-delay:.25s}.room-page .memory-tile--visible:nth-child(7){animation-delay:.3s}.room-page .memory-tile--visible:nth-child(8){animation-delay:.35s}.room-page .memory-tile--reveal:nth-child(1){animation-delay:0s}.room-page .memory-tile--reveal:nth-child(2){animation-delay:.07s}.room-page .memory-tile--reveal:nth-child(3){animation-delay:.14s}.room-page .memory-tile--reveal:nth-child(4){animation-delay:.21s}.room-page .memory-tile--reveal:nth-child(5){animation-delay:.28s}.room-page .memory-tile--reveal:nth-child(6){animation-delay:.35s}.room-page .memory-input-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .memory-input{flex:1;background:#ffffff12;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.room-page .memory-input:focus{border-color:#6366f1b3;box-shadow:0 0 0 2px #6366f133}.room-page .memory-result{background:#8b5cf614;border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .memory-result-label{font-size:var(--text-sm);font-weight:600;color:#a78bfa;margin-bottom:var(--space-3)}.room-page .memory-result-stats{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-3);font-size:var(--text-sm);font-weight:600}.room-page .memory-stat--survived{color:#4ade80}.room-page .memory-stat--eliminated{color:#f87171}.room-page .lobby-game-info-card{display:flex;align-items:flex-start;gap:var(--space-3);background:#7c5cfc12;border:1px solid rgba(124,92,252,.18);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin:0 auto var(--space-5);max-width:440px;text-align:left}.room-page .lobby-game-info-emoji{font-size:2rem;line-height:1;flex-shrink:0}.room-page .lobby-game-info-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.55;margin:0;padding-top:2px}.room-page .psych-game:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.room-page .psych-role-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#8b5cf62e,#ec48991f);border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#c4b5fd;letter-spacing:.04em;margin-bottom:var(--space-4)}.room-page .psych-role-badge--psych{background:linear-gradient(135deg,#ec489933,#8b5cf624);border-color:#ec489966;color:#f9a8d4}.room-page .psych-question-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.22);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .psych-question-label{font-size:var(--text-xs);font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .psych-question-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.room-page .psych-hint{font-size:var(--text-sm);color:#c4b5fd;text-align:center;margin-bottom:var(--space-3)}.room-page .psych-guessing-panel{background:#ec48990f;border:1px solid rgba(236,72,153,.2);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .psych-guessing-label{font-size:var(--text-sm);font-weight:600;color:#f9a8d4;margin-bottom:var(--space-3)}.room-page .psych-answer-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.room-page .psych-answer-text{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);min-width:0}.room-page .psych-answer-select{background:#ffffff12;border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);color:var(--color-text-primary);font-size:var(--text-sm)}.room-page .psych-result{background:#8b5cf61a;border:1px solid rgba(139,92,246,.28);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .psych-result-label{font-size:var(--text-sm);font-weight:700;color:#c4b5fd;margin-bottom:var(--space-3)}.room-page .psych-result-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);font-size:var(--text-sm)}.room-page .psych-result-correct{color:#4ade80}.room-page .psych-result-wrong{color:#f87171}.room-page .judge-game:before{background:linear-gradient(90deg,#f59e0b,#92400e)}.room-page .judge-role-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#f59e0b24;border:1px solid rgba(245,158,11,.32);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#fcd34d;margin-bottom:var(--space-4)}.room-page .judge-situation-card{background:#f59e0b12;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .judge-situation-label{font-size:var(--text-xs);font-weight:600;color:#fcd34d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .judge-situation-text{font-size:var(--text-base);color:var(--color-text-primary);font-style:italic;line-height:1.6}.room-page .judge-sides{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .judge-side-card{background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.room-page .judge-side-label{font-size:var(--text-xs);font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.room-page .judge-side-text{font-size:var(--text-sm);color:var(--color-text-primary)}.room-page .judge-verdict-btns{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}.room-page .judge-verdict-btn{flex:1;max-width:180px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:700;font-size:var(--text-sm);cursor:pointer;border:1px solid rgba(245,158,11,.35);background:#f59e0b1f;color:#fcd34d;transition:background .15s,transform .1s}.room-page .judge-verdict-btn:hover{background:#f59e0b38;transform:translateY(-1px)}.room-page .judge-await{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.room-page .judge-result{background:#f59e0b17;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .judge-result-label{font-size:var(--text-sm);font-weight:700;color:#fcd34d;margin-bottom:var(--space-2)}.room-page .judge-result-winner{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.room-page .impostor-game:before{background:linear-gradient(90deg,#6366f1,#1e1b4b)}.room-page .impostor-role-card{background:#6366f11a;border:1px solid rgba(99,102,241,.28);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .impostor-role-card--impostor{background:#ef444414;border-color:#ef444447}.room-page .impostor-role-label{font-size:var(--text-xs);font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .impostor-role-name{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.room-page .impostor-role-name--impostor{color:#f87171}.room-page .impostor-topic{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-page .impostor-voting-panel{background:#6366f112;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .impostor-voting-label{font-size:var(--text-sm);font-weight:600;color:#a5b4fc;margin-bottom:var(--space-3);text-align:center}.room-page .impostor-vote-btns{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.room-page .impostor-vote-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid rgba(99,102,241,.3);background:#6366f11a;color:#c7d2fe;transition:background .15s,transform .1s}.room-page .impostor-vote-btn:hover{background:#6366f138;transform:translateY(-1px)}.room-page .impostor-result{background:#6366f117;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .impostor-result-label{font-size:var(--text-sm);font-weight:700;color:#a5b4fc;margin-bottom:var(--space-2)}.room-page .impostor-result-outcome{font-size:var(--text-lg);font-weight:800;color:var(--color-text-primary)}.room-page .impostor-result-outcome--caught{color:#4ade80}.room-page .impostor-result-outcome--escaped{color:#f87171}.room-page .impostor-role-icon{font-size:2.2rem;margin-bottom:var(--space-2)}.room-page .impostor-role-title{font-size:var(--text-xs);font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}.room-page .impostor-role-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.room-page .impostor-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.room-page .impostor-discussion-phase{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:#6366f112;border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);text-align:center;animation:impostor-phase-in .3s var(--ease-out) both}@keyframes impostor-phase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.room-page .impostor-discussion-icon{font-size:1.6rem}.room-page .impostor-discussion-label{font-size:var(--text-sm);font-weight:700;color:#a5b4fc;letter-spacing:.04em}.room-page .impostor-discussion-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.room-page .impostor-vote{background:#6366f112;border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.room-page .impostor-vote-label{font-size:var(--text-sm);font-weight:700;color:#a5b4fc;text-align:center;margin-bottom:var(--space-3)}.room-page .impostor-vote-options{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.room-page .impostor-result-verdict{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2)}.room-page .impostor-result-verdict--caught{color:#4ade80}.room-page .impostor-result-verdict--escaped{color:#f87171}.room-page .impostor-result-info{font-size:var(--text-xs);color:var(--color-text-muted)}.room-page .caption-game:before{background:linear-gradient(90deg,#0ea5e9,#a855f7)}.room-page .caption-role-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#0ea5e921;border:1px solid rgba(14,165,233,.3);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#7dd3fc;margin-bottom:var(--space-4)}.room-page .caption-role-badge--judge{background:#a855f721;border-color:#a855f74d;color:#d8b4fe}.room-page .caption-prompt-card{background:#0ea5e914;border:1px solid rgba(14,165,233,.22);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .caption-prompt-label{font-size:var(--text-xs);font-weight:600;color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .caption-prompt-text{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.room-page .caption-counter{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-3)}.room-page .caption-vote-cards{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}.room-page .caption-vote-card{background:#a855f70f;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s,border-color .15s,transform .1s}.room-page .caption-vote-card:hover{background:#a855f724;border-color:#a855f766;transform:translate(2px)}.room-page .caption-vote-text{font-size:var(--text-sm);color:var(--color-text-primary)}.room-page .caption-vote-author{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:var(--space-2);flex-shrink:0}.room-page .caption-result{background:#0ea5e914;border:1px solid rgba(14,165,233,.22);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .caption-result-label{font-size:var(--text-sm);font-weight:700;color:#7dd3fc;margin-bottom:var(--space-2)}.room-page .caption-result-winner{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.room-page .trivia-display{text-align:center;margin-bottom:var(--space-5)}.room-page .trivia-display-emoji{font-size:5rem;line-height:1;margin-bottom:var(--space-3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.room-page .trivia-display-hint{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);display:inline-block;margin-bottom:var(--space-3)}.room-page .trivia-chat-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.room-page .trivia-reveal{background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .trivia-reveal-label{font-size:var(--text-xs);font-weight:600;color:#4ade80;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .trivia-reveal-answer{font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary)}.room-page .trivia-reveal-winner{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.room-page .flags-game:before{background:linear-gradient(90deg,#ef4444,#1d4ed8,#22c55e)}.room-page .flags-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.room-page .flags-round-badge{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.room-page .flags-timer-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:700;color:#60a5fa;transition:background .3s,color .3s,border-color .3s}.room-page .flags-timer-badge.flags-timer--urgent{background:#ef444433;border-color:#ef444480;color:#f87171;animation:flags-pulse .6s ease-in-out infinite alternate}@keyframes flags-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.room-page .flags-card{background:linear-gradient(135deg,#3b82f61a,#ef444414);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);margin-bottom:var(--space-4);text-align:center;box-shadow:0 8px 32px #00000040}.room-page .flags-flag-display{font-size:7rem;line-height:1;margin-bottom:var(--space-4);filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));display:block;animation:flags-appear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes flags-appear{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.room-page .flags-question-text{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.room-page .flags-chat-hint{font-size:var(--text-sm);color:var(--color-text-muted);background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);display:inline-block}.room-page .flags-reveal{background:linear-gradient(135deg,#22c55e1a,#3b82f614);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center;animation:flags-reveal-in .35s ease-out}@keyframes flags-reveal-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.room-page .flags-reveal-flag{font-size:5rem;line-height:1;display:block;margin-bottom:var(--space-3);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.room-page .flags-reveal-label{font-size:var(--text-xs);font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.room-page .flags-reveal-country{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.room-page .flags-reveal-winner{font-size:var(--text-base);font-weight:600;color:#facc15}.room-page .flags-reveal-nobody{font-size:var(--text-sm);color:var(--color-text-muted)}.room-page .logos-game:before{background:linear-gradient(90deg,#f97316,#1e293b)}.room-page .maps-game:before{background:linear-gradient(90deg,#14b8a6,#065f46)}.room-page .quotes-game:before{background:linear-gradient(90deg,#d97706,#78350f)}.room-page .quotes-card{background:#d9770612;border:1px solid rgba(217,119,6,.2);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4);text-align:center;position:relative}.room-page .quotes-card:before{content:"“";position:absolute;top:-12px;left:var(--space-5);font-size:4rem;color:#d977064d;line-height:1;font-family:Georgia,serif}.room-page .quotes-card-text{font-size:var(--text-base);font-style:italic;color:var(--color-text-primary);line-height:1.65}.room-page .hotpotato-game:before{background:linear-gradient(90deg,#ea580c,#eab308)}.room-page .hotpotato-passing{text-align:center;padding:var(--space-6) 0}.room-page .hotpotato-potato-emoji{font-size:4rem;animation:hotpotato-shake .4s ease-in-out infinite alternate;display:block;margin-bottom:var(--space-3)}@keyframes hotpotato-shake{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.08)}}.room-page .hotpotato-holder{font-size:var(--text-lg);font-weight:700;color:#fd8c04;margin-bottom:var(--space-2)}.room-page .hotpotato-question-card{background:#ea580c1a;border:1px solid rgba(234,88,12,.28);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .hotpotato-question-label{font-size:var(--text-xs);font-weight:600;color:#fb923c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .hotpotato-question-text{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.room-page .hotpotato-boom{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;margin-bottom:var(--space-4)}.room-page .hotpotato-boom-emoji{font-size:3rem}.room-page .hotpotato-boom-text{font-size:var(--text-base);color:#f87171;font-weight:700;margin-top:var(--space-2)}.room-page .hotpotato-boom-question{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.room-page .fibbing-game:before{background:linear-gradient(90deg,#ec4899,#6366f1)}.room-page .fibbing-role-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#ec48991f;border:1px solid rgba(236,72,153,.3);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#f9a8d4;margin-bottom:var(--space-4)}.room-page .fibbing-role-badge--truth{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}.room-page .fibbing-question-card{background:#ec489912;border:1px solid rgba(236,72,153,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .fibbing-question-label{font-size:var(--text-xs);font-weight:600;color:#f9a8d4;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .fibbing-question-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.room-page .fibbing-input-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .fibbing-input{flex:1;background:#ffffff12;border:1px solid rgba(236,72,153,.35);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.room-page .fibbing-input:focus{border-color:#ec4899b3;box-shadow:0 0 0 2px #ec48992e}.room-page .fibbing-vote-cards{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .fibbing-vote-card{background:#6366f112;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:background .15s,border-color .15s,transform .1s}.room-page .fibbing-vote-card:hover{background:#6366f126;border-color:#6366f166;transform:translate(2px)}.room-page .fibbing-vote-idx{font-size:var(--text-xs);font-weight:700;color:#a5b4fc;min-width:20px}.room-page .fibbing-vote-text{font-size:var(--text-sm);color:var(--color-text-primary)}.room-page .fibbing-result{background:#ec489914;border:1px solid rgba(236,72,153,.22);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .fibbing-result-label{font-size:var(--text-sm);font-weight:700;color:#f9a8d4;margin-bottom:var(--space-2)}.room-page .fibbing-result-answer{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.room-page .fibbing-result-fools{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.room-page .prediction-game:before{background:linear-gradient(90deg,#8b5cf6,#06b6d4)}.room-page .prediction-question-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.22);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .prediction-question-label{font-size:var(--text-xs);font-weight:600;color:#c4b5fd;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.room-page .prediction-question-text{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.room-page .prediction-vote-btns{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.room-page .prediction-vote-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;cursor:pointer;border:1px solid rgba(139,92,246,.3);background:#8b5cf61a;color:#c4b5fd;transition:background .15s,transform .1s}.room-page .prediction-vote-btn:hover{background:#8b5cf638;transform:translateY(-1px)}.room-page .prediction-result{background:#06b6d412;border:1px solid rgba(6,182,212,.22);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .prediction-result-label{font-size:var(--text-sm);font-weight:700;color:#67e8f9;margin-bottom:var(--space-2)}.room-page .prediction-result-winner{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.room-page .connect-game:before{background:linear-gradient(90deg,#10b981,#3b82f6)}.room-page .connect-words-card{background:#10b98112;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.room-page .connect-words-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.room-page .connect-word{font-size:var(--text-2xl);font-weight:800;color:var(--color-text-primary)}.room-page .connect-dash{font-size:var(--text-xl);color:var(--color-text-muted)}.room-page .connect-input-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .connect-input{flex:1;background:#ffffff12;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.room-page .connect-input:focus{border-color:#10b981b3;box-shadow:0 0 0 2px #10b9812e}.room-page .connect-vote-cards{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .connect-vote-card{background:#3b82f612;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);transition:background .15s,border-color .15s,transform .1s}.room-page .connect-vote-card:hover{background:#3b82f626;border-color:#3b82f666;transform:translate(2px)}.room-page .connect-vote-idx{font-size:var(--text-xs);font-weight:700;color:#93c5fd;min-width:20px}.room-page .connect-vote-text{font-size:var(--text-sm);color:var(--color-text-primary)}.room-page .connect-result{background:#10b98114;border:1px solid rgba(16,185,129,.22);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);text-align:center}.room-page .connect-result-label{font-size:var(--text-sm);font-weight:700;color:#6ee7b7;margin-bottom:var(--space-2)}.room-page .connect-result-word{font-size:var(--text-xl);font-weight:800;color:var(--color-text-primary)}.room-page .connect-result-winner{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.room-page .reaction-game:before{background:linear-gradient(90deg,#fcd34d,#f97316,#ef4444)}@keyframes reaction-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes reaction-countdown-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.room-page .reaction-waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.room-page .reaction-waiting-hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.room-page .reaction-ready-btn{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.room-page .reaction-ready-btn:hover{opacity:.9;transform:scale(1.03)}.room-page .reaction-players{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.room-page .reaction-player{background:#fcd34d14;border:1px solid rgba(252,211,77,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background .15s,border-color .15s,color .15s}.room-page .reaction-player--ready{background:#fcd34d2e;border-color:#fcd34d80;color:#fcd34d}.room-page .reaction-countdown{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.room-page .reaction-countdown-num{font-size:5rem;font-weight:900;color:#f97316;line-height:1;animation:reaction-countdown-pop .4s ease-out;text-shadow:0 0 24px rgba(249,115,22,.5)}.room-page .reaction-countdown-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.room-page .reaction-signal-btn{display:block;width:100%;background:linear-gradient(135deg,#fcd34d,#ef4444);color:#1a0500;border:none;border-radius:var(--radius-xl);padding:var(--space-6) var(--space-4);font-size:2rem;font-weight:900;letter-spacing:.05em;cursor:pointer;animation:reaction-pulse .7s ease-in-out infinite;box-shadow:0 0 32px #ef444473;transition:transform .1s}.room-page .reaction-signal-btn:hover{transform:scale(1.02)}.room-page .reaction-signal-btn:active{transform:scale(.97)}.room-page .reaction-reacted{text-align:center;padding:var(--space-6) 0;font-size:var(--text-lg);font-weight:700;color:var(--color-text-secondary)}.room-page .reaction-result{background:#fcd34d12;border:1px solid rgba(252,211,77,.2);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.room-page .reaction-result-winner{font-size:var(--text-2xl);font-weight:900;color:#fcd34d;margin-bottom:var(--space-1)}.room-page .reaction-result-time{font-size:var(--text-sm);color:#f97316;font-weight:700;margin-bottom:var(--space-3)}.room-page .reaction-scores{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.room-page .reaction-score-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0a;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.room-page .reaction-score-name{color:var(--color-text-primary);font-weight:600}.room-page .reaction-score-pts{color:#fcd34d;font-weight:700}.room-page .reaction-again-btn{background:#f9731626;border:1px solid rgba(249,115,22,.35);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-5);color:#f97316;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background .15s}.room-page .reaction-again-btn:hover{background:#f9731640}.room-page .colors-game:before{background:linear-gradient(90deg,#ef4444,#f97316,#fcd34d,#22c55e,#3b82f6,#a855f7)}.room-page .colors-waiting{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.room-page .colors-waiting-hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.room-page .colors-ready-btn{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.room-page .colors-ready-btn:hover{opacity:.9;transform:scale(1.02)}.room-page .colors-ready-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.room-page .colors-ready-player{background:#a855f714;border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background .15s,border-color .15s,color .15s}.room-page .colors-ready-player--ready{background:#a855f72e;border-color:#a855f780;color:#c084fc}.room-page .colors-round{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.room-page .colors-round-info{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);letter-spacing:.05em}.room-page .colors-display{width:100%;min-height:140px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background-color .4s ease;box-shadow:0 4px 24px #0000004d}.room-page .colors-display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000002e;border-radius:inherit}.room-page .colors-display-text{position:relative;z-index:1;font-size:var(--text-2xl);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:.03em}.room-page .colors-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);width:100%}.room-page .colors-option-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-2);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-align:center}.room-page .colors-option-btn:hover:not(:disabled){background:#a855f72e;border-color:#a855f766;transform:scale(1.03)}.room-page .colors-option-btn:active:not(:disabled){transform:scale(.97)}.room-page .colors-option-btn:disabled{opacity:.5;cursor:not-allowed}.room-page .colors-showing-hint{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;text-align:center}.room-page .teamwords-game:before{background:linear-gradient(90deg,#10b981,#6366f1,#f59e0b)}.room-page .teamwords-waiting{display:flex;flex-direction:column;gap:var(--space-4)}.room-page .teamwords-teams{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-2)}.room-page .teamwords-team{border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.room-page .teamwords-team--red{background:#ef444414;border:1px solid rgba(239,68,68,.22)}.room-page .teamwords-team--blue{background:#3b82f614;border:1px solid rgba(59,130,246,.22)}.room-page .teamwords-team-name{font-size:var(--text-sm);font-weight:800;color:var(--color-text-primary);text-align:center}.room-page .teamwords-team--red .teamwords-team-name{color:#fca5a5}.room-page .teamwords-team--blue .teamwords-team-name{color:#93c5fd}.room-page .teamwords-team-score{font-size:var(--text-xs);font-weight:700;text-align:center;color:var(--color-text-muted)}.room-page .teamwords-team-players{display:flex;flex-direction:column;gap:var(--space-1)}.room-page .teamwords-team-player{font-size:var(--text-xs);color:var(--color-text-secondary);padding:2px var(--space-2);border-radius:var(--radius-full);transition:color .15s}.room-page .teamwords-team-player--ready{color:#6ee7b7}.room-page .teamwords-ready-btn{align-self:center;background:linear-gradient(135deg,#10b981,#6366f1);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.room-page .teamwords-ready-btn:hover{opacity:.9;transform:scale(1.02)}.room-page .teamwords-game-area{display:flex;flex-direction:column;gap:var(--space-4)}.room-page .teamwords-score-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-4);background:#ffffff0a;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4)}.room-page .teamwords-score{font-size:var(--text-lg);font-weight:800}.room-page .teamwords-score--red{color:#fca5a5}.room-page .teamwords-score--blue{color:#93c5fd}.room-page .teamwords-score-sep{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.room-page .teamwords-word-card{background:linear-gradient(135deg,#10b9811a,#6366f11a);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);text-align:center}.room-page .teamwords-word-label{font-size:var(--text-xs);font-weight:700;color:#6ee7b7;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.room-page .teamwords-word{font-size:var(--text-3xl);font-weight:900;color:var(--color-text-primary);line-height:1.1}.room-page .teamwords-guess-hint{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;padding:var(--space-4) 0;font-style:italic}.room-page .teamwords-guess-form{display:flex;gap:var(--space-2)}.room-page .teamwords-guess-input{flex:1;background:#ffffff12;border:1px solid rgba(99,102,241,.35);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.room-page .teamwords-guess-input:focus{border-color:#6366f1b3;box-shadow:0 0 0 2px #6366f12e}.room-page .teamwords-round-result{background:#6366f112;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);padding:var(--space-5)}.room-page .teamwords-round-scores{display:flex;gap:var(--space-4);justify-content:center}.room-page .teamwords-round-score{font-size:var(--text-xl);font-weight:800}.room-page .teamwords-round-score--red{color:#fca5a5}.room-page .teamwords-round-score--blue{color:#93c5fd}.room-page .prediction-result-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.room-page .prediction-result-row{display:flex;align-items:center;gap:var(--space-2);background:#ffffff0a;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.room-page .prediction-result-row--winner{background:#7c3aed1f;border:1px solid rgba(124,58,237,.25)}.room-page .prediction-result-name{font-weight:700;color:var(--color-text-primary);flex:1}.room-page .prediction-result-voted{color:var(--color-text-secondary);flex:1}.room-page .prediction-result-check{font-weight:800;width:20px;text-align:center}.room-page .prediction-result-check--right{color:#6ee7b7}.room-page .prediction-result-check--wrong{color:#fca5a5}.room-page .prediction-result-votes{font-size:var(--text-xs);color:var(--color-text-muted);min-width:40px;text-align:right}@media(prefers-reduced-motion:reduce){.room-page .meme-game.meme-disco:before{animation:none}.room-page .timeline-result-card{animation:none}.room-page .generic-voting-options button:hover,.room-page .quiz-option:hover{transform:none}.room-page .hotpotato-potato-emoji,.room-page .reaction-signal-btn,.room-page .reaction-countdown-num{animation:none}}.room-page .quiplash-game:before{background:linear-gradient(90deg,#f472b6,#fbbf24,#22d3ee)}.room-page .quiplash-phase-banner{text-align:center;font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.room-page .quiplash-timer{color:#fbbf24;font-weight:800}.room-page .quiplash-prompt-card{background:linear-gradient(145deg,#f472b61f,#22d3ee14);border:1px solid rgba(244,114,182,.25);border-radius:var(--radius-2xl);padding:var(--space-5);margin-bottom:var(--space-4)}.room-page .quiplash-prompt-text{font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.3}.room-page .quiplash-answer-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.room-page .quiplash-input{flex:1;min-width:180px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);color:var(--color-text-primary)}.room-page .quiplash-answer-done{font-weight:700;color:#34d399}.room-page .quiplash-waiting{text-align:center;color:var(--color-text-tertiary);padding:var(--space-4);font-style:italic}.room-page .quiplash-duel-meta{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.room-page .quiplash-duel-prompt{text-align:center;font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-5);line-height:1.3}.room-page .quiplash-vote-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.room-page .quiplash-vote-card{padding:var(--space-6) var(--space-5);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);background:#ffffff0d;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);cursor:pointer;text-align:center;min-height:90px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.room-page .quiplash-vote-card:hover:not(:disabled){transform:translateY(-3px);border-color:#fbbf24;background:#fbbf241f}.room-page .quiplash-vote-card:disabled{opacity:.6;cursor:default}.room-page .quiplash-reveal{display:flex;flex-direction:column;gap:var(--space-3)}.room-page .quiplash-reveal-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.room-page .quiplash-reveal-row--sweep{background:linear-gradient(145deg,#fbbf242e,#f472b61a);border-color:#fbbf2473}.room-page .quiplash-reveal-answer{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.room-page .quiplash-reveal-meta{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.room-page .quiplash-reveal-author{color:var(--color-text-secondary);font-weight:700}.room-page .quiplash-reveal-votes{color:#fbbf24;font-weight:700;white-space:nowrap}@media(max-width:560px){.room-page .quiplash-vote-cards{grid-template-columns:1fr}}.room-page .knowfriend-game:before{background:linear-gradient(90deg,#34d399,#6366f1,#f472b6)}.room-page .knowfriend-meta{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.room-page .knowfriend-timer{color:#fbbf24;font-weight:800}.room-page .knowfriend-subject-banner{text-align:center;font-size:var(--text-lg);font-weight:700;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-lg);color:var(--color-text-primary)}.room-page .knowfriend-subject-banner--you{background:linear-gradient(145deg,#34d3992e,#6366f11f);border-color:#34d39973}.room-page .knowfriend-question{text-align:center;font-size:clamp(1.2rem,4vw,1.7rem);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:1.25}.room-page .knowfriend-prompt-hint{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.room-page .knowfriend-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.room-page .knowfriend-option-btn{padding:var(--space-6) var(--space-4);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);background:#ffffff0d;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);cursor:pointer;min-height:84px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.room-page .knowfriend-option-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#6366f1;background:#6366f124}.room-page .knowfriend-option-btn:disabled{opacity:.6;cursor:default}.room-page .knowfriend-waiting{text-align:center;color:var(--color-text-tertiary);padding:var(--space-3);font-style:italic}.room-page .knowfriend-reveal-truth{text-align:center;font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text-primary)}.room-page .knowfriend-truth-answer{color:#34d399;font-weight:800}.room-page .knowfriend-reveal-list{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .knowfriend-reveal-row{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);font-size:var(--text-sm)}.room-page .knowfriend-reveal-row--correct{background:#34d3991f;border-color:#34d39959}.room-page .knowfriend-reveal-name{font-weight:700;color:var(--color-text-primary)}.room-page .knowfriend-reveal-guess{color:var(--color-text-secondary);white-space:nowrap}@media(max-width:480px){.room-page .knowfriend-options{grid-template-columns:1fr}}.room-page .fibbage-game:before{background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b)}.room-page .fibbage-meta{text-align:center;font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.room-page .fibbage-timer{color:#fbbf24;font-weight:800}.room-page .fibbage-question{text-align:center;font-size:clamp(1.15rem,3.8vw,1.6rem);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-4);line-height:1.3}.room-page .fibbage-hint{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.room-page .fibbage-input-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.room-page .fibbage-input{flex:1;min-width:180px;padding:var(--space-3) var(--space-4);font-size:var(--text-base);background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);color:var(--color-text-primary)}.room-page .fibbage-waiting{text-align:center;color:var(--color-text-tertiary);padding:var(--space-4);font-style:italic}.room-page .fibbage-options{display:flex;flex-direction:column;gap:var(--space-3)}.room-page .fibbage-option-btn{padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);background:#ffffff0d;border:2px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);cursor:pointer;text-align:left;min-height:52px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.room-page .fibbage-option-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#ec4899;background:#ec48991f}.room-page .fibbage-option-btn:disabled{opacity:.55;cursor:not-allowed}.room-page .fibbage-reveal-list{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .fibbage-reveal-row{padding:var(--space-3) var(--space-4);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.room-page .fibbage-reveal-row--truth{background:linear-gradient(145deg,#10b9812e,#f59e0b14);border-color:#10b98173}.room-page .fibbage-reveal-text{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.room-page .fibbage-reveal-author{color:#c4b5fd;font-weight:700}.room-page .fibbage-reveal-picked{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}@media(max-width:640px){.room-page .game-area{padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl)}.room-page .game-area-title{font-size:clamp(1.05rem,4.5vw,1.35rem);padding-bottom:var(--space-3);margin-bottom:var(--space-4)!important}.room-page [class$=-game]{max-width:100%;overflow-wrap:break-word}.room-page [class*=-explainer-strip],.room-page [class*=-status-strip],.room-page [class*=-info-strip],.room-page [class*=-compare-strip],.room-page [class*=-mines-strip]{flex-direction:column;align-items:stretch;gap:var(--space-2);padding:var(--space-3)}.room-page [class*=-explainer-strip]>*,.room-page [class*=-status-strip]>*{flex:none;width:100%}.room-page [class*=-phase-strip]{flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.room-page [class*=-word-card],.room-page [class*=-question-card],.room-page [class*=-prompt-card],.room-page [class*=-clue-card],.room-page [class*=-fact-card],.room-page [class*=-situation-card],.room-page [class*=-role-card],.room-page [class*=-price-card],.room-page [class*=-quote-card],.room-page [class*=-def-card],.room-page [class*=-caption-card],.room-page [class*=-meme-card],.room-page [class*=-display-card]{padding:var(--space-5) var(--space-4)}.room-page .game-area input[type=text],.room-page .game-area input[type=number],.room-page .game-area input[type=search],.room-page .game-area input:not([type]),.room-page .game-area textarea,.room-page .game-area select,.room-page [class*=-input]{width:100%;font-size:16px;min-height:44px}.room-page .game-area textarea{min-height:88px}.room-page [class*=-vote-btn],.room-page [class*=-option-btn],.room-page [class*=-signal-btn],.room-page [class*=-verdict-btn],.room-page [class*=-ready-btn],.room-page [class*=-submit-btn],.room-page [class*=-guess-chip]{min-height:44px}.room-page [class*=-vote-grid],.room-page [class*=-voting-options],.room-page .generic-voting-options{display:flex;flex-direction:column;gap:var(--space-2)}.room-page [class*=-vote-card]{width:100%;min-height:44px}.room-page .judge-sides,.room-page .teamwords-teams{grid-template-columns:1fr}.room-page [class*=-reveal-row],.room-page [class*=-result-row],.room-page [class*=-player-row],.room-page [class*=-word-row],.room-page [class*=-compare-row]{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap}.room-page [class*=-tile]{font-size:var(--text-lg)}.room-page .wavelength-pole{font-size:var(--text-xs);max-width:64px}.room-page .wavelength-scale-wrap{gap:var(--space-2)}}@media(max-width:400px){.room-page .game-area{padding:var(--space-3) var(--space-2)}.room-page .colors-options{gap:var(--space-1)}.room-page [class*=-tile]{font-size:var(--text-base)}}.lobby-header{position:fixed;top:0;left:0;right:0;min-height:56px;padding:calc(var(--space-2) + env(safe-area-inset-top,0)) var(--space-4) var(--space-2);display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);background:linear-gradient(135deg,#09090beb,#201f1fe0,#09090beb);border-bottom:1px solid rgba(255,255,255,.08);z-index:var(--z-sticky);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 15px #0003,0 1px #ffffff08 inset}[data-theme=modern] .lobby-header{background:#141a26e0;border-bottom:1px solid var(--color-border-subtle);box-shadow:none}.connection-status{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.connection-status .connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-status.connected .connection-dot{background:var(--success);box-shadow:0 0 8px #10b98180}.connection-status.disconnected .connection-dot{background:var(--error)}.connection-status .connection-text{font-size:var(--text-xs);color:var(--color-text-muted)}.connection-status.connected .connection-text{color:var(--success)}.lobby-header-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo-icon{font-size:1.75rem;line-height:1}.logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(135deg,#a0d800,#dcb8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-header-center{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:260px;justify-content:center}.lobby-nickname-frame{width:100%;border-radius:var(--radius-xl);padding:2px;background:linear-gradient(135deg,#7c5cfcbf,#00d4aa80,#7c5cfc8c);box-shadow:0 0 0 1px #ffffff1a inset,0 4px 24px #00000059,0 0 40px #7c5cfc33;flex-shrink:0}[data-theme=modern] .lobby-nickname-frame{background:linear-gradient(135deg,#6366f18c,#10b98166);box-shadow:0 0 0 1px var(--color-border-subtle) inset,0 4px 16px #0003}.lobby-nickname-input{height:40px;padding:0 var(--space-3);box-sizing:border-box;background:linear-gradient(145deg,#1e293beb,#0f172af5);border:none;border-radius:calc(var(--radius-xl) - 2px);color:var(--color-text-primary);font-size:var(--text-base);transition:box-shadow .25s ease,background .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:100%;min-width:0;text-align:center}[data-theme=modern] .lobby-nickname-input{background:var(--color-surface-100)}.lobby-nickname-input:focus{outline:none;box-shadow:0 0 0 2px #7c5cfc59,0 0 24px #00d4aa26}[data-theme=modern] .lobby-nickname-input:focus{box-shadow:0 0 0 2px var(--color-border-accent)}.lobby-nickname-input::placeholder{color:var(--color-text-muted)}.lobby-header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.lobby-header .btn{height:40px;white-space:nowrap}@media(max-width:640px){.lobby-header{padding:0 var(--space-3);gap:var(--space-2)}.logo-text{font-size:var(--text-base)}.lobby-header-center{max-width:148px}.lobby-nickname-input{font-size:var(--text-sm);padding:0 var(--space-2)}.lobby-secondary-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-width:auto}}.lobby-content{min-height:100vh;padding-top:calc(80px + env(safe-area-inset-top,0px));padding-bottom:calc(160px + env(safe-area-inset-bottom,0px));max-width:1200px;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.game-section{display:flex;flex-direction:column;gap:var(--space-5)}.game-section-header{text-align:center;margin-bottom:var(--space-4);padding-top:var(--space-2)}.game-section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;font-weight:var(--font-medium)}.game-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:var(--space-4)}.filter-chip{padding:var(--space-2) var(--space-4);background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid rgba(var(--pff-rgb-lime),.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;box-shadow:4px 4px 8px #0003,-2px -2px 6px #ffffff05}[data-theme=modern] .filter-chip{background:var(--color-surface-100);border-color:var(--color-border-subtle);box-shadow:none}.filter-chip:hover{border-color:rgba(var(--pff-rgb-lime),.3);color:var(--color-text-primary);box-shadow:6px 6px 12px #0000004d,-2px -2px 6px #ffffff08,0 0 15px rgba(var(--pff-rgb-lime),.15);transform:translateY(-2px)}.filter-chip.active{background:linear-gradient(145deg,rgba(var(--pff-rgb-lime),.9),#8b5cf6f2);border-color:rgba(var(--pff-rgb-lime),.4);color:#fff;box-shadow:0 0 20px rgba(var(--pff-rgb-lime),.4),4px 4px 8px #0003}.search-container{max-width:400px;margin:0 auto;width:100%}.search-input{width:100%;height:52px;padding:0 var(--space-5);background:linear-gradient(145deg,#1e293b99,#0f172ab3);border:1px solid rgba(var(--pff-rgb-lime),.2);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--text-base);transition:all .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:4px 4px 8px #0003,-2px -2px 6px #ffffff05,0 0 0 1px rgba(var(--pff-rgb-lime),.05) inset}.search-input:focus{outline:none;border-color:rgba(var(--pff-rgb-lime),.5);box-shadow:0 0 25px rgba(var(--pff-rgb-lime),.25),4px 4px 12px #0000004d,-2px -2px 8px #ffffff08;transform:translateY(-2px)}.search-input::placeholder{color:var(--color-text-muted)}.game-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}@media(max-width:640px){.game-select{grid-template-columns:repeat(2,1fr)}}.game-card{position:relative;background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid rgba(var(--pff-rgb-lime),.15);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);animation:card-appear .6s ease-out backwards;animation-delay:calc(var(--card-i, 0) * .04s);box-shadow:8px 8px 16px #0000004d,-8px -8px 16px #ffffff05,0 0 0 1px rgba(var(--pff-rgb-lime),.1) inset;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--pff-rgb-lime),.1) 0%,transparent 50%,rgba(139,92,246,.05) 100%);opacity:0;transition:opacity .3s ease;border-radius:var(--radius-xl);pointer-events:none}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card:hover{border-color:rgba(var(--pff-rgb-lime),.4);box-shadow:12px 12px 24px #0006,-4px -4px 12px #ffffff08,0 0 30px rgba(var(--pff-rgb-lime),.2);transform:translateY(-6px) scale(1.02)}.game-card.selected{background:linear-gradient(145deg,rgba(var(--pff-rgb-lime),.9),#8b5cf6f2);border-color:rgba(var(--pff-rgb-lime),.6);box-shadow:0 0 40px rgba(var(--pff-rgb-lime),.4),0 4px 20px #0000004d,0 0 0 1px #ffffff1a inset;transform:translateY(-4px)}.game-card-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--space-1);transition:transform var(--duration-fast) var(--ease-bounce)}.game-card:hover .game-card-icon{transform:scale(1.1)}.game-card-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3}.game-card.selected .game-card-name{color:#fff}.game-card-badge{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.game-card.selected .game-card-badge{background:#fff3;color:#ffffffe6}.game-card-rules{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-200);border:none;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;opacity:0;transition:var(--transition-all)}.game-card:hover .game-card-rules{opacity:1}.game-card-rules:hover{background:var(--color-primary-500);color:#fff}.lobby-footer{position:fixed;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom,0));background:linear-gradient(180deg,#0f172a33,#1e293b40);border-top:1px solid rgba(var(--pff-rgb-lime),.15);padding:var(--space-3) var(--space-4);z-index:calc(var(--z-sticky) + 10);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 -4px 20px #0003,0 -1px #ffffff08 inset}.lobby-footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}@media(max-width:768px){.lobby-footer-content{flex-direction:column;gap:var(--space-3)}}.selected-game-info{display:flex;align-items:center;gap:var(--space-3)}.selected-game-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg)}.selected-game-details{display:flex;flex-direction:column;gap:var(--space-1)}.selected-game-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.selected-game-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-settings-expand{display:flex;align-items:center;gap:var(--space-2)}.room-settings-toggle{padding:var(--space-2) var(--space-3);background:var(--color-surface-200);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-colors);display:flex;align-items:center;gap:var(--space-2)}.room-settings-toggle:hover{background:var(--color-surface-300);color:var(--color-text-primary)}.room-settings-panel{position:absolute;bottom:100%;left:0;right:0;background:var(--color-surface-100);border-top:1px solid var(--color-border-subtle);padding:var(--space-4);animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-settings-panel input{height:44px;padding:0 var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);width:100%;margin-bottom:var(--space-3)}.room-settings-panel input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--pff-rgb-lime),.2)}.mafia-footer-settings{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(var(--pff-rgb-lime),.08),#0f172a59);border:1px solid rgba(var(--pff-rgb-lime),.2);box-shadow:0 8px 28px #0000001f}.mafia-footer-settings-hint{flex:1 1 100%;margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-xs);line-height:1.45;color:var(--color-text-tertiary);max-width:22rem}.mafia-players-slider{display:flex;align-items:center;gap:var(--space-3)}.mafia-players-slider label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.mafia-players-slider input[type=range]{width:120px;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface-300);border-radius:var(--radius-full);outline:none}.mafia-players-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--gradient-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md)}.mafia-ai-option{display:flex;align-items:center;gap:var(--space-2)}.mafia-ai-option label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary)}.mafia-ai-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-500)}.selected-game-crocodile-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35}.selected-game-crocodile-hint strong{color:var(--color-primary-500)}.lobby-crocodile-mode{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:min(100%,280px)}.lobby-crocodile-mode-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.lobby-crocodile-mode-toggle{display:flex;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border-default);background:var(--color-surface-200)}.lobby-crocodile-mode-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:background .15s ease,color .15s ease}.lobby-crocodile-mode-btn:hover{color:var(--color-text-primary);background:var(--color-surface-300)}.lobby-crocodile-mode-btn.active{background:var(--gradient-primary);color:var(--color-text-inverse, #fff)}.lobby-main-btn{min-width:200px;height:52px;font-size:var(--text-lg);font-weight:var(--font-bold);background:linear-gradient(145deg,rgba(var(--pff-rgb-lime),1),#8b5cf6,rgba(var(--pff-rgb-lime),1));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 30px rgba(var(--pff-rgb-lime),.4),0 4px 15px #0000004d,0 0 0 1px #fff3 inset,0 -2px #0003 inset;display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.lobby-main-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.lobby-main-btn:hover:before{left:100%}.lobby-main-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 0 50px rgba(var(--pff-rgb-lime),.6),0 8px 25px #0006,0 0 0 1px #ffffff4d inset}.lobby-main-btn:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 0 20px rgba(var(--pff-rgb-lime),.3),0 2px 10px #0000004d}.lobby-main-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.lobby-secondary-btn{min-width:140px;height:44px;background:var(--color-surface-200);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-all)}.lobby-secondary-btn:hover{background:var(--color-surface-300);border-color:var(--color-border-default)}.join-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.join-modal{width:100%;max-width:400px;background:var(--color-surface-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:var(--space-5);animation:modal-pop .3s ease-out}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.join-modal h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4);text-align:center}.join-modal input{width:100%;height:48px;padding:0 var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-lg);text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-3)}.join-modal input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(var(--pff-rgb-lime),.2)}.join-modal-buttons{display:flex;gap:var(--space-3)}.join-modal-buttons .btn{flex:1;height:44px}.rooms-popover{position:absolute;top:100%;right:0;margin-top:var(--space-2);width:280px;max-height:300px;overflow-y:auto;background:var(--color-surface-100);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-3);box-shadow:var(--shadow-xl);z-index:var(--z-popover)}.rooms-popover-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--space-2)}.room-item{width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:var(--transition-colors);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item:hover{background:var(--color-surface-200);color:var(--color-text-primary)}.how-it-works-heading{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:var(--font-extrabold);text-align:center;letter-spacing:var(--tracking-tight);margin:var(--space-8) 0 var(--space-4);color:var(--color-text-primary)}.how-it-works-heading .how-it-works-accent{color:var(--color-primary-600);font-style:italic}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}@media(max-width:768px){.how-it-works{grid-template-columns:1fr}}.how-step{text-align:center;padding:var(--space-4)}.how-step-num{width:40px;height:40px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold)}.how-step-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.how-step-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.donation-section{margin-top:var(--space-8);text-align:center;padding:var(--space-6);background:var(--gradient-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl)}.donation-icon{font-size:3rem;margin-bottom:var(--space-3)}.donation-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.donation-text{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.donation-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--gradient-secondary);border-radius:var(--radius-lg);color:#fff;font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-all);box-shadow:var(--shadow-md)}.donation-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lobby-page-footer{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);text-align:center;padding-bottom:var(--space-6)}.footer-links{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.footer-links a,.footer-links .footer-link-button{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;transition:var(--transition-colors)}.footer-links .footer-link-button{background:none;border:none;cursor:pointer;padding:0;font:inherit}.footer-links a:hover,.footer-links .footer-link-button:hover{color:var(--color-primary-400)}.join-btn-label-short{display:none}@media(max-width:520px){.lobby-join-by-code-btn .join-btn-label-full{display:none}.lobby-join-by-code-btn .join-btn-label-short{display:inline}}.lobby-page-footer p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.room-page--lobby{--acc: var(--accent, #7c5cfc);--acc2: var(--accent-2, #5a2ec4);padding-top:24px}.room-page--lobby .room-content-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:var(--space-6);max-width:1080px;margin:0 auto}@media(max-width:860px){.room-page--lobby .room-content-grid{grid-template-columns:1fr}.room-page--lobby .room-side-stack{position:static;grid-row:auto}}.room-page--lobby .room-id-container{max-width:760px;margin:0 auto 18px;padding:clamp(22px,4vw,34px) 24px!important;border-radius:26px;background:radial-gradient(680px 280px at 50% -50%,color-mix(in srgb,var(--acc) 32%,transparent),transparent 70%),var(--color-surface-100);border:1px solid color-mix(in srgb,var(--acc) 28%,transparent);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0d}.room-page--lobby .room-id-container:before{display:none!important}.room-page--lobby [data-testid=room-title]{font-size:.78rem!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)!important;margin:0 0 14px!important}.room-page--lobby [data-testid=room-title]:before{content:"🎮  "}.room-page--lobby .room-id{display:block;background:#ffffff09!important;border:1.5px dashed color-mix(in srgb,var(--acc) 50%,transparent)!important;border-radius:18px!important;color:#fff!important;font-family:var(--font-mono),monospace!important;font-size:clamp(2.4rem,9vw,3.6rem)!important;font-weight:800!important;line-height:1!important;letter-spacing:.22em!important;padding:22px 8px 22px .22em!important;margin:0 auto 18px!important;max-width:440px;text-shadow:0 0 32px color-mix(in srgb,var(--acc) 45%,transparent)}.room-page--lobby .room-copy-buttons{gap:10px}.room-page--lobby .room-copy-buttons .btn{border-radius:12px!important;padding:12px 20px!important;font-weight:700!important;font-size:.92rem!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.room-page--lobby .room-copy-buttons .btn:first-child{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;border:none!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb,var(--acc) 38%,transparent)!important}.room-page--lobby .room-copy-buttons .btn:first-child:hover{transform:translateY(-2px);filter:brightness(1.07)}.room-page--lobby .room-copy-buttons .btn:last-child{border:1px solid color-mix(in srgb,var(--acc) 45%,transparent)!important;color:color-mix(in srgb,var(--acc) 80%,white)!important;background:color-mix(in srgb,var(--acc) 10%,transparent)!important}.room-page--lobby .room-copy-buttons .btn:last-child:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--acc) 18%,transparent)!important}.room-page--lobby .game-hud{max-width:760px;margin:0 auto 26px!important;background:transparent!important;border:none!important;padding:0!important;gap:10px!important}.room-page--lobby .game-hud>div{display:inline-flex;align-items:center;gap:7px;background:#ffffff0a;border:1px solid var(--color-border-subtle);border-radius:999px;padding:7px 14px}.room-page--lobby .game-hud-label{font-size:.7rem!important;letter-spacing:.08em}.room-page--lobby .game-hud-value{font-size:.9rem!important}.room-page--lobby .game-hud [data-testid=status-value]{color:color-mix(in srgb,var(--acc) 80%,white)!important}.room-page--lobby .lobby-game-info-card{background:color-mix(in srgb,var(--acc) 9%,var(--color-surface-100))!important;border:1px solid color-mix(in srgb,var(--acc) 26%,transparent)!important;border-radius:20px!important;align-items:center!important;gap:var(--space-4)!important;max-width:520px;padding:var(--space-4) var(--space-5)!important}.room-page--lobby .lobby-game-info-emoji{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(140deg,var(--acc),var(--acc2));font-size:1.9rem!important;box-shadow:0 8px 22px color-mix(in srgb,var(--acc) 36%,transparent),inset 0 1px #ffffff40}.room-page--lobby .lobby-game-info-desc{font-size:.92rem!important;color:var(--color-text-secondary)!important}.room-page--lobby .btn-primary-action{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;border:none!important;color:#fff!important;font-size:1.06rem!important;font-weight:800!important;padding:15px 30px!important;border-radius:14px!important;min-width:280px;margin:6px auto 4px;box-shadow:0 12px 32px color-mix(in srgb,var(--acc) 40%,transparent)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.room-page--lobby .btn-primary-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07)}.room-page--lobby .nickname-change{margin-top:18px;opacity:.92}.room-page--lobby .lobby-players-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.room-page--lobby .lobby-players-title{font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.room-page--lobby .lobby-players-count{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 9px;border-radius:999px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:800;font-size:.86rem;box-shadow:0 4px 14px color-mix(in srgb,var(--acc) 40%,transparent)}.room-page--lobby .room-side-stack .players{background:var(--color-surface-100);border:1px solid var(--color-border-subtle);border-radius:18px;padding:12px;gap:8px}.room-page--lobby .players .player{background:#ffffff05!important;border:1px solid var(--color-border-subtle)!important;border-radius:13px!important;padding:11px 13px!important;display:flex;align-items:center;gap:11px}.room-page--lobby .players .player.active{border-color:color-mix(in srgb,var(--acc) 55%,transparent)!important;background:color-mix(in srgb,var(--acc) 10%,transparent)!important}.room-page--lobby .players .player.disconnected{opacity:.5}.room-page--lobby .player-avatar{width:42px!important;height:42px!important;font-size:1.05rem!important;background:linear-gradient(140deg,var(--acc),var(--acc2))!important;box-shadow:0 4px 12px color-mix(in srgb,var(--acc) 34%,transparent)!important}.room-page--lobby .players .player.active .player-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 60%,transparent),0 4px 12px color-mix(in srgb,var(--acc) 34%,transparent)!important}.room-page--lobby .players .player>span:first-of-type{font-weight:600}.room-page .story-game{--story: #f472b6;--story-2: #db2777;max-width:780px;margin:0 auto}.room-page .story-game .game-area-title{color:#f9c6dd!important;letter-spacing:.01em}.room-page .story-game .story-display{background:radial-gradient(120% 80% at 50% 0%,rgba(244,114,182,.06),transparent 55%),var(--color-surface-200)!important;border:1px solid rgba(244,114,182,.22)!important;border-left:3px solid var(--story)!important;border-radius:18px!important;padding:28px 32px!important;min-height:170px!important;font-family:Georgia,Times New Roman,serif!important;font-size:1.18rem!important;line-height:1.9!important;color:#ece7ef!important;position:relative;box-shadow:inset 0 1px #ffffff0d,0 12px 34px #00000052!important}.room-page .story-game .story-display:before{content:"“";position:absolute;top:6px;left:14px;font-family:Georgia,serif;font-size:3.2rem;line-height:1;color:#f472b647;pointer-events:none}.room-page .story-game .story-current-writer{display:inline-flex;align-items:center;gap:9px;margin:16px auto 0!important;padding:8px 16px;border-radius:999px;background:#f472b61a;border:1px solid rgba(244,114,182,.28);color:#f9c6dd!important;font-size:.86rem!important;font-weight:700;width:fit-content}.room-page .story-game .story-current-writer:before{content:"✍";font-size:.95rem}.room-page .story-game .story-current-writer:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--story);box-shadow:0 0 #f472b699;animation:story-writer-pulse 1.6s ease-in-out infinite}@keyframes story-writer-pulse{0%,to{box-shadow:0 0 #f472b68c}50%{box-shadow:0 0 0 6px #f472b600}}.room-page .story-game .story-input-row{margin-top:16px;align-items:stretch}.room-page .story-game .story-input{font-family:Georgia,serif!important;font-size:1rem!important;border-radius:12px!important}.room-page .story-game .story-input:focus{border-color:var(--story)!important;box-shadow:0 0 0 3px #f472b62e!important}.room-page .story-game .story-input-row button{background:linear-gradient(135deg,var(--story),var(--story-2))!important;border:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 22px #f472b652!important}.room-page .story-game:before{background:linear-gradient(90deg,var(--story),var(--story-2))!important}.room-page:not(.room-page--lobby) .room-id-container{max-width:460px;margin:0 auto 14px;padding:10px 16px!important;display:flex!important;align-items:center;justify-content:center;gap:14px;background:#ffffff08;border:1px solid var(--color-border-subtle);border-radius:14px}.room-page:not(.room-page--lobby) .room-id-container [data-testid=room-title]{display:none!important}.room-page:not(.room-page--lobby) .room-id{display:inline-block!important;font-size:1.1rem!important;letter-spacing:.18em!important;padding:6px 14px!important;margin:0!important;border-style:solid!important;border-width:1px!important}.room-page:not(.room-page--lobby) .room-copy-buttons{margin:0!important}.room-page:not(.room-page--lobby) .room-copy-buttons .btn{padding:7px 12px!important;font-size:.8rem!important}.room-page .quiz-game{max-width:760px;margin:0 auto}.room-page .quiz-game .quiz-question{font-size:clamp(1.25rem,3vw,1.6rem)!important;font-weight:800!important;background:linear-gradient(135deg,#3b82f629,#3b82f60a);border:1px solid rgba(59,130,246,.28);border-radius:18px;padding:24px 26px!important;min-height:auto!important;box-shadow:0 10px 30px #00000047}.room-page .quiz-game .quiz-options{gap:12px!important}.room-page .quiz-game .quiz-option{border:none!important;color:#fff!important;font-weight:700!important;font-size:1.05rem!important;text-align:left!important;display:flex;align-items:center;gap:14px;min-height:66px;padding:16px 20px!important;border-radius:16px!important;box-shadow:0 5px #00000052,0 10px 22px #00000047;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease!important}.room-page .quiz-game .quiz-option:before{content:"";width:24px;height:24px;flex-shrink:0;background:#ffffffeb}.room-page .quiz-game .quiz-option:nth-child(1){background:linear-gradient(135deg,#ef4444,#dc2626)}.room-page .quiz-game .quiz-option:nth-child(1):before{clip-path:polygon(50% 0,0 100%,100% 100%)}.room-page .quiz-game .quiz-option:nth-child(2){background:linear-gradient(135deg,#3b82f6,#2563eb)}.room-page .quiz-game .quiz-option:nth-child(2):before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.room-page .quiz-game .quiz-option:nth-child(3){background:linear-gradient(135deg,#f59e0b,#d97706)}.room-page .quiz-game .quiz-option:nth-child(3):before{border-radius:50%}.room-page .quiz-game .quiz-option:nth-child(4){background:linear-gradient(135deg,#22c55e,#16a34a)}.room-page .quiz-game .quiz-option:nth-child(4):before{border-radius:5px}.room-page .quiz-game .quiz-option:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.room-page .quiz-game .quiz-option:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #00000052}.room-page .quiz-game .quiz-option.selected{box-shadow:0 0 0 3px #fff,0 10px 24px #0006!important}.room-page .quiz-game .quiz-option:disabled:not(.correct):not(.wrong){opacity:.35!important;filter:grayscale(.7)}.room-page .quiz-game .quiz-option.correct{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;opacity:1!important;box-shadow:0 0 0 3px #6ee7b7,0 10px 24px #10b98173!important}.room-page .quiz-game .quiz-option.wrong{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;opacity:.9!important}.room-page .flags-game .flags-meta-row{display:flex;gap:10px;justify-content:center;margin:4px 0 14px}.room-page .flags-round-badge,.room-page .flags-timer-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.82rem;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#bfe3fb}.room-page .flags-timer--urgent{background:#ef444429!important;border-color:#ef444466!important;color:#fca5a5!important;animation:flags-urgent-blink 1s steps(2) infinite}@keyframes flags-urgent-blink{50%{opacity:.55}}.room-page .flags-card,.room-page .flags-reveal{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin:0 auto;padding:30px 28px;border-radius:22px;background:linear-gradient(135deg,#38bdf81a,#38bdf808);border:1px solid rgba(56,189,248,.26);box-shadow:0 16px 40px #00000057}.room-page .flags-flag-display,.room-page .flags-reveal-flag{font-size:clamp(4.5rem,14vw,7rem);line-height:1;filter:drop-shadow(0 12px 26px rgba(0,0,0,.55))}.room-page .flags-question-text{font-size:1.2rem;font-weight:800;color:#d6eefb}.room-page .flags-input-form{display:flex;gap:10px;width:100%;max-width:360px}.room-page .flags-input{flex:1;border-radius:12px!important}.room-page .flags-input:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf833!important}.room-page .flags-input-form button{background:linear-gradient(135deg,#38bdf8,#0284c7)!important;border:none!important;color:#fff!important;font-weight:800!important}.room-page .flags-reveal-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#8fbfe0}.room-page .flags-reveal-country{font-size:1.6rem;font-weight:800;color:#fff}.room-page .flags-reveal-winner{color:#6ee7b7;font-weight:700}.room-page .flags-reveal-nobody{color:var(--color-text-tertiary)}.croc-luxe-layout .game-header,.croc-luxe-layout .mobile-controls{display:none!important}.cs-shell{min-height:100vh;background:var(--color-bg, #0f172a);color:var(--color-text, #f8fafc);font-family:var(--font-body, system-ui, -apple-system, sans-serif)}.cs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .08))}.cs-back{background:none;border:1px solid var(--color-border, rgba(255, 255, 255, .15));color:var(--color-text-secondary, #94a3b8);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.cs-back:hover{background:var(--color-surface, #1e293b);color:var(--color-text, #f8fafc)}.cs-logo{font-size:20px;font-weight:700;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-main{max-width:1200px;margin:0 auto;padding:24px}.cs-hero{text-align:center;padding:48px 0 32px}.cs-hero h1{font-size:48px;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-hero p{font-size:18px;color:var(--color-text-secondary, #94a3b8);margin:0;max-width:600px;margin-inline:auto}.cs-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:32px 0}.cs-game-card{background:var(--color-surface, #1e293b);border:2px solid transparent;border-radius:16px;padding:20px;cursor:pointer;transition:all .2s;position:relative;text-align:center}.cs-game-card:hover{border-color:var(--color-primary-400, #818cf8);transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.cs-game-card.selected{border-color:var(--color-primary-500, #6366f1);background:#6366f11a}.cs-game-icon{font-size:40px;margin-bottom:12px}.cs-game-card h3{font-size:16px;font-weight:600;margin:0 0 8px}.cs-game-card p{font-size:13px;color:var(--color-text-secondary, #94a3b8);margin:0 0 12px;line-height:1.4}.cs-game-eta{display:inline-block;font-size:11px;font-weight:600;color:var(--color-primary-400, #818cf8);background:#6366f126;padding:4px 10px;border-radius:20px}.cs-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--color-primary-500, #6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700}.cs-subscribe-form{background:var(--color-surface, #1e293b);border-radius:20px;padding:40px;margin:32px 0;text-align:center}.cs-subscribe-form h2{font-size:28px;font-weight:700;margin:0 0 8px}.cs-subscribe-form>p{color:var(--color-text-secondary, #94a3b8);margin:0 0 32px}.cs-subscribe-form form{max-width:400px;margin:0 auto}.cs-form-group{margin-bottom:16px;text-align:left}.cs-form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--color-text-secondary, #94a3b8)}.cs-form-group input{width:100%;padding:12px 16px;background:var(--color-bg, #0f172a);border:1px solid var(--color-border, rgba(255, 255, 255, .15));border-radius:10px;color:var(--color-text, #f8fafc);font-size:16px;transition:border-color .2s;box-sizing:border-box}.cs-form-group input:focus{outline:none;border-color:var(--color-primary-500, #6366f1);box-shadow:0 0 0 3px #6366f133}.cs-form-group input::placeholder{color:var(--color-text-muted, #475569)}.cs-form-divider{display:flex;align-items:center;margin:20px 0;color:var(--color-text-muted, #475569);font-size:14px}.cs-form-divider:before,.cs-form-divider:after{content:"";flex:1;height:1px;background:var(--color-border, rgba(255, 255, 255, .1))}.cs-form-divider span{padding:0 16px}.cs-error{color:#f87171;font-size:14px;margin:16px 0;padding:10px;background:#f871711a;border-radius:8px}.cs-btn-primary{width:100%;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.cs-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6366f159}.cs-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cs-success{text-align:center;padding:80px 24px}.cs-success-icon{font-size:72px;margin-bottom:24px}.cs-success h1{font-size:36px;font-weight:700;margin:0 0 16px}.cs-success p{font-size:18px;color:var(--color-text-secondary, #94a3b8);margin:0 0 32px;line-height:1.6}.cs-success .cs-btn-primary{width:auto;display:inline-block;padding:14px 32px}.cs-info{padding:48px 0;text-align:center}.cs-info h2{font-size:28px;font-weight:700;margin:0 0 32px}.cs-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.cs-info-grid article{background:var(--color-surface, #1e293b);border-radius:16px;padding:24px}.cs-info-grid article div:first-child{font-size:36px;margin-bottom:12px}.cs-info-grid h4{font-size:18px;font-weight:600;margin:0 0 8px}.cs-info-grid p{font-size:14px;color:var(--color-text-secondary, #94a3b8);margin:0;line-height:1.5}.cs-footer{text-align:center;padding:32px 24px;border-top:1px solid var(--color-border, rgba(255, 255, 255, .08));color:var(--color-text-muted, #475569);font-size:14px}.cs-footer p{margin:0}@media(max-width:640px){.cs-hero h1{font-size:32px}.cs-hero p{font-size:16px}.cs-games-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cs-game-card{padding:16px}.cs-game-icon{font-size:32px}.cs-subscribe-form{padding:24px}.cs-subscribe-form h2{font-size:22px}}.theme-toggle{position:fixed;right:14px;top:78px;z-index:120;min-height:42px;border:1px solid var(--color-border-default);border-radius:999px;background:var(--color-bg-modal);color:var(--color-text-primary);padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}.theme-toggle--room{top:auto;bottom:92px;right:14px}.theme-toggle:hover{border-color:var(--color-border-focus)}.theme-toggle__icon{font-size:14px;line-height:1}@media(max-width:900px){.theme-toggle{top:62px;right:10px;min-height:38px;padding:0 10px}.theme-toggle--room{top:auto;bottom:84px;right:8px}}:root{--primary: #7c5cfc;--secondary: #00d4aa;--accent: #7c5cfc;--accent-amber: #fbbf24;--bg-deep: #08080f;--surface: #14141f;--success: #10b981;--error: #f43f5e;--error-red: #f43f5e;--success-green: #10b981;--text-primary: #f0f0f5;--text-muted: #7878a0;--border-subtle: rgba(255, 255, 255, .05);--border-accent: rgba(124, 92, 252, .35);--accent-dim: rgba(124, 92, 252, .1);--secondary-dim: rgba(0, 212, 170, .1);--accent-gold: #fbbf24;--accent-gold-dim: rgba(251, 191, 36, .12);--gradient-hero: linear-gradient(135deg, #7c5cfc 0%, #00d4aa 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%);--shadow-primary: 0 4px 20px rgba(124, 92, 252, .3);--shadow-primary-hover: 0 8px 32px rgba(124, 92, 252, .4);--glow-primary: 0 0 60px rgba(124, 92, 252, .2);--font-display: "Space Grotesk", "Outfit", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-logo: "Space Grotesk", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--radius: 14px;--radius-lg: 22px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{font-family:var(--font-body)}body{margin:0;padding:0;background:var(--bg-deep)!important;color:var(--text-primary)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 20% 10%,rgba(124,92,252,.1) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 80% 20%,rgba(0,212,170,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 60% 90%,rgba(124,92,252,.04) 0%,transparent 45%),linear-gradient(180deg,#08080f,#060610,#08080f);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0);background-size:48px 48px;z-index:-1;pointer-events:none}.page-wrap{position:relative;min-height:100vh;display:flex;justify-content:center}.page-side{position:fixed;top:0;bottom:0;width:min(22vw,320px);z-index:0;pointer-events:none}.page-side-left{left:0;background:radial-gradient(ellipse 80% 60% at 0% 30%,rgba(124,92,252,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 10% 70%,rgba(0,212,170,.04) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(124,92,252,.02) 50%,transparent 100%)}.page-side-right{right:0;background:radial-gradient(ellipse 80% 60% at 100% 40%,rgba(0,212,170,.06) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(124,92,252,.03) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(0,212,170,.02) 50%,transparent 100%)}.page-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;opacity:.5}.page-side-left:after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:linear-gradient(180deg,transparent,rgba(124,92,252,.15),transparent)}.page-side-right:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(0,212,170,.1),transparent)}.page-wrap>.container{flex:1;max-width:1280px}.container{max-width:1280px;margin:0 auto;padding:var(--space-6) var(--space-6);position:relative;z-index:10}.header{text-align:center;padding:var(--space-10) var(--space-6);margin-bottom:var(--space-8);position:relative;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(135deg,#7c5cfc0f,#14141fa6,#00d4aa0a);border:1px solid rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 56px #00000080}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-hero);opacity:.6}.header h1{font-family:var(--font-display)!important;font-size:clamp(2.5rem,8vw,4rem)!important;font-weight:800!important;margin:0 0 var(--space-2)!important;letter-spacing:-.03em!important;text-transform:none!important;background:var(--gradient-hero)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:titleEntrance .6s cubic-bezier(.2,.8,.2,1)}.header-tagline{font-family:var(--font-display)!important;font-size:clamp(1.1rem,2.5vw,1.5rem)!important;font-weight:600!important;color:var(--text-muted)!important;margin:0!important;letter-spacing:-.02em;line-height:1.5;animation:titleEntrance .6s .1s cubic-bezier(.2,.8,.2,1) both}.header-tagline-hero{font-size:clamp(1.25rem,3vw,1.75rem)!important;color:var(--text-primary)!important;max-width:520px;margin:var(--space-4) auto 0!important;font-weight:500}.header:after,.game-area:before,.phase:after,.toast:after,.footer:before{display:none!important}.connection-bar{background:#0f172ae6!important;border-bottom:1px solid var(--border-subtle)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-3) var(--space-5)}.connection-bar.connected .connection-dot{background:var(--success)!important;box-shadow:0 0 12px #10b98180}.connection-bar.disconnected .connection-dot{background:var(--error);animation:disconnectPulse 1.2s ease-in-out infinite}@keyframes disconnectPulse{0%,to{opacity:1;box-shadow:0 0 #ef444480}50%{opacity:.75;box-shadow:0 0 0 6px #ef444400}}.connection-text{color:var(--text-muted)}.connection-bar.connected .connection-text{color:var(--success)}.connection-bar.disconnected .connection-text{color:#fca5a5;animation:disconnectTextBlink 2s ease-in-out infinite}@keyframes disconnectTextBlink{0%,to{opacity:1}50%{opacity:.6}}.lobby{padding:var(--space-5) 0!important}.lobby-grid{display:grid;grid-template-columns:340px 1fr;gap:var(--space-8);align-items:start;max-width:100%;margin:0 auto;position:relative}.lobby-grid:before{content:"";position:absolute;top:-40px;right:-24px;bottom:-40px;left:-24px;background:radial-gradient(ellipse 40% 30% at 15% 20%,rgba(99,102,241,.1) 0%,transparent 55%),radial-gradient(ellipse 45% 35% at 80% 35%,rgba(244,114,182,.08) 0%,transparent 60%),radial-gradient(ellipse 35% 30% at 60% 90%,rgba(251,191,36,.05) 0%,transparent 60%),linear-gradient(120deg,rgba(255,255,255,.03) 0%,transparent 35%,rgba(255,255,255,.02) 65%,transparent 100%);border-radius:32px;opacity:.8;pointer-events:none;filter:blur(.2px)}.lobby-sidebar{position:sticky;top:60px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);z-index:2}.lobby-sidebar>.name-input-container,.lobby-sidebar>.last-rooms-dropdown,.lobby-sidebar>.history-rooms{position:relative;transform:translateZ(0);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.lobby-sidebar>.name-input-container:nth-of-type(1){transform:rotate(-.25deg)}.lobby-sidebar>.name-input-container:nth-of-type(2){transform:rotate(.25deg)}.lobby-sidebar>.last-rooms-dropdown{transform:rotate(-.15deg)}.lobby-sidebar>.history-rooms{transform:rotate(.15deg)}.lobby-sidebar>.name-input-container:hover,.lobby-sidebar>.last-rooms-dropdown:hover,.lobby-sidebar>.history-rooms:hover{transform:translateY(-2px) rotate(0);box-shadow:0 16px 40px #00000042;border-color:#6366f138!important}.lobby-sidebar>.name-input-container{grid-column:1 / -1}.lobby-sidebar>.game-select-title{grid-column:1 / -1;margin:0!important}.lobby-sidebar>.last-rooms-dropdown{margin:0!important}.lobby-sidebar>.history-rooms{margin:0!important}.lobby-main{min-width:0}.rooms-label{font-size:.82rem;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.btn{font-family:var(--font-display)!important;padding:14px 24px!important;font-size:1rem!important;font-weight:600!important;border-radius:var(--radius)!important;border:2px solid transparent!important;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)!important;min-width:160px}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:scale(.98)}.btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-primary)!important}.btn-primary-action{background:var(--gradient-hero)!important;color:#fff!important;border:none!important;box-shadow:var(--shadow-primary)!important}.btn-primary-action:hover:not(:disabled){box-shadow:var(--shadow-primary-hover)!important;color:#fff!important}.btn:not(.btn-primary-action){background:transparent!important;border-color:var(--primary)!important;color:var(--primary)!important}.btn:not(.btn-primary-action):hover:not(:disabled){background:#6366f11a!important;color:var(--primary)!important}.btn:disabled{opacity:.5;cursor:not-allowed}@media(hover:none){.btn:hover:not(:disabled){transform:none}.game-card:hover{transform:none!important}.how-step:hover{transform:none}}.btn-sm{padding:10px 20px!important;font-size:.9rem!important}.name-input-container,.game-area,.room-id-container,.chat,.last-rooms-dropdown,.donation-collapse-trigger,.donation-block{background:var(--surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius)!important;box-shadow:0 4px 24px #0003!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.name-input-container{margin-bottom:var(--space-4)!important;padding:var(--space-4)!important}.name-input-container label{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-2);display:block}.name-input-container input,.input-area input,select{background:#0f172a99!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important;color:var(--text-primary)!important;padding:14px 18px!important;font-size:1rem!important;transition:border-color var(--transition),box-shadow var(--transition)}.name-input-container input:focus,.input-area input:focus,select:focus{outline:none!important;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--accent-dim)!important}.name-input-container input::placeholder{color:var(--text-muted)}.game-select-title{font-family:var(--font-display)!important;font-size:1.5rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:var(--space-6) 0 var(--space-4)!important;letter-spacing:-.02em}.game-select{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:var(--space-4)!important;margin:var(--space-5) 0!important;max-width:100%}.game-card{--card-i: 0;background:var(--surface)!important;background-image:var(--gradient-card)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius)!important;padding:var(--space-5) var(--space-4)!important;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)!important;animation:cardStagger .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.05s * var(--card-i));position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(120px 80px at var(--mx, 30%) var(--my, 20%),rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.game-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 45%,transparent 60%);transform:translate(-120%);opacity:0;transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .52s cubic-bezier(.2,.8,.2,1);pointer-events:none}.lobby-main:not(.in-view) .game-card{animation:none;opacity:0}.game-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 12px 32px #0000004d,0 0 24px #6366f126!important;border-color:#6366f14d!important}.game-card:hover:before{opacity:1}.game-card:hover:after{opacity:1;transform:translate(120%)}.game-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-dim),0 12px 32px #0000004d;border-color:#6366f173!important}.game-card:nth-child(6n+1){transform:translateY(2px)}.game-card:nth-child(6n+2){transform:translateY(-3px)}.game-card:nth-child(6n+3){transform:translateY(4px)}.game-card:nth-child(6n+4){transform:translateY(-2px)}.game-card:nth-child(6n+5){transform:translateY(1px)}.game-card:nth-child(6n+6){transform:translateY(-1px)}.game-card:hover:nth-child(n){transform:translateY(-4px) scale(1.02)!important}.game-card.selected{border-color:var(--primary)!important;background:linear-gradient(135deg,#6366f133,#f472b614)!important;box-shadow:0 0 32px #6366f140!important;color:var(--text-primary)!important}.game-card>div:nth-child(2){font-size:2.5rem!important;margin-bottom:var(--space-3)!important;transition:transform var(--transition)}.game-card:hover>div:nth-child(2){transform:scale(1.08)}.game-card-badge{font-size:.8rem!important;color:var(--text-muted)!important;margin-top:var(--space-2);font-weight:500}.game-card-rules{position:absolute;top:var(--space-2);right:var(--space-2);width:28px;height:28px;border-radius:50%;border:1px solid var(--border-subtle);background:#ffffff0d;color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.game-card-rules:hover{border-color:var(--primary);color:var(--primary)}.game-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-4)}.filter-chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:var(--font-display);white-space:nowrap}.filter-chip:hover{border-color:#6366f14d;color:var(--text-primary)}.filter-chip.active{background:var(--gradient-hero);border-color:transparent;color:#fff;box-shadow:0 2px 12px #6366f14d}.filter-chip:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-dim)}.lobby-main{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1)}.lobby-main.in-view{opacity:1;transform:translateY(0)}@keyframes cardStagger{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin:var(--space-8) 0}.how-step{text-align:center;padding:var(--space-5);background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-subtle);position:relative;transition:transform var(--transition),box-shadow var(--transition)}.how-step:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.how-step-num{width:40px;height:40px;border-radius:50%;background:var(--gradient-hero);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}.how-step-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;margin-bottom:var(--space-2);color:var(--text-primary)}.how-step-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5}.last-rooms-dropdown.rooms-compact{padding:var(--space-4)!important;max-height:220px;overflow-y:auto}.rooms-muted{opacity:.8;border-style:dashed!important}.history-rooms{margin:var(--space-4) auto;max-width:420px;text-align:center}.history-toggle{width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:1px dashed var(--border-subtle);border-radius:var(--radius);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.history-toggle:hover{color:var(--primary);border-color:var(--primary)}.last-room-btn{padding:var(--space-3) var(--space-4)!important;margin:var(--space-2) 0!important;font-size:.95rem!important;border-radius:12px!important;text-align:left!important;transition:all var(--transition)}.last-room-btn:hover{background:var(--accent-dim)!important;border-color:#6366f14d!important}.donation-collapse{margin-top:var(--space-6)!important}.donation-collapse-trigger{padding:var(--space-4)!important;border-radius:var(--radius)!important;color:var(--text-muted);font-weight:500;transition:all var(--transition)}.donation-collapse-trigger:hover{color:var(--accent-amber);border-color:#fbbf244d!important}.donation-block:not(.donation-block-collapsed){padding:var(--space-5)!important;border-radius:var(--radius)!important;background:linear-gradient(145deg,#fbbf2414,#fbbf2405)!important;border:1px solid rgba(251,191,36,.2)!important;max-height:400px!important;overflow:visible!important;margin-top:var(--space-3)!important}.donation-icon{font-size:2rem;margin-bottom:var(--space-3);animation:donationPulse 2.5s ease-in-out infinite}@keyframes donationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.donation-title{font-family:var(--font-display);font-size:1.2rem!important;font-weight:600!important}.donation-text{font-size:.9rem!important;color:var(--text-muted)!important;margin-bottom:var(--space-4)!important}.donation-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 4px 20px #fbbf2466;transition:transform var(--transition),box-shadow var(--transition)}.donation-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #fbbf2480}.donation-btn-arrow{transition:transform var(--transition)}.donation-btn:hover .donation-btn-arrow{transform:translate(4px)}.donation-heart{transition:transform var(--transition)}.donation-btn:hover .donation-heart{transform:scale(1.2);display:inline-block}.footer{margin-top:var(--space-8)!important;padding:var(--space-6) var(--space-5)!important;border-top:1px solid var(--border-subtle)!important;background:transparent!important;text-align:center}.footer a{color:var(--primary)!important;font-weight:500}.footer a:hover{color:var(--secondary)!important}.footer p{color:var(--text-muted);font-size:.9rem;margin:var(--space-2) 0}.modal-backdrop{background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:var(--surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;box-shadow:0 24px 64px #0006;animation:modalIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header h2{font-family:var(--font-display);font-weight:600}.modal-close:hover{background:var(--error)!important;color:#fff!important}.phase{font-family:var(--font-display);color:var(--primary)!important;font-weight:700;font-size:1.15rem;margin-bottom:var(--space-3);letter-spacing:-.01em}.room-content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:var(--space-5);align-items:start}.room-content-grid>:not(.room-side-stack){grid-column:1}.room-side-stack{grid-column:2;grid-row:1 / span 200;position:sticky;top:92px;align-self:start;display:grid;gap:var(--space-4)}.room-side-stack .players{margin:0;display:grid;grid-template-columns:1fr;gap:10px;justify-content:stretch}.room-side-stack .chat{margin:0;max-height:min(46vh,520px)}.room-side-stack .input-area{margin-top:0}.room-side-stack .input-area input{padding:12px 14px!important}.room-side-stack .btn{min-width:0}.room-side-stack .game-area{margin:0!important}.room-exit-bar{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);text-align:center;z-index:50}.room-exit-bar .btn{min-width:160px;box-shadow:0 4px 20px #0000004d}.container:has(.room-exit-bar){padding-bottom:80px}.player{background:var(--surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius)!important;padding:10px 14px!important;transition:all var(--transition);animation:playerEnter .3s ease both}[data-theme=modern] .player,[data-theme=modern] .game-area,[data-theme=modern] .chat{box-shadow:none!important;background:var(--color-surface-100)!important}@keyframes playerEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.player:hover{border-color:#6366f14d!important;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.player.active{border-color:var(--primary)!important;background:linear-gradient(135deg,#6366f126,#f472b614)!important;box-shadow:0 0 20px #6366f126}.player.disconnected{opacity:.45;filter:grayscale(.5)}.player-avatar{width:32px!important;height:32px!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0;background:var(--gradient-hero);box-shadow:0 2px 8px #6366f14d}.players{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-4) 0;justify-content:center}.room-id-container{position:relative;overflow:hidden}.room-id-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-hero);opacity:.4}.room-id{background:#7c5cfc0f!important;border:2px dashed rgba(124,92,252,.25)!important;border-radius:var(--radius)!important;color:var(--primary)!important;font-size:1.5rem;letter-spacing:.15em;font-weight:800;padding:14px 24px;font-family:var(--font-display)}.room-copy-buttons{display:flex;gap:8px;justify-content:center;margin-top:var(--space-3)}.game-area{position:relative;overflow:hidden;padding:var(--space-5)!important;margin:var(--space-4) 0!important;animation:fadeSlideUp .35s ease both}.game-area:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,252,.2),transparent)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.word{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:var(--text-primary);background:#7c5cfc0f;border:1px solid rgba(124,92,252,.15);border-radius:var(--radius);padding:var(--space-5);text-align:center;display:flex;align-items:center;justify-content:center;min-height:80px;animation:wordReveal .4s cubic-bezier(.2,.8,.2,1);position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.word:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);box-shadow:inset 0 0 40px #7c5cfc0a;pointer-events:none}@keyframes wordReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat{border-radius:var(--radius)!important;padding:var(--space-4)!important;max-height:280px;overflow-y:auto;scroll-behavior:smooth;margin:var(--space-4) 0}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:#7c5cfc40;border-radius:4px}.message{padding:8px 12px;margin:4px 0;border-radius:10px;background:#ffffff08;border-left:2px solid transparent;animation:msgIn .2s ease;font-size:.95rem;line-height:1.5}@keyframes msgIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.message.system{border-left-color:var(--primary);background:#6366f10f;color:var(--text-muted);font-style:italic}.message.bot-msg{border-left-color:var(--secondary);background:#f472b60a}.message.host-msg{border-left-color:var(--accent-gold)}.msg-author{color:var(--primary)!important;font-weight:600}.input-area{display:flex;gap:10px;margin-top:var(--space-4)}.input-area input{flex:1;border-radius:12px!important}.error{color:var(--error);background:#f43f5e1a;border-left:3px solid var(--error);padding:12px 16px;border-radius:var(--radius);margin:var(--space-3) 0;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.role-badge.mafia,.role-badge.don{background:#f43f5e26;color:#f43f5e}.role-badge.civilian,.role-badge.citizen{background:#10b98126;color:#10b981}.role-badge.sheriff{background:#6366f126;color:#6366f1}.role-badge.doctor{background:#fbbf2426;color:#fbbf24}.role-badge.maniac{background:#a855f726;color:#a855f7}.role-badge.poisoner{background:#22c55e26;color:#22c55e;border:1px dashed rgba(34,197,94,.3)}.role-badge.putana{background:#f472b626;color:#f472b6}.role-badge.dead{background:#ffffff0d;color:var(--text-muted);text-decoration:line-through}.score-table{display:grid;gap:4px;margin-top:var(--space-3)}.score-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-radius:8px;background:#ffffff05;font-size:.92rem;transition:background var(--transition)}.score-row:first-child{background:#6366f11a;font-weight:600}.score-row:hover{background:#ffffff0d}.score-value{font-weight:700;color:var(--primary);font-family:var(--font-display)}.voice-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:500}.voice-status.connected{background:#10b9811a;color:var(--success)}.voice-status.error{background:#f43f5e1a;color:var(--error)}.voice-panel{position:relative;background:#08080cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;padding:16px 24px;display:flex;flex-direction:column;gap:12px;min-width:280px;max-width:100%;box-shadow:0 20px 60px #00000080}.voice-panel--dead{opacity:.7;border-color:#ff52524d}.voice-panel--connecting,.voice-panel--error{display:flex;align-items:center;gap:10px;color:var(--text-muted)}.voice-spinner{width:20px;height:20px;border:2px solid var(--border-subtle);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.voice-speakers{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.voice-speaker-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-dim, rgba(99, 102, 241, .15));border-radius:20px;font-size:.85rem;color:var(--primary);animation:speaker-pulse 1s ease-in-out infinite}.voice-speaker-wave{width:16px;height:16px;background:var(--primary);border-radius:50%;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes speaker-pulse{0%,to{opacity:1}50%{opacity:.85}}.voice-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.voice-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-card, rgba(30, 41, 59, .5));border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s}.voice-btn:hover:not(:disabled){background:var(--bg-card-hover, rgba(51, 65, 85, .5));transform:translateY(-2px)}.voice-btn--muted{background:#ff525233;border-color:#ff525266;color:var(--error, #f43f5e)}.voice-channel-indicator{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ff00001a;border-radius:8px;font-size:.85rem;color:#f44}.channel-dot{width:8px;height:8px;border-radius:50%;background:#333;transition:all .3s}.channel-dot.active{background:#f44;box-shadow:0 0 10px #f44;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.voice-dead-notice{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}.voice-queue-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.voice-queue-row{margin-bottom:8px;font-size:.9rem}.voice-host-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.role-badge.role-hidden{color:var(--text-muted);font-style:italic;opacity:.5;background:#ffffff0d}.night-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;opacity:.85}.night-atmosphere{position:relative;width:120px;height:80px}.night-waiting .moon{font-size:48px;animation:moon-float 4s ease-in-out infinite}@keyframes moon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.night-waiting .stars{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20px 20px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 50px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 80px 60px,rgba(255,255,255,.5),transparent);animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.5}}.night-waiting .waiting-text{margin:12px 0 8px;font-size:.9rem;color:var(--text-muted)}.night-waiting .sleep-indicator{display:flex;gap:4px}.night-waiting .zzz{font-size:20px;color:var(--text-muted);animation:zzz-float 2s ease-in-out infinite}.night-waiting .zzz:nth-child(2){animation-delay:.3s}.night-waiting .zzz:nth-child(3){animation-delay:.6s}@keyframes zzz-float{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(-12px);opacity:1}}.ai-narrator{position:relative;padding:var(--space-4) var(--space-5)!important;margin:var(--space-3) 0!important;background:linear-gradient(135deg,#fbbf240f,#f472b608)!important;border-left:3px solid var(--accent-gold)!important;border-radius:0 var(--radius) var(--radius) 0!important}.ai-narrator .phase{color:var(--accent-gold)!important;font-size:.85rem}.ai-msg{padding:3px 0;font-size:.93rem;line-height:1.5;animation:aiMsgIn .3s ease}.ai-msg:last-child{color:var(--text-primary)}.ai-msg:not(:last-child){color:var(--text-muted)}@keyframes aiMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.timer-display{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 12px;border-radius:8px;font-weight:700;font-size:1.1rem;font-family:var(--font-display);background:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}.timer-display.urgent{background:#f43f5e1f;color:var(--error);border-color:#f43f5e4d;animation:timerPulse .8s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.host-panel{margin-top:var(--space-4);padding:var(--space-4);background:#6366f10d;border:1px solid rgba(99,102,241,.15);border-radius:var(--radius)}.host-panel-title{font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:#14141f99;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius);margin-bottom:var(--space-4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.game-hud-label{font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.game-hud-value{font-family:var(--font-display);font-weight:700;color:var(--text-primary)}@media(max-width:1024px){.how-it-works{grid-template-columns:1fr}}@media(max-width:1200px){.page-side{width:min(18vw,200px);opacity:.8}}@media(max-width:900px){.page-side{width:12vw;opacity:.5}.lobby-grid{grid-template-columns:1fr}.lobby-sidebar{position:static;grid-template-columns:1fr}.room-content-grid{grid-template-columns:1fr}.room-side-stack{grid-column:1;grid-row:auto;position:static}.room-page--mafia-playing .room-side-stack{order:0;margin-top:var(--space-2);margin-bottom:0}.room-page--mafia-playing .room-side-stack .chat{max-height:min(28dvh,280px)}}@media(max-width:900px)and (max-height:720px){.room-page--mafia-playing .room-side-stack .chat{max-height:min(20dvh,200px)}}@media(max-width:640px){.page-side{display:none}}@media(max-width:768px){.container{padding:var(--space-4) var(--space-4)}.header{padding:var(--space-6) var(--space-4)!important}.lobby-grid{gap:var(--space-5)}.game-select{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-3)!important}.btn{width:100%;min-width:0}}@media(max-width:640px){.game-select{grid-template-columns:1fr!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--color-primary-50: #f3eeff;--color-primary-100: #e4d9ff;--color-primary-200: #cbb4ff;--color-primary-300: #ab85ff;--color-primary-400: #9065fc;--color-primary-500: #7c5cfc;--color-primary-600: #6b3de8;--color-primary-700: #5a2ec4;--color-primary-800: #4a26a0;--color-primary-900: #3b1f7d;--color-secondary-50: #e6fff9;--color-secondary-100: #b3ffe9;--color-secondary-200: #80ffd9;--color-secondary-300: #4dffc9;--color-secondary-400: #00d4aa;--color-secondary-500: #00b894;--color-secondary-600: #009b7d;--color-secondary-700: #007d65;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #f43f5e;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-bg-primary: #08080f;--color-bg-secondary: #10101a;--color-bg-tertiary: #1a1a28;--color-bg-elevated: #14141f;--color-bg-overlay: rgba(8, 8, 15, .85);--color-bg-modal: rgba(8, 8, 15, .95);--color-surface-100: #14141f;--color-surface-200: #1c1c2a;--color-surface-300: #252535;--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(20px);--color-text-primary: #f0f0f5;--color-text-secondary: #b0b0c0;--color-text-tertiary: #7878a0;--color-text-muted: #55556e;--color-text-inverse: #08080f;--color-border-subtle: rgba(255, 255, 255, .05);--color-border-default: rgba(255, 255, 255, .08);--color-border-accent: rgba(124, 92, 252, .35);--color-border-focus: rgba(124, 92, 252, .7);--color-mafia-red: #dc2626;--color-mafia-black: #1f2937;--color-crocodile-green: #10b981;--color-hat-yellow: #fbbf24;--color-spy-purple: #8b5cf6;--font-display: "Space Grotesk", "Outfit", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-logo: "Space Grotesk", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--size-xs: 24px;--size-sm: 32px;--size-md: 40px;--size-lg: 48px;--size-xl: 56px;--size-2xl: 64px;--touch-target-min: 44px;--radius-none: 0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--radius-3xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 40px -8px rgba(0, 0, 0, .6);--shadow-2xl: 0 24px 56px -12px rgba(0, 0, 0, .7);--shadow-primary: 0 4px 20px 0 rgba(124, 92, 252, .3);--shadow-primary-lg: 0 8px 32px 0 rgba(124, 92, 252, .4);--shadow-secondary: 0 4px 20px 0 rgba(0, 212, 170, .25);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .4);--shadow-error: 0 4px 14px 0 rgba(244, 63, 94, .4);--glow-primary: 0 0 60px rgba(124, 92, 252, .2);--glow-secondary: 0 0 60px rgba(0, 212, 170, .15);--glow-success: 0 0 40px rgba(16, 185, 129, .2);--glow-error: 0 0 40px rgba(244, 63, 94, .25);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-colors: color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);--transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-fast) var(--ease-in-out);--transition-all: all var(--duration-normal) var(--ease-out);--z-hide: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--gradient-primary: linear-gradient(135deg, #7c5cfc 0%, #9065fc 50%, #00d4aa 100%);--gradient-secondary: linear-gradient(135deg, #00d4aa 0%, #00b894 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--gradient-error: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--gradient-hero: linear-gradient(135deg, #7c5cfc 0%, #00d4aa 100%);--gradient-card: linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 100%);--gradient-surface: linear-gradient(180deg, rgba(255,255,255,.02) 0%, transparent 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.01) 100%);--timer-size-sm: 48px;--timer-size-md: 64px;--timer-size-lg: 80px;--timer-stroke-width: 3px;--timer-color-normal: var(--color-primary-500);--timer-color-warning: var(--color-warning-500);--timer-color-danger: var(--color-error-500);--card-padding-sm: var(--space-3);--card-padding-md: var(--space-4);--card-padding-lg: var(--space-6);--card-border-width: 1px;--btn-height-sm: 34px;--btn-height-md: 42px;--btn-height-lg: 50px;--btn-padding-sm: 0 var(--space-3);--btn-padding-md: 0 var(--space-5);--btn-padding-lg: 0 var(--space-6);--input-height: 46px;--input-padding: 0 var(--space-4);--input-border-width: 1px;--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}@media(prefers-contrast:high){:root{--color-border-subtle: rgba(255, 255, 255, .25);--color-border-default: rgba(255, 255, 255, .4);--color-text-muted: #b0b0c0}}:root{--pff-rgb-lime: 160, 216, 0;--pff-rgb-lime-bright: 187, 245, 50;--pff-rgb-purple: 220, 184, 255;--primary: #bbf532;--secondary: #dcb8ff;--accent: #a0d800;--accent-amber: #c8e832;--bg-deep: #0a0a0f;--surface: #14141f;--success: #34d399;--error: #ffb4ab;--error-red: #ffb4ab;--success-green: #34d399;--text-primary: #f0f0f5;--text-muted: #7878a0;--border-subtle: rgba(255, 255, 255, .05);--border-accent: rgba(160, 216, 0, .3);--accent-dim: rgba(160, 216, 0, .1);--secondary-dim: rgba(220, 184, 255, .1);--accent-gold: #bbf532;--accent-gold-dim: rgba(187, 245, 50, .12);--gradient-card: linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, 0) 100%);--shadow-primary-hover: 0 8px 32px rgba(124, 92, 252, .4);--font-display: "Space Grotesk", "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-logo: "Space Grotesk", system-ui, sans-serif;--color-primary-50: #f3eeff;--color-primary-100: #e4d9ff;--color-primary-200: #cbb4ff;--color-primary-300: #ab85ff;--color-primary-400: #9065fc;--color-primary-500: #7c5cfc;--color-primary-600: #6b3de8;--color-primary-700: #5a2ec4;--color-secondary-300: #4dffc9;--color-secondary-400: #00d4aa;--color-secondary-500: #00b894;--color-secondary-600: #009b7d;--color-bg-primary: #08080f;--color-bg-secondary: #10101a;--color-bg-tertiary: #1a1a28;--color-bg-elevated: #14141f;--color-bg-overlay: rgba(8, 8, 15, .88);--color-bg-modal: rgba(8, 8, 15, .96);--color-surface-100: #14141f;--color-surface-200: #1c1c2a;--color-surface-300: #252535;--color-text-primary: #f0f0f5;--color-text-secondary: #b0b0c0;--color-text-tertiary: #7878a0;--color-text-muted: #55556e;--color-border-accent: rgba(124, 92, 252, .35);--color-border-focus: rgba(124, 92, 252, .7);--gradient-primary: linear-gradient(135deg, #7c5cfc 0%, #9065fc 50%, #00d4aa 100%);--gradient-secondary: linear-gradient(135deg, #00d4aa 0%, #00b894 100%);--gradient-hero: linear-gradient(135deg, #7c5cfc 0%, #00d4aa 100%);--shadow-primary: 0 4px 20px rgba(124, 92, 252, .3);--shadow-primary-lg: 0 8px 32px rgba(124, 92, 252, .4);--glow-primary: 0 0 60px rgba(124, 92, 252, .2)}body:before{background:radial-gradient(ellipse 120% 80% at 20% 10%,rgba(124,92,252,.12) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 80% 20%,rgba(0,212,170,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 60% 90%,rgba(124,92,252,.05) 0%,transparent 45%),linear-gradient(180deg,#08080f,#060610,#08080f)}.page-side-left{background:radial-gradient(ellipse 80% 60% at 0% 30%,rgba(124,92,252,.1) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 10% 70%,rgba(0,212,170,.06) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(124,92,252,.03) 50%,transparent 100%)}.page-side-right{background:radial-gradient(ellipse 80% 60% at 100% 40%,rgba(0,212,170,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(124,92,252,.04) 0%,transparent 50%),linear-gradient(180deg,transparent 0%,rgba(0,212,170,.02) 50%,transparent 100%)}.page-side-left:after{background:linear-gradient(180deg,transparent,rgba(124,92,252,.18),transparent)}.page-side-right:after{background:linear-gradient(180deg,transparent,rgba(0,212,170,.14),transparent)}.header.hero-section{background:linear-gradient(135deg,#7c5cfc0f,#14141fa6,#00d4aa0a)}.pff-home .header.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pff-home .header.hero-section h1.pff-brand-title{width:100%;text-align:center;font-family:var(--font-display)!important;font-weight:800!important;letter-spacing:-.03em!important;text-transform:none!important;background:var(--gradient-hero)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;filter:drop-shadow(0 0 20px rgba(124,92,252,.35));animation:none}.pff-home .header.hero-section .header-tagline-hero{width:100%;max-width:min(100%,36rem);margin-left:auto!important;margin-right:auto!important;text-align:center}.pff-home .header.hero-section .header-tagline:not(.header-tagline-hero){max-width:min(100%,36rem);margin-left:auto!important;margin-right:auto!important;margin-top:var(--space-3)!important;text-align:center}.pff-home .header-tagline-hero{color:var(--color-text-primary)}.pff-home .header-tagline-hero .pff-accent{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.pff-glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--duration-normal) var(--ease-out)}.pff-glass-card:hover{background:var(--glass-bg-hover);border-color:#7c5cfc33;box-shadow:0 0 40px #7c5cfc14}.pff-text-gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pff-home-main{flex:1;width:100%;min-width:0}:root.theme-modern,[data-theme=modern]{--primary: #7c5cfc;--secondary: #00d4aa;--accent: #7c5cfc;--bg-deep: #0b0e14;--surface: #151a24;--text-primary: #f0f0f5;--text-muted: #7878a0;--color-primary-400: #9065fc;--color-primary-500: #7c5cfc;--color-primary-600: #6b3de8;--color-bg-primary: #0b0e14;--color-bg-secondary: #111520;--color-bg-tertiary: #181d2a;--color-bg-elevated: #151a24;--color-bg-overlay: rgba(11, 14, 20, .85);--color-bg-modal: rgba(11, 14, 20, .96);--color-surface-100: #151a24;--color-surface-200: #1c2130;--color-surface-300: #252c3d;--color-text-primary: #f0f0f5;--color-text-secondary: #b0b0c0;--color-text-tertiary: #7878a0;--color-text-muted: #55556e;--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .1);--color-border-accent: rgba(124, 92, 252, .35);--color-border-focus: rgba(124, 92, 252, .65);--color-mafia-red: #ef4444;--color-success-500: #10b981;--color-info-500: #3b82f6;--color-warning-500: #f59e0b;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-logo: "Inter", system-ui, sans-serif;--tracking-tight: -.02em;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 22px;--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45)}[data-theme=modern] body:before{background:radial-gradient(ellipse 120% 70% at 0% 0%,rgba(124,92,252,.12) 0%,transparent 55%),radial-gradient(ellipse 100% 80% at 100% 100%,rgba(0,212,170,.08) 0%,transparent 60%),linear-gradient(180deg,#0b0e14,#0e1118)}[data-theme=modern] .game-area,[data-theme=modern] .chat,[data-theme=modern] .players,[data-theme=modern] .game-hud{background:var(--color-surface-100);border-color:var(--color-border-subtle);box-shadow:none}[data-theme=modern] .btn.btn-sm{border-radius:var(--radius-md)}[data-theme=modern] .phase{letter-spacing:var(--tracking-tight)}