html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background)}body{isolation:isolate;background:radial-gradient(circle at 12% 4%, #ffb74d1c, transparent 26rem), radial-gradient(circle at 88% 18%, #ff6f0014, transparent 22rem), var(--background);color:var(--foreground);line-height:1.7;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:repeating-linear-gradient(45deg,#0000 0 18px,#ffb74d2e 18px 20px),repeating-linear-gradient(-45deg,#0000 0 18px,#ffb74d1f 18px 20px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}::selection{background:var(--primary);color:var(--primary-foreground)}:where(input,textarea,select){border-color:var(--border);background:var(--input)}:where(input,textarea,select):hover{border-color:color-mix(in srgb, var(--foreground) 22%, transparent)}:where(input,textarea,select):focus{border-color:var(--primary);box-shadow:0 0 0 4px #ffb74d24}.container{inline-size:min(calc(100% - 2.5rem), var(--container))}.section{padding-block:clamp(4rem,8vw,6.75rem)}.tinted{background:linear-gradient(90deg,#ffb74d0a,#0000 34%,#ff6f000a),#10081ab8;border-block-color:#ffb74d29;position:relative}.tinted:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff06,#0000);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 24% 76%,#0000);mask-image:linear-gradient(#0000,#000 24% 76%,#0000)}.site-header{border-block-end:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:#06020ae0;min-block-size:4.625rem;box-shadow:0 14px 36px #00000070}.site-header:after{content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#0000,#ffb74d52,#ff6f0052,#0000);block-size:1.5px;position:absolute;inset-block-end:-1px;inset-inline:0}.header-inner{min-block-size:4.625rem}.logo{letter-spacing:0;gap:.65rem}.logo>span{background:linear-gradient(135deg, var(--gold), var(--accent));block-size:2rem;inline-size:2rem;color:var(--primary-foreground);border-radius:.625rem;box-shadow:0 0 18px #ffb30052,4px 5px #5c3e00}.desktop-nav{gap:clamp(.6rem,2vw,1.25rem)}.desktop-nav a{color:var(--text-soft);padding:.55rem .35rem;font-size:.88rem;position:relative}.desktop-nav a:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);transform-origin:50%;block-size:2px;transition:transform var(--duration-fast) var(--ease-out);border-radius:2px;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.desktop-nav a:hover{color:var(--foreground)}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{gap:.5rem}.mobile-nav{border-block-start:1px solid var(--border);background:#06020afa}.mobile-nav a{border-block-end:1px solid var(--border);border-radius:0}.button{min-block-size:2.875rem;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:.875rem;padding-inline:1.125rem}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button-primary,.button-gold{color:var(--gold-foreground);background:linear-gradient(135deg,#ffb000,#ff8f00);border-color:#0000;font-weight:800;box-shadow:0 10px #5c3e0070,0 0 32px #ffb74d47,inset 0 1.5px #fff6}.button-primary:hover:not(:disabled),.button-gold:hover:not(:disabled){background:linear-gradient(135deg,#ffc13d,#ffa726);box-shadow:0 12px #5c3e008a,0 0 40px #ffb74d70,inset 0 1.5px #ffffff80}.button-outline{border-color:var(--border);color:var(--foreground);background:0 0}.button-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#ffb74d14;box-shadow:0 0 24px #ffb74d33}.button-secondary,.button-ghost{background:0 0}.button-ghost:hover{background:#ffb74d12}.button-danger,.button-success{box-shadow:3px 4px #0006}.floating-panel{border-color:var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10081afa}.site-footer{border-block-start:1px solid var(--border);isolation:isolate;background:linear-gradient(90deg,#ffb74d0a,#0000 46%,#ff6f000a),#06020a;padding-block:3.5rem;position:relative}.site-footer:before{content:"";z-index:-1;opacity:.06;pointer-events:none;background-image:repeating-linear-gradient(60deg,#0000 0 20px,#ffb74d38 20px 22px),repeating-linear-gradient(-60deg,#0000 0 20px,#ffb74d29 20px 22px);position:absolute;inset:0}.footer-grid{gap:clamp(2rem,5vw,4.5rem)}.hero{isolation:isolate;background:radial-gradient(ellipse at 18% 14%, #ff8f0021, transparent 38%), radial-gradient(ellipse at 82% 22%, #ffb74d1a, transparent 32%), repeating-linear-gradient(60deg, transparent 0 20px, #ffb74d0a 20px 21px), repeating-linear-gradient(-60deg, transparent 0 20px, #ffb74d06 20px 21px), var(--background);align-items:center;min-block-size:calc(100svh - 4.625rem);padding-block:clamp(3.5rem,7vw,6rem);display:grid;position:relative;overflow:clip}.hero:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#ffb74d0d,#0000 36%),radial-gradient(circle at 74% 38%,#ff6f001a,#0000 26rem);position:absolute;inset:0}.hero:after{content:"✨";z-index:-1;color:#0000;-webkit-text-stroke:1px #ffb74d0f;pointer-events:none;opacity:.4;direction:ltr;font-size:clamp(6rem,14vw,10rem);line-height:.8;position:absolute;inset-block-end:2rem;inset-inline:0;overflow:hidden}.hero-arena{grid-template-columns:minmax(0,1.1fr) minmax(22rem,.9fr);gap:clamp(2.75rem,7vw,5.75rem)}.hero-copy{z-index:2;position:relative}.hero-kicker{border-radius:var(--radius-full);color:#ffd54f;letter-spacing:.02em;background:#ffb74d14;border:1px solid #ffb74d47;align-items:center;gap:.5rem;margin-block-end:1.5rem;padding:.48rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.live-dot{background:var(--success);border-radius:50%;block-size:.55rem;inline-size:.55rem;animation:2s ease-in-out infinite prestige-breathe;box-shadow:0 0 0 6px #66bb6a24}.hero-copy h1{max-inline-size:12ch;color:var(--foreground);letter-spacing:-.02em;text-shadow:0 0 60px #ffb74d24;margin-block-end:1.35rem;font-size:clamp(3rem,6vw,5.8rem);font-weight:800;line-height:1.05}.hero-accent{background:linear-gradient(135deg, var(--gold), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-inline-size:54ch;color:var(--text-soft);margin-block-end:1.75rem;font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.7}.identity-signals{gap:var(--space-3);border-block:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10081a80;grid-template-columns:repeat(3,minmax(0,1fr));max-inline-size:39rem;margin-block:1.5rem 1.75rem;padding-block:1rem;display:grid}.identity-signals>div{min-inline-size:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:#10081ab3;gap:.25rem;display:grid;position:relative;overflow:hidden}.identity-signals>div:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ffb74d0f,#0000 70%);position:absolute;inset:0}.identity-signals svg{color:var(--gold);block-size:1.15rem;inline-size:1.15rem}.identity-signals strong{color:var(--foreground);font-size:.9rem;font-weight:700}.identity-signals small{color:var(--muted-foreground);font-size:.78rem}.hero-command{max-inline-size:40rem;padding:var(--space-3);border:1px solid var(--border-glass);border-radius:calc(var(--radius-xl) + .3rem);background:linear-gradient(135deg, #ffb74d14, transparent 50%), var(--surface-glass-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px)saturate(112%);backdrop-filter:blur(10px)saturate(112%);margin-block:2rem 1rem;position:relative;overflow:hidden}.hero-command:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--gold), transparent 38%, var(--accent));opacity:.24;position:absolute;inset:-1px}.hero-command-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline:var(--space-3);color:var(--muted-foreground);padding-block-end:var(--space-2);font-size:.88rem;display:flex}.hero-command-header strong{color:var(--gold);letter-spacing:.1em}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-flow{gap:var(--space-3);max-inline-size:40rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:var(--space-6);display:grid}.hero-flow>div{min-inline-size:0;padding:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:repeating-linear-gradient(135deg,#0000 0 12px,#ffb74d09 12px 13px),linear-gradient(#ffb74d0f,#0000),#10081a9e;position:relative;overflow:hidden}.hero-flow>div:after{content:"";inset-inline:var(--space-4);background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:2px;block-size:2px;position:absolute;inset-block-end:0}.hero-flow strong,.hero-flow span{display:block}.hero-flow strong{color:var(--foreground);font-size:.95rem}.hero-flow span{color:var(--muted-foreground);margin-block-start:.2rem;font-size:.82rem}.text-link{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.hero-stage{isolation:isolate;place-items:center;min-block-size:clamp(32rem,52vw,43rem);inline-size:min(100%,42rem);display:grid;position:relative}.arena-stage{isolation:isolate;position:relative}.arena-glow{border:1px solid color-mix(in srgb, var(--primary) 38%, transparent);pointer-events:none;filter:blur(30px);background:radial-gradient(circle,#ffb74d1a,#0000 62%);border-radius:50%;position:absolute}.glow-one{opacity:.45;block-size:min(44rem,110%);inline-size:min(44rem,110%)}.glow-two{opacity:.28;border-style:dashed;block-size:min(34rem,82%);inline-size:min(34rem,82%);animation:34s linear infinite spin}.arena-scoreboard{z-index:2;align-content:space-between;gap:var(--space-5);border:1px solid color-mix(in srgb, var(--gold) 42%, var(--border));border-radius:calc(var(--radius-xl) + .6rem);background:repeating-linear-gradient(135deg, transparent 0 18px, #ffb74d0b 18px 19px), linear-gradient(90deg, transparent 0 14%, #ffb74d38 14% 15%, transparent 15% 100%), linear-gradient(180deg, #ffb74d24, transparent 44%), var(--surface-glass-strong);-webkit-backdrop-filter:blur(14px)saturate(112%);backdrop-filter:blur(14px)saturate(112%);min-block-size:29rem;inline-size:min(100%,34rem);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff47, 0 0 80px #ffb74d0f;padding:clamp(1.25rem,3vw,1.75rem);display:grid;position:relative}.scoreboard-topline,.scoreboard-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.scoreboard-topline span,.scoreboard-question span,.scoreboard-footer span{color:var(--muted-foreground)}.scoreboard-topline strong{border-radius:var(--radius-full);color:var(--gold);letter-spacing:.12em;background:#ffb74d24;padding:.5rem 1rem;font-size:.82rem}.scoreboard-question{gap:var(--space-3);padding-block:var(--space-4);display:grid}.scoreboard-question h2{overflow-wrap:anywhere;max-inline-size:15ch;margin:0;font-size:clamp(2rem,4.8vw,3.6rem);line-height:1.1}.scoreboard-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.scoreboard-options span{min-inline-size:0;padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--border) 82%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--muted) 72%, transparent);font-weight:800}.scoreboard-options .is-correct{border-color:color-mix(in srgb, var(--success) 68%, var(--border));background:color-mix(in srgb, var(--success) 16%, var(--muted));color:var(--success)}.scoreboard-empty{align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-5);border:1.5px dashed color-mix(in srgb, var(--gold) 48%, var(--border));border-radius:var(--radius-lg);background:#ffb74d0f;grid-template-columns:auto minmax(0,1fr);display:grid}.scoreboard-empty>svg{block-size:2rem;inline-size:2rem;color:var(--gold)}.scoreboard-empty>div{gap:var(--space-1);min-inline-size:0;display:grid}.scoreboard-empty span{color:var(--muted-foreground)}.scoreboard-footer>div{align-items:center;gap:var(--space-2);display:inline-flex}.scoreboard-footer svg{color:var(--gold)}.host-console,.live-pulse-card{z-index:3;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:repeating-linear-gradient(135deg, transparent 0 12px, #ffb74d0a 12px 13px), var(--surface-glass);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px)saturate(110%);backdrop-filter:blur(8px)saturate(110%);position:absolute}.host-console{inline-size:min(14rem,36%);padding:var(--space-4);gap:var(--space-3);display:grid;inset-block-start:4%;inset-inline:auto -.75rem}.host-console-title,.host-console>div:not(.host-console-title){justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.host-console svg,.host-console strong,.live-pulse-card svg,.live-pulse-card strong{color:var(--gold)}.host-console span,.live-pulse-card span{color:var(--muted-foreground)}.live-pulse-card{inline-size:min(15rem,42%);padding:var(--space-4);gap:var(--space-1);display:grid;inset-block-end:7%;inset-inline-end:0}.live-pulse-card svg{inline-size:1.4rem}.answer-burst{z-index:1;gap:var(--space-3);flex-direction:column;display:flex;position:absolute;inset-block-end:14%;inset-inline-start:11%}.answer-burst span{border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.72;transform-origin:0;block-size:.55rem;inline-size:clamp(8rem,16vw,13rem);animation:answer-sweep 2.6s var(--ease-out) infinite}.answer-burst span:nth-child(2){inline-size:clamp(6rem,13vw,10rem);animation-delay:.28s}.answer-burst span:nth-child(3){inline-size:clamp(10rem,19vw,15rem);animation-delay:.56s}@keyframes answer-sweep{0%,to{opacity:.28;transform:translate(0)scaleX(.72)}45%{opacity:.78;transform:translate(-1.25rem)scaleX(1)}}@keyframes hero-timer-pulse{50%{opacity:.86;transform:scale(1.08)}}.section-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-block-end:2rem;display:flex}.section-heading h2,.split-section h2,.cta h2,.page-header h1{color:var(--foreground);letter-spacing:-.02em;font-weight:800}.section-heading h2,.split-section h2{max-inline-size:16ch;font-size:clamp(2rem,4.5vw,3.65rem)}.eyebrow{color:var(--gold);letter-spacing:.04em;align-items:center;gap:.5rem;margin-block-end:1rem;font-size:.9rem;font-weight:700;display:inline-flex}.eyebrow svg{inline-size:1rem}.card,.game-card,.competition-card,.category-card,.panel,.empty-state,.feedback,.live-panel,.builder-panel{border-color:var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:none}.card:hover,.game-card:hover,.competition-card:hover,.category-card:hover{border-color:var(--gold);box-shadow:var(--shadow-lg), 0 0 40px #ffb74d1f;transform:translateY(-5px)}.card:before,.game-card:before,.competition-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--accent), #ffd54fb3);opacity:.85;border-radius:3px 3px 0 0;block-size:3px;inline-size:100%;position:absolute;top:0;left:0}.card-icon,.game-card-icon{border-color:var(--border);color:var(--gold);background:#ffb74d12;border-radius:.875rem}.card-meta,.game-card p,.competition-card p,.category-card small{color:var(--muted-foreground)}.category-card{position:relative;overflow:hidden}.category-card:after{content:"";background:linear-gradient(90deg, var(--gold), var(--accent), #ffd54fb3);block-size:2px;inline-size:0;transition:inline-size var(--duration-normal) var(--ease-out);position:absolute;inset-block-end:0;inset-inline-start:0}.category-card:hover:after{inline-size:100%}.leaderboard-section{background:radial-gradient(circle at 60% 42%,#ff8f0017,#0000 24rem),repeating-linear-gradient(45deg,#0000 0 18px,#ffb74d06 18px 20px),#06020a;border-block:1px solid #ffb74d29;position:relative}.leaderboard-preview{gap:var(--space-4);border:1px solid var(--surface-stage-line);border-radius:var(--radius-xl);background:repeating-linear-gradient(135deg, transparent 0 13px, #ffb74d0a 13px 14px), linear-gradient(145deg, #ffb74d1a, transparent 52%), var(--surface-glass-strong);box-shadow:var(--shadow-lg), inset 0 0 0 1px #ffffff1f, 0 0 60px #ffb74d12;padding:clamp(1.1rem,3vw,1.75rem);display:grid}.leaderboard-preview-top,.leaderboard-preview li{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.leaderboard-preview-top{border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.leaderboard-preview-top span,.leaderboard-preview li span{color:var(--muted-foreground)}.leaderboard-preview-top strong{color:var(--gold);text-shadow:0 0 18px #ffb3002e}.leaderboard-preview ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.leaderboard-preview li{min-inline-size:0;padding:var(--space-4);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:repeating-linear-gradient(135deg,#0000 0 11px,#ffb74d08 11px 12px),#10081ab8}.leaderboard-preview li:first-child{background:repeating-linear-gradient(135deg,#0000 0 11px,#ffb74d0f 11px 12px),#ffb74d0f;border-color:#ffb74d5c}.leaderboard-preview li strong{min-inline-size:0;color:var(--foreground);text-align:end;font-weight:800}.cta{border:1px solid color-mix(in srgb, var(--gold) 46%, var(--border));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 80px #ffb74d12;background:radial-gradient(circle at 15% 22%,#ff6f001f,#0000 18rem),linear-gradient(135deg,#10081af0,#06020afa);justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,6vw,4rem);display:flex;position:relative;overflow:hidden}.cta:before{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, transparent, var(--surface-stage-hotline), var(--gold), transparent);opacity:.7;block-size:3px;position:absolute;inset-block-start:0;inset-inline:clamp(1rem,6vw,4rem)}.cta>div>svg{color:var(--gold);inline-size:2.2rem}.page-section,.dashboard-main,.host-main{position:relative}.page-header{border-block-end:1px solid var(--border);margin-block-end:clamp(2rem,5vw,3.5rem);padding-block-end:1.5rem}.page-header h1{max-inline-size:16ch;font-size:clamp(2.4rem,6vw,4.8rem)}.page-header p{max-inline-size:62ch;color:var(--text-soft)}.dashboard-layout{background:radial-gradient(circle at 88% 6%, #ff8f000f, transparent 24rem), var(--background)}.sidebar{border-inline-end:1px solid var(--border);box-shadow:none;background:#06020a}.sidebar nav a{min-block-size:2.85rem;color:var(--muted-foreground);border:1px solid #0000;border-radius:.75rem}.sidebar nav a:hover{color:var(--foreground);background:#ffb74d0e;border-color:#ffb74d2e}.dashboard-header{border-block-end-color:var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06020ad1}.dashboard-header h1{letter-spacing:-.02em}.dashboard-quiz-row,.question-row,.quiz-row{border-color:var(--border);background:var(--card)}.auth-page{background:radial-gradient(circle at 18% 22%, #ff8f001a, transparent 24rem), radial-gradient(circle at 84% 78%, #ffb74d14, transparent 22rem), var(--background);min-block-size:100svh;position:relative;overflow:hidden}.auth-page:before{content:"✨";color:#0000;-webkit-text-stroke:1px #ffb74d0d;pointer-events:none;opacity:.6;direction:ltr;font-size:clamp(8rem,20vw,16rem);font-weight:700;line-height:1;position:absolute;inset-block-end:-6%;inset-inline-start:2%}.auth-panel{border-radius:var(--radius-xl);inline-size:min(100%,31rem);box-shadow:var(--shadow-lg), 0 0 60px #ffb74d12;background:linear-gradient(145deg,#10081afa,#06020afa);border:1px solid #ffb74d3d;padding:clamp(1.4rem,4vw,2.4rem);position:relative}.auth-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), var(--accent), transparent);border-radius:2px;block-size:2px;position:absolute;inset-block-start:-1px;inset-inline:1.5rem}.auth-panel h1{letter-spacing:-.02em;text-shadow:0 0 28px #ffb74d33;margin-block:1.75rem .65rem;font-size:clamp(2rem,5vw,3.15rem)}.auth-panel>div>p,.auth-footer{color:var(--muted-foreground)}.auth-form{gap:1rem}.auth-form label{color:var(--text-soft)}.auth-footer{border-block-start:1px solid var(--border);padding-block-start:1rem}.auth-footer a{color:var(--gold);text-shadow:0 0 10px #ffb30033}.table,table{border-collapse:collapse}:where(.table,table) th{color:var(--muted-foreground);font-size:.78rem;font-weight:600}:where(.table,table) th,:where(.table,table) td{border-block-end-color:var(--border)}.badge,.status-badge,.pill{border-color:var(--border);box-shadow:none}.broadcast-shell,.live-stage,.live-player-shell,.host-stage{background:radial-gradient(circle at 50% 20%,#ff8f0014,#0000 30rem),#06020a}.live-question-card,.broadcast-question,.live-finale-card{border-color:var(--border);box-shadow:var(--shadow-lg);background:#10081af5}.live-timer,.phase-timer{font-variant-numeric:tabular-nums}.podium-stage{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, #06020a), #06020a);min-block-size:clamp(28rem,53vw,38rem);box-shadow:inset 0 1px color-mix(in srgb, var(--accent) 46%, transparent), 0 -1rem 3.5rem color-mix(in srgb, var(--accent) 12%, transparent);isolation:isolate;border-block-end:0;border-radius:1.25rem 1.25rem 0 0;align-content:end;place-items:center;gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative;overflow:hidden}.podium-stage:before,.podium-stage:after{content:"";z-index:-1;opacity:.14;background:linear-gradient(to bottom, transparent, var(--gold) 46%, transparent);filter:blur(18px);inline-size:14rem;position:absolute;inset-block:-22%;transform:rotate(10deg)}.podium-stage:before{background:linear-gradient(to bottom, transparent, var(--gold) 46%, transparent);inset-inline-start:8%;transform:rotate(6deg)}.podium-stage:after{background:linear-gradient(to bottom, transparent, var(--accent) 46%, transparent);inset-inline-end:8%;transform:rotate(-6deg)}.podium-holo-field{z-index:-1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.podium-holo-field>span{inline-size:var(--ring-size);aspect-ratio:1;border:1px solid #ffb74d2e;border-radius:50%;animation:16s linear infinite prestige-ring;position:absolute;transform:perspective(42rem)rotateX(72deg);box-shadow:inset 0 0 2rem #ffb74d0a}.podium-holo-field>span:first-child{--ring-size:min(58rem, 94vw)}.podium-holo-field>span:nth-child(2){--ring-size:min(42rem, 74vw);border-color:#ffd54f29;animation-duration:12s;animation-direction:reverse}.podium-holo-field>span:nth-child(3){--ring-size:min(27rem, 54vw);border-color:#ff8f0033;animation-duration:9s}.podium-wrap{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(0,1.12fr) minmax(0,.92fr);grid-template-areas:"second first third";align-items:end;gap:clamp(.35rem,2vw,1rem);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset-block-end:0;inset-inline:clamp(.75rem,4vw,3rem)}.podium-player{min-inline-size:0;color:var(--foreground);text-align:center;align-content:end;justify-items:center;display:grid}.podium-1{--podium-color:var(--gold);grid-area:first}.podium-2{--podium-color:#a08070;grid-area:second}.podium-3{--podium-color:#e65100;grid-area:third}.podium-profile{justify-items:center;min-inline-size:0;margin-block-end:.85rem;display:grid}.podium-profile>.avatar{border:2px solid var(--podium-color);background:color-mix(in srgb, var(--podium-color) 18%, #10081a);block-size:clamp(3rem,7vw,4.75rem);inline-size:clamp(3rem,7vw,4.75rem);box-shadow:0 8px 24px #0006, 0 0 0 6px color-mix(in srgb, var(--podium-color) 9%, transparent);color:var(--foreground);margin-block-end:.65rem}.podium-1 .podium-profile>.avatar{block-size:clamp(3.75rem,9vw,5.75rem);inline-size:clamp(3.75rem,9vw,5.75rem)}.podium-profile strong{max-inline-size:100%;color:var(--foreground);overflow-wrap:anywhere;text-align:center;font-size:clamp(.78rem,1.8vw,1rem);line-height:1.45}.podium-profile>span{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:clamp(.68rem,1.35vw,.8rem)}.podium-block{border:1px solid color-mix(in srgb, var(--podium-color) 42%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--podium-color) 18%, #10081a), #080610);min-block-size:clamp(8.5rem,19vw,13rem);inline-size:100%;box-shadow:inset 0 1px color-mix(in srgb, var(--podium-color) 42%, transparent), 0 -1rem 3rem color-mix(in srgb, var(--podium-color) 14%, transparent);border-block-end:0;border-radius:1rem 1rem 0 0;align-content:center;place-items:center;display:grid;position:relative;overflow:hidden}.podium-1 .podium-block{min-block-size:clamp(12rem,27vw,18rem)}.podium-2 .podium-block{min-block-size:clamp(9.75rem,22vw,14.5rem)}.podium-block:before{content:"";background:linear-gradient(90deg, transparent, var(--podium-color), transparent);block-size:1px;position:absolute;inset-block-start:0;inset-inline:10%}.podium-block>svg{block-size:auto;inline-size:clamp(1.25rem,3vw,2rem);color:var(--podium-color);margin-block-end:.35rem}.podium-block>strong{color:var(--podium-color);text-shadow:0 10px 24px color-mix(in srgb, var(--podium-color) 28%, transparent);font-size:clamp(2.6rem,8vw,5.4rem);line-height:.9}.podium-block>small{color:var(--text-soft);margin-block-start:.55rem;font-size:.7rem}.podium-empty{border:1.5px dashed var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 30%, #ffb74d14, transparent 16rem), var(--surface-soft);min-block-size:18rem;color:var(--muted-foreground);text-align:center;align-content:center;place-items:center;gap:.5rem;display:grid}.podium-empty>svg{block-size:auto;inline-size:2.5rem;color:var(--gold)}.podium-empty strong{color:var(--foreground)}.instant-game,.mafia-page,.special-game-page{background:radial-gradient(circle at 88% 8%,#ff8f0014,#0000 25rem),radial-gradient(circle at 8% 88%,#ffb74d0f,#0000 22rem)}.instant-head h1,.mafia-page h1,.special-game-page h1{letter-spacing:-.02em}@keyframes prestige-breathe{0%,to{opacity:.68;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes prestige-ring{to{rotate:1turn}}@keyframes shimmer-gold{0%{background-position:-200%}to{background-position:200%}}@media (max-width:64rem){.hero{min-block-size:auto}.hero-arena{grid-template-columns:1fr}.hero-copy{max-inline-size:48rem}.hero-stage{min-block-size:26rem;inline-size:min(100%,43rem);margin-inline:auto}}@media (max-width:48rem){.container{inline-size:min(calc(100% - 1.5rem), var(--container))}.site-header,.header-inner{min-block-size:4rem}.hero{padding-block:3rem 4.5rem}.hero-copy h1{max-inline-size:10ch;font-size:clamp(2.65rem,13vw,4.25rem)}.hero-copy>p{font-size:1rem}.identity-signals{grid-template-columns:1fr}.hero-stage{border-radius:1.125rem;min-block-size:23rem}.section{padding-block:4rem}.auth-panel{border-radius:1.125rem}.podium-stage{min-block-size:28rem;padding-inline:.5rem}.podium-wrap{gap:.3rem;inset-inline:.45rem}.dashboard-layout{display:block}.sidebar{border-inline-end:0;border-block-end:1px solid var(--border)}}@media (max-width:30rem){.container{inline-size:min(calc(100% - 1rem), var(--container))}.hero{padding-block-start:2.25rem}.hero-actions>*{inline-size:100%}.hero-command{border-radius:.875rem}.hero-stage{min-block-size:21rem}.podium-stage{border-radius:1rem;min-block-size:24rem}.podium-profile>.avatar,.podium-1 .podium-profile>.avatar{block-size:3rem;inline-size:3rem}.podium-profile strong{max-inline-size:14ch;font-size:.72rem}.podium-profile>span{font-size:.62rem}.section-heading h2,.split-section h2{font-size:clamp(1.85rem,10vw,2.65rem)}}@media (hover:hover) and (pointer:fine){.hero-stage{transition:border-color var(--duration-normal) ease, box-shadow var(--duration-normal) ease, transform var(--duration-normal) ease}.hero-stage:hover{border-color:#ffb74d61;transform:translateY(-6px);box-shadow:0 30px 70px #0000008a,0 0 80px #ffb74d1f}}@media (prefers-reduced-motion:reduce){.live-dot,.podium-holo-field>span{animation:none}.hero-stage,.card,.game-card,.competition-card,.category-card{transition:none}.answer-burst span,.glow-two{animation:none}}.finale-summary{grid-template-columns:minmax(0,1fr)}.finale-stage.is-final .finale-header h1{font-size:clamp(2.4rem,6vw,5.25rem);line-height:1.08}.finale-podium-panel .podium-stage{min-block-size:clamp(31rem,55vw,42rem);box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.finale-podium-panel .podium-wrap{grid-template-columns:minmax(0,.94fr) minmax(0,1.12fr) minmax(0,.94fr);grid-template-areas:"second first third";align-items:end;gap:clamp(.65rem,2vw,1.5rem);min-block-size:29rem;inline-size:100%;padding:2.5rem 0 0;display:grid;position:static;inset:auto}.finale-podium-panel .podium-player{inline-size:100%}.finale-podium-panel .podium-1{--podium-color:#f5b94c;grid-area:first}.finale-podium-panel .podium-2{--podium-color:#d7dce5;grid-area:second}.finale-podium-panel .podium-3{--podium-color:#c87544;grid-area:third}.finale-podium-panel .podium-profile{background:0 0;min-block-size:auto;inline-size:100%;margin-block-end:1rem;padding:0}.finale-podium-panel .podium-player>.podium-rank-badge{background:color-mix(in srgb, var(--podium-color) 14%, #10081a);border-radius:50%;block-size:3rem;min-block-size:3rem;inline-size:3rem;margin-block-end:.75rem;padding:0}.finale-podium-panel .podium-rank-badge>strong{color:var(--podium-color);font-size:.9rem;line-height:1}.finale-podium-panel .podium-2>.podium-rank-badge,.finale-podium-panel .podium-3>.podium-rank-badge{z-index:3;block-size:2rem;min-block-size:2rem;inline-size:2rem;box-shadow:0 0 1.25rem color-mix(in srgb, var(--podium-color) 32%, transparent);border-width:1px;margin:0;position:absolute;inset-block-start:2.8rem;inset-inline-end:calc(50% - 2.9rem)}.finale-podium-panel .podium-profile>.podium-score{color:color-mix(in srgb, var(--podium-color) 84%, white);font-size:clamp(.78rem,1.6vw,.98rem);font-weight:800}.finale-podium-panel .podium-profile>.podium-correct{border-radius:var(--radius-full);color:#a8f2ae;background:#2667344d;border:1px solid #7ee78747;margin-block-start:.35rem;padding:.3rem .65rem;font-size:clamp(.72rem,1.3vw,.85rem);display:inline-flex}.finale-podium-panel .podium-1 .podium-block{min-block-size:clamp(15rem,31vw,21rem)}.finale-podium-panel .podium-2 .podium-block{min-block-size:clamp(11.5rem,23vw,16rem)}.finale-podium-panel .podium-3 .podium-block{min-block-size:clamp(9.5rem,19vw,13rem)}@media (min-width:48rem){.finale-header{text-align:center;justify-content:center}.finale-header>div:first-child{max-inline-size:min(100%,42rem)}.finale-actions{position:absolute;inset-block-start:0;inset-inline-end:0}}@media (max-width:40rem){.finale-podium-panel .podium-stage{min-block-size:25rem}.finale-podium-panel .podium-wrap{gap:.3rem;min-block-size:23rem;padding-block-start:1.5rem}.finale-podium-panel .podium-profile{margin-block-end:.55rem}.finale-podium-panel .podium-profile>.podium-correct{padding:.2rem .45rem}.finale-podium-panel .podium-1 .podium-block{min-block-size:10.5rem}.finale-podium-panel .podium-2 .podium-block{min-block-size:8rem}.finale-podium-panel .podium-3 .podium-block{min-block-size:6.75rem}}.finale-stage.is-final{background:linear-gradient(#0000 0 58rem,#08040d 70rem),url(/results-stage-bg.webp) top/auto 65rem no-repeat,#050208;gap:0;min-block-size:100svh;padding-block-start:clamp(1rem,2.5vw,2rem)}.finale-header.finale-header-final{text-align:center;min-block-size:clamp(14.5rem,23vw,18rem);display:block;position:relative}.finale-brand{color:#fff5dc;align-items:center;gap:.65rem;font-size:1.2rem;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:0}.finale-brand>span{color:#f5b94c;background:#f5b94c14;border:1px solid #f5b94c5c;border-radius:.85rem;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}.finale-brand svg{block-size:1.25rem;inline-size:1.25rem}.finale-round-meta{text-align:start;align-items:center;gap:.65rem;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.finale-round-meta>span{border-radius:var(--radius-full);color:#c4f3d0;background:#205d3638;border:1px solid #66dc8d4d;align-items:center;gap:.4rem;padding:.48rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.finale-round-meta svg{block-size:.95rem;inline-size:.95rem}.finale-round-meta p{color:#d9a94c;max-inline-size:26ch;font-size:.84rem;font-weight:800}.finale-hero-copy{justify-items:center;gap:.75rem;inline-size:min(100%,58rem);margin-inline:auto;padding-block-start:clamp(2.2rem,3vw,3.5rem);display:grid}.finale-overline{color:#e8b44b;justify-content:center;align-items:center;gap:.7rem;font-size:.82rem;font-weight:900;display:flex}.finale-overline>i{background:linear-gradient(90deg,#0000,#f5b94c);block-size:1px;inline-size:clamp(2.25rem,5vw,4.25rem)}.finale-overline>i:last-child{background:linear-gradient(90deg,#f5b94c,#0000)}.finale-stage.is-final .finale-hero-copy h1{color:#fff7e2;text-wrap:balance;text-shadow:0 0 1.4rem #f5b94c38,0 0 3.5rem #f5b94c1f;max-inline-size:10ch;margin:0;font-size:clamp(3rem,7.3vw,7rem);line-height:.98}.finale-hero-copy>p{color:#d7ad68;max-inline-size:60ch;margin:0;font-size:clamp(.86rem,1.7vw,1.05rem)}.finale-header-final>.finale-actions{position:absolute;inset-block-start:3.7rem;inset-inline-end:0}.finale-header-final>.finale-actions .button{border-color:#f5b94c2e;min-block-size:2.35rem;padding-inline:.75rem;font-size:.75rem}.finale-stage.is-final .finale-podium-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.finale-stage.is-final .finale-podium-panel:before,.finale-stage.is-final .podium-holo-field{display:none}.finale-stage.is-final .finale-podium-panel .podium-stage{min-block-size:clamp(34rem,58vw,44rem)}.finale-stage.is-final .finale-podium-panel .podium-wrap{min-block-size:clamp(32rem,54vw,41rem);padding-block-start:0}.finale-stage.is-final .finale-podium-panel .podium-player>.podium-block{border-color:color-mix(in srgb, var(--podium-color) 58%, white);background:linear-gradient(110deg, transparent 26%, #ffffff21 48%, transparent 68%), linear-gradient(155deg, color-mix(in srgb, var(--podium-color) 34%, #2a1437), #16091f 54%, #09040e);color:color-mix(in srgb, var(--podium-color) 84%, white);box-shadow:0 -.45rem 2.5rem color-mix(in srgb, var(--podium-color) 20%, transparent), inset 0 1px 0 #ffffff38, inset 0 -2rem 3rem #00000052;overflow:hidden}.finale-stage.is-final .podium-3{animation:.68s cubic-bezier(.16,1,.3,1) both finale-podium-rise}.finale-stage.is-final .podium-2{animation:.68s cubic-bezier(.16,1,.3,1) .22s both finale-podium-rise}.finale-stage.is-final .podium-1{animation:.9s cubic-bezier(.16,1,.3,1) .52s both finale-winner-rise}.finale-reveal-correct{border-radius:var(--radius-full);color:#a8f2ae;background:#26673442;border:1px solid #7ee78747;align-items:center;gap:.45rem;margin-block-start:var(--space-3);padding:.45rem .8rem;font-size:.9rem;font-weight:900;display:inline-flex}.finale-reveal-correct svg{block-size:1rem;inline-size:1rem}.finale-personal-metrics{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.finale-ranking-result{white-space:nowrap;justify-items:end;gap:.15rem;display:grid}.finale-ranking-result small{color:#9de3a4;font-size:.72rem;font-weight:800}.finale-ranking-result b{color:var(--gold)}.finale-celebration i{background:#f5b94c;box-shadow:0 0 .8rem #f5b94c80}.finale-celebration i:nth-child(3n+2){background:#e4e8f0}.finale-celebration i:nth-child(3n){background:#b86f43}@keyframes finale-podium-rise{0%{opacity:0;filter:blur(.4rem);transform:translateY(8rem)scale(.88)}70%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes finale-winner-rise{0%{opacity:0;filter:blur(.5rem);transform:translateY(10rem)scale(.82)}68%{opacity:1;filter:blur();transform:translateY(-.7rem)scale(1.035)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (max-width:40rem){.finale-stage.is-final{background-size:auto,auto 52rem}.finale-header.finale-header-final{min-block-size:17rem}.finale-brand{font-size:1rem}.finale-brand>span{block-size:2.25rem;inline-size:2.25rem}.finale-round-meta{flex-direction:column;align-items:flex-end;gap:.25rem}.finale-round-meta p{max-inline-size:15ch;font-size:.7rem}.finale-hero-copy{padding-block-start:4.25rem}.finale-stage.is-final .finale-hero-copy h1{font-size:clamp(2.65rem,14vw,4.25rem)}.finale-hero-copy>p{max-inline-size:34ch}.finale-header-final>.finale-actions{inset-block-start:2.75rem}.finale-stage.is-final .finale-podium-panel .podium-stage{min-block-size:27rem}.finale-stage.is-final .finale-podium-panel .podium-wrap{min-block-size:25rem}}@media (prefers-reduced-motion:reduce){.finale-stage .finale-summary,.finale-stage .finale-intro,.finale-stage .finale-reveal{animation:none}.finale-stage .finale-celebration{display:none}.finale-stage.is-final .podium-player{filter:none;animation:none;transform:none}}
:root{--font-sans:var(--font-arabic), "Segoe UI", sans-serif;--background:#06020a;--foreground:#fff8ed;--surface:#10081a;--surface-strong:#180e24;--surface-soft:#0a0412;--canvas:var(--background);--card:#10081af0;--card-foreground:#fff8ed;--popover:#0a0412fa;--popover-foreground:#fff8ed;--primary:#ffb74d;--primary-foreground:#1a0f00;--secondary:#ffb74d17;--secondary-foreground:#fff8ed;--muted:#ffb74d0f;--muted-foreground:#a08070;--text-soft:#c8a890;--accent:#ff6f00;--accent-foreground:#fff8ed;--border:#ffb74d2e;--border-bright:#ffb74d6b;--input:#0a0412f5;--ring:#ffb74d;--success:#66bb6a;--success-foreground:#0a140a;--danger:#ef5350;--danger-foreground:#fff8ed;--link:#ffb74d;--warning:#ffcc02;--warning-foreground:#1a0f00;--info:#ffab40;--info-foreground:#1a0f00;--gold:#ffb300;--gold-foreground:#1a0f00;--quiz-option-a:#ffb74d;--quiz-option-b:#ff8a65;--quiz-option-c:#ffd54f;--quiz-option-d:#ef5350;--quiz-correct:#66bb6a;--quiz-wrong:#ef5350;--timer-safe:#66bb6a;--timer-warning:#ffcc02;--timer-danger:#ef5350;--live-option-red:#c62828;--live-option-blue:#1565c0;--live-option-orange:#e65100;--live-option-green:#2e7d32;--live-option-ink:#fff8ed;--live-option-dim:#fff8ed7a;--surface-glass:#06020abd;--surface-glass-strong:#06020ae6;--surface-stage:#10081af0;--surface-stage-line:#ffb74d47;--surface-stage-hotline:#ffb74d9e;--quantum-line:#ffb74d12;--quantum-line-strong:#ffffff0d;--quantum-lime:#ffd54f;--quantum-shadow:#0000008a;--border-glass:#ffb74d2e;--hero-warm-glow:#ff8f0021;--hero-violet-glow:#ffb74d21;--hero-panel-glow:#ffab402e;--hero-deep:#12081e;--overlay:#000000b8;--overlay-deep:#000000d1;--overlay-dialog:#000000c2;--mask-ink:#06020a;--qr-paper:#fff8ed;--qr-ink:#06020a;--surface-raised:#ffb74d0e;--neutral-silver:#a08070;--neutral-bronze:#ffb300;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.75rem;--radius-md:.875rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--shadow-sm:0 12px 30px #0000006b;--shadow-lg:0 24px 60px #0000008a;--shadow-hover:0 30px 72px #000000a3;--shadow-gold:4px 5px 0 #5c3e00;--shadow-cyan:4px 5px 0 #00495a;--container:73.75rem;--z-header:40;--z-popover:60;--z-dialog:80;--z-toast:100;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-pulse:cubic-bezier(.4, 0, .6, 1);--duration-fast:.16s;--duration-normal:.22s;--duration-reveal:.55s}@media (prefers-color-scheme:light){:root{--background:#06020a;--foreground:#fff8ed;--card:#10081af0;--card-foreground:#fff8ed;--popover:#0a0412fa;--popover-foreground:#fff8ed;--primary:#ffb74d;--primary-foreground:#1a0f00;--secondary:#ffb74d17;--secondary-foreground:#fff8ed;--muted:#ffb74d0f;--muted-foreground:#a08070;--text-soft:#c8a890;--accent:#ff6f00;--accent-foreground:#fff8ed;--border:#ffb74d2e;--border-bright:#ffb74d6b;--input:#0a0412f5;--ring:#ffb74d;--success:#66bb6a;--success-foreground:#0a140a;--danger:#ef5350;--danger-foreground:#fff8ed;--link:#ffb74d;--warning:#ffcc02;--warning-foreground:#1a0f00;--info:#ffab40;--info-foreground:#1a0f00;--surface-glass:#0000008a;--surface-glass-strong:#000000bd;--surface-stage:#000000b3;--surface-stage-line:#ffb74d47;--surface-stage-hotline:#ffb74d9e;--border-glass:#ffb74d2e;--shadow-sm:0 12px 30px var(--quantum-shadow);--shadow-lg:0 26px 80px #00000094;--shadow-hover:0 30px 90px #000000ad}}.gc-wrapper{--gc-bg:var(--card)}@supports (color:color-mix(in lab, red, red)){.gc-wrapper{--gc-bg:color-mix(in srgb, var(--card) 92%, transparent)}}.gc-wrapper{--gc-line:var(--border);--gc-line-strong:var(--border-bright);--gc-chip:var(--accent)}@supports (color:color-mix(in lab, red, red)){.gc-wrapper{--gc-chip:color-mix(in srgb, var(--accent) 10%, transparent)}}.gc-wrapper{--gc-chip-active:var(--accent)}@supports (color:color-mix(in lab, red, red)){.gc-wrapper{--gc-chip-active:color-mix(in srgb, var(--accent) 26%, transparent)}}.gc-wrapper{isolation:isolate;display:block;position:relative}.gc-hero{padding-block:clamp(2.5rem,5vw,4rem) clamp(2rem,4vw,3rem)}.gc-hero-inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);display:grid}.gc-hero-kicker{border-radius:var(--radius-full);background:var(--accent);align-items:center;gap:.5rem;padding:.5rem .9rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.gc-hero-kicker{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.gc-hero-kicker{border:1px solid var(--gc-line);color:var(--text-soft);font-size:.9rem;font-weight:600}.gc-hero-title{margin:1rem 0 .75rem;font-size:clamp(2rem,4vw,3.25rem)}.gc-hero-desc{color:var(--text-soft);max-width:58ch;font-size:1.05rem}.gc-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-block-start:2rem;display:grid}.gc-stat{background:var(--gc-bg);border:1px solid var(--gc-line);border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;padding:1rem 1.1rem;display:flex}.gc-stat strong{color:var(--foreground);font-size:1.4rem;font-weight:800}.gc-stat span{color:var(--muted-foreground);font-size:.88rem}.gc-search{margin-block-start:1.5rem;position:relative}.gc-search-field{position:relative}.gc-search input{border-radius:var(--radius-lg);border:1px solid var(--gc-line);background:var(--input);inline-size:100%;color:var(--foreground);padding:1rem 3.2rem 1rem 1rem;font-size:1rem}.gc-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.gc-search input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}}.gc-search-btn{background:var(--accent);border:0;border-radius:.7rem;block-size:2.4rem;inline-size:2.4rem;position:absolute;inset-block-start:50%;inset-inline-end:.4rem;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.gc-search-btn{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.gc-search-btn{color:var(--accent);cursor:pointer}.gc-suggestions{background:var(--surface-glass-strong);border:1px solid var(--gc-line);border-radius:var(--radius-lg);z-index:var(--z-popover);box-shadow:var(--shadow-lg);max-block-size:380px;margin:0;padding:.4rem;list-style:none;position:absolute;inset-block-start:calc(100% + .4rem);inset-inline:0;overflow:auto}.gc-suggestion{cursor:pointer;border-radius:.7rem;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.gc-suggestion[aria-selected=true],.gc-suggestion:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.gc-suggestion[aria-selected=true],.gc-suggestion:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.gc-suggestion-label{flex-direction:column;min-inline-size:0;display:flex}.gc-suggestion-label b{font-size:.95rem}.gc-suggestion-label span{color:var(--muted-foreground);font-size:.8rem}.gc-suggestion-type{border-radius:var(--radius-full);background:var(--gc-chip);color:var(--text-soft);flex-shrink:0;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.gc-suggestion-type[data-type=game]{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.gc-suggestion-type[data-type=game]{background:color-mix(in srgb, var(--success) 20%, transparent)}}.gc-suggestion-type[data-type=game]{color:var(--success-foreground)}.gc-suggestion-type[data-type=category]{background:var(--info)}@supports (color:color-mix(in lab, red, red)){.gc-suggestion-type[data-type=category]{background:color-mix(in srgb, var(--info) 22%, transparent)}}.gc-suggestion-type[data-type=category]{color:var(--info-foreground)}.gc-toolbar{border-block-end:1px solid var(--gc-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-block-end:1.5rem;padding-block:1rem 1.25rem;display:grid}.gc-toolbar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.gc-result-count{color:var(--muted-foreground);font-weight:600}.gc-toolbar-right{align-items:center;gap:.75rem;display:flex}.gc-sort-select{border-radius:var(--radius-md);border:1px solid var(--gc-line);background:var(--input);color:var(--foreground);min-inline-size:10rem;padding:.55rem .8rem;font-size:.92rem}.gc-view-toggle{border-radius:var(--radius-md);border:1px solid var(--gc-line);background:var(--gc-bg);padding:.25rem;display:inline-flex}.gc-view-toggle button{block-size:2.2rem;inline-size:2.2rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:.55rem}.gc-view-toggle button[aria-pressed=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.gc-view-toggle button[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.gc-view-toggle button[aria-pressed=true]{color:var(--accent)}.gc-filter-button{border-radius:var(--radius-md);border:1px solid var(--gc-line);background:var(--gc-bg);color:var(--foreground);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.55rem .95rem;font-weight:600;display:inline-flex}.gc-filter-button-badge{border-radius:var(--radius-full);background:var(--accent);block-size:1.35rem;min-inline-size:1.35rem;color:var(--accent-foreground);justify-content:center;align-items:center;padding:0 .4rem;font-size:.75rem;font-weight:800;display:inline-flex}.gc-main{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:clamp(1rem,2vw,1.75rem);display:grid}.gc-filters-panel{background:var(--gc-bg);border:1px solid var(--gc-line);border-radius:var(--radius-xl);max-block-size:calc(100vh - 6.5rem);padding:1.25rem;position:sticky;inset-block-start:5rem;overflow:auto}.gc-filters-close{border:1px solid var(--gc-line);block-size:2.1rem;inline-size:2.1rem;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:.6rem;display:none;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.gc-filter-section{border-block-end:1px dashed var(--gc-line);padding-block:.75rem}.gc-filter-section:last-of-type{border-block-end:0}.gc-filter-section h4{justify-content:space-between;align-items:center;margin:0 0 .55rem;font-size:.95rem;display:flex}.gc-filter-section h4 button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.2rem}.gc-filter-section[aria-expanded=false] .gc-filter-section-body{display:none}.gc-filter-section-body{display:block}.gc-chips{flex-wrap:wrap;gap:.35rem;display:flex}.gc-chip{border-radius:var(--radius-full);border:1px solid var(--gc-line);color:var(--text-soft);cursor:pointer;transition:background .16s var(--ease-out);white-space:nowrap;background:0 0;align-items:center;padding:.35rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.gc-chip[data-active=true]{background:var(--gc-chip-active);color:var(--foreground);border-color:var(--accent)}.gc-range{gap:.5rem;display:grid}.gc-range input[type=range]{inline-size:100%}.gc-range-labels{color:var(--muted-foreground);justify-content:space-between;font-size:.8rem;display:flex}.gc-tag-wall{flex-wrap:wrap;gap:.3rem;display:flex}.gc-tag-wall .gc-chip{padding:.28rem .55rem;font-size:.78rem}.gc-results{min-inline-size:0}.gc-load-more{justify-content:center;margin-block:2rem 3rem;display:flex}.gc-load-more button{border-radius:var(--radius-lg);border:1px solid var(--gc-line);background:var(--gc-bg);color:var(--foreground);cursor:pointer;padding:.9rem 1.6rem;font-weight:700}.gc-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.gc-list{gap:.9rem;display:grid}.gc-card{--game-accent:var(--accent);background:radial-gradient(120% 90% at 100% 0%, var(--game-accent) 0%, transparent 55%), var(--card);position:relative}@supports (color:color-mix(in lab, red, red)){.gc-card{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--game-accent) 22%, transparent) 0%, transparent 55%), var(--card)}}.gc-card{border:1px solid var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.gc-card{border:1px solid color-mix(in srgb, var(--game-accent) 28%, var(--gc-line))}}.gc-card{border-radius:var(--radius-xl);transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;block-size:100%;padding:1.1rem 1.15rem;display:flex;overflow:hidden}.gc-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.gc-card[data-kind=upcoming]{opacity:.9;filter:saturate(.92)}.gc-card[data-mode=chess]{--game-accent:#8b5cf6;border-color:#8b5cf6}@supports (color:color-mix(in lab, red, red)){.gc-card[data-mode=chess]{border-color:color-mix(in srgb, #8b5cf6 35%, var(--gc-line))}}.gc-card[data-mode=chess]:hover{box-shadow:0 30px 72px #000000a3,0 0 0 1px #8b5cf666}.gc-list .gc-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:grid}.gc-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.gc-card-index{font-variant-numeric:tabular-nums;color:var(--game-accent);letter-spacing:.05em;font-size:.85rem;font-weight:800}.gc-card-kind{border-radius:var(--radius-full);background:var(--gc-chip);color:var(--text-soft);align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.gc-card-kind[data-kind=room]{color:#ffc266;background:#ffb74d2e}.gc-card-kind[data-kind=instant]{color:#67e8f9;background:#22d3ee2e}.gc-card-kind[data-kind=upcoming]{color:#ce93d8;background:#ab47bc2e}.gc-card-visual{aspect-ratio:16/9;border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--game-accent), transparent 60%), repeating-linear-gradient(120deg, var(--game-accent) 0 8px, transparent 8px 22px), var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.gc-card-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--game-accent) 40%, transparent), transparent 60%), repeating-linear-gradient(120deg, color-mix(in srgb, var(--game-accent) 10%, transparent) 0 8px, transparent 8px 22px), color-mix(in srgb, var(--game-accent) 10%, #0b0615)}}.gc-card-visual{border:1px solid var(--game-accent);place-items:center;font-size:2.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.gc-card-visual{border:1px solid color-mix(in srgb, var(--game-accent) 30%, transparent)}}.gc-list .gc-card-visual{aspect-ratio:1;grid-area:1/2/span 2;block-size:5.5rem;inline-size:5.5rem;font-size:2rem}.gc-card-body{flex-direction:column;gap:.55rem;min-inline-size:0;display:flex}.gc-card-title{margin:0;font-size:1.2rem;font-weight:800}.gc-card-desc{color:var(--text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.gc-list .gc-card-desc{-webkit-line-clamp:2}.gc-meta-row{flex-wrap:wrap;gap:.45rem;display:flex}.gc-meta-chip{border-radius:var(--radius-full);background:var(--muted);align-items:center;gap:.3rem;padding:.3rem .6rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.gc-meta-chip{background:color-mix(in srgb, var(--muted) 100%, transparent)}}.gc-meta-chip{border:1px solid var(--gc-line);color:var(--text-soft);font-size:.8rem;font-weight:600}.gc-meta-chip[data-realtime=true]{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.gc-meta-chip[data-realtime=true]{background:color-mix(in srgb, var(--success) 16%, transparent)}}.gc-meta-chip[data-realtime=true]{color:#86efac;border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.gc-meta-chip[data-realtime=true]{border-color:color-mix(in srgb, var(--success) 35%, transparent)}}.gc-rating{color:var(--gold);gap:2px;display:inline-flex}.gc-rating svg{block-size:1rem;inline-size:1rem}.gc-card-foot{justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:auto;display:flex}.gc-card-foot a,.gc-card-foot button{border-radius:var(--radius-md);background:var(--game-accent);color:#1a0f00;cursor:pointer;border:0;align-items:center;gap:.4rem;padding:.65rem 1rem;font-size:.92rem;font-weight:800;text-decoration:none;display:inline-flex}.gc-card-foot a[aria-disabled=true]{opacity:.55;pointer-events:none}.gc-card-live-dot{color:var(--text-soft);align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.gc-card-live-dot:before{content:"";background:var(--success);border-radius:var(--radius-full);block-size:.55rem;inline-size:.55rem;box-shadow:0 0 0 4px var(--success)}@supports (color:color-mix(in lab, red, red)){.gc-card-live-dot:before{box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 20%, transparent)}}.gc-card-live-dot:before{animation:gcPulse 1.6s var(--ease-pulse) infinite}@keyframes gcPulse{0%,to{opacity:.7}50%{opacity:1}}.gc-floating-sentinel{block-size:1px}.gc-empty{text-align:center;color:var(--muted-foreground);border:1px dashed var(--gc-line);border-radius:var(--radius-xl);background:var(--gc-bg);padding:3rem 1rem}.gc-empty b{color:var(--foreground);margin-block-end:.3rem;font-size:1.1rem;display:block}.gc-backdrop{background:var(--overlay);z-index:calc(var(--z-dialog) - 1);display:none;position:fixed;inset:0}@media (max-width:1024px){.gc-hero-inner{grid-template-columns:minmax(0,1fr)}.gc-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-main{grid-template-columns:minmax(0,1fr)}.gc-filters-panel{inline-size:min(340px,92vw);z-index:var(--z-dialog);visibility:hidden;transition:transform .24s var(--ease-out), visibility 0s .24s;border-start-end-radius:0;border-end-end-radius:0;max-block-size:100vh;position:fixed;inset-block:0;inset-inline-end:0;transform:translate(100%)}.gc-filters-panel[data-open=true]{visibility:visible;transition:transform .24s var(--ease-out), visibility 0s;transform:translate(0)}.gc-filters-panel[data-open=true]~.gc-backdrop{display:block}body:has(.gc-filters-panel[data-open=true]) .gc-backdrop{display:block}.gc-filters-close{justify-content:center;align-items:center;display:inline-flex}}@media (max-width:640px){.gc-toolbar{grid-template-columns:1fr}.gc-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-list .gc-card-visual{block-size:4rem;inline-size:4rem;font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.gc-card:hover{transform:none}.gc-card-live-dot:before{animation:none}.gc-card,.gc-chip,.gc-view-toggle button{transition:none}}
:root{--mafia-night-bg:linear-gradient(180deg, #05081a 0%, #0a0f2b 45%, #120923 100%);--mafia-day-bg:linear-gradient(180deg, #fdf6e3 0%, #f1e7b7 50%, #e7d6a1 100%);--mafia-voting-bg:linear-gradient(180deg, #1a0508 0%, #2c0a11 50%, #3f0a1a 100%);--mafia-finished-bg:linear-gradient(180deg, #021a10 0%, #062d1e 50%, #0a3a28 100%);--mafia-accent-night:#c62828;--mafia-accent-day:#d84315;--mafia-accent-voting:#ff1744;--mafia-card-night:#181036c7;--mafia-card-day:#fff3c9db;--mafia-ring:0 0 0 3px color-mix(in srgb, var(--primary) 36%, transparent), 0 0 0 6px color-mix(in srgb, var(--primary) 12%, transparent);--mafia-blood-glow:0 0 40px 6px #c628286b;--mafia-torch-glow:radial-gradient(circle at 20% 10%, #ffb54038, transparent 55%), radial-gradient(circle at 80% 90%, #ff3d0033, transparent 50%)}.mafia-phase-night,.mafia-phase-voting,.mafia-phase-finished{background:var(--mafia-night-bg);color:#f5f0ff}.mafia-phase-day{background:var(--mafia-day-bg);color:#2b1d08}.mafia-phase-voting{background:var(--mafia-voting-bg)}.mafia-phase-finished{background:var(--mafia-finished-bg)}.mafia-phase-night:before,.mafia-phase-voting:before,.mafia-phase-day:before,.mafia-phase-finished:before{content:"";pointer-events:none;z-index:0;opacity:.7;background:var(--mafia-torch-glow);position:fixed;inset:0}.mafia-phase-transition{animation:1.6s ease-in-out both mafia-fade-bg}@keyframes mafia-fade-bg{0%{filter:brightness();opacity:.6}50%{filter:brightness(1.25)saturate(1.1)}to{filter:brightness();opacity:1}}.mafia-card{border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border));position:relative;overflow:hidden}.mafia-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,30%) var(--mouse-y,40%), #ffffff14, transparent 40%);pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .25s;position:absolute;inset:0}.mafia-card:hover:after{opacity:1}.mafia-role-card{border:1.5px solid color-mix(in srgb, var(--mafia-accent-night) 46%, transparent);box-shadow:var(--mafia-blood-glow), inset 0 0 30px #c628280f;animation:.9s cubic-bezier(.22,1,.36,1) both mafia-role-reveal;position:relative}.mafia-phase-day .mafia-role-card{border-color:color-mix(in srgb, var(--mafia-accent-day) 50%, transparent);box-shadow:0 0 30px 4px #d8431533}@keyframes mafia-role-reveal{0%{filter:blur(10px);opacity:0;transform:rotateY(-70deg)scale(.9)}60%{filter:blur();opacity:1;transform:rotateY(10deg)scale(1.04)}to{transform:rotateY(0)scale(1)}}.mafia-role-icon{block-size:5.25rem;inline-size:5.25rem;margin-block:var(--space-4);background:radial-gradient(circle at 30% 30%,#ffffff2e,#0000 55%),linear-gradient(135deg,#7a0f12,#1a0314);border-radius:50%;place-items:center;font-size:2.6rem;display:inline-grid;box-shadow:inset 0 0 18px #00000073,0 10px 30px #7a0f1273}.mafia-role-icon>svg{color:#ffd8d8;block-size:2.8rem;inline-size:2.8rem}.mafia-private-note strong{color:#ffb74d}.mafia-kill-flash{animation:1s ease-in-out both mafia-flash}@keyframes mafia-flash{0%,to{background-color:#0000}20%{background-color:#c6282859}45%{filter:brightness(1.7)saturate(1.4)}}.mafia-vote-shake{animation:.6s ease-in-out both mafia-shake}@keyframes mafia-shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}35%{transform:translate(10px)}55%{transform:translate(-7px)}75%{transform:translate(6px)}}.mafia-torch-flicker{animation:3.2s ease-in-out infinite both mafia-flicker}@keyframes mafia-flicker{0%,to{filter:brightness()}25%{filter:brightness(1.08)}50%{filter:brightness(.94)}75%{filter:brightness(1.05)}}.mafia-ending{padding:var(--space-5);background:linear-gradient(135deg,#00000080,#0000004d);border:1px solid #ffffff1a;border-radius:1rem;margin-block-start:var(--space-5)}.mafia-ending ul{margin:var(--space-4) 0 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.mafia-ending li{gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#ffffff0d;border-radius:.5rem;grid-template-columns:auto 1fr;align-items:center;display:grid}.mafia-quest-badge{align-items:center;gap:var(--space-2);border-radius:9999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.mafia-quest-badge[data-difficulty="1"]{color:#81c784;background:#4caf502e}.mafia-quest-badge[data-difficulty="2"]{color:#ffd54f;background:#ffc1072e}.mafia-quest-badge[data-difficulty="3"]{color:#ef9a9a;background:#f443362e}.mafia-suspicion-meter{background:#ffffff14;border-radius:9999px;block-size:.75rem;inline-size:100%;overflow:hidden}.mafia-suspicion-meter>span{background:linear-gradient(90deg,#66bb6a,#ffb74d,#ef5350);border-radius:9999px;block-size:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.mafia-timeline{gap:var(--space-3);margin-block-start:var(--space-3);padding-inline-start:1.75rem;display:grid;position:relative}.mafia-timeline:before{content:"";background:linear-gradient(180deg, var(--primary), #fff3);border-radius:2px;inline-size:2px;position:absolute;inset-block:.3rem;inset-inline-start:.55rem}.mafia-timeline-item{padding:var(--space-2) var(--space-3);background:#ffffff0d;border:1px solid #ffffff14;border-radius:.6rem;position:relative}.mafia-timeline-item:before{content:"";background:var(--primary);block-size:.75rem;inline-size:.75rem;box-shadow:0 0 12px var(--primary);border-radius:50%;position:absolute;inset-block-start:.9rem;inset-inline-start:-1.45rem}.mafia-toast{padding:var(--space-3) var(--space-4);color:#f5f0ff;z-index:50;background:#0a0a1eeb;border:1px solid #ffffff1a;border-radius:.8rem;max-inline-size:min(92vw,28rem);font-size:.9rem;animation:.35s ease-out both mafia-toast-in;position:fixed;inset-block-end:var(--space-6);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 20px 48px #00000059}@keyframes mafia-toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.mafia-chat-card{position:relative}.mafia-chat-card:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #c628280f}.mafia-player-row{transition:transform .25s,box-shadow .25s;position:relative}.mafia-player-row:focus-within{box-shadow:var(--mafia-ring);border-radius:.75rem}.mafia-eliminated{opacity:.55;position:relative}.mafia-eliminated:after{content:"✕";color:#c6282859;pointer-events:none;font-size:3rem;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.mafia-phase-transition,.mafia-role-card,.mafia-kill-flash,.mafia-vote-shake,.mafia-torch-flicker,.mafia-toast,.mafia-suspicion-meter>span{transition:none!important;animation:none!important}}@media (max-width:640px){.mafia-role-icon{block-size:4rem;inline-size:4rem;font-size:1.8rem}.mafia-role-icon>svg{block-size:2rem;inline-size:2rem}}.mood-calm{--mood-tint:#4caf5024;--mood-ring:#4caf508c}.mood-mystery{--mood-tint:#2196f329;--mood-ring:#2196f394}.mood-thriller{--mood-tint:#ff980033;--mood-ring:#ff98009e}.mood-doom{--mood-tint:#f443363d;--mood-ring:#f44336ad}.mood-dawn{--mood-tint:#9c27b02e;--mood-ring:#9c27b099}.mafia-page.mood-calm,.mafia-page.mood-mystery,.mafia-page.mood-thriller,.mafia-page.mood-doom,.mafia-page.mood-dawn{background-image:var(--mood-tint)}.mafia-page.mood-doom:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0;box-shadow:inset 0 0 220px 20px #f4433638}.mafia-page.mood-dawn:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0;box-shadow:inset 0 0 220px 20px #9c27b02e}.mafia-page[data-mood] .mafia-player-shell{z-index:1;position:relative}.mafia-mood-chip{border:1px solid color-mix(in srgb, var(--mood-ring,var(--primary)) 50%, var(--border));background:color-mix(in srgb, var(--mood-ring,var(--primary)) 16%, transparent);border-radius:9999px;align-items:center;gap:.4rem;margin-inline-start:.75rem;padding:.2rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.mafia-last-event{margin:var(--space-3) 0 0 0;padding:var(--space-2) var(--space-3);border-inline-start:3px solid color-mix(in srgb, var(--primary) 55%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:.5rem;font-size:.92rem}fieldset.mafia-mode-presets{border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border));padding:var(--space-4) var(--space-4) var(--space-3);margin:0 0 var(--space-4);background:color-mix(in srgb, var(--card-background) 85%, transparent);border-radius:.9rem}fieldset.mafia-mode-presets>legend{align-items:center;gap:.45rem;padding:0 .5rem;font-size:.95rem;font-weight:700;display:inline-flex}.mafia-mode-presets-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));display:grid}.mafia-mode-preset{cursor:pointer;padding:var(--space-3);border:1px solid color-mix(in srgb, var(--foreground) 12%, var(--border));background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:.85rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative}.mafia-mode-preset:hover{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));transform:translateY(-2px)}.mafia-mode-preset input[type=radio]{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3)}.mafia-mode-preset:has(input[type=radio]:checked){border-color:color-mix(in srgb, var(--primary) 70%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 30%, transparent), 0 10px 24px -12px color-mix(in srgb, var(--primary) 45%, transparent)}.mafia-mode-preset-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-2);display:flex}.mafia-mode-experimental{border-radius:var(--radius-full);background:color-mix(in srgb, var(--warning) 14%, transparent);color:#fcd34d;border:1px solid color-mix(in srgb, var(--warning) 28%, transparent);padding:.15rem .55rem;font-size:.72rem;font-weight:700}.mafia-mode-preset ul{margin:var(--space-2) 0 0;gap:.25rem;padding:0;font-size:.85rem;list-style:none;display:grid}.mafia-mode-preset ul>li{align-items:center;gap:.35rem;display:flex}.mafia-guess-panel{padding:var(--space-4);border:1px dashed color-mix(in srgb, #1976d2 55%, var(--border));background:#1976d214;border-radius:.9rem;margin-block-start:var(--space-4)}.mafia-guess-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-block-end:var(--space-2);display:flex}.mafia-guess-head h3{align-items:center;gap:.45rem;margin:0;font-size:1.05rem;display:inline-flex}.mafia-guess-grid{gap:var(--space-2);margin-block:var(--space-3);display:grid}.mafia-guess-row{align-items:center;gap:var(--space-2);padding:var(--space-2);background:color-mix(in srgb, var(--card-background) 80%, transparent);border-radius:.6rem;grid-template-columns:minmax(0,1fr) auto;display:grid}.mafia-guess-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mafia-guess-select{min-inline-size:11rem}.mafia-guess-hint{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);background:#ffb74d24;border-inline-start:3px solid #ff9800;border-radius:.6rem;font-size:.88rem}.mafia-epilogue-badges{margin-block:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:linear-gradient(135deg,#ffc10724,#9c27b01f);border-radius:.9rem}.mafia-epilogue-title{align-items:center;gap:.5rem;margin-block-end:var(--space-3);font-weight:700;display:inline-flex}.mafia-epilogue-badges-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}.mafia-epilogue-badge{padding:var(--space-3);background:color-mix(in srgb, var(--card-background) 92%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border));border-radius:.8rem}.mafia-epilogue-badge-top{align-items:center;gap:.5rem;margin-block-end:.35rem;font-size:1.05rem;display:flex}.mafia-epilogue-badge p{margin:0;font-size:.88rem;line-height:1.55}.mafia-takeaways-panel{padding:var(--space-4);border:1px solid color-mix(in srgb, #00bcd4 40%, var(--border));background:#00bcd41a;border-radius:.9rem;margin-block-start:var(--space-4)}.mafia-takeaways-head h3{margin:0 0 var(--space-3);align-items:center;gap:.5rem;display:inline-flex}.mafia-takeaways-panel ol{counter-reset:takeaways;gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mafia-takeaways-panel ol>li{counter-increment:takeaways;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-5) + .5rem);background:color-mix(in srgb, var(--card-background) 90%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 12%, var(--border));border-radius:.65rem;position:relative}.mafia-takeaways-panel ol>li:before{content:counter(takeaways);background:var(--primary);block-size:1.75rem;inline-size:1.75rem;color:var(--primary-foreground);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:inline-grid;position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.mafia-takeaways-panel li strong{margin-block-end:.2rem;display:block}.mafia-takeaways-panel li p{margin:0;font-size:.9rem;line-height:1.6}@media (max-width:640px){.mafia-mode-presets-grid{grid-template-columns:1fr 1fr}.mafia-guess-row{grid-template-columns:1fr}.mafia-guess-select{min-inline-size:100%}.mafia-guess-grid{grid-template-columns:1fr}}.mafia-mode-cards-field{border:0;margin:0;padding:0}.mafia-mode-cards-field>legend{margin:0 0 var(--space-3);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.mafia-mode-cards-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));display:grid}.mafia-reveal-warning-title{margin:var(--space-3) 0 0;text-align:center;font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:800}.mafia-reveal-shield{color:color-mix(in srgb, var(--primary) 70%, var(--foreground));place-items:center;animation:2s ease-in-out infinite mafia-reveal-shield-pulse;display:grid}@keyframes mafia-reveal-shield-pulse{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--primary) 40%, transparent))}50%{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--primary) 70%, transparent))}}.mafia-reveal-btn{inline-size:min(20rem,90vw);margin-inline:auto}.mafia-reveal-card-details{gap:var(--space-3);text-align:start;inline-size:100%;margin-block-start:var(--space-4);display:grid}.mafia-reveal-detail-label{align-items:center;gap:var(--space-2);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-1);font-size:.75rem;font-weight:700;display:flex}.mafia-reveal-detail-label svg{block-size:.85rem;inline-size:.85rem}.mafia-reveal-detail-text{color:var(--foreground);margin:0;font-size:.88rem;line-height:1.65}.mafia-phase-header{gap:var(--space-3);margin-block-end:var(--space-5);display:grid}.mafia-phase-header-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mafia-phase-header-info{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mafia-round-label{color:var(--muted-foreground);font-size:.88rem;font-weight:600}.mafia-lobby-player-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:.2rem;display:flex}.mafia-lobby-player-actions{flex-shrink:0}.mafia-primary-task-header svg{block-size:1.2rem;inline-size:1.2rem;color:var(--primary);flex-shrink:0}.mafia-primary-task-body h3{margin:0 0 var(--space-3);font-size:clamp(1rem,3vw,1.25rem);line-height:1.4}.mafia-mission-steps{gap:var(--space-2);margin:var(--space-3) 0 0;padding-inline-start:1.4rem;display:grid}.mafia-mission-steps li{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.mafia-mission-steps li::marker{color:var(--primary);font-weight:700}.mafia-mission-next{color:var(--muted-foreground);margin:var(--space-3) 0 0;font-size:.82rem;font-weight:600}.mafia-vote-current{text-align:center;color:var(--muted-foreground);margin:var(--space-3) 0 0;font-size:.9rem}.mafia-vote-current strong{color:var(--foreground)}@media (max-width:640px){.mafia-mode-cards-grid{grid-template-columns:1fr}}@media (max-width:375px){.mafia-phase-header-row{flex-direction:column;align-items:flex-start}}
.mafia-surface-lobby{background:radial-gradient(circle at 50% 0%, #ffb74d0f 0%, transparent 50%), var(--background)}.mafia-surface-night{color:#e8ecf8;background:radial-gradient(circle at 20% 10%,#1e285a8c 0%,#0000 55%),radial-gradient(circle at 80% 90%,#0f0a28b3 0%,#0000 50%),#040714}.mafia-surface-day{color:#f5efe0;background:radial-gradient(circle at 60% 0,#ffc86412 0%,#0000 50%),linear-gradient(#0e0a04 0%,#0a0702 100%)}.mafia-surface-voting{color:#f5e8e8;background:radial-gradient(circle,#780f1473 0%,#0000 60%),radial-gradient(circle at 20% 80%,#50080c66 0%,#0000 45%),#0c0304}.mafia-surface-finished{color:#e8f5e9;background:radial-gradient(circle at 50% 30%,#14502859 0%,#0000 55%),radial-gradient(circle at 80% 10%,#643c0a33 0%,#0000 45%),#040c07}.mafia-surface-reveal{color:#f0e8ff;background:radial-gradient(circle,#3c145080 0%,#0000 60%),#050208}.mafia-surface-transition{animation:mafia-surface-fade .8s var(--ease-out) both}@keyframes mafia-surface-fade{0%{opacity:.5;filter:brightness(.8)}to{opacity:1;filter:brightness()}}.mafia-reveal-overlay{z-index:calc(var(--z-dialog) + 10);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:mafia-reveal-in .35s var(--ease-out) both;background:#040208f0;place-items:center;display:grid;position:fixed;inset:0}@keyframes mafia-reveal-in{0%{opacity:0}to{opacity:1}}.mafia-reveal-warning{text-align:center;gap:var(--space-4);max-inline-size:26rem;animation:mafia-reveal-content-in .5s var(--ease-out) .15s both;display:grid}@keyframes mafia-reveal-content-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.mafia-reveal-warning p{color:var(--muted-foreground);font-size:.95rem;line-height:1.7}.mafia-reveal-card-wrapper{perspective:900px;inline-size:min(22rem,90vw)}.mafia-reveal-card{aspect-ratio:3/4;border-radius:var(--radius-xl);border:1.5px solid color-mix(in srgb, var(--primary) 45%, transparent);background:radial-gradient(circle at 30% 20%, #ffffff0f, transparent 50%), var(--card);inline-size:100%;padding:var(--space-6);text-align:center;animation:mafia-reveal-card-flip .5s var(--ease-out) .3s both;transform-style:preserve-3d;place-items:center;display:grid;box-shadow:0 0 50px #00000080,inset 0 0 0 1px #ffffff0a}@keyframes mafia-reveal-card-flip{0%{opacity:0;transform:rotateY(-90deg)scale(.85)}60%{opacity:1;transform:rotateY(8deg)scale(1.02)}to{transform:rotateY(0)scale(1)}}.mafia-reveal-card-icon{block-size:5rem;inline-size:5rem;color:var(--primary);background:radial-gradient(circle at 35% 35%,#ffffff26,#0000 60%),linear-gradient(135deg,#ffb74d40,#b4641426);border-radius:50%;place-items:center;margin-block-end:var(--space-4);display:grid;box-shadow:0 0 30px #ffb74d33}.mafia-reveal-card-icon svg{block-size:2.6rem;inline-size:2.6rem}.mafia-reveal-card h2{margin:0 0 var(--space-2);font-size:clamp(1.4rem,4vw,1.9rem)}.mafia-reveal-card-quote{color:var(--muted-foreground);margin:0 0 var(--space-4);font-size:.9rem;font-style:italic;line-height:1.6}.mafia-reveal-card dl{gap:var(--space-3);text-align:start;margin:0;display:grid}.mafia-reveal-card dt{align-items:center;gap:var(--space-2);color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700;display:flex}.mafia-reveal-card dt svg{block-size:.9rem;inline-size:.9rem}.mafia-reveal-card dd{margin:var(--space-1) 0 0;color:var(--foreground);font-size:.9rem;line-height:1.6}.mafia-reveal-actions{gap:var(--space-3);flex-direction:column;align-items:center;margin-block-start:var(--space-5);display:flex}.mafia-lobby-player{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--card) 85%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, var(--border));transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex}.mafia-lobby-player:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.mafia-lobby-player:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 35%, transparent);outline:none}.mafia-lobby-player-avatar{background:color-mix(in srgb, var(--primary) 18%, var(--surface));block-size:2.5rem;inline-size:2.5rem;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:grid}.mafia-lobby-player-info{flex:1;gap:.15rem;min-inline-size:0;display:grid}.mafia-lobby-player-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.mafia-lobby-player-status{align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.mafia-lobby-player-status-dot{border-radius:50%;flex-shrink:0;block-size:.45rem;inline-size:.45rem}.mafia-lobby-player-status-ready .mafia-lobby-player-status-dot{background:var(--success)}.mafia-lobby-player-status-ready{color:var(--success)}.mafia-lobby-player-status-connecting .mafia-lobby-player-status-dot{background:var(--warning);animation:1.2s ease-in-out infinite mafia-status-pulse}.mafia-lobby-player-status-connecting{color:var(--warning)}.mafia-lobby-player-status-disconnected .mafia-lobby-player-status-dot{background:var(--danger)}.mafia-lobby-player-status-disconnected{color:var(--danger)}@keyframes mafia-status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.mafia-primary-task{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--card) 90%, var(--primary) 5%);padding:var(--space-5);box-shadow:0 0 0 1px #ffffff08 inset, var(--shadow-sm)}.mafia-primary-task-header{align-items:center;gap:var(--space-3);margin-block-end:var(--space-4);display:flex}.mafia-primary-task-header svg{block-size:1.3rem;inline-size:1.3rem;color:var(--primary);flex-shrink:0}.mafia-primary-task-title{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin:0;font-size:.8rem;font-weight:700}.mafia-primary-task-body{margin-block-start:var(--space-2)}.mafia-primary-task-body h3{margin:0 0 var(--space-3);font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.4}.mafia-primary-task-body p{color:var(--muted-foreground);margin:0 0 var(--space-4);font-size:.92rem;line-height:1.65}.mafia-player-picker{gap:var(--space-2);margin-block-end:var(--space-4);display:grid}.mafia-player-picker-label{color:var(--muted-foreground);margin:0;font-size:.82rem;font-weight:700}.mafia-player-picker-list{gap:var(--space-2);display:grid}.mafia-player-pick{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:start;font:inherit;color:inherit;inline-size:100%;display:flex}.mafia-player-pick input[type=radio]{opacity:0;pointer-events:none;block-size:0;inline-size:0;position:absolute}.mafia-player-pick:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 50%, var(--border));background:color-mix(in srgb, var(--primary) 8%, transparent)}.mafia-player-pick:focus-within{outline:3px solid color-mix(in srgb, var(--primary) 60%, transparent);outline-offset:2px}.mafia-player-pick:has(input[type=radio]:checked){border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent)}.mafia-player-pick-avatar{background:color-mix(in srgb, var(--primary) 14%, var(--surface));block-size:2rem;inline-size:2rem;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.mafia-player-pick-name{flex:1;font-size:.95rem;font-weight:600}.mafia-player-pick-check{border:2px solid var(--border);block-size:1.2rem;inline-size:1.2rem;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mafia-player-pick:has(input[type=radio]:checked) .mafia-player-pick-check{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.mafia-player-pick:has(input[type=radio]:disabled){opacity:.4;cursor:not-allowed}.mafia-confirm-btn{min-block-size:3.2rem;inline-size:100%}.mafia-secret-panel{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, #6366f1 30%, var(--border));padding:var(--space-4);background:linear-gradient(135deg,#6366f114,#6366f108);position:relative;overflow:hidden}.mafia-secret-panel:before{content:"";background:linear-gradient(#6366f1,#818cf8);border-radius:3px 0 0 3px;block-size:100%;inline-size:3px;position:absolute;inset-block-start:0;inset-inline-start:0}.mafia-secret-panel-header{align-items:center;gap:var(--space-2);color:#818cf8;text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3);font-size:.78rem;font-weight:700;display:flex}.mafia-secret-panel-header svg{block-size:.95rem;inline-size:.95rem}.mafia-secret-panel dl{gap:var(--space-3);margin:0;display:grid}.mafia-secret-panel dt{color:#a5b4fc;font-size:.8rem;font-weight:600}.mafia-secret-panel dd{margin:var(--space-1) 0 0;color:var(--foreground);font-size:.9rem;line-height:1.6}.mafia-private-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(90deg,#ffc1071f,#ff98000f);border-inline-start:3px solid #f59e0b;margin-block-start:var(--space-3);font-size:.88rem;line-height:1.65}.mafia-private-note strong{color:#fbbf24}.mafia-phase-timer-bar{border-radius:var(--radius-full);background:color-mix(in srgb, var(--muted) 60%, transparent);block-size:.4rem;margin-block-start:var(--space-3);overflow:hidden}.mafia-phase-timer-fill{border-radius:inherit;background:var(--primary);transform-origin:100%;block-size:100%;transition:transform .4s var(--ease-standard);display:block}.mafia-phase-timer-fill-warning{background:var(--warning)}.mafia-phase-timer-fill-danger{background:var(--danger);animation:.9s ease-in-out infinite mafia-timer-pulse}@keyframes mafia-timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.mafia-timer-value-lg{font-variant-numeric:tabular-nums;color:var(--foreground);letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800;line-height:1}.mafia-connection-overlay{z-index:calc(var(--z-toast) + 5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border));inline-size:min(92vw,26rem);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);animation:mafia-toast-in .3s var(--ease-out) both;background:#0a0814f2;display:flex;position:fixed;inset-block-end:var(--space-6);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 20px 48px #00000073}.mafia-connection-icon{block-size:1.5rem;inline-size:1.5rem;color:var(--warning);flex-shrink:0}.mafia-connection-icon.reconnected{color:var(--success)}.mafia-connection-body{flex:1}.mafia-connection-body strong{margin:0 0 .15rem;font-size:.9rem;display:block}.mafia-connection-body span{color:var(--muted-foreground);font-size:.8rem}.mafia-connection-spinner{border:2px solid color-mix(in srgb, var(--warning) 25%, transparent);border-block-start-color:var(--warning);border-radius:50%;flex-shrink:0;block-size:1.1rem;inline-size:1.1rem;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mafia-mode-card{cursor:pointer;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:1.5px solid color-mix(in srgb, var(--foreground) 10%, var(--border));background:color-mix(in srgb, var(--surface) 88%, transparent);text-align:start;transition:all var(--duration-normal) var(--ease-out);font:inherit;color:inherit;inline-size:100%;display:block;position:relative}.mafia-mode-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-3px);box-shadow:0 16px 40px #00000059}.mafia-mode-card:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 60%, transparent);outline-offset:3px}.mafia-mode-card[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 20%, transparent), 0 16px 40px #0000004d}.mafia-mode-card-icon{border-radius:var(--radius-md);block-size:2.2rem;inline-size:2.2rem;background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary);place-items:center;margin-block-end:var(--space-3);display:grid}.mafia-mode-card-icon svg{block-size:1.2rem;inline-size:1.2rem}.mafia-mode-card-name{margin:0 0 var(--space-1);font-size:1.05rem;font-weight:800}.mafia-mode-card-desc{color:var(--muted-foreground);margin:0 0 var(--space-3);font-size:.85rem;line-height:1.55}.mafia-mode-card-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.mafia-mode-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--foreground) 8%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 12%, var(--border));color:var(--text-soft);align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.mafia-mode-chip-dot{background:var(--primary);border-radius:50%;block-size:.35rem;inline-size:.35rem}.mafia-mode-card-check{border:2px solid var(--border);block-size:1.4rem;inline-size:1.4rem;transition:all var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.mafia-mode-card[aria-pressed=true] .mafia-mode-card-check{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.mafia-mode-card-experimental{border-radius:var(--radius-full);background:color-mix(in srgb, var(--warning) 14%, transparent);color:#fcd34d;border:1px solid color-mix(in srgb, var(--warning) 28%, transparent);padding:.15rem .55rem;font-size:.72rem;font-weight:700}.mafia-composition{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--card) 85%, var(--primary) 4%);padding:var(--space-5);animation:mafia-reveal-content-in .4s var(--ease-out) both}.mafia-composition-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.mafia-composition-header h3{color:var(--muted-foreground);margin:0;font-size:1rem;font-weight:700}.mafia-composition-roles{gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.mafia-role-chip{border-radius:var(--radius-full);border:1px solid;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.82rem;font-weight:700;display:inline-flex}.mafia-role-chip-killer{background:color-mix(in srgb, var(--danger) 14%, transparent);border-color:color-mix(in srgb, var(--danger) 35%, transparent);color:#fca5a5}.mafia-role-chip-special{color:#a5b4fc;background:#6366f11f;border-color:#6366f14d}.mafia-role-chip-civilian{background:color-mix(in srgb, var(--success) 10%, transparent);border-color:color-mix(in srgb, var(--success) 25%, transparent);color:#86efac}.mafia-composition-stats{gap:var(--space-4);color:var(--muted-foreground);flex-wrap:wrap;font-size:.85rem;display:flex}.mafia-composition-stats strong{color:var(--foreground)}.mafia-vote-prompt{margin:0 0 var(--space-4);text-align:center;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:800;line-height:1.4}.mafia-vote-grid{gap:var(--space-2);margin-block-end:var(--space-4);display:grid}.mafia-vote-choice{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1.5px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, transparent);cursor:pointer;text-align:start;font:inherit;color:inherit;inline-size:100%;transition:all var(--duration-fast) var(--ease-out);display:flex}.mafia-vote-choice:hover:not(:disabled){border-color:color-mix(in srgb, var(--danger) 50%, var(--border));background:color-mix(in srgb, var(--danger) 6%, transparent)}.mafia-vote-choice[aria-pressed=true]{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 18%, transparent)}.mafia-vote-choice-avatar{background:color-mix(in srgb, var(--danger) 14%, var(--surface));color:#fca5a5;border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);border-radius:50%;flex-shrink:0;place-items:center;block-size:2.2rem;inline-size:2.2rem;font-size:.8rem;font-weight:700;display:grid}.mafia-vote-choice-name{flex:1;font-weight:600}.mafia-vote-choice-check{border:2px solid color-mix(in srgb, var(--danger) 50%, var(--border));block-size:1.3rem;inline-size:1.3rem;transition:all var(--duration-fast) var(--ease-out);color:#0000;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mafia-vote-choice[aria-pressed=true] .mafia-vote-choice-check{background:var(--danger);border-color:var(--danger);color:var(--danger-foreground)}.mafia-vote-confirmation{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--success) 8%, transparent);border:1px solid color-mix(in srgb, var(--success) 25%, var(--border));text-align:center;animation:mafia-reveal-content-in .3s var(--ease-out) both;display:grid}.mafia-vote-confirmation strong{color:var(--success);font-size:.95rem}.mafia-timeline-phase{gap:var(--space-3);padding-block:var(--space-3);grid-template-columns:2rem minmax(0,1fr);display:grid;position:relative}.mafia-timeline-dot{z-index:1;background:var(--surface-strong);border:2px solid color-mix(in srgb, var(--primary) 40%, var(--border));block-size:2rem;inline-size:2rem;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:800;display:grid}.mafia-timeline-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--card) 80%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 8%, var(--border))}.mafia-timeline-content strong{margin:0 0 .2rem;font-size:.88rem;display:block}.mafia-timeline-content p{color:var(--muted-foreground);margin:0;font-size:.85rem;line-height:1.55}.mafia-tabs-bar{gap:var(--space-1);border-block-end:1px solid var(--border);scrollbar-width:none;margin-block-end:var(--space-5);display:flex;overflow-x:auto}.mafia-tabs-bar::-webkit-scrollbar{display:none}.mafia-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--muted-foreground);border:none;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);background:0 0;border-block-end:2px solid #0000;margin-block-end:-1px;font-family:inherit;font-size:.85rem;font-weight:700}.mafia-tab:hover{color:var(--foreground);background:color-mix(in srgb, var(--foreground) 5%, transparent)}.mafia-tab[aria-selected=true]{color:var(--primary);border-block-end-color:var(--primary)}.mafia-eliminated-banner{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--muted-foreground) 20%, var(--border));background:color-mix(in srgb, var(--surface) 90%, transparent);padding:var(--space-5);text-align:center;gap:var(--space-3);display:grid}.mafia-eliminated-banner h2{color:var(--muted-foreground);margin:0;font-size:1.3rem}.mafia-eliminated-banner p{color:var(--muted-foreground);margin:0;font-size:.9rem;line-height:1.65}.mafia-winner-hero{text-align:center;padding:var(--space-8) var(--space-4);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 30%, #ffb74d1f, transparent 55%), color-mix(in srgb, var(--card) 90%, transparent);border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));animation:mafia-reveal-content-in .6s var(--ease-out) both;margin-block-end:var(--space-6)}.mafia-winner-hero h1{margin:0 0 var(--space-2);background:linear-gradient(135deg, var(--primary), #fff8ed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,7vw,3.5rem);font-weight:800}.mafia-winner-hero p{color:var(--muted-foreground);margin:0;font-size:1rem}.mafia-chat-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 6%, var(--border));gap:.2rem;display:grid}.mafia-chat-message-system{background:color-mix(in srgb, var(--primary) 6%, transparent);border-color:color-mix(in srgb, var(--primary) 15%, var(--border));text-align:center}.mafia-chat-message-killers{border-inline-start:3px solid color-mix(in srgb, var(--danger) 50%, transparent);background:color-mix(in srgb, var(--danger) 5%, transparent)}.mafia-chat-message-ghosts{background:#6366f10a;border-inline-start:3px solid #6366f166}.mafia-chat-message-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mafia-chat-message-author{font-size:.85rem;font-weight:700}.mafia-chat-message-time{color:var(--muted-foreground);font-size:.75rem}.mafia-chat-message-channel{border-radius:var(--radius-full);background:color-mix(in srgb, var(--danger) 14%, transparent);color:#fca5a5;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.mafia-chat-message-body{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.6}.mafia-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin:0 0 var(--space-2);align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:inline-flex}.mafia-section-label svg{block-size:.95rem;inline-size:.95rem}.mafia-card{border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--foreground) 8%, var(--border));background:color-mix(in srgb, var(--card) 88%, transparent);box-shadow:0 1px 0 #ffffff08 inset, var(--shadow-sm);overflow:hidden}.mafia-card+.mafia-card{margin-block-start:var(--space-4)}.mafia-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-block-end:1px solid color-mix(in srgb, var(--foreground) 6%, var(--border));flex-wrap:wrap;display:flex}.mafia-card-header h2{align-items:center;gap:var(--space-2);margin:0;font-size:.95rem;font-weight:700;display:flex}.mafia-card-header h2 svg{block-height:1.1rem;inline-size:1.1rem;color:var(--primary)}.mafia-card-body{padding:var(--space-4) var(--space-5)}.mafia-player-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}@media (max-width:480px){.mafia-player-grid{grid-template-columns:1fr}}.mafia-room-code-block{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:color-mix(in srgb, var(--foreground) 6%, transparent);border:1px solid var(--border);font-variant-numeric:tabular-nums;display:inline-flex}.mafia-room-code{letter-spacing:.08em;color:var(--primary);font-size:.9rem;font-weight:800}.mafia-room-code-actions{gap:var(--space-1);display:flex}.mafia-room-code-btn{block-size:2rem;inline-size:2rem;color:var(--muted-foreground);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.mafia-room-code-btn:hover{background:color-mix(in srgb, var(--primary) 10%, transparent);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.mafia-room-code-btn svg{block-size:.9rem;inline-size:.9rem}.mafia-role-icon-lg{block-size:4.5rem;inline-size:4.5rem;margin-block:var(--space-4);color:var(--primary);background:radial-gradient(circle at 35% 35%,#ffffff1a,#0000 55%),linear-gradient(135deg,#ffb74d33,#b450141a);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 30px #ffb74d26}.mafia-role-icon-lg svg{block-size:2.2rem;inline-size:2.2rem}.mafia-phase-badge{border-radius:var(--radius-full);align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.mafia-phase-badge-night{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.mafia-phase-badge-day{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40}.mafia-phase-badge-voting{background:color-mix(in srgb, var(--danger) 12%, transparent);color:#fca5a5;border:1px solid color-mix(in srgb, var(--danger) 28%, transparent)}.mafia-phase-badge-lobby{background:color-mix(in srgb, var(--primary) 12%, transparent);color:#fcd34d;border:1px solid color-mix(in srgb, var(--primary) 25%, transparent)}.mafia-phase-badge-finished{background:color-mix(in srgb, var(--success) 12%, transparent);color:#86efac;border:1px solid color-mix(in srgb, var(--success) 25%, transparent)}.mafia-game-shell{gap:var(--space-4);max-inline-size:42rem;padding-inline:var(--space-4);margin-inline:auto;display:grid}.mafia-reconnect-toast{z-index:calc(var(--z-toast) + 5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--foreground) 14%, var(--border));inline-size:min(92vw,26rem);padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);animation:mafia-toast-in .3s var(--ease-out) both;background:#0a0814f2;grid-template-columns:auto 1fr auto;display:grid;position:fixed;inset-block-end:var(--space-6);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 20px 48px #00000073}.mafia-stat-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 6%, var(--border));display:flex}.mafia-stat-row-label{color:var(--muted-foreground);font-size:.85rem}.mafia-stat-row-value{font-size:.9rem;font-weight:700}@media (max-width:640px){.mafia-player-grid{grid-template-columns:1fr}.mafia-card-body,.mafia-card-header{padding:var(--space-3) var(--space-4)}}@media (max-width:375px){.mafia-mode-card{padding:var(--space-3) var(--space-4)}}@media (prefers-reduced-motion:reduce){.mafia-reveal-overlay,.mafia-reveal-warning,.mafia-reveal-card,.mafia-surface-transition,.mafia-vote-confirmation,.mafia-winner-hero,.mafia-connection-overlay,.mafia-composition,.mafia-reconnect-toast,.mafia-phase-timer-fill-danger,.mafia-lobby-player-status-connecting .mafia-lobby-player-status-dot{animation:none!important}.mafia-mode-card:hover{transform:none}.mafia-connection-spinner{animation-duration:1.5s}}.mafia-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mafia-focus-ring:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 60%, transparent);outline-offset:3px}.mafia-chat-form{gap:var(--space-3);border-block-start:1px solid color-mix(in srgb, var(--foreground) 6%, var(--border));grid-template-columns:minmax(0,1fr) auto;margin-block-start:var(--space-4);padding-block-start:var(--space-4);display:grid}.mafia-chat-form input[type=text]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--input);min-block-size:2.75rem;inline-size:100%;padding-inline:var(--space-4);font:inherit;color:inherit;font-size:.9rem}.mafia-chat-form input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.mafia-scrollable{scrollbar-gutter:stable;gap:var(--space-2);max-block-size:20rem;display:grid;overflow-y:auto}.mafia-divider{border:none;border-block-start:1px solid color-mix(in srgb, var(--foreground) 8%, var(--border));margin:var(--space-4) 0}.mafia-text-muted{color:var(--muted-foreground);font-size:.85rem;line-height:1.6}.mafia-advanced-settings{border-radius:var(--radius-xl);border:1px dashed color-mix(in srgb, var(--foreground) 12%, var(--border));padding:var(--space-5);background:color-mix(in srgb, var(--surface) 60%, transparent);margin-block-start:var(--space-6)}