:root,:root[data-theme=dark]{--font-arabic:"Cairo Variable", "Segoe UI", Tahoma, sans-serif;--font-alexandria:"Alexandria Variable", var(--font-arabic);--font-sans:var(--font-arabic);--brand-ink:#080d12;--brand-navy:#111827;--brand-gold:#d4af37;--brand-cream:#f2e8d5;--brand-ivory:#fefbf6;--gold-gradient:linear-gradient(135deg, #f3d58b, #d4af37, #96651d);--border-gold:#d4af3761;--surface-dark:var(--brand-ink);--surface-light:var(--brand-ivory);--text-dark:var(--brand-navy);--text-light:var(--brand-ivory);--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;--admin-verified:#28aee4;--admin-verified-highlight:#5ac8f2;--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}:root[data-theme=light]{--background:#fefbf6;--foreground:#111827;--surface:#f8f1e5;--surface-strong:#fff;--surface-soft:#f2e8d5;--canvas:var(--background);--card:#fffffff0;--card-foreground:#111827;--popover:#fffffffa;--popover-foreground:#111827;--primary:#9a6a1e;--primary-foreground:#fff;--secondary:#9a6a1e1a;--secondary-foreground:#111827;--muted:#9a6a1e12;--muted-foreground:#6b6256;--text-soft:#62594e;--accent:#9a4f00;--accent-foreground:#fff;--border:#9a6a1e33;--border-bright:#9a6a1e75;--input:#fff;--ring:#9a6a1e;--success:#2e7d32;--success-foreground:#fff;--danger:#c62828;--danger-foreground:#fff;--link:#85550f;--warning:#9a6700;--warning-foreground:#fff;--info:#9a4f00;--info-foreground:#fff;--surface-glass:#ffffffc2;--surface-glass-strong:#ffffffeb;--surface-stage:#fffbf6f5;--surface-stage-line:#9a6a1e40;--surface-stage-hotline:#9a6a1e8f;--quantum-line:#9a6a1e14;--quantum-line-strong:#1118270f;--quantum-lime:#9a6700;--quantum-shadow:#11182724;--border-glass:#9a6a1e33;--hero-warm-glow:#d4af3724;--hero-violet-glow:#9a6a1e1a;--hero-panel-glow:#d4af372e;--hero-deep:#f2e8d5;--overlay:#1118278f;--overlay-deep:#111827b3;--overlay-dialog:#1118279e;--mask-ink:#111827;--qr-paper:#fff;--qr-ink:#111827;--surface-raised:#9a6a1e0f;--neutral-silver:#6b6256;--neutral-bronze:#9a6700;--shadow-sm:0 12px 30px #1118271a;--shadow-lg:0 24px 60px #11182724;--shadow-hover:0 30px 72px #1118272e}.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}.ivory-home .gc-wrapper--embedded{--background:var(--ivory-paper);--foreground:var(--ivory-ink);--card:var(--ivory-paper-strong);--card-foreground:var(--ivory-ink);--popover:var(--ivory-paper-strong);--popover-foreground:var(--ivory-ink);--muted:#eee6da;--muted-foreground:var(--ivory-muted);--text-soft:var(--ivory-ink-soft);--accent:var(--ivory-gold);--accent-foreground:#fff6e8;--gold:var(--ivory-gold);--input:#fff3e2;--border:var(--ivory-line);--border-bright:#7a1f2b42;--surface-glass-strong:#fff6e8fa;--overlay:#0713217a;--success:#3f7354;--success-foreground:#173321;--info:var(--ivory-gold);--info-foreground:var(--ivory-ink);--shadow-sm:0 12px 30px #7a1f2b17;--shadow-hover:0 20px 44px #7a1f2b26;--gc-bg:#fff6e8e6;--gc-line:var(--ivory-line);--gc-line-strong:#7a1f2b42;--gc-chip:#7a1f2b14;--gc-chip-active:#7a1f2b24;color:var(--foreground);background:radial-gradient(circle at 12% 8%, #7a1f2b1a, transparent 28rem), radial-gradient(circle at 88% 18%, #d8aa631f, transparent 24rem), var(--ivory-paper);border-block:1px solid var(--gc-line);padding-block:clamp(1rem,2vw,2rem)}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded{--muted:#d4af371a;--muted-foreground:#b8aa96;--text-soft:#e7ddce;--accent-foreground:#080d12;--input:#172033;--surface-glass-strong:#111827f5;--overlay:#0000009e;--gc-bg:#111827e0;--gc-chip:#d4af3724;--gc-chip-active:#d4af373d}.gc-wrapper--embedded .gc-hero{padding-block:clamp(1.5rem,3vw,2.75rem) clamp(1.25rem,2vw,2rem)}.gc-wrapper--embedded .gc-hero-inner{grid-template-columns:minmax(0,1fr)}.gc-wrapper--embedded .gc-hero-preview{display:none!important}.gc-wrapper--embedded .gc-hero-desc{max-width:72ch}.gc-wrapper--embedded .gc-catalog-body{padding-block-end:clamp(1.5rem,3vw,3rem)}.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{--visual-a:var(--game-accent);--visual-b:#00d4ff;--visual-c:#ffb40c;--visual-ink:#fff8ed;aspect-ratio:16/9;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 18%, var(--visual-a), transparent 34%), radial-gradient(circle at 20% 30%, var(--visual-b), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}@supports (color:color-mix(in lab, red, red)){.gc-card-visual{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--visual-a) 34%, transparent), transparent 34%), radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--visual-b) 24%, transparent), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}}.gc-card-visual{perspective:720px;border:1px solid var(--game-accent);place-items:center;display:block;position:relative}@supports (color:color-mix(in lab, red, red)){.gc-card-visual{border:1px solid color-mix(in srgb, var(--game-accent) 30%, transparent)}}.gc-card-visual{isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 -24px 42px #00000052}.gc-card-visual:before,.gc-card-visual:after{content:"";pointer-events:none;position:absolute}.gc-card-visual:before{z-index:0;background:linear-gradient(90deg, transparent, var(--visual-c), transparent), radial-gradient(circle at 50% 100%, var(--visual-a), transparent 48%);inset:0}@supports (color:color-mix(in lab, red, red)){.gc-card-visual:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--visual-c) 24%, transparent), transparent), radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--visual-a) 22%, transparent), transparent 48%)}}.gc-card-visual:before{opacity:.8}.gc-card-visual:after{z-index:1;background:var(--visual-a);border-radius:999px;block-size:22%;inset-block-end:10%;inset-inline:12%}@supports (color:color-mix(in lab, red, red)){.gc-card-visual:after{background:color-mix(in srgb, var(--visual-a) 34%, transparent)}}.gc-card-visual:after{filter:blur(20px);opacity:.72}.gc-scene-glow,.gc-scene-grid,.gc-scene-main,.gc-scene-side,.gc-scene-chips,.gc-scene-floor{z-index:2;position:absolute}.gc-scene-glow{background:radial-gradient(circle, var(--visual-c) 0 2%, transparent 48%);border-radius:50%;block-size:46%;inset:10% 28% auto}@supports (color:color-mix(in lab, red, red)){.gc-scene-glow{background:radial-gradient(circle, color-mix(in srgb, var(--visual-c) 76%, #fff) 0 2%, transparent 48%)}}.gc-scene-glow{filter:blur(2px);opacity:.75}.gc-scene-grid{transform-origin:bottom;background:linear-gradient(var(--visual-c) 1px, transparent 1px), linear-gradient(90deg, var(--visual-c) 1px, transparent 1px);block-size:48%;inset-block-end:-18%;inset-inline:-12%;transform:rotateX(64deg)}@supports (color:color-mix(in lab, red, red)){.gc-scene-grid{background:linear-gradient(color-mix(in srgb, var(--visual-c) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--visual-c) 18%, transparent) 1px, transparent 1px)}}.gc-scene-grid{opacity:.42;background-size:1.15rem 1.15rem}.gc-scene-main{border:1px solid var(--visual-c);place-items:center;block-size:3.8rem;min-inline-size:3.8rem;display:grid;inset-block-start:27%;inset-inline-start:50%}@supports (color:color-mix(in lab, red, red)){.gc-scene-main{border:1px solid color-mix(in srgb, var(--visual-c) 48%, transparent)}}.gc-scene-main{background:radial-gradient(circle at 30% 20%, #ffffff52, transparent 30%), linear-gradient(145deg, var(--visual-a), #111827 88%);border-radius:1.15rem}@supports (color:color-mix(in lab, red, red)){.gc-scene-main{background:radial-gradient(circle at 30% 20%, #ffffff52, transparent 30%), linear-gradient(145deg, color-mix(in srgb, var(--visual-a) 78%, #fff 8%), #111827 88%)}}.gc-scene-main{color:var(--visual-ink);text-shadow:0 2px 10px #00000070;font-size:2.15rem;font-weight:900;line-height:1;transform:translate(-50%)rotateX(12deg)rotateY(-12deg)translateZ(2rem);box-shadow:0 18px 26px #00000057,inset 0 1px #ffffff3d}.gc-scene-side{border:1px solid var(--visual-b);place-items:center;block-size:2.45rem;inline-size:2.45rem;display:grid}@supports (color:color-mix(in lab, red, red)){.gc-scene-side{border:1px solid color-mix(in srgb, var(--visual-b) 38%, transparent)}}.gc-scene-side{background:radial-gradient(circle at 32% 24%, #ffffff57, transparent 30%), var(--visual-b);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.gc-scene-side{background:radial-gradient(circle at 32% 24%, #ffffff57, transparent 30%), color-mix(in srgb, var(--visual-b) 42%, #0b1220)}}.gc-scene-side{color:var(--visual-ink);font-size:1.15rem;font-weight:900;box-shadow:0 12px 20px #00000052}.gc-scene-side--left{inset-block-start:35%;inset-inline-start:18%;transform:rotateY(22deg)rotate(-8deg)}.gc-scene-side--right{inset-block-start:28%;inset-inline-end:17%;transform:rotateY(-22deg)rotate(8deg)}.gc-scene-chips{justify-content:center;gap:.4rem;display:flex;inset-block-end:14%;inset-inline:0}.gc-scene-chips span{border:1px solid var(--visual-c);border-radius:.42rem;place-items:center;block-size:1.72rem;min-inline-size:1.72rem;display:grid}@supports (color:color-mix(in lab, red, red)){.gc-scene-chips span{border:1px solid color-mix(in srgb, var(--visual-c) 42%, transparent)}}.gc-scene-chips span{background:linear-gradient(145deg, #ffffff38, transparent 38%), var(--visual-c)}@supports (color:color-mix(in lab, red, red)){.gc-scene-chips span{background:linear-gradient(145deg, #ffffff38, transparent 38%), color-mix(in srgb, var(--visual-c) 55%, #101827)}}.gc-scene-chips span{color:#0b111d;font-size:.68rem;font-weight:900;transform:rotateX(14deg);box-shadow:0 9px 12px #00000047}.gc-scene-floor{background:radial-gradient(ellipse at center, var(--visual-c), transparent 70%);border-radius:999px;block-size:1.1rem;inset-block-end:6%;inset-inline:16%}@supports (color:color-mix(in lab, red, red)){.gc-scene-floor{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--visual-c) 60%, transparent), transparent 70%)}}.gc-scene-floor{filter:blur(4px);opacity:.9}.gc-card-visual[data-visual=mafia]{--visual-a:#7f1d1d;--visual-b:#8b5cf6;--visual-c:#ef4444}.gc-card-visual[data-visual=infiltrator]{--visual-a:#047857;--visual-b:#22c55e;--visual-c:#34d399}.gc-card-visual[data-visual=chess]{--visual-a:#7c3aed;--visual-b:#d6b98c;--visual-c:#f4c56a}.gc-card-visual[data-visual=color-rush]{--visual-a:#7c3aed;--visual-b:#06b6d4;--visual-c:#f59e0b}.gc-card-visual[data-visual=memory-flash]{--visual-a:#059669;--visual-b:#14b8a6;--visual-c:#facc15}.gc-card-visual[data-visual=word-code]{--visual-a:#0369a1;--visual-b:#22d3ee;--visual-c:#a7f3d0}.gc-card-visual[data-visual=category-board]{--visual-a:#b45309;--visual-b:#dc2626;--visual-c:#fbbf24}.gc-card-visual[data-visual=millionaire]{--visual-a:#1d4ed8;--visual-b:#6d28d9;--visual-c:#facc15}.gc-card-visual[data-visual=parallel-world]{--visual-a:#0891b2;--visual-b:#7c3aed;--visual-c:#67e8f9}.gc-card-visual[data-visual=reverse-time]{--visual-a:#c2410c;--visual-b:#f97316;--visual-c:#fde68a}.gc-card-visual[data-visual=spectrum]{--visual-a:#9333ea;--visual-b:#ec4899;--visual-c:#38bdf8}.gc-list .gc-card-visual{aspect-ratio:1;grid-area:1/2/span 2;block-size:5.5rem;inline-size:5.5rem}.gc-list .gc-scene-main{border-radius:.8rem;block-size:2.45rem;min-inline-size:2.45rem;font-size:1.28rem}.gc-list .gc-scene-side,.gc-list .gc-scene-chips{display:none}.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}.ivory-home .gc-wrapper--embedded .gc-card{--game-accent:var(--ivory-gold);background:linear-gradient(145deg, #7a1f2b0e, transparent 42%), linear-gradient(320deg, #d4af3714, transparent 52%), var(--ivory-paper-strong);border-color:var(--ivory-line)}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card{background:linear-gradient(145deg, #d4af371a, transparent 44%), var(--ivory-paper-strong)}.ivory-home .gc-wrapper--embedded .gc-card:hover,.ivory-home .gc-wrapper--embedded .gc-card[data-mode=chess]:hover{box-shadow:var(--shadow-hover), 0 0 0 1px #d4af3729;border-color:#7a1f2b57}.ivory-home .gc-wrapper--embedded .gc-card-visual{background:radial-gradient(circle at 50% 18%, var(--visual-a), transparent 34%), radial-gradient(circle at 20% 30%, var(--visual-b), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}@supports (color:color-mix(in lab, red, red)){.ivory-home .gc-wrapper--embedded .gc-card-visual{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--visual-a) 34%, transparent), transparent 34%), radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--visual-b) 24%, transparent), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}}.ivory-home .gc-wrapper--embedded .gc-card-visual{border-color:var(--visual-a)}@supports (color:color-mix(in lab, red, red)){.ivory-home .gc-wrapper--embedded .gc-card-visual{border-color:color-mix(in srgb, var(--visual-a) 34%, #d4af3733)}}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card-visual{background:radial-gradient(circle at 50% 18%, var(--visual-a), transparent 34%), radial-gradient(circle at 20% 30%, var(--visual-b), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card-visual{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--visual-a) 34%, transparent), transparent 34%), radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--visual-b) 24%, transparent), transparent 28%), linear-gradient(160deg, #07111f 0%, #0b1020 52%, #03070e 100%)}}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card-visual{border-color:var(--visual-a)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card-visual{border-color:color-mix(in srgb, var(--visual-a) 34%, #d4af3733)}}.ivory-home .gc-wrapper--embedded .gc-card-kind[data-kind]{color:#7a1f2b;background:#7a1f2b1a}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-card-kind[data-kind]{color:var(--ivory-ink);background:#d4af3729}.ivory-home .gc-wrapper--embedded .gc-meta-chip[data-realtime=true]{color:#315c42}:root[data-theme=dark] .ivory-home .gc-wrapper--embedded .gc-meta-chip[data-realtime=true]{color:#9bd7b0}.ivory-home .gc-wrapper--embedded .gc-card-foot a,.ivory-home .gc-wrapper--embedded .gc-card-foot button{background:var(--ivory-gold);color:#080d12}@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-disabled{color:color-mix(in srgb, var(--muted-foreground) 86%, var(--foreground));font-size:.72rem;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-night-confirmation{gap:var(--space-2);display:grid}.mafia-night-confirmation>p{color:color-mix(in srgb, var(--warning) 72%, var(--foreground));margin:0;font-size:.82rem}.mafia-night-locked{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--success) 35%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--success) 9%, var(--surface));color:color-mix(in srgb, var(--success) 72%, var(--foreground));margin:0}.mafia-action-error{color:color-mix(in srgb, var(--danger) 75%, var(--foreground));margin:0;font-size:.82rem}.mafia-dossier{border:1px solid color-mix(in srgb, var(--info) 35%, var(--border));border-radius:var(--radius-xl);background:color-mix(in srgb, var(--card) 94%, var(--info) 6%);overflow:hidden}.mafia-dossier-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-block-end:1px solid color-mix(in srgb, var(--info) 20%, var(--border));flex-wrap:wrap;display:flex}.mafia-dossier-title-group{gap:var(--space-3);align-items:flex-start;display:flex}.mafia-dossier-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--info) 14%, var(--surface));block-size:2.5rem;inline-size:2.5rem;color:var(--info);flex:none;place-items:center;display:grid}.mafia-dossier-icon svg{block-size:1.25rem;inline-size:1.25rem}.mafia-dossier-header h2{margin:0 0 var(--space-1);font-size:clamp(1.05rem,3vw,1.3rem)}.mafia-dossier-header p{max-inline-size:56ch;color:color-mix(in srgb, var(--info) 32%, var(--foreground));margin:0;font-size:.86rem;line-height:1.6}.mafia-dossier-private{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:color-mix(in srgb, var(--info) 13%, var(--surface));color:color-mix(in srgb, var(--info) 75%, white);padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.mafia-dossier-private svg{block-size:.85rem;inline-size:.85rem}.mafia-dossier-result{gap:var(--space-4);margin:var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);animation:mafia-dossier-unseal .56s var(--ease-out) both;align-items:flex-start;display:flex}.mafia-dossier-result-danger{border-color:color-mix(in srgb, var(--danger) 42%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--surface))}.mafia-dossier-result-clear{border-color:color-mix(in srgb, var(--success) 42%, var(--border));background:color-mix(in srgb, var(--success) 9%, var(--surface))}.mafia-dossier-result-icon{border-radius:50%;flex:none;place-items:center;block-size:2.6rem;inline-size:2.6rem;display:grid}.mafia-dossier-result-danger .mafia-dossier-result-icon{color:color-mix(in srgb, var(--danger) 78%, white);background:color-mix(in srgb, var(--danger) 14%, var(--surface))}.mafia-dossier-result-clear .mafia-dossier-result-icon{color:color-mix(in srgb, var(--success) 78%, white);background:color-mix(in srgb, var(--success) 14%, var(--surface))}.mafia-dossier-result-icon svg{block-size:1.25rem;inline-size:1.25rem}.mafia-dossier-result-round{color:var(--muted-foreground);margin-block-end:var(--space-1);font-size:.75rem;display:block}.mafia-dossier-result strong{font-size:clamp(1.1rem,4vw,1.45rem);display:block}.mafia-dossier-result p,.mafia-dossier-empty p,.mafia-dossier-clue p{margin:var(--space-1) 0 0;color:var(--muted-foreground);font-size:.86rem;line-height:1.6}.mafia-dossier-empty{align-items:center;gap:var(--space-3);padding:var(--space-5);color:color-mix(in srgb, var(--info) 65%, var(--foreground));display:flex}.mafia-dossier-empty>svg{flex:none;block-size:1.35rem;inline-size:1.35rem}.mafia-dossier-history{padding:0 var(--space-5) var(--space-5)}.mafia-dossier-history h3{margin:0 0 var(--space-3);font-size:.9rem}.mafia-dossier-history ol{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mafia-dossier-history li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-block-end:1px solid color-mix(in srgb, var(--foreground) 7%, var(--border));display:flex}.mafia-dossier-history li:last-child{border-block-end:0}.mafia-dossier-history li span{color:var(--muted-foreground);font-size:.78rem}.mafia-dossier-history li strong{text-align:end;font-size:.86rem}.mafia-dossier-clue{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-block-start:1px solid color-mix(in srgb, var(--info) 20%, var(--border));background:color-mix(in srgb, var(--info) 5%, var(--surface));display:flex}.mafia-dossier-clue p{max-inline-size:50ch;margin:0}@keyframes mafia-dossier-unseal{0%{opacity:.82;clip-path:inset(0 0 14% 0 round var(--radius-lg));transform:translateY(8px)}to{opacity:1;clip-path:inset(0 round var(--radius-lg));transform:translateY(0)}}.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:color-mix(in srgb, var(--warning) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--warning) 32%, var(--border));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);color:var(--primary);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-color:color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 5%, transparent)}.mafia-chat-message-ghosts{border-color:color-mix(in srgb, #6366f1 30%, var(--border));background:#6366f10a}.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-chat-empty{padding:var(--space-5);text-align:center;color:var(--muted-foreground);margin:0;font-size:.86rem}.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)}.mafia-dossier-header,.mafia-dossier-result,.mafia-dossier-history,.mafia-dossier-clue{padding-inline:var(--space-4);margin-inline:0}.mafia-dossier-clue{flex-direction:column;align-items:stretch}.mafia-dossier-clue .button{inline-size:100%}}@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-dossier-result,.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)}