@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%}}.hm,.hm *,.hm-drawer *,.hm-sheet *,.hm-bar *{box-sizing:border-box}.hm,.hm-drawer,.hm-sheet,.hm-bar{--on-primary: #0b0b12}[data-theme=modern] .hm,[data-theme=modern] .hm-drawer,[data-theme=modern] .hm-sheet,[data-theme=modern] .hm-bar{--on-primary: #fff}.hm{position:sticky;top:0;z-index:30;height:var(--pf-topbar-h, 64px);background:color-mix(in srgb,var(--bg-deep, #08080f) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.hm__inner{max-width:1240px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;gap:28px}.hm__logo{display:inline-flex;align-items:center;gap:10px;color:#f2f1f7;text-decoration:none;font:800 1.12rem/1 Outfit,Space Grotesk,system-ui,sans-serif;letter-spacing:-.02em}.hm__dot{width:8px;height:8px;border-radius:50%;background:#8f8da6;transition:background .2s,box-shadow .2s}.hm__dot.is-on{background:var(--secondary, #00d4aa);box-shadow:0 0 0 4px color-mix(in srgb,var(--secondary, #00d4aa) 22%,transparent)}.hm__nav{display:flex;gap:22px}.hm__nav a{color:#8f8da6;text-decoration:none;font:600 .9rem Inter,system-ui,sans-serif;transition:color .16s}.hm__nav a:hover{color:#f2f1f7}.hm__actions{margin-left:auto;display:flex;align-items:center;gap:10px}.hm__join{display:flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#8f8da6;transition:border-color .16s}.hm__join:focus-within{border-color:var(--primary, #7c5cfc)}.hm__join input{width:118px;background:transparent;border:0;outline:none;color:#f2f1f7;font:700 .9rem Inter,system-ui,sans-serif;letter-spacing:.12em}.hm__join input::placeholder{color:#8f8da6;letter-spacing:0;font-weight:500}.hm__join button{height:30px;padding:0 12px;border-radius:999px;border:0;cursor:pointer;background:#ffffff14;color:#f2f1f7;font:700 .82rem Inter,system-ui,sans-serif;transition:background .16s,opacity .16s}.hm__join button:hover:not(:disabled){background:#ffffff24}.hm__join button:disabled{opacity:.45;cursor:default}.hm__play{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;background:var(--primary, #7c5cfc);color:var(--on-primary);font:700 .9rem Inter,system-ui,sans-serif;box-shadow:0 8px 24px -8px color-mix(in srgb,var(--primary, #7c5cfc) 70%,transparent);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,opacity .16s}.hm__play:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px -8px color-mix(in srgb,var(--primary, #7c5cfc) 80%,transparent)}.hm__play:active:not(:disabled){transform:scale(.97)}.hm__play:disabled{opacity:.5;cursor:default}.hm__burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f2f1f7;cursor:pointer;place-items:center}.hm-drawer,.hm-sheet{display:none}.hm-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;visibility:hidden}.hm-drawer.is-open{visibility:visible}.hm-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04040a99;opacity:0;transition:opacity .22s}.hm-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(84vw,340px);padding:22px 20px;display:flex;flex-direction:column;gap:22px;background:#111118;border-left:1px solid rgba(255,255,255,.08);transform:translate(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.hm-drawer.is-open{pointer-events:auto}.hm-drawer.is-open .hm-drawer__backdrop{opacity:1}.hm-drawer.is-open .hm-drawer__panel{transform:none}.hm-drawer__nav{display:flex;flex-direction:column;gap:4px;padding-top:56px}.hm-drawer__nav button{text-align:left;padding:14px 12px;border-radius:12px;border:0;background:transparent;cursor:pointer;color:#f2f1f7;font:700 1.1rem Outfit,Space Grotesk,system-ui,sans-serif}.hm-drawer__nav button:hover{background:#ffffff0d}.hm-drawer__cta{display:flex;flex-direction:column;gap:8px;margin-top:auto}.hm-drawer__primary,.hm-drawer__secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:999px;border:1px solid transparent;cursor:pointer;font:700 1rem Inter,system-ui,sans-serif;color:#f2f1f7}.hm-drawer__primary{background:var(--primary, #7c5cfc);color:var(--on-primary)}.hm-drawer__secondary{background:#ffffff0d;border-color:#ffffff24}.hm-drawer__primary:disabled,.hm-drawer__secondary:disabled{opacity:.5}.hm-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;visibility:hidden}.hm-sheet.is-open{visibility:visible}.hm-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04040aa6;opacity:0;transition:opacity .22s}.hm-sheet__panel{position:absolute;left:0;right:0;bottom:0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#17171f;border-top:1px solid rgba(255,255,255,.12);transform:translateY(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}.hm-sheet.is-open{pointer-events:auto}.hm-sheet.is-open .hm-sheet__backdrop{opacity:1}.hm-sheet.is-open .hm-sheet__panel{transform:none}.hm-sheet__panel h3{margin:0 0 4px;font:800 1.4rem Outfit,Space Grotesk,system-ui,sans-serif;color:#f2f1f7}.hm-sheet__panel p{margin:0 0 14px;color:#8f8da6;font:500 .9rem Inter,system-ui,sans-serif}.hm-sheet__panel input{width:100%;height:52px;padding:0 16px;margin-bottom:10px;border-radius:14px;outline:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#f2f1f7;font:800 1.3rem Inter,system-ui,sans-serif;letter-spacing:.22em;text-align:center}.hm-sheet__panel input::placeholder{letter-spacing:0;font-weight:500;font-size:1rem;color:#8f8da6}.hm-sheet__panel input:focus{border-color:var(--primary, #7c5cfc)}.hm-sheet__panel button{width:100%;height:50px;border-radius:999px;border:0;cursor:pointer;background:var(--primary, #7c5cfc);color:var(--on-primary);font:700 1rem Inter,system-ui,sans-serif}.hm-sheet__panel button:disabled{opacity:.5}.hm-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:35;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg-deep, #08080f) 86%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08)}.hm-bar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:0;border-radius:14px;background:transparent;cursor:pointer;color:#8f8da6;font:600 .68rem Inter,system-ui,sans-serif;transition:color .16s,background .16s}.hm-bar button:active{background:#ffffff0f}.hm-bar button:disabled{opacity:.45}.hm-bar__primary{color:var(--on-primary)!important}.hm-bar__primary small{color:#f2f1f7}.hm-bar__primary svg{width:44px;height:44px;padding:11px;border-radius:50%;margin-top:-18px;background:var(--primary, #7c5cfc);box-shadow:0 10px 24px -6px color-mix(in srgb,var(--primary, #7c5cfc) 80%,transparent)}@media(max-width:900px){.hm__nav,.hm__join{display:none}.hm__inner{gap:12px}}@media(max-width:760px){.hm{height:56px}.hm__play{display:none}.hm__burger{display:grid;margin-left:auto}.hm-bar{display:flex}.hm-drawer,.hm-sheet{display:block}body.home-menu-open{overflow:hidden}}.pf-home *,.pf-home *:before,.pf-home *:after{box-sizing:border-box}.pf-home{--pf-bg: var(--bg-deep, #08080f);--pf-surface: #111118;--pf-surface-2: #17171f;--pf-line: rgba(255, 255, 255, .08);--pf-line-strong: rgba(255, 255, 255, .14);--pf-text: #f2f1f7;--pf-muted: #8f8da6;--pf-primary: var(--primary, #7c5cfc);--pf-on-primary: #0b0b12;--pf-accent: var(--secondary, #00d4aa);--pf-display: "Outfit", "Space Grotesk", system-ui, sans-serif;--pf-body: "Inter", system-ui, -apple-system, sans-serif;--pf-radius: 16px;--pf-fast: .16s;--pf-base: .28s;--pf-ease-out: cubic-bezier(.2, .8, .2, 1);--pf-max: 1240px;--pf-gutter: clamp(16px, 4vw, 40px);--pf-topbar-h: 64px;--pf-inline: max(var(--pf-gutter), calc((100% - var(--pf-max)) / 2));min-height:100dvh;color:var(--pf-text);background:var(--pf-bg);font-family:var(--pf-body);-webkit-font-smoothing:antialiased}[data-theme=modern] .pf-home{--pf-on-primary: #fff}.pf-main{padding-bottom:40px}.pf-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;font:700 .95rem/1 var(--pf-body);color:var(--pf-text);transition:transform var(--pf-fast) var(--pf-ease-out),background var(--pf-fast),border-color var(--pf-fast),box-shadow var(--pf-fast)}.pf-btn--lg{padding:16px 26px;font-size:1.02rem}.pf-btn--primary{background:var(--pf-primary);color:var(--pf-on-primary);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--pf-primary) 60%,transparent)}.pf-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px -8px color-mix(in srgb,var(--pf-primary) 70%,transparent)}.pf-btn--ghost{background:#ffffff0a;border-color:var(--pf-line-strong)}.pf-btn--ghost:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px)}.pf-btn:active:not(:disabled){transform:scale(.97)}.pf-btn:disabled{opacity:.5;cursor:default}.pf-btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.pf-link{background:none;border:0;padding:4px 0;cursor:pointer;color:var(--pf-muted);font:600 .86rem var(--pf-body);transition:color var(--pf-fast)}.pf-link:hover{color:var(--pf-text)}.pf-hero{position:relative;isolation:isolate;overflow:hidden}.pf-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 560px at 76% 42%,color-mix(in srgb,var(--a) 30%,transparent),transparent 62%),radial-gradient(760px 520px at 10% 95%,color-mix(in srgb,var(--b) 16%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--a) 8%,var(--pf-bg)) 0%,var(--pf-bg) 92%);transition:background var(--pf-base)}.pf-hero__inner{max-width:var(--pf-max);margin:0 auto;padding:clamp(48px,8vh,88px) var(--pf-gutter) 24px;display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:center;min-height:min(66vh,560px)}.pf-hero__copy,.pf-hero__art{animation:pf-in var(--pf-base) var(--pf-ease-out) both}@keyframes pf-in{0%{opacity:0;transform:translateY(10px)}}.pf-kicker{display:inline-block;font:700 .74rem/1 var(--pf-body);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--a) 72%,white)}.pf-hero__title{margin:14px 0 16px;max-width:12ch;font:800 clamp(2.9rem,8vw,6.4rem)/.96 var(--pf-display);letter-spacing:-.035em;text-wrap:balance}.pf-hero__lead{margin:0 0 26px;max-width:46ch;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.5;color:var(--pf-muted)}.pf-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.pf-hero .pf-btn--primary{background:#fff;color:#0b0b12;box-shadow:0 12px 32px -10px #ffffff73}.pf-hero .pf-btn--primary:hover:not(:disabled){box-shadow:0 18px 40px -10px #ffffff8c}.pf-hero__players{display:inline-flex;align-items:center;gap:6px;margin-left:4px;color:var(--pf-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.pf-hero__art{position:relative;justify-self:end;width:min(100%,360px);aspect-ratio:1;display:grid;place-items:center}.pf-hero__art:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:34%;background:linear-gradient(145deg,color-mix(in srgb,var(--a) 60%,transparent),color-mix(in srgb,var(--b) 40%,transparent));filter:blur(30px);opacity:.55}.pf-hero__art svg{position:relative;width:62%;height:62%;color:color-mix(in srgb,var(--a) 78%,white);filter:drop-shadow(0 24px 50px color-mix(in srgb,var(--a) 55%,transparent))}.pf-hero__strip{max-width:var(--pf-max);margin:0 auto;padding:0 var(--pf-gutter) 28px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.pf-hero__strip::-webkit-scrollbar{display:none}.pf-strip__item{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;cursor:pointer;border:1px solid var(--pf-line);background:#ffffff08;color:var(--pf-muted);font:600 .86rem var(--pf-body);transition:border-color var(--pf-fast),color var(--pf-fast),background var(--pf-fast)}.pf-strip__item svg{color:var(--a)}.pf-strip__item:hover{color:var(--pf-text);border-color:var(--pf-line-strong)}.pf-strip__item.is-on{color:var(--pf-text);border-color:color-mix(in srgb,var(--a) 60%,transparent);background:color-mix(in srgb,var(--a) 14%,transparent)}.pf-strip__item:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf-seg{display:inline-flex;margin-top:18px;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid var(--pf-line)}.pf-seg button{padding:8px 14px;border-radius:999px;border:0;background:transparent;cursor:pointer;color:var(--pf-muted);font:600 .84rem var(--pf-body);transition:background var(--pf-fast),color var(--pf-fast)}.pf-seg button.is-on{background:#fff;color:#0b0b12}.pf-error{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--error, #f43f5e) 14%,transparent);border:1px solid color-mix(in srgb,var(--error, #f43f5e) 40%,transparent);color:#fecdd3;font-size:.9rem}.pf-filters{position:sticky;top:var(--pf-topbar-h);z-index:20;display:flex;align-items:center;gap:16px;padding:10px var(--pf-inline);background:color-mix(in srgb,var(--pf-bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--pf-line);border-bottom:1px solid var(--pf-line)}.pf-chips{display:flex;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}.pf-chips::-webkit-scrollbar{display:none}.pf-chips button{flex:0 0 auto;padding:8px 14px;border-radius:999px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--pf-muted);font:600 .85rem var(--pf-body);transition:background var(--pf-fast),color var(--pf-fast)}.pf-chips button:hover{color:var(--pf-text);background:#ffffff0d}.pf-chips button.is-on{color:var(--pf-on-primary);background:var(--pf-primary)}.pf-chips button:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf-filters__tools{display:flex;gap:8px;flex:0 0 auto}.pf-select,.pf-search{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--pf-line-strong);background:#ffffff08;color:var(--pf-muted);transition:border-color var(--pf-fast)}.pf-select:focus-within,.pf-search:focus-within{border-color:var(--pf-primary)}.pf-select select{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0 6px 0 0!important;box-shadow:none!important;cursor:pointer;color:var(--pf-text)!important;font:600 .85rem var(--pf-body)!important;outline:none}.pf-select select option{color:#0b0b12}.pf-search input{width:150px;background:transparent;border:0;outline:none;color:var(--pf-text);font:500 .9rem var(--pf-body)}.pf-search input::placeholder{color:var(--pf-muted)}.pf-search input::-webkit-search-cancel-button{-webkit-appearance:none}.pf-section{max-width:var(--pf-max);margin:0 auto;padding:44px var(--pf-gutter) 0}.pf-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.pf-section__head h2{margin:0;font:700 clamp(1.25rem,2vw,1.5rem)/1.2 var(--pf-display);letter-spacing:-.01em}.pf-section__note{color:var(--pf-muted);font-size:.82rem}.pf-poster{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--pf-radius);border:1px solid var(--pf-line);background:color-mix(in srgb,var(--a) 9%,var(--pf-surface));cursor:pointer;transition:transform var(--pf-fast) var(--pf-ease-out),border-color var(--pf-fast),box-shadow var(--pf-fast)}.pf-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff14}.pf-poster:hover,.pf-poster:focus-visible{transform:translateY(-3px);outline:none;border-color:color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 20px 44px -14px color-mix(in srgb,var(--a) 50%,transparent)}.pf-poster:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.pf-poster:active{transform:translateY(-1px) scale(.99)}.pf-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(60% 55% at var(--x1) var(--y1),color-mix(in srgb,var(--a) 42%,transparent),transparent 70%),radial-gradient(55% 60% at var(--x2) var(--y2),color-mix(in srgb,var(--b) 30%,transparent),transparent 70%)}.pf-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:13px 13px;-webkit-mask-image:radial-gradient(75% 65% at 70% 25%,#000,transparent 75%);mask-image:radial-gradient(75% 65% at 70% 25%,#000,transparent 75%)}.pf-art__ghost,.pf-art__main{position:absolute;display:block;line-height:0}.pf-art__ghost svg,.pf-art__main svg{width:100%;height:100%;display:block}.pf-art__ghost{width:108%;aspect-ratio:1;right:-34%;top:2%;color:var(--a);opacity:.1;transform:rotate(calc(var(--tilt) * -.5));transition:transform var(--pf-base) var(--pf-ease-out)}.pf-art__main{width:54%;aspect-ratio:1;right:-5%;top:-9%;color:color-mix(in srgb,var(--a) 78%,white);transform:rotate(var(--tilt)) translate(var(--drift));filter:drop-shadow(0 14px 30px color-mix(in srgb,var(--a) 60%,transparent));transition:transform var(--pf-base) var(--pf-ease-out)}.pf-poster:hover .pf-art__main{transform:rotate(var(--tilt)) translate(calc(var(--drift) - 3%),-4%) scale(1.07)}.pf-poster:hover .pf-art__ghost{transform:rotate(calc(var(--tilt) * -.5)) translate(3%,2%) scale(1.04)}.pf-art--lg .pf-art__main{width:40%;right:3%;top:2%}.pf-art--lg .pf-art__ghost{width:74%;right:-20%;top:10%}.pf-poster__body{position:relative;padding:14px 16px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--pf-bg) 72%,transparent))}.pf-poster__body h4{margin:0 0 4px;font:700 1.02rem/1.2 var(--pf-display);letter-spacing:-.01em}.pf-poster__body p{margin:0 0 10px;max-width:40ch;color:var(--pf-muted);font-size:.92rem;line-height:1.45}.pf-poster__meta{display:flex;align-items:center;gap:6px;color:var(--pf-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.pf-poster__launches{margin-left:8px;opacity:.8}.pf-badge{position:absolute;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:var(--pf-accent);color:#0b0b12;font:800 .66rem/1 var(--pf-body);letter-spacing:.1em;text-transform:uppercase}.pf-poster__play{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b0b12;opacity:0;transform:translateY(6px);transition:opacity var(--pf-fast),transform var(--pf-fast) var(--pf-ease-out)}.pf-poster:hover .pf-poster__play,.pf-poster:focus-visible .pf-poster__play{opacity:1;transform:none}.pf-poster--lg{grid-column:span 2;grid-row:span 2}.pf-poster--lg .pf-poster__body{padding:22px 24px}.pf-poster--lg .pf-poster__body h4{font-size:clamp(1.5rem,2.4vw,1.9rem);margin-bottom:8px}.pf-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:168px;gap:12px}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:164px;gap:12px}.pf-section--lane{padding-top:36px}.pf-lane{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--pf-gutter));padding:4px var(--pf-gutter) 14px}.pf-lane::-webkit-scrollbar{display:none}.pf-poster--sm{flex:0 0 214px;height:150px;scroll-snap-align:start}.pf-poster--sm .pf-art__main{width:50%;right:-4%;top:-6%}.pf-poster--sm .pf-art__ghost{width:95%;right:-32%}.pf-poster--sm .pf-poster__body h4{font-size:.98rem}.pf-fresh__grid{display:grid;grid-template-columns:7fr 5fr;gap:12px;align-items:stretch}.pf-fresh .pf-poster--lg{min-height:352px;grid-column:auto;grid-row:auto}.pf-index{list-style:none;margin:0;padding:0;border-radius:var(--pf-radius);border:1px solid var(--pf-line);background:var(--pf-surface);display:flex;flex-direction:column;overflow:hidden}.pf-index li+li{border-top:1px solid var(--pf-line)}.pf-index button{width:100%;display:grid;grid-template-columns:36px 1fr auto 16px;align-items:center;gap:12px;padding:11px 14px;border:0;background:transparent;cursor:pointer;text-align:left;color:var(--pf-text);font-family:var(--pf-body);transition:background var(--pf-fast)}.pf-index button:hover,.pf-index button:focus-visible{background:#ffffff0a;outline:none}.pf-index__icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:var(--a);background:color-mix(in srgb,var(--a) 14%,transparent)}.pf-index__text{display:flex;flex-direction:column;gap:1px;min-width:0}.pf-index__text strong{font:700 .95rem/1.2 var(--pf-display)}.pf-index__text small{color:var(--pf-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-index__meta{color:var(--pf-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.pf-index__go{color:var(--pf-muted);opacity:0;transition:opacity var(--pf-fast)}.pf-index button:hover .pf-index__go{opacity:1}.pf-band{margin:60px 0 0;padding:22px var(--pf-inline);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 18px;border-top:1px solid var(--pf-line);border-bottom:1px solid var(--pf-line);color:var(--pf-muted);font:600 .88rem var(--pf-body)}.pf-band i{width:4px;height:4px;border-radius:50%;background:var(--pf-accent)}.pf-footer{max-width:var(--pf-max);margin:0 auto;padding:28px var(--pf-gutter) calc(28px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;color:var(--pf-muted);font-size:.85rem}.pf-footer__brand{display:flex;flex-direction:column;gap:4px}.pf-footer__brand strong{color:var(--pf-text);font:800 1rem var(--pf-display)}.pf-footer__links{display:flex;gap:18px;flex-wrap:wrap}.pf-footer__links a{color:var(--pf-muted);text-decoration:none;transition:color var(--pf-fast)}.pf-footer__links a:hover{color:var(--pf-text)}.pf-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px}.pf-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04040ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pf-modal__panel{position:relative;width:min(100%,380px);padding:26px;border-radius:24px;background:var(--pf-surface-2);border:1px solid var(--pf-line-strong);box-shadow:0 30px 80px -20px #000c;animation:pf-pop var(--pf-base) var(--pf-ease-out) both}@keyframes pf-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}}.pf-modal__panel h3{margin:0 0 6px;font:800 1.5rem/1.15 var(--pf-display);letter-spacing:-.02em}.pf-modal__panel p{margin:0 0 16px;color:var(--pf-muted);font-size:.92rem}.pf-modal__panel input{width:100%;height:48px;padding:0 14px;border-radius:12px;outline:none;border:1px solid var(--pf-line-strong);background:#ffffff0a;color:var(--pf-text);font:600 1.05rem var(--pf-body);transition:border-color var(--pf-fast)}.pf-modal__panel input:focus{border-color:var(--pf-primary)}.pf-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:900px){.pf-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.pf-fresh__grid{grid-template-columns:1fr}.pf-fresh .pf-poster--lg{min-height:220px}.pf-hero__inner{grid-template-columns:1fr;gap:0}.pf-hero__art{display:none}}@media(max-width:760px){.pf-home{--pf-topbar-h: 56px}.pf-main{padding-bottom:88px}.pf-hero__inner{min-height:0;padding-top:26px;padding-bottom:18px}.pf-hero__title{font-size:clamp(2.6rem,13vw,3.6rem)}.pf-hero__lead{margin-bottom:20px}.pf-hero__cta .pf-btn--lg{padding:13px 18px;font-size:.95rem}.pf-hero__players{width:100%;margin:2px 0 0}.pf-hero__strip{padding-bottom:20px}.pf-filters{flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.pf-filters__tools{width:100%}.pf-search{flex:1}.pf-search input{width:100%}.pf-section{padding-top:30px}.pf-section--lane{padding-top:26px}.pf-poster--lg .pf-poster__body{padding:16px 18px}.pf-poster--lg .pf-poster__body p{display:none}.pf-band{margin-top:40px;gap:10px 14px;font-size:.82rem}.pf-footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.pf-home *{transition-duration:1ms!important;animation-duration:1ms!important}.pf-poster:hover,.pf-btn:hover:not(:disabled){transform:none}}.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:.7rem;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:.75rem;max-width:72px}.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}}.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}.room-page--mafia-playing .game-layout .game-content,.room-page--mafia-playing .game-layout .game-main-container{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.room-page--mafia-playing .mafia-noir-panel{z-index:60!important}.room-page--mafia-playing .mafia-noir-topbar{z-index:61!important}body:has(.room-page--mafia-playing) .connection-bar.connected{display:none!important}.room-page--mafia-playing .mafia-noir-topbar{position:fixed!important;top:0!important;z-index:61!important}.room-page--mafia-playing .mafia-noir-panel{position:fixed!important;top:74px!important;bottom:110px!important;z-index:60!important}.room-page--mafia-playing .mafia-noir-bottom-nav{position:fixed!important;z-index:60!important}.room-page--mafia-playing .room-content-grid.mafia-ops-layout{margin-top:58px!important}.room-page--mafia-playing .mafia-table-area{margin-top:0!important}@media(max-width:1024px){.room-page--mafia-playing .room-content-grid.mafia-ops-layout{margin-top:0!important}}@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}}.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 span{font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.croc-luxe-col{position:fixed;top:124px;bottom:96px;z-index:31;display:flex;flex-direction:column;min-height:0}.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-rank span{font-size:.62rem;color:var(--color-text-muted)}.croc-luxe-msg strong{font-size:.64rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em}.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}.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 b{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}@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:.75rem;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--experience .croc-luxe-topbar,.room-page--experience .croc-luxe-col,.room-page--experience .croc-luxe-guess-mobile,.room-page--experience .croc-luxe-bottom-nav{position:fixed!important;z-index:60!important;pointer-events:auto}.croc-luxe-topbar{position:fixed;top:56px;left:0;right:0;z-index:60;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:.7rem;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:60;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:.72rem;text-transform:uppercase;letter-spacing:.17em;color:#71717a}.croc-luxe-card__head span{font-size:.72rem;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:.72rem;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:.72rem;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);margin-left:min(320px,26vw);margin-right:min(360px,28vw);background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.room-content-grid.croc-luxe-layout{position:relative;z-index:1}.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}.crocodile-toolbar--compact{flex-wrap:nowrap;gap:8px}.crocodile-toolbar--compact .croc-tool-btn,.crocodile-toolbar--compact .clear-btn,.crocodile-toolbar--compact .undo-btn{min-width:44px;min-height:44px;padding:0 10px;justify-content:center}.crocodile-toolbar--compact .brush-size-slider{width:72px;min-height:44px}.crocodile-toolbar--compact .color-picker{width:44px;height:44px;min-height:44px}.room-page .croc-luxe-main .crocodile-toolbar--compact .croc-tool-btn{min-width:44px}.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:60;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:.75rem;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:760px){.croc-luxe-topbar{top:0;left:0;right:0;height:48px;padding:0 10px;border-radius:0}.croc-luxe-topbar__left div{display:none}.croc-luxe-topbar__left strong{font-size:.9rem}.croc-luxe-timer{font-size:.82rem;padding:6px 10px}.croc-luxe-main{margin-top:52px!important}.croc-luxe-canvas{min-height:min(45dvh,280px)}.croc-luxe-guess-btn{min-height:48px;font-size:.9rem}}.croc-luxe-guess-btn{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:var(--color-text-primary);padding:10px 12px;text-align:left;cursor:pointer;font-size:.82rem}.croc-luxe-guess-btn:disabled{opacity:.5;cursor:not-allowed}.croc-luxe-hint{padding:12px;opacity:.7;font-size:.9em;margin:0}.croc-luxe-main .croc-confirm-section--inline{display:none}.croc-luxe-guess-mobile{display:none!important}.croc-guess-sheet{position:fixed!important;z-index:2147483000!important;pointer-events:none;top:130px;right:16px;bottom:100px;left:auto;width:min(340px,28vw);padding:0}.croc-guess-sheet__inner{pointer-events:auto!important;height:100%;max-height:none;display:flex;flex-direction:column;border-radius:16px;border:2px solid rgba(160,216,0,.55);background:#060804fa;box-shadow:0 16px 48px #000000bf,0 0 0 1px #a0d80026;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 12px 14px}@media(max-width:1180px){.croc-guess-sheet{top:auto!important;right:0!important;left:0!important;bottom:0!important;width:100%!important;height:auto!important;padding:0 10px calc(78px + env(safe-area-inset-bottom,0px))}.croc-guess-sheet__inner{height:auto;max-height:min(46dvh,340px);border-radius:18px 18px 14px 14px}}.croc-guess-sheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;flex-shrink:0}.croc-guess-sheet__head strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:#bbf532}.croc-guess-sheet__head span{font-size:.72rem;color:#ffffff8c}.croc-guess-sheet__list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.croc-guess-sheet .croc-luxe-guess-btn{min-height:52px;font-size:1.05rem;font-weight:700;border:1px solid rgba(160,216,0,.35);background:#a0d8001f;color:#e8ff7a;touch-action:manipulation;-webkit-tap-highlight-color:rgba(160,216,0,.25)}.croc-guess-sheet .croc-luxe-guess-btn:disabled{opacity:.45}@media(max-width:1180px){.croc-luxe-col,.room-page--experience .croc-luxe-col,.croc-luxe-col--left,.croc-luxe-col--right{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}.room-page .croc-luxe-main{margin-top:86px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}.room-content-grid.croc-luxe-layout .game-layout{height:auto!important;min-height:0!important;background:transparent!important;overflow:visible!important;pointer-events:auto}.room-content-grid.croc-luxe-layout .game-main-container,.room-content-grid.croc-luxe-layout .game-content{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important;justify-content:flex-start!important;align-items:stretch!important}.croc-luxe-main .croc-confirm-section--inline{display:block!important;width:100%;margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(160,216,0,.35);background:#080808eb;position:relative;z-index:8}.croc-luxe-main .croc-confirm-section--inline .croc-confirm-hint{color:#bbf532;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.croc-luxe-main .croc-confirm-section--inline .croc-confirm-buttons{display:flex;flex-direction:column;gap:8px}.croc-luxe-main .croc-confirm-section--inline .croc-confirm-chip{width:100%;min-height:48px;justify-content:flex-start;border-radius:12px;font-size:1rem;touch-action:manipulation}.croc-luxe-main .croc-letter-banner{position:sticky;top:4px;z-index:8}.room-page .croc-luxe-main.croc-luxe-main--explainer{padding-bottom:calc(280px + env(safe-area-inset-bottom,0px))!important}}@media(max-width:768px){.croc-luxe-topbar__left span,.croc-luxe-card__head h3,.croc-luxe-card__head span,.croc-luxe-rank span,.croc-luxe-msg strong{font-size:.72rem}.croc-luxe-bottom-nav button b{font-size:.75rem}}.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:16px}.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:16px;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:24px;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}.room-page .quiplash-game{--qp: #a855f7;--qp2: #7e22ce;max-width:720px;margin:0 auto}.room-page .quiplash-game .game-area-title{color:#e2c9ff!important}.room-page .quiplash-game:before{background:linear-gradient(90deg,var(--qp),#f472b6,#22d3ee)!important}.room-page .quiplash-phase-banner{font-weight:800!important;font-size:clamp(1.05rem,3vw,1.3rem)!important}.room-page .quiplash-timer{color:#fcd34d!important}.room-page .quiplash-prompt-card{background:linear-gradient(150deg,#a855f729,#a855f70a)!important;border:1px solid rgba(168,85,247,.3)!important;border-radius:20px!important;box-shadow:0 12px 30px #00000047}.room-page .quiplash-prompt-text{font-size:clamp(1.2rem,3.6vw,1.6rem)!important;font-weight:800!important}.room-page .quiplash-input{border-radius:12px!important}.room-page .quiplash-input:focus{border-color:var(--qp)!important;box-shadow:0 0 0 3px #a855f733!important;outline:none}.room-page .quiplash-answer-row button{background:linear-gradient(135deg,var(--qp),var(--qp2))!important;border:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 20px #a855f752!important}.room-page .quiplash-duel-prompt{font-size:clamp(1.25rem,4vw,1.7rem)!important;font-weight:800!important}.room-page .quiplash-vote-cards{gap:16px!important}.room-page .quiplash-vote-card{background:linear-gradient(150deg,#a855f71a,#ffffff08)!important;border:2px solid rgba(168,85,247,.28)!important;border-radius:18px!important;font-weight:700!important;min-height:110px!important;box-shadow:0 8px 22px #00000047}.room-page .quiplash-vote-card:hover:not(:disabled){transform:translateY(-4px)!important;border-color:var(--qp)!important;background:#a855f72e!important;box-shadow:0 14px 32px #a855f752!important}.room-page .quiplash-reveal-row--sweep{background:linear-gradient(145deg,#fbbf2433,#a855f71f)!important;border-color:#fbbf2480!important}.room-page .quiplash-reveal-votes{color:#fcd34d!important}.room-page .spy-game{--sp: #6366f1;max-width:640px;margin:0 auto}.room-page .spy-game .game-area-title{color:#c7d2fe!important}.room-page .spy-role{border-radius:18px!important;padding:22px 24px!important;font-size:clamp(1.2rem,4vw,1.6rem)!important;font-weight:800!important;text-align:center;box-shadow:0 12px 30px #0000004d}.room-page .spy-role--location{background:linear-gradient(150deg,#6366f133,#6366f10d)!important;border:1px solid rgba(99,102,241,.42)!important;color:#e0e7ff!important}.room-page .spy-role--spy{background:linear-gradient(150deg,#e23b4e38,#e23b4e0f)!important;border:1px solid rgba(226,59,78,.5)!important;color:#fecaca!important;animation:spy-pulse 2s ease-in-out infinite}@keyframes spy-pulse{50%{box-shadow:0 0 0 5px #e23b4e24,0 12px 30px #0000004d}}.room-page .spy-timer{color:#a5b4fc!important;font-weight:800!important}.room-page .spy-guess-option{border:2px solid rgba(99,102,241,.28)!important;border-radius:14px!important;font-weight:700!important;transition:transform .15s ease,border-color .15s ease,background .15s ease}.room-page .spy-guess-option:hover:not(:disabled){transform:translateY(-3px);border-color:var(--sp)!important;background:#6366f124!important}.room-page .spy-result-detail strong{color:#a5b4fc}.room-page .meme-game{--mm: #ec4899;--mm2: #be185d;max-width:700px;margin:0 auto}.room-page .meme-game .game-area-title{color:#f9a8d4!important}.room-page .meme-prompt-container{background:linear-gradient(150deg,#ec489929,#ec48990a)!important;border:1px solid rgba(236,72,153,.32)!important;border-radius:20px!important;box-shadow:0 12px 30px #00000047}.room-page .meme-prompt{font-size:clamp(1.15rem,3.6vw,1.55rem)!important;font-weight:800!important;padding-right:46px}.room-page .meme-input{border-radius:12px!important}.room-page .meme-input:focus{border-color:var(--mm)!important;box-shadow:0 0 0 3px #ec489933!important;outline:none}.room-page .meme-input-row button,.room-page .meme-input-row .btn{background:linear-gradient(135deg,var(--mm),var(--mm2))!important;border:none!important;color:#fff!important;font-weight:800!important;box-shadow:0 8px 20px #ec489952!important}.room-page .meme-rofl-btn{border-color:#ec489966!important}.room-page .meme-vote-options{gap:16px!important}.room-page .meme-vote-option{border:2px solid rgba(236,72,153,.28)!important;border-radius:16px!important;font-weight:700!important;transition:transform .15s ease,border-color .15s ease,background .15s ease}.room-page .meme-vote-option:hover:not(:disabled){transform:translateY(-4px);border-color:var(--mm)!important;background:#ec489929!important;box-shadow:0 14px 30px #ec48994d!important}.room-page .meme-winner{background:linear-gradient(145deg,#fbbf2433,#ec48991f)!important;border-color:#fbbf2480!important}.room-page .alias-game{--al: #f59e0b;--al2: #d97706;max-width:640px;margin:0 auto}.room-page .alias-game .game-area-title{color:#fcd9a0!important}.room-page .alias-round-badge{background:#f59e0b29!important;color:#fcd34d!important;border:1px solid rgba(245,158,11,.35)!important}.room-page .alias-word-card{background:linear-gradient(150deg,#f59e0b2e,#f59e0b0d)!important;border:1px solid rgba(245,158,11,.4)!important;border-radius:20px!important;box-shadow:0 12px 30px #00000047}.room-page .alias-word-text{font-size:clamp(1.6rem,6vw,2.4rem)!important;font-weight:900!important;color:#fff!important;letter-spacing:-.01em}.room-page .alias-word-label{color:#fcd34d!important}.room-page .alias-explainer-strip{border:1px solid rgba(245,158,11,.25)!important;border-radius:14px!important}.room-page .alias-explainer-name{color:#fcd34d!important;font-weight:800!important}.room-page .alias-guess-chip{border:1px solid rgba(245,158,11,.3)!important;border-radius:999px!important}.room-page .alias-confirm-block button:first-child,.room-page .alias-confirm-block .btn-primary-action{background:linear-gradient(135deg,var(--al),var(--al2))!important;border:none!important;color:#241400!important;font-weight:800!important}.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--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:not(.room-page--lobby) .room-id-copy-badge{display:none}.room-page:not(.room-page--lobby) .room-id{cursor:pointer;white-space:nowrap}.room-exit-bar{position:static!important;transform:none!important;margin:18px auto 10px}.room-page:not(.room-page--lobby) .room-exit-bar .btn{min-width:0;padding:8px 14px;font-size:.8rem;opacity:.8}.room-page:not(.room-page--lobby) .room-exit-bar .btn:hover{opacity:1}.room-page:not(.room-page--lobby) .host-control-panel{display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px!important;margin:0 0 12px!important}.room-page:not(.room-page--lobby) .host-control-panel__hint{display:none}.room-page:not(.room-page--lobby) .host-control-panel__title{font-size:.85rem!important;margin:0!important}.room-page:not(.room-page--lobby) .host-control-panel__header{display:flex;align-items:center;gap:8px;margin:0!important}.room-page:not(.room-page--lobby) .host-control-panel__actions{margin:0!important}.room-page:not(.room-page--lobby) .host-control-panel__btn-danger{padding:8px 16px!important;font-size:.8rem!important}.room-page--lobby .room-invite-kicker{margin:-6px 0 16px!important;font-size:1.02rem;font-weight:700;background:linear-gradient(100deg,var(--acc),color-mix(in srgb,var(--acc) 40%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}.room-page--lobby .room-id{position:relative;display:block;width:100%;cursor:pointer;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 30px .22em!important;margin:0 auto 18px!important;max-width:440px;text-shadow:0 0 32px color-mix(in srgb,var(--acc) 45%,transparent);transition:transform .15s ease,border-color .15s ease,background .15s ease}.room-page--lobby .room-id:hover{transform:translateY(-2px);border-color:var(--acc)!important;background:color-mix(in srgb,var(--acc) 8%,transparent)!important}.room-page--lobby .room-id--copied{border-style:solid!important;border-color:#4ade80!important}.room-page--lobby .room-id-copy-badge{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);text-shadow:none;transition:color .15s ease}.room-page--lobby .room-id:hover .room-id-copy-badge{color:color-mix(in srgb,var(--acc) 85%,white)}.room-page--lobby .room-id--copied .room-id-copy-badge{color:#4ade80}.room-page--lobby .room-invite-hint{margin:14px auto 0!important;font-size:.82rem;color:var(--color-text-tertiary);max-width:420px}.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-invite-gate{display:grid;place-items:center;min-height:80dvh}.room-invite-gate-card{text-align:center;padding:38px 42px;border-radius:24px;max-width:min(460px,92vw);background:radial-gradient(500px 220px at 50% -40%,rgba(124,92,252,.25),transparent 70%),var(--color-surface-100, #17171f);border:1px solid rgba(124,92,252,.3);box-shadow:0 24px 60px #00000080}.room-invite-gate-emoji{font-size:2.6rem;margin-bottom:8px}.room-invite-gate-card h2{margin:0 0 6px;font-size:1.4rem}.room-invite-gate-sub{margin:0 0 20px;color:var(--color-text-secondary, #9aa);font-size:.92rem}.room-invite-gate-sub b{color:#fff;letter-spacing:.08em}.room-invite-gate-row{display:flex;flex-direction:column;gap:10px}.room-invite-gate-row input{padding:13px 18px;border-radius:13px;outline:none;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#fff;font-family:inherit;font-size:1rem;font-weight:600}.room-invite-gate-row input:focus{border-color:#7c5cfcb3;box-shadow:0 0 0 3px #7c5cfc2e}.room-invite-gate-row .btn-primary-action{margin:0!important;min-width:0!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.gib--room{width:60px;height:60px;border-radius:16px}.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 .nickname-row{display:flex!important;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;max-width:380px;margin:0 auto}.room-page--lobby .nickname-row .lobby-nickname-frame{margin:0;flex:1;min-width:0}.room-page--lobby .nickname-row .btn{flex-shrink:0}.room-page--lobby .room-exit-bar{position:static;transform:none;margin:22px auto 6px}.room-page--lobby .room-exit-bar .btn{background:transparent!important;border:1px solid var(--color-border-default)!important;color:var(--color-text-tertiary)!important;box-shadow:none!important;font-size:.85rem!important}.room-page--lobby .room-exit-bar .btn:hover{color:#fff!important;border-color:#ffffff59!important}.room-page--lobby.container:has(.room-exit-bar){padding-bottom:24px}.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}.mafia-cfg{max-width:520px;margin:6px auto 0;text-align:left;background:color-mix(in srgb,var(--acc, #ef4444) 8%,var(--color-surface-100));border:1px solid color-mix(in srgb,var(--acc, #ef4444) 24%,transparent);border-radius:18px;padding:16px 18px}.mafia-cfg__title{font-weight:800;font-size:.95rem;margin-bottom:12px;color:#fff}.mafia-cfg__players{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--color-border-subtle);font-weight:700}.mafia-cfg__players small{color:var(--color-text-tertiary);font-weight:500}.mafia-cfg__roles{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.mafia-cfg__role{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.88rem}.mafia-cfg__role-name small{color:var(--color-text-tertiary);font-size:.7rem}.mafia-cfg__stepper{display:inline-flex;align-items:center;gap:9px}.mafia-cfg__stepper button{min-width:28px;height:28px;padding:0 8px;border-radius:9px;border:1px solid var(--color-border-default);background:#ffffff0d;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;line-height:1;font-family:inherit;transition:background .14s ease,border-color .14s ease,transform .14s ease}.mafia-cfg__stepper button:disabled{opacity:.3;cursor:not-allowed}.mafia-cfg__stepper button:hover:not(:disabled){background:color-mix(in srgb,var(--acc, #ef4444) 28%,transparent);border-color:color-mix(in srgb,var(--acc, #ef4444) 55%,transparent);transform:translateY(-1px)}.mafia-cfg__stepper b{min-width:30px;text-align:center;font-size:.95rem;color:color-mix(in srgb,var(--acc, #ef4444) 70%,white)}.mafia-cfg__foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border-subtle);font-size:.85rem;color:var(--color-text-secondary);line-height:1.45}.mafia-cfg__seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#00000040;border:1px solid var(--color-border-subtle);border-radius:13px;margin-bottom:4px}.mafia-cfg__seg button{border:none;border-radius:9px;padding:10px 8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:.86rem;background:transparent;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.mafia-cfg__seg button:hover:not(.is-active){color:#fff;background:#ffffff0d}.mafia-cfg__seg button.is-active{background:linear-gradient(135deg,var(--acc, #ec4899),var(--acc2, #be185d));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--acc, #ec4899) 40%,transparent)}.mafia-cfg__cats{padding:9px 2px;border-bottom:1px dashed var(--color-border-subtle)}.mafia-cfg__cats .mafia-cfg__role-name{display:block;margin-bottom:8px}.mafia-cfg__cats-chips{display:flex;flex-wrap:wrap;gap:6px}.mafia-cfg__cats-chips button{border:1px solid var(--color-border-default);background:#ffffff0a;color:var(--color-text-secondary);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.mafia-cfg__cats-chips button:hover{color:#fff}.mafia-cfg__cats-chips button.is-on{background:linear-gradient(135deg,var(--acc, #ec4899),var(--acc2, #be185d));border-color:transparent;color:#fff}.mafia-cfg__roles--list .mafia-cfg__role{padding:9px 2px;border-bottom:1px dashed var(--color-border-subtle)}.mafia-cfg__roles--list .mafia-cfg__role:last-child{border-bottom:none}body:has(.room-page--bar-lobby) .connection-bar.connected{display:none!important}.room-page.room-page--lobby.room-page--bar-lobby .game-hud,.room-page.room-page--lobby.room-page--bar-lobby .room-exit-bar,.room-page.room-page--lobby.room-page--bar-lobby [data-testid=room-title],.room-page.room-page--lobby.room-page--bar-lobby .room-invite-kicker{display:none!important}.room-page.room-page--lobby.room-page--bar-lobby .room-id-container{position:relative;max-width:720px;margin:6px auto 22px;padding:26px 24px 22px!important;border-radius:24px;background:radial-gradient(520px 220px at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),#ffffff08;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f}.room-page.room-page--lobby.room-page--bar-lobby .room-id-container:before{content:"Код для друзей";display:block!important;position:static!important;margin:0 0 10px;width:auto;height:auto;background:none;font:700 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,white);text-align:center}.room-page.room-page--lobby.room-page--bar-lobby .room-id{display:inline-block!important;margin:0 auto 16px;padding:6px 18px!important;border:0!important;background:transparent!important;font:800 clamp(2.8rem,8vw,4.6rem)/1 "Outfit","Space Grotesk",system-ui,sans-serif!important;letter-spacing:.18em!important;color:#fff!important;text-shadow:0 0 40px color-mix(in srgb,var(--accent) 60%,transparent);cursor:pointer}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons .btn{height:44px;padding:0 20px;border-radius:999px;font:700 .92rem Inter,system-ui,sans-serif;letter-spacing:0;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background .16s}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons .btn:first-child{background:var(--accent)!important;color:#0b0b12!important;border:0!important;box-shadow:0 10px 26px -10px color-mix(in srgb,var(--accent) 80%,transparent)}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons .btn:not(:first-child){background:#ffffff0d!important;color:#f2f1f7!important;border:1px solid rgba(255,255,255,.16)!important}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons .btn:hover{transform:translateY(-2px)}.room-page.room-page--lobby.room-page--bar-lobby .room-copy-buttons:after{content:"Друзья вводят код на главной или открывают ссылку";flex-basis:100%;margin-top:6px;text-align:center;font:500 .84rem Inter,system-ui,sans-serif;color:#8f8da6}.room-page.room-page--lobby.room-page--bar-lobby .room-content-grid{grid-template-columns:minmax(0,7fr) minmax(280px,5fr)!important;gap:16px!important;max-width:1040px;margin:0 auto}.room-page.room-page--lobby.room-page--bar-lobby .room-content-grid>:not(.room-side-stack){margin-bottom:0!important}.room-page.room-page--lobby.room-page--bar-lobby .game-area{display:flex;flex-direction:column;gap:14px;padding:18px!important;border-radius:22px;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important}.room-page.room-page--lobby.room-page--bar-lobby .lobby-game-info-card{order:-1;display:flex;align-items:center;gap:14px;margin:0!important;padding:12px 14px!important;border-radius:16px;background:color-mix(in srgb,var(--accent) 9%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)!important}.room-page.room-page--lobby.room-page--bar-lobby .lobby-game-info-emoji{flex:0 0 auto}.room-page.room-page--lobby.room-page--bar-lobby .lobby-game-info-desc{margin:0!important;font:500 .92rem/1.45 Inter,system-ui,sans-serif!important;color:#c9c7d6!important}.room-page.room-page--lobby.room-page--bar-lobby .btn-primary-action{order:10;width:100%;height:56px;margin:4px 0 0!important;border-radius:16px!important;background:linear-gradient(100deg,var(--accent),var(--accent-2, var(--accent)))!important;color:#fff!important;border:0!important;font:800 1.08rem Outfit,Space Grotesk,system-ui,sans-serif!important;letter-spacing:.01em;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--accent) 80%,transparent);transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,filter .16s}.room-page.room-page--lobby.room-page--bar-lobby .btn-primary-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.room-page.room-page--lobby.room-page--bar-lobby .btn-primary-action:disabled{opacity:.55}.room-page.room-page--lobby.room-page--bar-lobby .nickname-change{order:11;margin:0!important;opacity:1!important}.room-page.room-page--lobby.room-page--bar-lobby .nickname-row{display:flex;gap:8px;align-items:center}.room-page.room-page--lobby.room-page--bar-lobby .nickname-row .btn{height:40px;padding:0 14px;border-radius:999px;background:#ffffff0d!important;color:#c9c7d6!important;border:1px solid rgba(255,255,255,.14)!important;font:600 .86rem Inter,system-ui,sans-serif}.room-page.room-page--lobby.room-page--bar-lobby .room-side-stack{position:static!important;grid-row:auto!important;display:block;padding:18px;border-radius:22px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.room-page.room-page--lobby.room-page--bar-lobby .players{counter-reset:pl;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0!important;padding:0!important;background:none!important;border:0!important}.room-page.room-page--lobby.room-page--bar-lobby .players:before{content:"Игроки";grid-column:1 / -1;margin-bottom:2px;font:700 .72rem/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8f8da6}.room-page.room-page--lobby.room-page--bar-lobby .player{counter-increment:pl;display:flex!important;align-items:center;gap:10px;min-height:46px;margin:0!important;padding:6px 10px!important;border-radius:16px!important;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.09)!important;font:600 .92rem Inter,system-ui,sans-serif;color:#f2f1f7}.room-page.room-page--lobby.room-page--bar-lobby .player.active{background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important}.room-page.room-page--lobby.room-page--bar-lobby .player.disconnected{opacity:.45}.room-page.room-page--lobby.room-page--bar-lobby .player>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-page.room-page--lobby.room-page--bar-lobby .player-avatar{width:32px!important;height:32px!important;flex:0 0 auto;border-radius:50%!important;display:grid;place-items:center;font:800 .82rem Inter,system-ui,sans-serif!important;color:#fff!important;background:linear-gradient(140deg,var(--accent),var(--accent-2, var(--accent)))!important;box-shadow:none!important}.room-page.room-page--lobby.room-page--bar-lobby .players:after{content:counter(pl) " в комнате";grid-column:1 / -1;margin-top:4px;font:500 .82rem Inter,system-ui,sans-serif;color:#8f8da6}@media(max-width:860px){.room-page.room-page--lobby.room-page--bar-lobby .room-content-grid{grid-template-columns:1fr!important}.room-page.room-page--lobby.room-page--bar-lobby .room-id-container{margin-bottom:14px;padding:20px 16px 18px!important}.room-page.room-page--lobby.room-page--bar-lobby .room-id{font-size:clamp(2.4rem,12vw,3.2rem)!important;margin-bottom:12px}.room-page.room-page--lobby.room-page--bar-lobby .btn-primary-action{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5}}@media(max-width:480px){.room-page.room-page--lobby.room-page--bar-lobby .players{grid-template-columns:1fr}}.room-page.room-page--playing.room-page--bar{--st-text: #f2f1f7;--st-muted: #8f8da6;--st-line: rgba(255, 255, 255, .1);--st-display: "Outfit", "Space Grotesk", system-ui, sans-serif;--st-body: "Inter", system-ui, sans-serif}.room-page.room-page--playing.room-page--bar .room-content-grid>.game-area,.room-page.room-page--playing.room-page--bar .room-content-grid>.game-layout{width:100%;max-width:760px;margin-inline:auto}.room-page.room-page--playing.room-page--bar .game-layout .game-content,.room-page.room-page--playing.room-page--bar .room-content-grid>.game-area{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.room-page.room-page--playing.room-page--bar .game-content>.game-area{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.room-page.room-page--playing.room-page--bar .game-area{zoom:1}@media(min-width:900px){.room-page.room-page--playing.room-page--bar .room-content-grid>.game-area,.room-page.room-page--playing.room-page--bar .room-content-grid>.game-layout{zoom:1.15}}@media(min-width:1100px){.room-page.room-page--playing.room-page--bar .room-content-grid>.game-area,.room-page.room-page--playing.room-page--bar .room-content-grid>.game-layout{zoom:1.28}}@media(min-width:1500px){.room-page.room-page--playing.room-page--bar .room-content-grid>.game-area,.room-page.room-page--playing.room-page--bar .room-content-grid>.game-layout{zoom:1.4}}.room-page.room-page--playing.room-page--bar .game-area-title{font:800 clamp(1.15rem,2vw,1.45rem)/1.2 var(--st-display)!important;letter-spacing:-.01em!important;text-align:center;color:var(--st-text)!important;margin:0 0 10px!important}.room-page.room-page--playing.room-page--bar :is([class$=-question],[class$=-prompt],[class$=-dilemma],[class$=-instruction],[class$=-question-text],[class$=-word-text],[class$=-display]:not(.flags-flag-display):not(.emoji-display)){font:800 clamp(1.25rem,2.3vw,1.75rem)/1.3 var(--st-display)!important;letter-spacing:-.015em;text-align:center;color:var(--st-text)!important;max-width:30ch;margin:6px auto 14px!important;text-wrap:balance}.room-page.room-page--playing.room-page--bar .emoji-display{font-size:clamp(2.6rem,6vw,4rem)!important;line-height:1.2;text-align:center;margin:8px auto 12px!important;letter-spacing:.06em}.room-page.room-page--playing.room-page--bar :is([class$=-hint],[class$=-tip],[class$=-prompt-hint]){font:500 .92rem/1.45 var(--st-body)!important;color:var(--st-muted)!important;text-align:center;max-width:46ch;margin:0 auto 12px!important}.room-page.room-page--playing.room-page--bar :is([class$=-eyebrow],[class$=-board-label],[class$=-req-label],[class$=-word-label],[class$=-hint-label],[class$=-category]){display:block;font:700 .72rem/1 var(--st-body)!important;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 70%,white)!important;text-align:center;margin:0 0 8px!important}.room-page.room-page--playing.room-page--bar [class$=-role]{display:inline-flex;align-items:center;gap:6px;margin:0 auto 12px;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);font:700 .88rem/1 var(--st-body);color:var(--st-text)}.room-page.room-page--playing.room-page--bar :is(.fibbing-card,.caption-card,.spy-game,.chameleon-game){text-align:center}.room-page.room-page--playing.room-page--bar :is([class$=-card],[class$=-panel],[class$=-board]):not(.game-area):not(.room-content-grid){padding:clamp(18px,3vw,26px);border-radius:18px;background:color-mix(in srgb,var(--accent) 6%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--st-line))}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form]){display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;flex:0 0 auto;width:100%;max-width:600px;margin:14px auto 0}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form])>:is(input,textarea){flex:1 1 auto;min-width:min(220px,100%)}.room-page.room-page--playing.room-page--bar :is(.game-area,.game-content) :is(input[type=text],input:not([type]),textarea,[class$=-input]:not(button)){height:52px;min-height:52px;padding:0 16px;border-radius:16px;align-self:flex-start;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.16)!important;color:var(--st-text)!important;font:500 1.02rem var(--st-body)!important;outline:none;transition:border-color .16s,box-shadow .16s}.room-page.room-page--playing.room-page--bar :is(.game-area,.game-content) :is(input,textarea):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)!important}.room-page.room-page--playing.room-page--bar :is(.game-area,.game-content) textarea{height:auto;min-height:96px;padding:12px 16px;resize:vertical}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form])>:is(button,.btn){min-height:52px;padding:0 24px;border-radius:16px;border:0!important;background:#fff!important;color:#0b0b12!important;font:800 .98rem var(--st-body)!important;cursor:pointer;box-shadow:0 10px 26px -12px #ffffff80;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,opacity .16s}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form])>:is(button,.btn):hover:not(:disabled){transform:translateY(-2px)}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form])>:is(button,.btn):disabled{opacity:.45;cursor:default}.room-page.room-page--playing.room-page--bar :is([class$=-options],[class$=-characters]){display:grid;gap:10px;margin:12px auto 0;max-width:640px}.room-page.room-page--playing.room-page--bar :is([class$=-option],[class$=-option-btn],[class$=-word-cell]):not(.quiz-option){min-height:54px;padding:12px 16px;border-radius:16px;border:1px solid var(--st-line);background:#ffffff0a;color:var(--st-text);font:700 1rem var(--st-body);cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,background .16s}.room-page.room-page--playing.room-page--bar :is([class$=-option],[class$=-option-btn],[class$=-word-cell]):not(.quiz-option):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.room-page.room-page--playing.room-page--bar :is([class$=-timer],[class$=-round-badge],[class$=-timer-badge]):not(.rtb__timer){display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#ffffff0f;border:1px solid var(--st-line);font:700 .8rem/1 var(--st-body);font-variant-numeric:tabular-nums;color:var(--st-muted)}.room-page.room-page--playing.room-page--bar :is([class$=-meta-row],[class$=-meta],[class$=-header]):not(.game-header):not(.knowfriend-meta){display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}@media(max-width:760px){.room-page.room-page--playing.room-page--bar .room-content-grid{min-height:0;align-content:start}.room-page.room-page--playing.room-page--bar .knowfriend-round{display:flex!important;flex-direction:column!important;gap:10px}.room-page.room-page--playing.room-page--bar .knowfriend-meta{justify-content:center}.room-page.room-page--playing.room-page--bar :is([class$=-input-form],[class$=-input-row],[class$=-def-form])>:is(button,.btn){flex:1 1 100%}}.room-page.room-page--playing.room-page--bar :is(.melody-room,.bunker-room,.pc-root){min-height:0!important;padding-top:0!important}.room-page.room-page--playing.room-page--bar :is([class$=-players-grid],[class$=-vote-btns],[class$=-vote-cards],[class$=-vote]):not(.quiplash-vote-cards){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;max-width:640px;margin:12px auto 0}.room-page.room-page--playing.room-page--bar :is([class$=-players-grid]>button,[class$=-vote-btns]>button,[class$=-vote-btn],[class$=-vote-card]):not(.quiplash-vote-card):not(.rtb__end){min-height:60px!important;padding:12px 16px!important;border-radius:16px!important;cursor:pointer;background:#ffffff0d!important;border:1px solid var(--st-line)!important;color:var(--st-text)!important;font:800 1.02rem var(--st-body)!important;text-align:center;box-shadow:none!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s,background .16s}.room-page.room-page--playing.room-page--bar :is([class$=-players-grid]>button,[class$=-vote-btns]>button,[class$=-vote-btn],[class$=-vote-card]):not(.quiplash-vote-card):hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 60%,transparent)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important}.room-page.room-page--playing.room-page--bar :is([class$=-voting-label],[class$=-guess-label],[class$=-vote-label]){text-align:center;font:700 .8rem var(--st-body);letter-spacing:.1em;text-transform:uppercase;color:var(--st-muted);margin:14px 0 0}.room-page.room-page--playing.room-page--bar :is([class$=-vote],[class$=-vote-cards],[class$=-players-grid])>:is([class$=-label],p,h3,h4){grid-column:1 / -1}.room-page.room-page--playing.room-page--bar [class$=-vote-card]:not(.quiplash-vote-card){display:flex;flex-direction:column;align-items:center;gap:4px}.room-page.room-page--playing.room-page--bar [class$=-vote-author]{font:600 .78rem var(--st-body);color:var(--st-muted)}.room-page.room-page--playing.room-page--bar .quiz-scoreboard.game-unified-scoreboard{display:block!important;width:100%!important;max-width:560px;margin:16px auto 0!important;text-align:left}.room-page.room-page--playing.room-page--bar .phase{display:block;width:fit-content;max-width:100%;margin:14px auto 0!important;padding:9px 16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--st-text)!important;font:700 .9rem var(--st-body)!important;text-align:center}.room-page--lobby{--cfg-text: #f2f1f7;--cfg-muted: #8f8da6;--cfg-line: rgba(255, 255, 255, .1);--cfg-body: "Inter", system-ui, sans-serif;--cfg-display: "Outfit", "Space Grotesk", system-ui, sans-serif}.room-page--lobby .mafia-cfg{padding:16px!important;border-radius:18px!important;background:#ffffff08!important;border:1px solid var(--cfg-line)!important;display:flex;flex-direction:column;gap:12px}.room-page--lobby .mafia-cfg__title{margin:0!important;padding:0!important;border:0!important;font:700 .72rem/1 var(--cfg-body)!important;letter-spacing:.15em;text-transform:uppercase;color:var(--cfg-muted)!important}.room-page--lobby .mafia-cfg__foot{margin:0!important;font:500 .82rem/1.45 var(--cfg-body)!important;color:var(--cfg-muted)!important}.room-page--lobby .mafia-cfg__roles{display:flex;flex-direction:column;gap:2px;margin:0!important}.room-page--lobby .mafia-cfg__role{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:6px 2px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--cfg-line)!important;background:none!important}.room-page--lobby .mafia-cfg__roles>:last-child{border-bottom:0!important}.room-page--lobby .mafia-cfg__role-name{font:600 .95rem/1.3 var(--cfg-body)!important;color:var(--cfg-text)!important}.room-page--lobby .mafia-cfg__stepper{display:inline-flex!important;align-items:center;gap:4px;flex:0 0 auto;padding:3px!important;border-radius:999px!important;background:#ffffff0d!important;border:1px solid var(--cfg-line)!important}.room-page--lobby .mafia-cfg__stepper button{width:34px!important;height:34px!important;min-width:0!important;padding:0!important;border-radius:50%!important;border:0!important;cursor:pointer;background:transparent!important;color:var(--cfg-muted)!important;font:700 1.15rem/1 var(--cfg-body)!important;transition:background .14s,color .14s,transform .14s}.room-page--lobby .mafia-cfg__stepper button:hover:not(:disabled){background:#ffffff1a!important;color:#fff!important}.room-page--lobby .mafia-cfg__stepper button:active:not(:disabled){transform:scale(.92)}.room-page--lobby .mafia-cfg__stepper button:disabled{opacity:.3;cursor:default}.room-page--lobby .mafia-cfg__stepper>:not(button){min-width:34px;text-align:center;font:800 1rem/1 var(--cfg-body)!important;font-variant-numeric:tabular-nums;color:var(--cfg-text)!important}.room-page--lobby .mafia-cfg__seg{display:flex!important;gap:4px;padding:4px!important;border-radius:999px!important;background:#ffffff0d!important;border:1px solid var(--cfg-line)!important}.room-page--lobby .mafia-cfg__seg button{flex:1;min-height:38px;padding:0 14px!important;border-radius:999px!important;border:0!important;background:transparent!important;color:var(--cfg-muted)!important;cursor:pointer;font:700 .86rem/1 var(--cfg-body)!important;transition:background .14s,color .14s}.room-page--lobby .mafia-cfg__seg button:hover{color:var(--cfg-text)!important}.room-page--lobby .mafia-cfg__seg button.is-on,.room-page--lobby .mafia-cfg__seg button[aria-pressed=true],.room-page--lobby .mafia-cfg__seg button.active{background:#fff!important;color:#0b0b12!important}.room-page--lobby .mafia-cfg__cats-chips{display:flex!important;flex-wrap:wrap;gap:6px}.room-page--lobby .mafia-cfg__cats-chips button{min-height:34px;padding:0 13px!important;border-radius:999px!important;cursor:pointer;background:#ffffff0a!important;border:1px solid var(--cfg-line)!important;color:var(--cfg-muted)!important;font:600 .82rem/1 var(--cfg-body)!important;transition:background .14s,color .14s,border-color .14s}.room-page--lobby .mafia-cfg__cats-chips button:hover{color:var(--cfg-text)!important}.room-page--lobby .mafia-cfg__cats-chips button.active,.room-page--lobby .mafia-cfg__cats-chips button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important;color:var(--cfg-text)!important}.room-page--lobby .mafia-setup-stage{position:relative;display:block!important;min-height:0!important;margin:0!important;border-radius:22px!important;border:1px solid var(--cfg-line)!important;background:#ffffff08!important}.room-page--lobby .mafia-setup-stage__media{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0;display:block!important;background:none!important;pointer-events:none}.room-page--lobby .mafia-setup-stage__smoke{background:radial-gradient(70% 60% at 30% 25%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%),linear-gradient(90deg,transparent 55%,rgba(12,12,18,.9) 100%)!important}.room-page--lobby .mafia-setup-art{position:absolute!important;right:-7%;top:-8%;left:auto;transform:rotate(-12deg);width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}.room-page--lobby .mafia-setup-art svg{width:clamp(160px,24vw,280px);height:clamp(160px,24vw,280px);color:color-mix(in srgb,var(--accent) 70%,white);opacity:.17;stroke-width:.9;filter:drop-shadow(0 20px 40px color-mix(in srgb,var(--accent) 50%,transparent))}.room-page--lobby .mafia-setup-stage__smoke{background:radial-gradient(60% 70% at 85% 15%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 70%)!important}.room-page--lobby .mafia-setup-stage__panel{position:relative;z-index:2;background:none!important;gap:12px!important}.room-page--lobby .mafia-setup-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important}.room-page--lobby .mafia-setup-head p{margin:0 0 4px!important;font:700 .72rem/1 var(--cfg-body)!important;letter-spacing:.15em;text-transform:uppercase;color:var(--cfg-muted)!important}.room-page--lobby .mafia-setup-head h2{margin:0 0 4px!important;font:800 clamp(1.5rem,3vw,2rem)/1.1 var(--cfg-display)!important;letter-spacing:-.02em;text-transform:none!important;color:var(--cfg-text)!important}.room-page--lobby .mafia-setup-head h2 span{color:color-mix(in srgb,var(--accent) 75%,white)!important}.room-page--lobby .mafia-setup-card{padding:14px 16px!important;border-radius:16px!important;background:#ffffff0a!important;border:1px solid var(--cfg-line)!important}.room-page--lobby .mafia-setup-row strong{font:700 .95rem var(--cfg-body)!important;color:var(--cfg-text)!important}.room-page--lobby .mafia-setup-row span{min-width:42px;padding:3px 12px!important;border-radius:999px!important;text-align:center;background:color-mix(in srgb,var(--accent) 20%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)!important;font:800 1rem var(--cfg-body)!important;font-variant-numeric:tabular-nums;color:#fff!important}.room-page--lobby .mafia-setup-scale{color:var(--cfg-muted)!important;font-size:.74rem!important}.room-page--lobby .mafia-setup-card input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer}.room-page--lobby .mafia-setup-card input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:#ffffff1f}.room-page--lobby .mafia-setup-card input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#ffffff1f}.room-page--lobby .mafia-setup-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 3px 10px #00000080}.room-page--lobby .mafia-setup-card input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 3px 10px #00000080}.room-page--lobby .mafia-setup-card--toggle strong,.room-page--lobby .mafia-setup-card--action strong{font:700 .95rem var(--cfg-body)!important;color:var(--cfg-text)!important}.room-page--lobby .mafia-setup-card--toggle p,.room-page--lobby .mafia-setup-card--action p{margin:2px 0 0!important;font-size:.8rem!important;color:var(--cfg-muted)!important}.room-page--lobby .mafia-setup-card--action{cursor:pointer;transition:border-color .14s,background .14s}.room-page--lobby .mafia-setup-card--action:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;background:#ffffff0f!important}.room-page--lobby .mafia-setup-card--toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 auto;width:46px;height:27px;border-radius:999px;position:relative;cursor:pointer;background:#ffffff1f;border:1px solid var(--cfg-line);transition:background .16s}.room-page--lobby .mafia-setup-card--toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.room-page--lobby .mafia-setup-card--toggle input[type=checkbox]:checked{background:var(--accent)}.room-page--lobby .mafia-setup-card--toggle input[type=checkbox]:checked:after{transform:translate(19px)}.room-page--lobby .mafia-setup-note{padding:10px 14px!important;border-radius:12px!important;background:color-mix(in srgb,var(--accent) 10%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)!important;color:var(--cfg-muted)!important;font-size:.84rem!important}.room-page--lobby .mafia-setup-start{width:100%;min-height:56px;border-radius:16px!important;border:0!important;cursor:pointer;background:linear-gradient(100deg,var(--accent),var(--accent-2, var(--accent)))!important;color:#fff!important;font:800 1.08rem var(--cfg-display)!important;text-transform:none!important;letter-spacing:.01em!important;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--accent) 80%,transparent);transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s}.room-page--lobby .mafia-setup-start:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.room-page--lobby .mafia-setup-waiting{color:var(--cfg-muted)!important;font-size:.86rem!important;text-align:center}.room-page--lobby .quiz-host-pack{padding:16px!important;border-radius:18px!important;background:#ffffff08!important;border:1px solid var(--cfg-line)!important}.room-page--lobby .quiz-host-pack-title{font:700 .72rem/1 var(--cfg-body)!important;letter-spacing:.15em;text-transform:uppercase;color:var(--cfg-muted)!important;margin-bottom:8px!important}.room-page--lobby .quiz-host-pack-desc{font-size:.86rem!important;line-height:1.5!important;color:var(--cfg-muted)!important}.room-page--lobby .quiz-host-pack-sample{max-height:104px;overflow:auto;margin:10px 0!important;padding:12px!important;border-radius:12px!important;background:#00000059!important;border:1px solid var(--cfg-line)!important;font:500 .74rem/1.5 ui-monospace,SF Mono,Menlo,monospace!important;color:var(--cfg-muted)!important}.room-page--lobby .quiz-host-pack-file .btn{min-height:44px;padding:0 20px!important;border-radius:999px!important;border:1px solid var(--cfg-line)!important;background:#ffffff0d!important;color:var(--cfg-text)!important;font:700 .9rem var(--cfg-body)!important}.room-page--lobby .quiz-host-pack-status{font-size:.8rem!important;color:var(--cfg-muted)!important}@media(max-width:860px){.room-page--lobby .mafia-setup-art svg{width:150px;height:150px}}.room-page--lobby .mafia-setup-chev{color:var(--cfg-muted);transition:transform .16s cubic-bezier(.2,.8,.2,1)}.room-page--lobby .mafia-setup-chev.is-open{transform:rotate(180deg)}.room-page{--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--e-1: 0 1px 2px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .04);--e-2: 0 10px 28px -14px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .05);--e-3: 0 26px 60px -24px rgba(0, 0, 0, .85), inset 0 1px 0 rgba(255, 255, 255, .06)}.room-page :is(.room-id-container,.room-side-stack,.mafia-setup-stage,.game-area,.game-content){border-radius:var(--r-lg)!important}.room-page :is(.players,.player,.lobby-game-info-card,.mafia-setup-card,.mafia-setup-start,.lobby-nickname-frame,.lobby-nickname-input,.quiz-host-pack,.mafia-cfg,.game-icon-badge,.btn){border-radius:var(--r-md)!important}.room-page :is(.rtb__icon,.quiz-host-pack-sample,.mafia-setup-note,.mafia-cfg__role){border-radius:var(--r-sm)!important}.room-page :is(.rtb__exit,.rtb__phase,.rtb__code,.rtb__end,.rtb__theme,.mafia-cfg__stepper,.mafia-cfg__seg,.mafia-cfg__cats-chips button,.room-copy-buttons .btn,.rf__btn){border-radius:999px!important}.room-page :is(.rtb__avatar,.player-avatar,.rf__place,.rtb__theme){border-radius:50%!important}.room-page :is(.players,.mafia-cfg,.quiz-host-pack,.lobby-game-info-card){box-shadow:var(--e-1)!important}.room-page :is(.room-id-container,.room-side-stack,.mafia-setup-stage){box-shadow:var(--e-2)!important}.room-page :is(.pf-modal__panel,.rf){box-shadow:var(--e-3)!important}.room-page .rtb__avatar,.room-page .player-avatar{background:oklch(.52 .15 var(--h, 260))!important;color:#fff!important;text-shadow:none}.room-page--lobby .player-avatar{background-image:none!important}.room-page :is(button,a,input,select,textarea,[role=button],[tabindex]):focus-visible{outline:2px solid var(--secondary, #00d4aa)!important;outline-offset:3px!important;border-radius:inherit}.room-page ::selection{background:color-mix(in srgb,var(--accent) 45%,transparent);color:#fff}.room-page :is(.player,.room-id,.quiz-question,.quiz-scoreboard,.quiz-option,.quiz-options>button,.wyr-option,.vote-btn,.choice-btn){border-radius:var(--r-md)!important}.room-page :is(.quiz-scoreboard-row,.gx-atmosphere__particle){border-radius:var(--r-sm)!important}.room-page .gx-atmosphere__particle{border-radius:50%!important}.room-page :is(.rtb__icon,.player-avatar,.rtb__avatar,.btn-sm,.game-icon-badge,.lobby-nickname-frame,.quiz-option,.quiz-scoreboard,.quiz-question,.lobby-game-info-card,.mafia-cfg,.quiz-host-pack){box-shadow:none!important}.room-page .rtb__avatar.is-me{box-shadow:0 0 0 2px var(--accent)!important}.room-page :is(.btn-primary-action,.mafia-setup-start,.rf__btn--primary){box-shadow:0 14px 34px -12px color-mix(in srgb,var(--accent) 75%,transparent)!important}.room-page .player.active{background:color-mix(in srgb,var(--accent) 13%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;box-shadow:none!important}.room-page .quiz-scoreboard-rank{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:#ffffff12;font:800 .74rem/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#8f8da6}.room-page .quiz-scoreboard-row--first .quiz-scoreboard-rank{background:var(--accent);color:#0b0b12}.room-page .quiz-scoreboard-row{background:#ffffff08!important}.room-page .quiz-scoreboard-row--first{background:color-mix(in srgb,var(--accent) 12%,transparent)!important}.room-page .quiz-scoreboard-row--self{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)!important}.room-page .player-host-mark{color:#fbbf24;flex:0 0 auto;margin-left:2px}.room-page .quiz-scoreboard-list:has(.quiz-scoreboard-row--first+.quiz-scoreboard-row--first) .quiz-scoreboard-row--first{background:#ffffff08!important}.room-page .quiz-scoreboard-list:has(.quiz-scoreboard-row--first+.quiz-scoreboard-row--first) .quiz-scoreboard-row--first .quiz-scoreboard-rank{background:#ffffff12;color:#8f8da6}body:has(.room-page--studio) .connection-bar.connected{display:none!important}.room-page.room-page--studio .croc-luxe-topbar,.room-page.room-page--studio .croc-luxe-col--right{display:none!important}.room-page.room-page--studio .croc-luxe-col--left:has(.croc-luxe-empty){display:none!important}.room-page.room-page--studio .croc-luxe-col--left{top:80px!important;bottom:auto!important;max-height:min(60vh,520px);width:min(240px,20vw)!important}.room-page.room-page--studio .croc-luxe-card{height:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0c0c12e0!important;border-color:#ffffff1a!important}.room-page.room-page--studio .croc-luxe-main{margin:0 auto!important;max-width:920px;min-height:0!important;padding:0!important}@media(min-width:1180px){.room-page.room-page--studio:has(.croc-luxe-col--left:not(:has(.croc-luxe-empty))) .croc-luxe-main{margin-left:min(270px,22vw)!important}}.room-page.room-page--studio .croc-luxe-main .game-area-title{display:none}.room-page.room-page--studio .croc-explainer-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 14px;padding:8px 14px;border-radius:999px;width:fit-content;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font:600 .88rem Inter,system-ui,sans-serif;color:#c9c7d6}.room-page.room-page--studio .croc-explainer-label{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#8f8da6}.room-page.room-page--studio .croc-explainer-name{color:#f2f1f7;font-weight:800}.room-page.room-page--studio .croc-round-badge,.room-page.room-page--studio .croc-timer{padding:3px 9px;border-radius:999px;background:#ffffff0f;font-variant-numeric:tabular-nums}.room-page.room-page--studio .croc-timer--urgent{color:#fca5a5}.room-page.room-page--studio .croc-canvas-wrapper{background:none!important;background-image:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}.room-page.room-page--studio .crocodile-canvas-wrapper canvas{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:0!important;border:0!important;margin:0 auto;aspect-ratio:4 / 3;height:auto!important;max-height:min(62vh,640px)!important}.room-page.room-page--studio .croc-luxe-main,.room-page.room-page--studio .croc-canvas-wrapper{overflow:visible!important}.room-page.room-page--studio .croc-studio-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:14px auto 0;padding:8px 12px;width:fit-content;max-width:100%;border-radius:999px;background:#0c0c12e6;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px -18px #000000e6,inset 0 1px #ffffff0f}.room-page.room-page--studio .croc-studio-group{display:flex;align-items:center;gap:4px}.room-page.room-page--studio .croc-studio-group+.croc-studio-group{padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}.room-page.room-page--studio .croc-studio-tool{width:38px;height:38px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:transparent;color:#c9c7d6;transition:background .14s,color .14s,transform .14s}.room-page.room-page--studio .croc-studio-tool:hover{background:#ffffff14;color:#fff}.room-page.room-page--studio .croc-studio-tool:active{transform:scale(.94)}.room-page.room-page--studio .croc-studio-tool.is-on{background:#fff;color:#0b0b12}.room-page.room-page--studio .croc-studio-tool--danger:hover{background:#ff786e2e;color:#ffb4ab}.room-page.room-page--studio .croc-studio-tool--fx.is-on{background:linear-gradient(135deg,#f472b6,#8b5cf6,#22d3ee);color:#fff}.room-page.room-page--studio .croc-studio-size{width:34px;height:34px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.room-page.room-page--studio .croc-studio-size i{display:block;border-radius:50%;background:#c9c7d6;transition:background .14s}.room-page.room-page--studio .croc-studio-size.is-on{background:#ffffff1a}.room-page.room-page--studio .croc-studio-size.is-on i{background:#fff}.room-page.room-page--studio .croc-studio-size:disabled{opacity:.35}.room-page.room-page--studio .croc-studio-palette{gap:6px}.room-page.room-page--studio .croc-studio-swatch{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform .14s,border-color .14s}.room-page.room-page--studio .croc-studio-swatch:hover{transform:scale(1.15)}.room-page.room-page--studio .croc-studio-swatch.is-on{border-color:#fff;transform:scale(1.18)}.room-page.room-page--studio .croc-studio-swatch:disabled{opacity:.35;transform:none}.room-page.room-page--studio .croc-studio-swatch--custom{display:grid;place-items:center;color:#fff;mix-blend-mode:normal}.room-page.room-page--studio .croc-studio-swatch--custom svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.9));pointer-events:none}.room-page.room-page--studio .croc-studio-swatch--custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.room-page.room-page--studio .croc-word-choices{max-width:720px;margin:0 auto;padding:22px;border-radius:22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.room-page.room-page--studio .croc-word-choices-label{font:800 1.15rem Outfit,Space Grotesk,system-ui,sans-serif;text-align:center;margin:0 0 14px}.room-page.room-page--studio .croc-word-choices-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.room-page.room-page--studio .croc-word-choice{min-height:56px;padding:0 22px;border-radius:16px;border:1px solid rgba(255,255,255,.12)!important;background:#ffffff0d!important;color:#f2f1f7!important;font:800 1.05rem Inter,system-ui,sans-serif!important;transition:transform .14s,background .14s,border-color .14s}.room-page.room-page--studio .croc-word-choice:hover{transform:translateY(-2px);background:#ffffff1a!important;border-color:var(--accent)!important}@media(min-width:761px){.room-page.room-page--studio~.croc-luxe-bottom-nav,.room-page.room-page--studio .croc-luxe-bottom-nav{display:none!important}}@media(max-width:760px){.room-page.room-page--studio .croc-luxe-main{padding-bottom:96px!important}.room-page.room-page--studio .croc-studio-bar{gap:8px;padding:8px 10px;border-radius:22px}.room-page.room-page--studio .croc-studio-group+.croc-studio-group{padding-left:8px}.room-page.room-page--studio .crocodile-canvas-wrapper canvas{max-height:52vh!important}}.room-page.room-page--studio .croc-luxe-main{display:flex!important;flex-direction:column;gap:0}.room-page.room-page--studio .croc-word-section{order:-1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 12px;padding:10px 18px;width:fit-content;max-width:100%;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.room-page.room-page--studio .croc-word-label{font:700 .7rem/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,white)}.room-page.room-page--studio .croc-word{font:800 1.6rem/1 Outfit,Space Grotesk,system-ui,sans-serif;letter-spacing:-.01em;color:#fff}.room-page.room-page--studio .croc-confirm-section{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:4px}.room-page.room-page--studio .croc-confirm-hint{font:600 .8rem Inter,system-ui,sans-serif;color:#c9c7d6}.room-page.room-page--studio .croc-confirm-buttons{display:flex;gap:6px;flex-wrap:wrap}.room-page.room-page--studio .croc-explainer-strip{order:-2}@media(max-width:760px){.room-page.room-page--studio .croc-luxe-main{margin:0!important;max-width:100%!important;width:100%}.room-page.room-page--studio .croc-explainer-strip{width:100%;border-radius:14px;justify-content:space-between;gap:8px;padding:8px 12px}.room-page.room-page--studio .croc-explainer-label{display:none}.room-page.room-page--studio .croc-word-section{width:100%;padding:10px 14px}.room-page.room-page--studio .croc-word{font-size:1.35rem}.room-page.room-page--studio .croc-studio-bar{width:100%;justify-content:space-between;gap:6px 10px}.room-page.room-page--studio .croc-studio-swatch{flex:0 0 22px;width:22px;height:22px}.room-page.room-page--studio .croc-studio-palette{flex-wrap:wrap;justify-content:center}.room-page.room-page--studio .crocodile-canvas-wrapper canvas{width:100%!important;max-height:none!important}}.room-page.room-page--studio .croc-word-section{padding:8px 14px 8px 16px!important;gap:10px 14px;border-radius:999px}.room-page.room-page--studio .croc-word{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:1.4rem!important;line-height:1!important}.room-page.room-page--studio .croc-confirm-section{flex-basis:auto;margin:0;padding-left:12px;border-left:1px solid rgba(255,255,255,.14)}.room-page.room-page--studio .croc-confirm-hint{font-size:.76rem}.room-page.room-page--studio .croc-confirm-buttons button{min-height:30px!important;padding:0 12px!important;font-size:.82rem!important;border-radius:999px!important}.room-page.room-page--studio .croc-studio-swatch{min-height:24px!important;min-width:24px!important;height:24px!important;width:24px!important}.room-page.room-page--studio .croc-studio-size{min-height:34px!important;height:34px!important;width:34px!important}.room-page.room-page--studio .croc-studio-tool{min-height:38px!important;height:38px!important;width:38px!important}@media(max-width:760px){.room-page.room-page--studio .croc-studio-swatch{height:22px!important;width:22px!important;min-height:22px!important;min-width:22px!important}.room-page.room-page--studio .croc-explainer-strip>*{flex:0 0 auto!important;width:auto!important}.room-page.room-page--studio .croc-word-section{border-radius:16px}.room-page.room-page--studio .croc-confirm-section{flex-basis:100%;padding-left:0;border-left:0;justify-content:center}}@media(max-width:760px){.room-page.room-page--studio .croc-explainer-strip{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:8px 12px}.room-page.room-page--studio .croc-explainer-name{flex:1 1 auto!important;text-align:left}}.room-page.room-page--studio .croc-explainer-strip,.room-page.room-page--studio .croc-word-section,.room-page.room-page--studio .croc-studio-bar,.room-page.room-page--studio .croc-word-choices{box-sizing:border-box!important;max-width:100%!important}.melody-room *,.melody-room *:before,.melody-room *:after{box-sizing:border-box}.melody-room{--pink: #ec4899;--cyan: #22d3ee;--bg: #0d0a14;--panel: rgba(255, 255, 255, .045);--brd: rgba(236, 72, 153, .22);--text: #f4f0f8;--muted: #a49db4;position:relative;min-height:100dvh;padding:14px 16px 40px;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(900px 480px at 20% -10%,rgba(236,72,153,.13),transparent 60%),radial-gradient(800px 460px at 100% 10%,rgba(34,211,238,.1),transparent 55%),var(--bg)}.melody-top{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:880px;margin:0 auto 14px}.melody-brand{font-family:Geologica,Inter,sans-serif;font-weight:800;letter-spacing:.06em;background:linear-gradient(100deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.melody-phase{padding:7px 16px;border-radius:999px;font-weight:800;font-size:.9rem;background:var(--panel);border:1px solid var(--brd)}.melody-attempt{color:#f9a8d4}.melody-timer{font-weight:800;color:var(--cyan);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.melody-dj{display:flex;gap:12px;align-items:flex-start;max-width:880px;margin:0 auto 14px}.melody-dj-avatar{width:54px;height:54px;flex-shrink:0;display:grid;place-items:center;font-size:1.7rem;border-radius:16px;background:linear-gradient(150deg,#ec489940,#22d3ee2e);border:1px solid var(--brd)}.melody-dj-avatar.is-playing{animation:dj-bounce .5s ease-in-out infinite}@keyframes dj-bounce{50%{transform:translateY(-4px) rotate(-4deg)}}.melody-dj-bubble{flex:1;padding:10px 16px;border-radius:4px 18px 18px;background:var(--panel);border:1px solid var(--brd)}.melody-dj-name{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#f9a8d4}.melody-dj-text{font-weight:600;font-size:.95rem;line-height:1.45;margin-top:2px}.melody-player{max-width:880px;margin:0 auto 14px;padding:18px;border-radius:20px;background:var(--panel);border:1px solid var(--brd);text-align:center}.melody-eq{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:64px;margin-bottom:14px}.melody-eq span{width:9px;border-radius:4px 4px 0 0;height:12%;background:linear-gradient(180deg,var(--cyan),var(--pink));opacity:.35;transition:height .3s}.melody-eq.is-on span{opacity:1;animation:eq-dance .55s ease-in-out calc(var(--i) * .07s) infinite alternate}@keyframes eq-dance{0%{height:15%}to{height:100%}}.melody-player-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.melody-btn{border:none;border-radius:999px;padding:11px 22px;cursor:pointer;font-family:inherit;font-weight:800;font-size:.92rem;color:#fff;background:linear-gradient(135deg,var(--pink),#be185d);box-shadow:0 8px 22px #ec48994d;transition:transform .14s ease,filter .14s}.melody-btn--play{background:linear-gradient(135deg,var(--cyan),#0e7490);box-shadow:0 8px 22px #22d3ee47}.melody-btn--ghost{background:#ffffff12;border:1px solid var(--brd);box-shadow:none}.melody-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.melody-btn:disabled{opacity:.45;cursor:not-allowed}.melody-reveal{margin-top:14px;padding:10px 16px;border-radius:12px;font-size:.95rem;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);animation:melody-in .35s ease both;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.melody-reveal-art{width:72px;height:72px;border-radius:12px;object-fit:cover;box-shadow:0 8px 22px #00000080}.melody-cat{color:#67e8f9}.melody-guess-wrap{max-width:880px;margin:0 auto 14px}.melody-guess{display:flex;gap:10px}.melody-guess input:disabled{opacity:.55}.melody-guess-error{margin-top:7px;padding:7px 14px;border-radius:10px;font-size:.84rem;font-weight:600;color:#fcd34d;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);animation:melody-in .25s ease both}.melody-guess input{flex:1;min-width:0;box-sizing:border-box;padding:13px 18px;border-radius:999px;outline:none;background:#ffffff0d;border:1px solid var(--brd);color:var(--text);font-family:inherit;font-size:.95rem}.melody-guess input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ec48992e}.melody-feed{position:fixed;left:16px;bottom:18px;z-index:8;display:flex;flex-direction:column;gap:7px;max-width:min(320px,70vw);pointer-events:none}.melody-toast{padding:8px 13px;border-radius:11px;font-size:.82rem;font-weight:600;background:#100c16f2;border:1px solid var(--brd);border-left:3px solid var(--pink);box-shadow:0 8px 22px #00000080;animation:melody-in .28s ease both}.melody-toast--right{border-left-color:#4ade80}.melody-toast--wrong{border-left-color:#64748b}@keyframes melody-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.melody-board{max-width:880px;margin:0 auto;padding:14px 18px;border-radius:16px;background:var(--panel);border:1px solid rgba(255,255,255,.07)}.melody-board-title{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.melody-board-row{display:flex;justify-content:space-between;padding:6px 4px;font-size:.92rem;border-bottom:1px dashed rgba(255,255,255,.06)}.melody-board-row:last-child{border-bottom:none}.melody-board-row.is-top{color:#fcd34d}.melody-final{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#08060cd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:melody-in .4s ease both}.melody-final-card{text-align:center;padding:30px 40px;border-radius:22px;max-width:min(460px,92vw);background:linear-gradient(180deg,#1d1428,#120d1c);border:1px solid var(--brd);box-shadow:0 30px 80px #000000a6}.melody-final-title{font-family:Geologica,sans-serif;font-weight:800;font-size:1.4rem}.melody-final-winner{margin-top:8px;color:#f9a8d4}.melody-final-list{margin-top:14px;display:flex;flex-direction:column;gap:6px}.melody-final-row{display:flex;justify-content:space-between;gap:14px;padding:8px 14px;background:#ffffff0d;border-radius:10px;font-size:.9rem}.melody-final-hint{margin-top:14px;font-size:.8rem;color:var(--muted)}@media(max-width:640px){.melody-room{padding-bottom:env(safe-area-inset-bottom)}.melody-top{flex-wrap:wrap;gap:8px;padding:10px 12px}.melody-brand{font-size:.85rem;flex:1 1 100%}.melody-phase{font-size:.78rem;flex:1}.melody-timer{font-size:1rem}.melody-dj{flex-direction:column;text-align:center;padding:12px}.melody-player-controls{flex-wrap:wrap;justify-content:center;gap:8px}.melody-btn{min-height:48px;min-width:48px;padding:10px 16px}.melody-btn--play{flex:1 1 100%;font-size:1rem}.melody-guess,.melody-guess-wrap form{flex-direction:column!important;gap:10px;width:100%;padding:0 12px}.melody-guess input,.melody-guess-wrap input{width:100%;min-height:48px;font-size:16px}.melody-guess button,.melody-guess-wrap button{width:100%;min-height:48px}.melody-board{margin:12px;padding:12px}.melody-reveal-art{max-width:min(280px,90vw);height:auto}}.bunker-room{--steel: #191c1a;--steel-2: #222622;--rust: #b45309;--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .16);--danger: #dc2626;--ok: #4ade80;--text: #edeee8;--muted: #9aa096;--brd: rgba(245, 158, 11, .16);position:relative;min-height:100dvh;padding:14px 16px 120px;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(1000px 500px at 50% -10%,rgba(245,158,11,.07),transparent 60%),linear-gradient(180deg,#141614,#0c0e0c)}.bunker-top{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1080px;margin:0 auto 12px}.bunker-brand{font-family:Geologica,Inter,sans-serif;font-weight:800;letter-spacing:.1em;color:var(--amber);text-shadow:0 0 18px rgba(245,158,11,.4)}.bunker-phase{padding:7px 16px;border-radius:999px;font-weight:800;font-size:.9rem;background:#ffffff0d;border:1px solid var(--brd)}.bunker-meta{display:flex;gap:12px;font-weight:700;font-size:.9rem;color:var(--muted)}.bunker-timer{color:var(--amber);font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.bunker-scenario{max-width:1080px;margin:0 auto 14px;padding:12px 16px 12px 20px;border-radius:12px;font-size:.92rem;line-height:1.5;background:linear-gradient(180deg,#b4530924,#b453090d);border:1px solid rgba(245,158,11,.3);position:relative;overflow:hidden}.bunker-scenario:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:repeating-linear-gradient(-45deg,#f59e0b 0,#f59e0b 8px,#14161480 8px,#14161480 16px)}.bunker-scenario b{color:#fcd34d}.bunker-scenario-cap{color:var(--muted)}.bunker-shelter{max-width:1080px;margin:-6px auto 14px;padding:10px 16px;border-radius:12px;font-size:.86rem;line-height:1.5;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.bunker-shelter b{color:var(--text)}.bunker-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:11px 14px;border-radius:13px;background:linear-gradient(140deg,#f59e0b1f,#f59e0b08);border:1px solid rgba(245,158,11,.35)}.bunker-action-card.is-used{opacity:.5;border-style:dashed}.bunker-action-card.is-arming{border-color:var(--amber);box-shadow:0 0 0 2px #f59e0b40;animation:bunker-speak 1.2s ease-in-out infinite}.bunker-action-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bunker-action-card-name{font-weight:800;font-size:.9rem;color:#fcd34d}.bunker-action-card-desc{font-size:.78rem;color:var(--muted)}.bunker-btn--card{padding:8px 16px;font-size:.8rem;flex-shrink:0}.bunker-player.is-action-target:hover{border-color:var(--amber)}.bunker-action-badge{margin-left:6px;font-size:.8rem;opacity:.8}.bunker-toast--action{border-left-color:var(--amber)}.bunker-feed{position:fixed;left:16px;bottom:96px;z-index:8;display:flex;flex-direction:column;gap:7px;max-width:min(330px,72vw);pointer-events:none}.bunker-toast{padding:8px 13px;border-radius:11px;font-size:.82rem;font-weight:600;background:#121412f2;border:1px solid var(--brd);border-left:3px solid var(--amber);box-shadow:0 8px 22px #00000080;animation:bunker-toast-in .3s ease both}.bunker-toast--death{border-left-color:var(--danger)}.bunker-toast--safe{border-left-color:var(--ok)}@keyframes bunker-toast-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1}}.bunker-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:12px}.bunker-player{position:relative;background:linear-gradient(180deg,var(--steel-2),var(--steel));border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .3s}.bunker-player.is-self{border-color:#f59e0b73}.bunker-player.is-speaking{border-color:var(--amber);box-shadow:0 0 0 2px #f59e0b40,0 10px 26px #0006;animation:bunker-speak 1.4s ease-in-out infinite}@keyframes bunker-speak{50%{box-shadow:0 0 0 6px #f59e0b14,0 10px 26px #0006}}.bunker-player.is-votable{cursor:pointer}.bunker-player.is-votable:hover{transform:translateY(-3px);border-color:#dc26268c}.bunker-player.is-selected{border-color:var(--danger);box-shadow:0 0 0 2px #dc262659}.bunker-player.is-dead{opacity:.45;filter:grayscale(.9)}.bunker-player-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.bunker-player-name{font-weight:800;font-size:.95rem}.bunker-exiled-tag{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fca5a5;border:1px solid rgba(220,38,38,.5);border-radius:999px;padding:2px 8px}.bunker-chips{display:flex;flex-wrap:wrap;gap:5px}.bunker-chip{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);animation:bunker-chip-in .35s ease both}@keyframes bunker-chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1}}.bunker-chip--profession{border-color:#f59e0b73;color:#fcd34d}.bunker-chip--health{border-color:#f8717166}.bunker-chip--empty{color:var(--muted);font-style:italic;border-style:dashed;animation:none}.bunker-bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);max-width:220px;width:max-content;z-index:20;pointer-events:none;background:#181a16f7;border:1px solid var(--brd);font-size:.75rem;font-weight:600;line-height:1.3;text-align:center;padding:7px 11px;border-radius:12px;box-shadow:0 10px 24px #0000008c;animation:bunker-toast-in .25s ease both}.bunker-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#181a16f7}.bunker-mycard{max-width:1080px;margin:16px auto 0}.bunker-mycard-title{font-weight:800;font-size:.92rem;margin-bottom:9px;color:#fcd34d}.bunker-mycard-title em{color:var(--muted);font-style:normal;font-weight:600}.bunker-mycard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px}.bunker-mychip{display:flex;flex-direction:column;gap:3px;text-align:left;background:linear-gradient(180deg,var(--steel-2),var(--steel));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;color:var(--text);font-family:inherit;cursor:default;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.bunker-mychip-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.bunker-mychip-value{font-size:.86rem;font-weight:700;line-height:1.25}.bunker-mychip-state{font-size:.64rem;font-weight:700;color:var(--muted)}.bunker-mychip.is-open{border-color:#4ade8066}.bunker-mychip.is-open .bunker-mychip-state{color:var(--ok)}.bunker-mychip.is-clickable{cursor:pointer;border-color:#f59e0b66}.bunker-mychip.is-clickable:hover{transform:translateY(-2px);border-color:var(--amber);box-shadow:0 8px 20px #f59e0b2e}.bunker-mychip.is-clickable .bunker-mychip-state{color:var(--amber)}.bunker-mychip:disabled{opacity:1}.bunker-dock{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:12px 18px;border-radius:999px;background:#101210f0;border:1px solid var(--brd);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 38px #0000008c}.bunker-dock-hint{font-weight:700;font-size:.9rem;white-space:nowrap}.bunker-btn{border:none;border-radius:999px;padding:10px 20px;cursor:pointer;font-family:inherit;font-weight:800;font-size:.88rem;color:#241400;background:linear-gradient(135deg,var(--amber),#b45309);box-shadow:0 8px 20px #f59e0b4d;transition:transform .14s ease,filter .14s;white-space:nowrap}.bunker-btn--danger{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;box-shadow:0 8px 20px #dc262659}.bunker-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.07)}.bunker-btn:disabled{opacity:.45;cursor:not-allowed}.bunker-final{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#060706d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bunker-toast-in .4s ease both}.bunker-final-card{text-align:center;padding:30px 40px;border-radius:20px;max-width:min(480px,92vw);background:linear-gradient(180deg,#20241f,#131512);border:1px solid rgba(245,158,11,.35);box-shadow:0 30px 80px #000000a6}.bunker-final-title{font-family:Geologica,sans-serif;font-weight:800;font-size:1.4rem;color:#fcd34d}.bunker-final-sub{margin-top:6px;color:var(--muted);font-size:.9rem}.bunker-final-list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.bunker-final-row{display:flex;justify-content:space-between;gap:14px;padding:9px 14px;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:11px;font-size:.9rem}.bunker-final-row span{color:var(--muted)}.bunker-final-hint{margin-top:14px;font-size:.8rem;color:var(--muted)}@media(max-width:640px){.bunker-room{padding-bottom:140px}.bunker-top{flex-wrap:wrap}.bunker-grid,.bunker-mycard-grid{grid-template-columns:1fr 1fr}.bunker-dock{flex-wrap:wrap;justify-content:center;border-radius:18px}.bunker-dock-hint{white-space:normal;text-align:center}}.pc-root *,.pc-root *:before,.pc-root *:after{box-sizing:border-box}.pc-root{--acc: var(--gx-a, #7c5cfc);--acc2: var(--gx-b, #4c1d95);--bg: #0b0b10;--panel: rgba(255, 255, 255, .05);--brd: rgba(255, 255, 255, .12);--text: #f2f0f7;--muted: #9a95a8;display:flex;flex-direction:column;align-items:center;gap:18px;min-height:100dvh;padding:16px 16px 40px;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(700px 380px at 50% -10%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 65%),var(--bg)}.pc-head{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:560px}.pc-title{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:.01em}.pc-sub{margin:2px 0 0;font-size:.8rem;color:var(--muted)}.pc-timer{min-width:56px;padding:6px 14px;border-radius:999px;text-align:center;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--brd)}.pc-timer.is-urgent{color:#fca5a5;border-color:#f8717180;animation:pc-pulse .9s ease-in-out infinite}@keyframes pc-pulse{50%{transform:scale(1.07)}}.pc-phase{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pc-hint{margin:0;font-size:.78rem;color:var(--muted);text-align:center;max-width:420px}.pc-stage{display:grid;place-items:center;gap:14px;width:100%;max-width:420px;min-height:260px;border-radius:22px;border:1px solid var(--brd);background:var(--panel);overflow:hidden}.pc-stage--color{border:none;box-shadow:0 18px 50px #00000073}.pc-stage--tempo,.pc-stage--tone{padding:24px}.pc-tempo-bar{width:100%;height:22px;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,var(--acc),var(--acc2));animation:pc-grow linear forwards}@keyframes pc-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pc-wave{display:flex;align-items:flex-end;gap:7px;height:76px}.pc-wave i{display:block;width:9px;height:18px;border-radius:999px;background:linear-gradient(180deg,var(--acc),var(--acc2));opacity:.35}.pc-wave.is-on i{animation:pc-bounce .62s ease-in-out infinite;opacity:1}@keyframes pc-bounce{50%{height:68px}}.pc-angle{display:block}.pc-angle-ray{stroke:var(--acc);stroke-width:3.5;stroke-linecap:round}.pc-angle-arc{fill:none;stroke:color-mix(in srgb,var(--acc) 55%,transparent);stroke-width:2;stroke-dasharray:4 5}.pc-angle-dot{fill:var(--text)}.pc-angle--muted .pc-angle-ray{stroke:var(--muted)}.pc-control{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;padding:18px;border-radius:22px;background:var(--panel);border:1px solid var(--brd)}.pc-swatch{width:100%;height:128px;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff24}.pc-freq{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.pc-freq small{font-size:.9rem;font-weight:600;color:var(--muted)}.pc-slider{display:flex;flex-direction:column;gap:6px;width:100%}.pc-slider>span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pc-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.pc-range::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:var(--pc-track, rgba(255, 255, 255, .16));border:1px solid var(--brd)}.pc-range::-moz-range-track{height:12px;border-radius:999px;background:var(--pc-track, rgba(255, 255, 255, .16));border:1px solid var(--brd)}.pc-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 3px 10px #00000080}.pc-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 3px 10px #00000080}.pc-range:disabled{opacity:.45;cursor:default}.pc-range--hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.pc-range--hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.pc-range--tone::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--acc2),var(--acc))}.pc-range--tone::-moz-range-track{background:linear-gradient(90deg,var(--acc2),var(--acc))}.pc-hold{width:100%;padding:30px 18px;border-radius:20px;cursor:pointer;font-size:1rem;font-weight:800;color:var(--text);background:linear-gradient(140deg,color-mix(in srgb,var(--acc) 30%,transparent),transparent);border:2px solid var(--acc);touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .08s ease,background .15s ease}.pc-hold.is-holding{transform:scale(.98);background:linear-gradient(140deg,var(--acc),var(--acc2))}.pc-hold:disabled{opacity:.45;cursor:default}.pc-btn{padding:13px 26px;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:800;font-family:inherit;border:1px solid var(--brd);background:var(--panel);color:var(--text);transition:transform .1s ease,opacity .15s ease}.pc-btn:active:not(:disabled){transform:scale(.97)}.pc-btn:disabled{opacity:.5;cursor:default}.pc-btn--primary{width:100%;max-width:420px;border:none;color:#fff;background:linear-gradient(100deg,var(--acc),var(--acc2))}.pc-btn--ghost{background:transparent}.pc-reveal{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:480px}.pc-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.pc-compare figure{margin:0;display:flex;flex-direction:column;gap:7px}.pc-compare figcaption{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.pc-pane{display:grid;place-items:center;gap:6px;min-height:130px;padding:12px;border-radius:16px;border:1px solid var(--brd);font-size:.82rem;font-weight:700}.pc-pane>span{padding:3px 9px;border-radius:999px;background:#0000008c;color:#fff;font-variant-numeric:tabular-nums}.pc-pane--fig{background:var(--panel)}.pc-pane--empty{background:var(--panel);color:var(--muted);font-weight:600}.pc-verdict{margin:0;font-size:1.05rem}.pc-verdict strong{font-size:1.9rem;color:var(--acc)}.pc-err{color:var(--muted);font-size:.85rem}.pc-listcap{width:100%;max-width:480px;margin:2px 0 -2px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pc-roundlist,.pc-board,.pc-final{list-style:none;margin:0;padding:0;width:100%;max-width:480px}.pc-roundlist li,.pc-board li,.pc-final li{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;border:1px solid transparent}.pc-roundlist li+li,.pc-board li+li,.pc-final li+li{margin-top:5px}.pc-roundlist li.is-me,.pc-board li.is-me,.pc-final li.is-me{background:color-mix(in srgb,var(--acc) 14%,transparent);border-color:color-mix(in srgb,var(--acc) 45%,transparent)}.pc-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-badge,.pc-score{font-weight:800;font-variant-numeric:tabular-nums}.pc-score small{color:var(--muted);font-weight:600}.pc-board{opacity:.85}.pc-board li{background:var(--panel)}.pc-root--final{justify-content:center}.pc-final li{background:var(--panel);padding:14px 16px;font-size:1.05rem}.pc-final li:first-child{background:linear-gradient(100deg,color-mix(in srgb,var(--acc) 34%,transparent),transparent);border-color:var(--acc)}.pc-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffffff1a;font-size:.8rem;font-weight:800}@media(max-width:420px){.pc-stage{min-height:210px}.pc-swatch{height:100px}.pc-compare{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pc-timer.is-urgent,.pc-wave.is-on i{animation:none}}.gx-atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}.gx-atmosphere__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:calc(var(--gx-intensity, .8) * .45);animation:gx-orb-drift 18s ease-in-out infinite}.gx-atmosphere__orb--1{width:min(55vw,520px);height:min(55vw,520px);top:-12%;left:-8%;background:color-mix(in srgb,var(--gx-a) 70%,transparent);animation-delay:0s}.gx-atmosphere__orb--2{width:min(45vw,420px);height:min(45vw,420px);bottom:-10%;right:-6%;background:color-mix(in srgb,var(--gx-b) 65%,transparent);animation-delay:-6s;animation-duration:22s}.gx-atmosphere__orb--3{width:min(30vw,280px);height:min(30vw,280px);top:40%;left:55%;background:color-mix(in srgb,var(--gx-a) 40%,var(--gx-b) 30%);opacity:.25;animation-delay:-12s;animation-duration:26s}@keyframes gx-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(3%,2%) scale(1.06)}66%{transform:translate(-2%,3%) scale(.96)}}.gx-atmosphere__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black,transparent)}.gx-atmosphere__particles{position:absolute;top:0;right:0;bottom:0;left:0}.gx-atmosphere__particle{position:absolute;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--gx-a) 80%,white);opacity:0;left:calc(var(--i) * 8.3%);top:calc((var(--i) * 17 % 100) * 1%);animation:gx-particle-float 8s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}@keyframes gx-particle-float{0%,to{opacity:0;transform:translateY(20px) scale(.5)}20%{opacity:.6}50%{opacity:.3;transform:translateY(-40vh) scale(1)}80%{opacity:0}}.gx-atmosphere__watermark{position:absolute;right:-2%;bottom:8%;font-size:clamp(8rem,22vw,16rem);line-height:1;opacity:.035;filter:blur(.5px);-webkit-user-select:none;user-select:none;transform:rotate(-8deg)}.gx-atmosphere__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%)}.gx-atmosphere--grid .gx-atmosphere__grid{opacity:.06;background-size:40px 40px}.gx-atmosphere--aurora .gx-atmosphere__orb--1{animation:gx-aurora 12s ease-in-out infinite}.gx-atmosphere--aurora .gx-atmosphere__orb--2{animation:gx-aurora 15s ease-in-out infinite reverse}@keyframes gx-aurora{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5%,-3%) rotate(5deg)}}.gx-atmosphere--float .gx-atmosphere__particle{width:8px;height:8px;border-radius:2px;animation-duration:12s}.gx-atmosphere--pulse .gx-atmosphere__orb--1{animation:gx-wave-pulse 2.5s ease-in-out infinite}.gx-atmosphere--spark .gx-atmosphere__particle{animation:gx-bolt 2s ease-in-out infinite}.gx-atmosphere--fog .gx-atmosphere__vignette{background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 20%,rgba(0,0,0,.7) 100%)}.gx-atmosphere--dust .gx-atmosphere__particle{width:3px;height:3px;opacity:.4;animation-duration:15s}.gx-atmosphere--note .gx-atmosphere__watermark{animation:gx-emoji-float 4s ease-in-out infinite}.gx-atmosphere--burst .gx-atmosphere__particle:nth-child(odd){background:var(--gx-b)}.gx-atmosphere--glow .gx-atmosphere__orb{filter:blur(100px);opacity:.55}.gx-atmosphere--detective .gx-atmosphere__grid{opacity:.07;background-size:24px 24px;animation:gx-scan 8s linear infinite}@keyframes gx-scan{0%{transform:translateY(0)}to{transform:translateY(24px)}}.gx-atmosphere--bunker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(-45deg,transparent,transparent 12px,rgba(245,158,11,.03) 12px,rgba(245,158,11,.03) 24px)}.gx-atmosphere--canvas .gx-atmosphere__grid{opacity:.06;background-size:32px 32px;background-image:radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1px)}.gx-atmosphere--letters .gx-atmosphere__watermark{font-family:var(--font-display, system-ui);font-size:clamp(6rem,18vw,12rem);letter-spacing:-.05em}.gx-atmosphere--confetti .gx-atmosphere__particle{width:6px;height:10px;border-radius:1px;animation:gx-confetti-fall 6s linear infinite}@keyframes gx-confetti-fall{0%{opacity:0;transform:translateY(-10vh) rotate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}.gx-atmosphere--wave .gx-atmosphere__orb--1{animation:gx-wave-pulse 3s ease-in-out infinite}@keyframes gx-wave-pulse{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.15) scaleY(.9)}}.gx-atmosphere--electric .gx-atmosphere__particle{width:2px;height:20px;border-radius:2px;animation:gx-bolt 1.2s ease-in-out infinite}@keyframes gx-bolt{0%,90%,to{opacity:0;transform:scaleY(0)}95%{opacity:1;transform:scaleY(1)}}.room-page--lobby .gx-atmosphere{opacity:.55}.room-page--lobby .gx-atmosphere__watermark{opacity:.02}.room-page--lobby .gx-atmosphere__particle{animation-duration:14s}.room-page--playing .gx-atmosphere{opacity:1}.room-page--experience{position:relative;z-index:1}.room-page--playing.room-page--experience{min-height:100dvh}.room-page--playing.room-page--experience>*:not(.gx-atmosphere):not(.croc-luxe-topbar):not(.croc-luxe-col):not(.croc-luxe-guess-mobile):not(.croc-luxe-bottom-nav){position:relative;z-index:2}.room-page--playing.room-page--experience .container{background:transparent}.gx-hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--gx-a) 18%,transparent),transparent 55%),linear-gradient(225deg,color-mix(in srgb,var(--gx-b) 12%,transparent),transparent 50%),#080a12b8;border:1px solid color-mix(in srgb,var(--gx-a) 35%,transparent);box-shadow:0 20px 60px #00000073,0 0 80px color-mix(in srgb,var(--gx-a) 12%,transparent),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.gx-hero__glow{position:absolute;top:-50%;left:20%;width:60%;height:200%;background:radial-gradient(ellipse,color-mix(in srgb,var(--gx-a) 25%,transparent),transparent 70%);pointer-events:none;animation:gx-hero-glow 4s ease-in-out infinite}@keyframes gx-hero-glow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5%)}}.gx-hero__main{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.gx-hero__emoji{font-size:clamp(2.2rem,5vw,3.2rem);filter:drop-shadow(0 4px 20px color-mix(in srgb,var(--gx-a) 50%,transparent));animation:gx-emoji-float 3s ease-in-out infinite}@keyframes gx-emoji-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.gx-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:800;letter-spacing:var(--tracking-tight);background:linear-gradient(120deg,#fff 0%,var(--gx-a) 55%,var(--gx-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.gx-hero__tagline{margin:4px 0 0;font-size:.88rem;color:var(--color-text-secondary);max-width:42ch;line-height:1.45}.gx-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);position:relative;z-index:1}.gx-hero__badge{padding:6px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.gx-hero__badge--host{background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border-color:#fbbf2473;color:#fde68a;box-shadow:0 0 24px #fbbf2433}.gx-hero__badge--phase{background:color-mix(in srgb,var(--gx-a) 20%,transparent);border-color:color-mix(in srgb,var(--gx-a) 40%,transparent);color:color-mix(in srgb,var(--gx-a) 90%,white)}.gx-hero__timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;padding:8px 18px;border-radius:var(--radius-full);background:#00000059;border:2px solid color-mix(in srgb,var(--gx-a) 50%,transparent);color:var(--gx-a);box-shadow:0 0 30px color-mix(in srgb,var(--gx-a) 25%,transparent)}.gx-hero__timer--urgent{color:#fca5a5;border-color:#ef4444;animation:gx-timer-urgent .6s ease infinite}@keyframes gx-timer-urgent{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 10px #ef444400}}.room-page--playing .game-area.croc-luxe-main{background:transparent!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.room-page--playing .game-area{background:linear-gradient(165deg,color-mix(in srgb,var(--gx-a) 8%,transparent) 0%,transparent 45%),linear-gradient(225deg,color-mix(in srgb,var(--gx-b) 6%,transparent) 0%,transparent 50%),#0c0e18d1!important;border:1px solid color-mix(in srgb,var(--gx-a) 22%,transparent)!important;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0a inset,0 0 100px color-mix(in srgb,var(--gx-a) 8%,transparent)!important;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2)}.room-page--playing .game-area:before{background:linear-gradient(90deg,var(--gx-a),var(--gx-b),var(--gx-a))!important;opacity:.85!important;height:3px!important}.room-page--playing .game-area-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.8vw,1.65rem)!important;text-align:center;border-bottom:none!important;padding-bottom:var(--space-2)!important;margin-bottom:var(--space-4)!important;text-shadow:0 2px 24px color-mix(in srgb,var(--gx-a) 40%,transparent)}.room-page--playing .game-area-title:after{width:80px!important;height:4px!important;background:linear-gradient(90deg,var(--gx-a),var(--gx-b))!important;box-shadow:0 0 20px color-mix(in srgb,var(--gx-a) 50%,transparent)}.room-page--playing .game-area .btn-primary-action,.room-page--playing .game-area .btn-primary,.room-page--playing .game-area button[type=submit]:not(.btn-secondary):not(.btn-ghost){background:linear-gradient(135deg,var(--gx-a),var(--gx-b))!important;border:none!important;box-shadow:0 8px 28px color-mix(in srgb,var(--gx-a) 45%,transparent),inset 0 1px #fff3!important;transition:transform .15s ease,box-shadow .15s ease!important}.room-page--playing .game-area .btn-primary-action:hover,.room-page--playing .game-area .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 36px color-mix(in srgb,var(--gx-a) 55%,transparent)!important}.room-page--playing .game-scoreboard,.room-page--playing .scoreboard,.room-page--playing .croc-luxe-rank{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s ease,border-color .2s ease}.room-page--playing .game-scoreboard tr:hover,.room-page--playing .croc-luxe-rank:hover{background:color-mix(in srgb,var(--gx-a) 10%,transparent);border-color:color-mix(in srgb,var(--gx-a) 25%,transparent)}.room-page--playing .game-layout{background:transparent!important;min-height:auto;height:auto}.room-page--playing .game-header{background:linear-gradient(180deg,#0000008c,#00000040)!important;border-bottom:1px solid color-mix(in srgb,var(--gx-a) 25%,transparent)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.room-page--playing .game-title h1{background:linear-gradient(100deg,#fff,var(--gx-a) 70%,var(--gx-b))!important;-webkit-background-clip:text!important;background-clip:text!important}.room-page--playing .player-count{background:color-mix(in srgb,var(--gx-a) 18%,transparent)!important;border-color:color-mix(in srgb,var(--gx-a) 35%,transparent)!important}.room-page--playing .player-tag{background:linear-gradient(135deg,var(--gx-a),var(--gx-b))!important}.room-page--lobby.room-page--experience .room-id-container{box-shadow:0 28px 70px #00000080,0 0 100px color-mix(in srgb,var(--gx-a) 15%,transparent),inset 0 1px #ffffff0f!important}.room-page--lobby.room-page--experience .lobby-game-info-card{border-color:color-mix(in srgb,var(--gx-a) 30%,transparent);box-shadow:0 16px 40px #00000059}.room-page--playing[data-game=mafia] .game-area,.room-page--playing[data-game=mafia2] .game-area{box-shadow:0 0 120px #ef44441f,0 24px 64px #0000008c!important}.room-page--playing[data-game=bunker] .game-area{border-color:#f59e0b59!important}.room-page--playing[data-game=hat] .game-area{background-image:radial-gradient(circle at 20% 80%,rgba(251,191,36,.08),transparent 40%),radial-gradient(circle at 80% 20%,rgba(244,114,182,.06),transparent 35%)!important}.room-page--playing[data-game=crocodile] .game-area,.room-page--playing[data-game=sketch] .game-area,.room-page--playing[data-game=crocodile-verbs] .game-area,.room-page--playing[data-game=crocodile-nouns] .game-area{border-color:#22c55e4d!important}.room-page--playing[data-game=quiz] .quiz-question,.room-page--playing[data-game=triviamurder] .quiz-question{font-size:clamp(1.1rem,2.5vw,1.45rem);padding:var(--space-5);border-radius:var(--radius-xl);background:#3b82f614;border:1px solid rgba(59,130,246,.25);box-shadow:0 8px 32px #3b82f61f}.room-page--playing[data-game=spy] .game-area{background-image:linear-gradient(180deg,rgba(99,102,241,.06),transparent 60%)!important}.room-page--playing[data-game=meme] .game-area,.room-page--playing[data-game=quiplash] .game-area{background-image:radial-gradient(circle at 10% 20%,rgba(236,72,153,.1),transparent 35%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.08),transparent 35%)!important}.room-page--playing[data-game=wordbomb] .game-area,.room-page--playing[data-game=bombparty] .game-area{animation:gx-bomb-pulse 2s ease-in-out infinite}@keyframes gx-bomb-pulse{0%,to{box-shadow:0 0 #f43f5e33,0 24px 64px #00000080}50%{box-shadow:0 0 40px 4px #f43f5e26,0 24px 64px #00000080}}.room-page--playing[data-game=melody] .game-area{background-image:linear-gradient(135deg,#ec489914,#0e749014)!important}.room-page--playing[data-game=reaction] .game-area,.room-page--playing[data-game=colors] .game-area{border-width:2px!important;animation:gx-action-border 1.5s linear infinite}@keyframes gx-action-border{0%,to{border-color:color-mix(in srgb,var(--gx-a) 50%,transparent)!important}50%{border-color:color-mix(in srgb,var(--gx-b) 70%,transparent)!important}}.room-page--playing[data-game=hotpotato] .game-area{border-color:#fb923c80!important}.room-page--playing[data-game=wavelength] .game-area{background-image:linear-gradient(90deg,#2dd4bf0f,#6366f10f,#ec48990f)!important}.room-page--playing[data-game=crossword] .game-area{font-family:Georgia,Times New Roman,serif}.room-page--playing[data-game=flags] .game-area,.room-page--playing[data-game=logos] .game-area,.room-page--playing[data-game=maps] .game-area{background-image:radial-gradient(circle at 50% 0%,rgba(56,189,248,.1),transparent 50%)!important}.room-page--playing .host-control-panel{background:linear-gradient(135deg,rgba(251,191,36,.08),transparent 60%),#080a12d9!important;border:1px solid rgba(251,191,36,.25)!important;border-radius:var(--radius-xl)!important;box-shadow:0 8px 32px #fbbf2414!important}.room-page--playing .timer-display{font-family:var(--font-display);font-weight:800;padding:6px 16px;border-radius:var(--radius-full);background:#0006;border:2px solid color-mix(in srgb,var(--gx-a) 45%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--gx-a) 20%,transparent)}.room-page--playing .timer-display.urgent{border-color:#ef4444;color:#fca5a5;animation:gx-timer-urgent .6s ease infinite}.room-page--playing .game-area input[type=text],.room-page--playing .game-area textarea{background:#00000059!important;border:1px solid color-mix(in srgb,var(--gx-a) 25%,transparent)!important;border-radius:var(--radius-lg)!important;transition:border-color .2s ease,box-shadow .2s ease!important}.room-page--playing .game-area input:focus,.room-page--playing .game-area textarea:focus{border-color:var(--gx-a)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gx-a) 20%,transparent)!important;outline:none!important}.room-page--playing .player.active{box-shadow:0 0 20px color-mix(in srgb,var(--gx-a) 35%,transparent);border-color:var(--gx-a)!important}.gx-atmosphere[data-game=quiz] .gx-atmosphere__watermark{opacity:.04}.gx-atmosphere[data-game=triviamurder] .gx-atmosphere__orb--1{background:#dc262659}.gx-atmosphere[data-game=spy] .gx-atmosphere__grid{opacity:.08}.gx-atmosphere[data-game=bunker] .gx-atmosphere__orb--1{background:#f59e0b66}.gx-atmosphere[data-game=melody] .gx-atmosphere__orb--2{background:#ec489959}.gx-atmosphere[data-game=crocodile] .gx-atmosphere__orb--1,.gx-atmosphere[data-game=sketch] .gx-atmosphere__orb--1{background:#22c55e59}.gx-atmosphere[data-game=hat] .gx-atmosphere__orb--1{background:#fbbf2459}@media(max-width:640px){.gx-hero{padding:var(--space-4);flex-direction:column;align-items:flex-start}.gx-hero__tagline{font-size:.82rem}.gx-atmosphere__watermark{font-size:6rem;right:-5%}}.room-page--playing[data-game=spy],.room-page--playing[data-game=impostor],.room-page--playing[data-game=chameleon],.room-page--playing[data-game=fibbing],.room-page--playing[data-game=whoami],.room-page--playing[data-game=psych],.room-page--playing[data-game=fakeartist]{--gx-card-glow: rgba(99, 102, 241, .15)}.room-page--playing[data-game=alias] .game-area,.room-page--playing[data-game=wordchain] .game-area,.room-page--playing[data-game=anagrams] .game-area,.room-page--playing[data-game=rhyme] .game-area,.room-page--playing[data-game=categories] .game-area,.room-page--playing[data-game=lastword] .game-area,.room-page--playing[data-game=password] .game-area,.room-page--playing[data-game=teamwords] .game-area{background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(6,182,212,.1),transparent),radial-gradient(circle at 90% 90%,rgba(245,158,11,.06),transparent 40%)!important}.room-page--playing[data-game=quiplash] .game-area,.room-page--playing[data-game=knowfriend] .game-area,.room-page--playing[data-game=fibbage] .game-area,.room-page--playing[data-game=badadvice] .game-area,.room-page--playing[data-game=caption] .game-area,.room-page--playing[data-game=bluff] .game-area,.room-page--playing[data-game=escalation] .game-area,.room-page--playing[data-game=judge] .game-area,.room-page--playing[data-game=debate] .game-area{background-image:radial-gradient(circle at 15% 25%,rgba(236,72,153,.09),transparent 38%),radial-gradient(circle at 85% 75%,rgba(168,85,247,.08),transparent 38%)!important}.room-page--playing[data-game=facts] .game-area,.room-page--playing[data-game=quotes] .game-area,.room-page--playing[data-game=timeline] .game-area,.room-page--playing[data-game=ranking] .game-area,.room-page--playing[data-game=auction] .game-area,.room-page--playing[data-game=priceisright] .game-area,.room-page--playing[data-game=sequence] .game-area,.room-page--playing[data-game=emoji] .game-area,.room-page--playing[data-game=connect] .game-area{background-image:radial-gradient(circle at 50% 0%,rgba(59,130,246,.1),transparent 55%)!important}.room-page--playing[data-game=wouldyourather] .game-area,.room-page--playing[data-game=prediction] .game-area,.room-page--playing[data-game=trust] .game-area,.room-page--playing[data-game=truths] .game-area,.room-page--playing[data-game=story] .game-area,.room-page--playing[data-game=wavelength] .game-area,.room-page--playing[data-game=collage] .game-area,.room-page--playing[data-game=emojiart] .game-area{background-image:linear-gradient(160deg,rgba(168,85,247,.07),transparent 50%,rgba(20,184,166,.06))!important}.room-page--playing[data-game=memory] .game-area,.room-page--playing[data-game=sync] .game-area,.room-page--playing[data-game=hotpotato] .game-area{border-width:2px!important}.room-page--playing[data-game=associations] .game-area{transition:box-shadow .3s ease}.room-page--playing[data-game=associations] .game-area:focus-within{box-shadow:0 0 80px #8b5cf633,0 24px 64px #00000080!important}.gx-atmosphere[data-game=mafia] .gx-atmosphere__orb--1,.gx-atmosphere[data-game=mafia2] .gx-atmosphere__orb--1{background:#ef444461}.gx-atmosphere[data-game=hat] .gx-atmosphere__orb--1{background:#fbbf2461}.gx-atmosphere[data-game=alias] .gx-atmosphere__orb--1{background:#f59e0b59}.gx-atmosphere[data-game=spy] .gx-atmosphere__orb--1{background:#6366f161}.gx-atmosphere[data-game=quiz] .gx-atmosphere__orb--1{background:#3b82f661}.gx-atmosphere[data-game=meme] .gx-atmosphere__orb--1{background:#ec489959}.gx-atmosphere[data-game=quiplash] .gx-atmosphere__orb--1{background:#a855f759}.gx-atmosphere[data-game=knowfriend] .gx-atmosphere__orb--1{background:#14b8a659}.gx-atmosphere[data-game=fibbage] .gx-atmosphere__orb--1{background:#f9731659}.gx-atmosphere[data-game=badadvice] .gx-atmosphere__orb--1{background:#ef444452}.gx-atmosphere[data-game=wordbomb] .gx-atmosphere__orb--1,.gx-atmosphere[data-game=bombparty] .gx-atmosphere__orb--1{background:#f43f5e66}.gx-atmosphere[data-game=associations] .gx-atmosphere__orb--1{background:#8b5cf661}.gx-atmosphere[data-game=rhyme] .gx-atmosphere__orb--1{background:#a855f74d}.gx-atmosphere[data-game=categories] .gx-atmosphere__orb--1{background:#0ea5e959}.gx-atmosphere[data-game=anagrams] .gx-atmosphere__orb--1{background:#06b6d459}.gx-atmosphere[data-game=wordchain] .gx-atmosphere__orb--1{background:#06b6d452}.gx-atmosphere[data-game=crossword] .gx-atmosphere__orb--1{background:#6b728059}.gx-atmosphere[data-game=debate] .gx-atmosphere__orb--1{background:#ef444447}.gx-atmosphere[data-game=truths] .gx-atmosphere__orb--1{background:#eab30852}.gx-atmosphere[data-game=whoami] .gx-atmosphere__orb--1{background:#d946ef59}.gx-atmosphere[data-game=wouldyourather] .gx-atmosphere__orb--1{background:#0ea5e959}.gx-atmosphere[data-game=prediction] .gx-atmosphere__orb--1{background:#a855f752}.gx-atmosphere[data-game=psych] .gx-atmosphere__orb--1{background:#6366f159}.gx-atmosphere[data-game=judge] .gx-atmosphere__orb--1{background:#fbbf244d}.gx-atmosphere[data-game=trust] .gx-atmosphere__orb--1{background:#10b98152}.gx-atmosphere[data-game=impostor] .gx-atmosphere__orb--1{background:#6366f159}.gx-atmosphere[data-game=story] .gx-atmosphere__orb--1{background:#f472b652}.gx-atmosphere[data-game=fakeartist] .gx-atmosphere__orb--1{background:#a3e63547}.gx-atmosphere[data-game=wavelength] .gx-atmosphere__orb--1{background:#2dd4bf59}.gx-atmosphere[data-game=bluff] .gx-atmosphere__orb--1{background:#c084fc59}.gx-atmosphere[data-game=connect] .gx-atmosphere__orb--1{background:#6366f152}.gx-atmosphere[data-game=caption] .gx-atmosphere__orb--1{background:#fb923c52}.gx-atmosphere[data-game=collage] .gx-atmosphere__orb--1{background:#ec489947}.gx-atmosphere[data-game=emojiart] .gx-atmosphere__orb--1{background:#ec48994d}.gx-atmosphere[data-game=emoji] .gx-atmosphere__orb--1{background:#facc154d}.gx-atmosphere[data-game=auction] .gx-atmosphere__orb--1{background:#3b82f64d}.gx-atmosphere[data-game=ranking] .gx-atmosphere__orb--1{background:#3b82f652}.gx-atmosphere[data-game=timeline] .gx-atmosphere__orb--1{background:#3b82f647}.gx-atmosphere[data-game=priceisright] .gx-atmosphere__orb--1{background:#22c55e52}.gx-atmosphere[data-game=facts] .gx-atmosphere__orb--1{background:#3b82f64d}.gx-atmosphere[data-game=flags] .gx-atmosphere__orb--1{background:#38bdf859}.gx-atmosphere[data-game=logos] .gx-atmosphere__orb--1{background:#38bdf852}.gx-atmosphere[data-game=maps] .gx-atmosphere__orb--1{background:#22c55e47}.gx-atmosphere[data-game=quotes] .gx-atmosphere__orb--1{background:#3b82f647}.gx-atmosphere[data-game=chameleon] .gx-atmosphere__orb--1{background:#4ade8052}.gx-atmosphere[data-game=escalation] .gx-atmosphere__orb--1{background:#f9731661}.gx-atmosphere[data-game=memory] .gx-atmosphere__orb--1{background:#a855f752}.gx-atmosphere[data-game=hotpotato] .gx-atmosphere__orb--1{background:#fb923c66}.gx-atmosphere[data-game=fibbing] .gx-atmosphere__orb--1{background:#fbbf2452}.gx-atmosphere[data-game=sequence] .gx-atmosphere__orb--1{background:#3b82f64d}.gx-atmosphere[data-game=reaction] .gx-atmosphere__orb--1{background:#f43f5e61}.gx-atmosphere[data-game=colors] .gx-atmosphere__orb--1{background:#a855f759}.gx-atmosphere[data-game=sync] .gx-atmosphere__orb--1{background:#06b6d459}.gx-atmosphere[data-game=password] .gx-atmosphere__orb--1{background:#a855f752}.gx-atmosphere[data-game=lastword] .gx-atmosphere__orb--1{background:#f59e0b52}.room-page--lobby.room-page--experience .gx-hero{margin-top:var(--space-4);margin-bottom:var(--space-2)}.room-page--lobby .gx-hero__badge--host{animation:gx-host-glow 2s ease-in-out infinite}@keyframes gx-host-glow{0%,to{box-shadow:0 0 16px #fbbf2426}50%{box-shadow:0 0 28px #fbbf2459}}.room-page--playing .game-area .quiz-option,.room-page--playing .game-area .wyr-option,.room-page--playing .game-area .vote-btn,.room-page--playing .game-area .choice-btn{border-radius:var(--radius-lg)!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease!important}.room-page--playing .game-area .quiz-option:hover,.room-page--playing .game-area .wyr-option:hover,.room-page--playing .game-area .vote-btn:hover,.room-page--playing .game-area .choice-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gx-a) 45%,transparent)!important;box-shadow:0 8px 24px color-mix(in srgb,var(--gx-a) 20%,transparent)!important}.room-page--playing .game-area .game-over,.room-page--playing .game-area .round-result,.room-page--playing .game-area .winner-banner{padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,color-mix(in srgb,var(--gx-a) 15%,transparent),transparent 60%);border:1px solid color-mix(in srgb,var(--gx-a) 30%,transparent);box-shadow:0 0 60px color-mix(in srgb,var(--gx-a) 15%,transparent);text-align:center}.rtb,.rtb *{box-sizing:border-box}.rtb{position:sticky!important;top:8px;z-index:40!important;display:flex;align-items:center;gap:10px;height:54px;padding:0 10px 0 8px;margin:0 0 14px;border-radius:16px;background:color-mix(in srgb,var(--bg-deep, #08080f) 82%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px -14px #000c,inset 0 1px #ffffff0d;color:#f2f1f7;font-family:Inter,system-ui,sans-serif}.rtb:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--a) 70%,transparent) 40%,transparent)}.rtb__exit{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9c7d6;font:600 .84rem inherit;cursor:pointer;transition:background .16s,color .16s}.rtb__exit:hover{background:#ffffff17;color:#fff}.rtb__game{display:inline-flex;align-items:center;gap:9px;min-width:0}.rtb__icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;color:var(--a);background:color-mix(in srgb,var(--a) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 30%,transparent)}.rtb__game strong{font:800 1rem/1 Outfit,Space Grotesk,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap}.rtb__phase{padding:4px 9px;border-radius:999px;font:700 .72rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--a);background:color-mix(in srgb,var(--a) 14%,transparent);white-space:nowrap}.rtb__players{margin-left:auto;display:flex;align-items:center}.rtb__avatar{position:relative;width:30px;height:30px;margin-left:-6px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font:800 .78rem/1 inherit;color:#fff;background:hsl(var(--h) 55% 46%);border:2px solid var(--bg-deep, #08080f);transition:transform .16s}.rtb__avatar:first-child{margin-left:0}.rtb__avatar:hover{transform:translateY(-2px);z-index:1}.rtb__avatar.is-me{box-shadow:0 0 0 2px var(--a)}.rtb__avatar.is-off{opacity:.4;filter:grayscale(1)}.rtb__crown{position:absolute;top:-6px;right:-4px;color:#fbbf24;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.rtb__more{margin-left:6px;color:#8f8da6;font:700 .76rem inherit}.rtb__timer{min-width:44px;height:32px;padding:0 10px;border-radius:999px;display:grid;place-items:center;font:800 .92rem/1 inherit;font-variant-numeric:tabular-nums;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.rtb__timer.is-urgent{color:#fca5a5;border-color:#f8717180;animation:rtb-pulse .9s ease-in-out infinite}@keyframes rtb-pulse{50%{transform:scale(1.06)}}.rtb__code{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:999px;border:1px dashed rgba(255,255,255,.22);background:transparent;color:#c9c7d6;font:700 .82rem/1 inherit;letter-spacing:.14em;cursor:pointer;transition:border-color .16s,color .16s,background .16s}.rtb__code:hover{border-color:var(--a);color:#fff}.rtb__code.is-copied{border-style:solid;border-color:var(--success, #34d399);color:var(--success, #34d399)}.rtb__theme{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9c7d6;transition:background .16s,color .16s}.rtb__theme:hover{background:#ffffff1a;color:#fff}.rtb__end{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,180,171,.35);background:#ff786e14;color:#ffb4ab;font:700 .8rem/1 inherit;cursor:pointer;transition:background .16s}.rtb__end:hover{background:#ff786e2e}@media(max-width:760px){.rtb{height:52px;gap:8px;margin-bottom:10px}.rtb__exit span,.rtb__end span,.rtb__phase{display:none}.rtb__exit{width:36px;padding:0;justify-content:center}.rtb__end{width:32px;padding:0;justify-content:center}.rtb__game strong{font-size:.92rem;max-width:34vw;overflow:hidden;text-overflow:ellipsis}.rtb__avatar{width:26px;height:26px;font-size:.7rem;margin-left:-7px}.rtb__avatar:nth-child(n+6){display:none}.rtb__code span{display:none}.rtb__code{width:32px;padding:0;justify-content:center;border-style:solid}}@media(prefers-reduced-motion:reduce){.rtb__timer.is-urgent{animation:none}}body:has(.room-page--bar) .connection-bar.connected{display:none!important}.room-page.room-page--playing.room-page--bar .connection-bar.connected,.room-page.room-page--playing.room-page--bar .room-id-container,.room-page.room-page--playing.room-page--bar .game-hud,.room-page.room-page--playing.room-page--bar .host-control-panel,.room-page.room-page--playing.room-page--bar .gx-hero,.room-page.room-page--playing.room-page--bar .room-exit-bar,.room-page.room-page--playing.room-page--bar .room-side-stack,.room-page.room-page--playing.room-page--bar .game-layout .game-header,.room-page.room-page--playing.room-page--bar .game-layout .mobile-controls{display:none!important}.room-page.room-page--playing.room-page--bar .room-content-grid{grid-template-columns:minmax(0,1fr)!important;max-width:980px;margin:0 auto;gap:0!important}.room-page.room-page--playing.room-page--bar .room-content-grid>:not(.room-side-stack){grid-column:1!important}.room-page.room-page--playing.room-page--bar .game-layout,.room-page.room-page--playing.room-page--bar .game-main-container,.room-page.room-page--playing.room-page--bar .game-content{padding:0!important;margin:0!important;max-width:none!important}.room-page.room-page--playing.room-page--bar .room-content-grid{min-height:calc(100dvh - 110px);align-content:center}@media(min-width:1100px){.room-page.room-page--playing.room-page--bar .room-content-grid{max-width:1060px}}.room-page.room-page--playing.room-page--bar .game-rules-disclosure__toggle{display:inline-flex!important;align-items:center;gap:6px;width:auto!important;margin:0 auto 8px!important;padding:4px 10px!important;background:transparent!important;border:0!important;border-radius:999px;color:#8f8da6!important;font:600 .8rem Inter,system-ui,sans-serif!important}.room-page.room-page--playing.room-page--bar .game-rules-disclosure__toggle:hover{color:#f2f1f7!important;background:#ffffff0d!important}.room-page.room-page--playing.room-page--bar .game-rules-disclosure{text-align:center}.room-page.room-page--playing.room-page--bar .quiz-scoreboard-legend{display:none!important}.room-page.room-page--playing.room-page--bar .quiz-scoreboard-title{font:800 .78rem Inter,system-ui,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#8f8da6!important}.rf,.rf *{box-sizing:border-box}.rf{position:relative;isolation:isolate;overflow:hidden;max-width:760px;margin:6px auto 22px;padding:30px 24px 24px;border-radius:26px;text-align:center;background:#ffffff09;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.1));box-shadow:0 30px 80px -30px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 1px #ffffff0f;color:#f2f1f7;font-family:Inter,system-ui,sans-serif;animation:rf-in .36s cubic-bezier(.2,.8,.2,1) both}@keyframes rf-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.rf__glow{position:absolute;inset:-40% -20% auto;height:70%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 34%,transparent),transparent 70%)}.rf__eyebrow{display:block;font:700 .72rem/1 inherit;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 75%,white)}.rf__winner{display:inline-flex;align-items:center;gap:12px;margin:12px 0 4px;font:800 clamp(2rem,5vw,3.2rem)/1.05 "Outfit","Space Grotesk",system-ui,sans-serif;letter-spacing:-.03em}.rf__winner svg{color:#fbbf24;filter:drop-shadow(0 4px 14px rgba(251,191,36,.5));flex:0 0 auto}.rf__sub{margin:0 0 18px;color:#8f8da6;font-size:.95rem}.rf__story{margin:14px auto 18px;padding:18px 22px;max-width:60ch;text-align:left;border-left:3px solid var(--accent);border-radius:0 16px 16px 0;background:#ffffff0a;font:500 1.05rem/1.55 Georgia,Times New Roman,serif;color:#f2f1f7}.rf__board{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:20px}.rf__podium{list-style:none;margin:0;padding:0;display:flex;gap:10px;justify-content:center;align-items:flex-end;width:100%;max-width:560px}.rf__step{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;order:2}.rf__step strong{font:800 1rem/1.15 Outfit,Space Grotesk,system-ui,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf__step b{font:800 1.35rem/1 inherit;font-variant-numeric:tabular-nums}.rf__step b small{font-size:.8rem;font-weight:600;color:#8f8da6}.rf__place{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 .85rem/1 inherit;color:#0b0b12}.rf__step--gold{order:2;padding-top:22px;padding-bottom:22px;background:linear-gradient(180deg,#fbbf242e,#ffffff08);border-color:#fbbf2473}.rf__step--gold .rf__place{background:#fbbf24}.rf__step--silver{order:1}.rf__step--silver .rf__place{background:#d4d4d8}.rf__step--bronze{order:3}.rf__step--bronze .rf__place{background:#d59a5b}.rf__step.is-me{box-shadow:0 0 0 2px var(--accent)}.rf__rest{list-style:none;margin:0;padding:0;width:100%;max-width:560px;display:flex;flex-direction:column;gap:4px;counter-reset:rest 3}.rf__rest li{counter-increment:rest;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08;font-size:.92rem}.rf__rest li:before{content:counter(rest);width:22px;color:#8f8da6;font-weight:700;font-size:.8rem}.rf__rest li span{flex:1;text-align:left}.rf__rest li b{font-variant-numeric:tabular-nums}.rf__rest li.is-me{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.rf__actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.rf__btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:999px;cursor:pointer;border:1px solid transparent;font:800 .95rem inherit;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s}.rf__btn--primary{background:#fff;color:#0b0b12;box-shadow:0 12px 30px -12px #ffffff80}.rf__btn--ghost{background:#ffffff0d;border-color:#ffffff29;color:#f2f1f7}.rf__btn:hover{transform:translateY(-2px)}.rf__wait{color:#8f8da6;font-size:.86rem}@media(max-width:600px){.rf{padding:24px 16px 18px;margin:0 0 16px}.rf__podium{gap:6px}.rf__step{padding:10px 6px}.rf__step--gold{padding-top:16px;padding-bottom:16px}.rf__actions .rf__btn{flex:1 1 100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.rf{animation:none}}.room-page{--rm-fast: .18s;--rm-base: .3s;--rm-out: cubic-bezier(.2, .8, .2, 1)}@keyframes rm-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes rm-pop{0%{transform:scale(1)}42%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes rm-bump{0%{transform:scale(1)}34%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes rm-nudge{0%,to{transform:translate(0)}18%{transform:translate(-5px)}38%{transform:translate(5px)}60%{transform:translate(-3px)}82%{transform:translate(2px)}}@keyframes rm-ring{0%{opacity:.85;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}.room-page .rm-headline{animation:rm-rise var(--rm-base, .3s) var(--rm-out) both!important}.rm-bump{animation:rm-bump var(--rm-fast, .18s) var(--rm-out) both;display:inline-block}.rm-in{animation:rm-rise .28s var(--rm-out) both;animation-delay:calc(var(--i, 0) * 45ms)}.room-page :is(.quiz-option.correct,[class*=--correct],[class*=--right],[class$=-reveal-correct],[class$=-verdict-correct]){animation:rm-pop .42s var(--rm-out) both;position:relative}.room-page :is(.quiz-option.correct,[class*=--correct],[class*=--right]):after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;border:2px solid var(--success, #34d399);animation:rm-ring .62s var(--rm-out) both}.room-page :is(.quiz-option.wrong,[class*=--wrong],[class*=--fooled]){animation:rm-nudge .38s var(--rm-out) both}@media(prefers-reduced-motion:reduce){.room-page :is(.rm-headline,.rm-bump,.rm-in,.quiz-option.correct,.quiz-option.wrong,[class*=--correct],[class*=--wrong],[class*=--right]){animation:none!important;opacity:1!important;transform:none!important}.room-page :is(.quiz-option.correct,[class*=--correct],[class*=--right]):after{display:none}}.game-icon-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:28%;background:linear-gradient(150deg,var(--gib-a),var(--gib-b));box-shadow:0 10px 26px color-mix(in srgb,var(--gib-a) 45%,transparent),inset 0 1px #ffffff40;color:#fff;-webkit-user-select:none;user-select:none;transition:transform .18s ease,box-shadow .18s ease}.game-icon-badge svg{width:52%;height:52%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.gib--hero{width:var(--icon-hero, clamp(84px, 13vw, 132px));height:var(--icon-hero, clamp(84px, 13vw, 132px));border-radius:26%}.gib--bento{width:var(--icon-bento, 56px);height:var(--icon-bento, 56px)}.gib--lane{width:var(--icon-lane, 46px);height:var(--icon-lane, 46px)}.gib--room{width:var(--icon-room, 40px);height:var(--icon-room, 40px)}.gib--sm{width:var(--icon-sm, 30px);height:var(--icon-sm, 30px);border-radius:30%}.gib--hero{animation:gib-float 5s ease-in-out infinite}@keyframes gib-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.gp-poster:hover .gib--bento,.gp-poster:hover .gib--lane{transform:scale(1.08) rotate(-3deg)}.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: "Outfit", "Space Grotesk", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-logo: "Outfit", "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{row-gap:0}.room-content-grid>:not(.room-side-stack){grid-column:1;margin-bottom:var(--space-5)}.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: "Outfit", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-logo: "Outfit", "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: "Outfit", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-logo: "Outfit", "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)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:900px){button,.btn,a.btn,[role=button],input[type=submit],input[type=button]{min-height:44px}input,textarea,select{font-size:16px!important}}body{overflow-x:hidden;max-width:100vw}.connection-bar{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}@media(max-width:768px){.room-page.room-page--experience{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.room-page .container{padding:var(--space-3) var(--space-3) calc(var(--space-6) + env(safe-area-inset-bottom));max-width:100%}.room-page--playing .gx-hero{flex-direction:column;align-items:flex-start;padding:var(--space-4);margin-bottom:var(--space-3)}.room-page--playing .gx-hero__main{width:100%}.room-page--playing .gx-hero__emoji{font-size:2rem}.room-page--playing .gx-hero__title{font-size:1.25rem}.room-page--playing .gx-hero__tagline{font-size:.82rem}.room-page--playing .gx-hero__meta{width:100%;justify-content:flex-start}.room-page--playing .game-area{padding:var(--space-4) var(--space-3)!important;border-radius:var(--radius-xl)!important}.room-page--playing .host-control-panel{flex-direction:column;align-items:stretch!important;gap:10px!important}.room-page--playing .host-control-panel__actions,.room-page--playing .host-control-panel__actions .btn{width:100%}.room-id-container{padding:var(--space-4) var(--space-3)!important}.room-exit-bar{margin-bottom:calc(8px + env(safe-area-inset-bottom))}.game-layout .game-header{padding:10px 12px;flex-wrap:wrap;gap:10px}.game-layout .game-title h1{font-size:1.25rem}.game-layout .game-icon{font-size:1.75rem}.game-layout .game-meta{display:none}.game-layout .leave-btn:not(.mobile-btn){padding:8px 12px;font-size:.82rem}.game-layout .game-main-container{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}.game-layout .mobile-controls{display:flex;padding-bottom:env(safe-area-inset-bottom)}.croc-luxe-layout{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.croc-luxe-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}.room-page--lobby .hf-filters,.room-page--lobby .hf-filters-row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.room-page--lobby .hf-filters::-webkit-scrollbar{display:none}}@media(max-width:480px){.room-page--playing .timer-display{font-size:.9rem;padding:4px 12px}.gx-atmosphere__watermark{display:none}.theme-toggle{bottom:calc(72px + env(safe-area-inset-bottom))!important;top:auto!important}.theme-toggle--room{bottom:calc(72px + env(safe-area-inset-bottom))!important}body:not(.room-game-chrome) .theme-toggle{bottom:calc(8px + env(safe-area-inset-bottom))!important}}@media(max-width:640px){.mafia-room__top,.bunker-room__top,.melody-room__top{flex-wrap:wrap;gap:10px;padding:12px 14px}.mafia-stage{width:100%;max-height:65dvh}}@media(hover:none)and (pointer:coarse){.gp-poster:active,.hf-card:active,.room-page--playing .game-area .btn-primary-action:active{transform:scale(.98);transition:transform .1s ease}.gp-poster:hover,.hf-card:hover{transform:none}}@media(max-height:500px)and (orientation:landscape){.hf-hero{padding:32px 16px!important}.hf-hero-actions{flex-direction:row;flex-wrap:wrap}.gx-hero{display:none}}@media(max-width:768px){.room-page input,.room-page textarea,.room-page select,.room-page .game-area button{box-sizing:border-box;max-width:100%}.room-page .room-content-grid{gap:var(--space-3)}.game-layout{min-height:auto!important;height:auto!important;max-height:none}.game-layout .game-main-container{flex:1;min-height:0;overflow:visible}.game-layout .game-content{padding:var(--space-3)!important;min-height:auto!important;overflow-x:hidden}.game-layout .game-header{position:sticky;top:0;z-index:20;padding:10px 12px!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;gap:8px!important}.game-layout .game-title{flex-direction:row!important;flex:1;min-width:0;text-align:left!important;gap:8px!important}.game-layout .game-title h1{font-size:.95rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.game-layout .game-icon{font-size:1.4rem!important;flex-shrink:0}.game-layout .leave-btn:not(.mobile-btn){display:none!important}.game-layout .mobile-controls{display:flex!important;position:sticky;bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#080a10f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-page .game-scoreboard,.room-page table.game-scoreboard{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.85rem}.room-page .game-area .btn,.game-layout .game-content .btn,.room-page .game-area button[type=submit]{width:100%;max-width:100%}.room-page .game-area form,.game-layout .game-content form{display:flex;flex-direction:column;gap:var(--space-2)}.room-page details.game-rules,.game-layout details.game-rules{font-size:.88rem}}@media(max-width:640px){.room-page .quiz-options,.room-page .quiz-option-grid,.room-page .tmp-options,.room-page .tmp-kill-options,.room-page .wyr-options,.room-page .trust-options,.room-page .fibbage-options,.room-page .knowfriend-options,.room-page .categories-options,.room-page .emoji-options,.room-page .flags-options,.room-page .logos-options,.room-page .maps-options,.room-page .quotes-options,.room-page .facts-options,.room-page .sequence-options,.room-page .connect-options-grid{grid-template-columns:1fr!important;gap:var(--space-2)!important}.room-page .quiz-option,.room-page .tmp-option-btn,.room-page .wyr-option,.room-page .trust-option{min-height:48px!important;width:100%}.room-page .quiz-layout,.room-page .meme-layout,.room-page .debate-sides,.room-page .bluff-layout,.room-page .fibbing-layout{flex-direction:column!important}.room-page .meme-image,.room-page .caption-image,.room-page .flags-image,.room-page .logos-image,.room-page .maps-image,.room-page .fakeartist-canvas-wrap img{max-width:100%!important;height:auto!important}.room-page .wavelength-scale-wrap{flex-direction:column;gap:var(--space-3)}.room-page .wavelength-slider{width:100%!important}.room-page .wavelength-poles{flex-direction:row;justify-content:space-between;width:100%}.room-page .ranking-list,.room-page .ranking-items{gap:var(--space-2)}.room-page .ranking-item{width:100%;min-height:48px}.room-page .reaction-tap-btn,.room-page .colors-option,.room-page .sync-tap-btn{min-height:72px!important;font-size:1.25rem!important;width:100%}.room-page .colors-options{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-2)}.room-page .memory-symbol-grid{grid-template-columns:repeat(4,1fr)!important;gap:var(--space-2)}.room-page .memory-symbol-btn{min-height:52px;font-size:1.4rem}.room-page .anagrams-tiles{flex-wrap:wrap;justify-content:center;gap:6px}.room-page .anagrams-tile{min-width:36px;min-height:44px;font-size:1.1rem}.room-page .bombparty-requirements{flex-direction:column!important;gap:var(--space-3)!important}.room-page .bombparty-req-sep{display:none}.room-page .bombparty-input-form{flex-direction:column;gap:var(--space-2)}.room-page .bombparty-input-form .btn{width:100%}.room-page .hotpotato-panel{text-align:center;padding:var(--space-4)}.room-page .teamwords-teams,.room-page .password-clue-grid{grid-template-columns:1fr!important}.room-page .crossword-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.room-page .story-input-row,.room-page .collage-input-row{flex-direction:column}.room-page .quiplash-input-form,.room-page .badadvice-input-form,.room-page .caption-input-form{flex-direction:column;gap:var(--space-2)}}@media(max-width:640px){.room-page .hat-game .hat-word-display{font-size:clamp(1.8rem,8vw,2.8rem)!important;padding:var(--space-4) var(--space-3)}.room-page .hat-game .hat-timer-ring{width:64px!important;height:64px!important}.room-page .hat-game .hat-actions{flex-direction:column;gap:var(--space-2)}.room-page .hat-game .hat-actions .btn{width:100%}}@media(max-width:768px){.room-page .croc-game .crocodile-canvas-wrapper,.room-page .croc-luxe-main .crocodile-canvas-wrapper{max-width:100%;margin:0 auto}.room-page .croc-game canvas,.room-page .croc-luxe-main canvas{max-height:min(50dvh,320px)!important;touch-action:none}.room-page .crocodile-toolbar{flex-wrap:wrap;gap:6px;padding:8px;justify-content:center}.room-page .crocodile-toolbar .tool-btn,.room-page .crocodile-toolbar .croc-tool-btn{min-height:44px;min-width:44px}.room-page .croc-guess-row,.room-page .croc-manual-guess-list{display:flex;flex-direction:column;gap:var(--space-2)}.room-page .croc-manual-guess-list button{width:100%;min-height:48px}.room-page .croc-word-choices{grid-template-columns:1fr!important;gap:var(--space-2)}.room-page .croc-word-choice-btn{min-height:52px;width:100%}}@media(max-width:640px){.croc-luxe-bottom-nav{grid-template-columns:repeat(3,1fr);padding:8px 6px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.croc-luxe-bottom-nav button{font-size:.65rem;padding:6px 4px;min-height:48px}.room-page .croc-luxe-main{margin-top:56px!important;margin-left:0!important;margin-right:0!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}.room-page .croc-letter-banner{margin-bottom:10px}.room-page .croc-letter-banner__dashes .croc-hint__dash{width:18px;border-bottom-width:3px}.room-page .croc-confirm-section--inline .croc-confirm-chip{min-height:52px}}@media(max-width:768px){.room-page--mafia-playing .mafia-table-area{padding:var(--space-3)!important}.room-page--mafia-playing .mafia-table-container{min-height:min(45dvh,360px);overflow-x:auto}.room-page--mafia-playing .mafia-control-panel{max-height:none;overflow:visible}.room-page--mafia-playing .mafia-mobile-tabs{position:sticky;top:0;z-index:15;background:#080a10e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 0}}@media(max-width:640px){.mafia-room{padding-bottom:env(safe-area-inset-bottom)}.mafia-room__top{flex-wrap:wrap;padding:10px 12px;gap:8px}.mafia-room__brand{font-size:1rem}.mafia-room__phase{font-size:.78rem;padding:6px 12px}.mafia-stage{width:100%;aspect-ratio:1 / 1.1;max-height:58dvh}#game-table{width:72%!important}.seat{width:clamp(52px,18vw,72px)!important}.player-card__avatar{width:36px!important;height:36px!important;font-size:.9rem!important}.player-card__name{font-size:.62rem!important;max-width:56px;overflow:hidden;text-overflow:ellipsis}.mafia-room__dock,.mafia-room__actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.mafia-room__dock button,.mafia-room__actions button,.mafia-room .mafia-action-bar button,.mafia-room .mafia-vote-bar button,.mafia-dock__btn{min-height:48px;flex:1 1 calc(50% - 8px);max-width:100%}.mafia-dock{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));left:8px;right:8px}.mafia-dock__label{text-align:center;font-size:.85rem}.mafia-dock__btn{width:100%;flex:none}}@media(max-width:640px){.bunker-room{padding:0 10px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.bunker-top{padding:10px 0}.bunker-grid,.bunker-mycard-grid{grid-template-columns:1fr!important;gap:10px}.bunker-dock{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}.bunker-dock button{min-height:48px;width:100%}.bunker-card{padding:12px;font-size:.88rem}}@media(max-width:640px){.melody-room{padding-bottom:env(safe-area-inset-bottom)}.melody-room__top{flex-wrap:wrap;padding:10px 12px}.melody-room__controls{flex-direction:column;gap:10px;padding:12px}.melody-room__guess-form,.room-page .melody-guess-form{flex-direction:column!important;width:100%}.melody-room__guess-form input,.room-page .melody-guess-input,.melody-room__guess-form button,.room-page .melody-guess-form button{width:100%;min-height:48px}.melody-visualizer{height:56px!important}}@media(max-width:640px){.room-page .spy-game .spy-location-card,.room-page .chameleon-game .chameleon-word-card,.room-page .whoami-game .whoami-card,.room-page .impostor-game .impostor-card{padding:var(--space-4);font-size:1rem}.room-page .spy-game .spy-vote-grid,.room-page .chameleon-game .chameleon-vote-grid,.room-page .impostor-game .impostor-vote-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.room-page .alias-game .alias-word,.room-page .wordbomb-game .wordbomb-word{font-size:clamp(1.4rem,6vw,2rem)!important}.room-page .wordbomb-game .wordbomb-mines{flex-wrap:wrap;justify-content:center}}@media(max-width:640px){.room-page .meme-game .meme-prompt,.room-page .quiplash-game .quiplash-prompt,.room-page .caption-game .caption-prompt{font-size:1rem;padding:var(--space-3)}.room-page .meme-game textarea,.room-page .quiplash-game textarea,.room-page .caption-game textarea{min-height:100px}.room-page .meme-vote-cards,.room-page .quiplash-duel-cards{flex-direction:column;gap:var(--space-2)}}@media(max-width:640px){.room-page .assoc-game .assoc-chain{flex-wrap:wrap;gap:6px}.room-page .assoc-game .assoc-chip{font-size:.85rem;padding:8px 12px}}@media(max-width:640px){.room-page .wavelength-game .wavelength-clue{font-size:1.1rem;padding:var(--space-3)}.room-page .escalation-game .escalation-prompt,.room-page .bluff-game .bluff-word{font-size:1.15rem}.room-page .bluff-game .bluff-definitions{flex-direction:column;gap:var(--space-2)}}@media(max-width:640px){.room-page .triviamurder-game .tmp-kill-btn{min-height:64px!important;font-size:1.5rem!important}.room-page .triviamurder-game .tmp-question{font-size:1.1rem!important}}@media(max-width:640px){.room-page .generic-game{overflow-x:hidden}.room-page[data-game=crossword] .crossword-panel{max-width:100%;overflow-x:auto}}@media(max-width:640px){.room-page[data-game] .game-area,.room-page[data-game] .game-layout .game-content{-webkit-overflow-scrolling:touch}.room-page--playing[data-game] .gx-hero{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.room-page--playing[data-game] .gx-hero__tagline{display:none}.room-page--playing[data-game] .gx-hero__emoji{font-size:1.75rem}.room-page[data-game=crocodile] .croc-guess-buttons,.room-page[data-game=sketch] .croc-guess-buttons,.room-page[data-game=hat] .hat-guess-list{display:grid;grid-template-columns:1fr;gap:8px}}@media(max-width:400px){.room-page .game-area-title{font-size:1rem!important}.game-layout .game-title h1{font-size:.85rem!important}.room-page .colors-options{grid-template-columns:1fr!important}.room-page .memory-symbol-grid{grid-template-columns:repeat(3,1fr)!important}.gp-bento{grid-template-columns:1fr!important}}@media(hover:none)and (pointer:coarse){.room-page .game-area .quiz-option:hover,.room-page .game-area .wyr-option:hover,.room-page [class*=-vote-card]:hover{transform:none}.room-page .game-area .quiz-option:active,.room-page .game-area .wyr-option:active{transform:scale(.98);opacity:.9}}@media(max-width:640px){.room-page .spy-guess-option,.room-page .meme-vote-card,.room-page .alias-score-row{min-height:48px;width:100%}.room-page .quiz-game .quiz-option{min-height:52px!important;font-size:.95rem!important;padding:14px 16px!important}.room-page .quiz-game .quiz-question{padding:16px!important;font-size:1.1rem!important}.room-page .flags-game .flags-flag-img{max-width:min(320px,92vw);height:auto}.room-page:not(.room-page--lobby) .room-id-container{flex-wrap:wrap;gap:8px;padding:8px 12px!important}.room-page .quiplash-duel{flex-direction:column}.room-page .story-fusion-feed{max-height:40dvh;overflow-y:auto}}@media(max-height:480px)and (orientation:landscape){.room-page--playing .gx-hero{display:none}.game-layout .game-header{padding:6px 10px!important}.game-layout .game-content{padding:var(--space-2)!important}.room-page .croc-game canvas{max-height:40dvh!important}}@media(max-width:768px){.room-page input,.room-page textarea,.room-page select,.room-page .game-area input,.room-page .game-area textarea{box-sizing:border-box;max-width:100%}}
