:root{--bg-void:#0a0a12;--bg-deep:#13131e;--text-primary:#f0eee6;--text-muted:#8a8a96;--border-faint:#ffffff0f;--surface-glass:#ffffff08;--surface-blur:blur(16px) saturate(140%);--theme-bg:var(--bg-void);--theme-accent:#c0c0c8;--theme-glow:#f0eee6;--theme-surface:var(--surface-glass);--theme-display:"Inter", system-ui, sans-serif;--theme-display-tracking:0;--theme-display-transform:none;--motion-scene-duration:.7s;--motion-scene-easing:cubic-bezier(.22, 1, .36, 1);--motion-ui-duration:.15s;--motion-ui-easing:cubic-bezier(.4, 0, .2, 1);--motion-snappy:.25s;--motion-flow:.6s;--motion-cinematic:.9s;--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--type-xs:12px;--type-sm:14px;--type-base:16px;--type-lg:20px;--type-xl:28px;--type-2xl:40px;--type-3xl:56px;--type-4xl:84px;--z-atmosphere:0;--z-bg-panel:10;--z-surface:20;--z-hud:50;--z-overlay:100;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-arabic:"Noto Sans Arabic", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}html{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:var(--type-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}body{min-height:100vh;position:relative;overflow-x:hidden}:lang(ar),:lang(ku){font-family:var(--font-arabic)}[dir=rtl] .mega-subtitle,[dir=rtl] .hero-tagline,[dir=rtl] .hero-body,[dir=rtl] .hero-hint,[dir=rtl] .hero-badge,[dir=rtl] .cta-create,[dir=rtl] .cta-join,[dir=rtl] .cta-local-text strong,[dir=rtl] .cta-local-text span,[dir=rtl] .cta-local-tag,[dir=rtl] .feat-text strong,[dir=rtl] .feat-text span,[dir=rtl] .main-nav button,[dir=rtl] .lang-switch button,[dir=rtl] .shelf-eyebrow,[dir=rtl] .shelf-card-kicker,[dir=rtl] .shelf-card-title,[dir=rtl] .shelf-card-desc,[dir=rtl] .shelf-card-enter,[dir=rtl] .shelf-back-top,[dir=rtl] .shelf-footer-title,[dir=rtl] .shelf-footer-sub,[dir=rtl] .book-kicker,[dir=rtl] .book-title,[dir=rtl] .book-tagline,[dir=rtl] .create-picker-eyebrow,[dir=rtl] .create-picker-option-text strong,[dir=rtl] .create-picker-option-text span,[dir=rtl] .create-picker-cancel,[dir=rtl] .gi-back,[dir=rtl] .gi-eyebrow,[dir=rtl] .gi-slogan,[dir=rtl] .gi-description,[dir=rtl] .gi-tag,[dir=rtl] .gi-cta,[dir=rtl] .gi-hint,[dir=rtl] .gi-section-eyebrow,[dir=rtl] .gi-section-title,[dir=rtl] .gi-stat-label,[dir=rtl] .gi-stat-value,[dir=rtl] .gi-step-title,[dir=rtl] .gi-step-desc,[dir=rtl] .gi-role-name,[dir=rtl] .gi-role-desc,[dir=rtl] .gi-role-badge,[dir=rtl] .gi-bottom-title,[dir=rtl] .gi-bottom-sub,[dir=rtl] .gi-about-body,[dir=rtl] .gi-about-briefing,[dir=rtl] .gi-category-title,[dir=rtl] .gi-category-diff,[dir=rtl] .gi-categories-stats,[dir=rtl] .gi-setup-group-title,[dir=rtl] .shelf-title,[dir=rtl] .scroll-hint{letter-spacing:normal;text-transform:none}[dir=rtl] .gi-title,[dir=rtl] .gi-section-title,[dir=rtl] .gi-bottom-title,[dir=rtl] .shelf-title,[dir=rtl] .mega-title,[dir=rtl] .book-title{letter-spacing:0;text-transform:none}[dir=rtl] .gi-tag,[dir=rtl] .gi-stat-label,[dir=rtl] .gi-role-badge,[dir=rtl] .gi-category-diff,[dir=rtl] .gi-step-title{letter-spacing:0}[dir=rtl] .hero-body,[dir=rtl] .gi-description,[dir=rtl] .gi-about-body,[dir=rtl] .gi-step-desc,[dir=rtl] .gi-role-desc{text-align:start}.atmosphere{z-index:var(--z-atmosphere);pointer-events:none;background:var(--theme-bg);transition:background .6s var(--motion-scene-easing);position:fixed;inset:0}.atmosphere:before,.atmosphere:after{content:"";pointer-events:none;position:absolute;inset:0}.shell{z-index:var(--z-surface);flex-direction:column;min-height:100vh;display:flex;position:relative}.hud{z-index:var(--z-hud);top:var(--s-4);right:var(--s-4);gap:var(--s-2);align-items:center;display:flex;position:fixed}.lang-switch{gap:var(--s-1);background:var(--theme-surface);-webkit-backdrop-filter:var(--surface-blur);padding:var(--s-1);border:1px solid var(--border-faint);border-radius:999px;display:flex}.lang-switch button{font-size:var(--type-xs);color:var(--text-muted);transition:color var(--motion-ui-duration) var(--motion-ui-easing), background var(--motion-ui-duration) var(--motion-ui-easing);border-radius:999px;padding:6px 12px}.lang-switch button:hover,.lang-switch button[aria-current=true]{color:var(--text-primary);background:#ffffff0d}.mute-toggle{background:var(--theme-surface);width:36px;height:36px;-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);font-size:var(--type-base);color:var(--text-muted);transition:color var(--motion-ui-duration) var(--motion-ui-easing);border-radius:999px;place-items:center;display:grid}.mute-toggle:hover{color:var(--text-primary)}.main-nav{z-index:var(--z-hud);top:var(--s-4);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);background:#08060e8c;border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.main-nav button{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color var(--motion-ui-duration) var(--motion-ui-easing), background var(--motion-ui-duration) var(--motion-ui-easing);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:11px;font-weight:600}.main-nav button:hover{color:#f3d77a;background:#d4af3714}.main-nav button[aria-current=true]{color:#f3d77a;background:#d4af371f}.main-nav button:focus-visible{outline-offset:2px;outline:2px solid #d4af37e6}@media (width<=1080px){.main-nav{display:none}}.brand{z-index:var(--z-hud);top:var(--s-4);left:var(--s-4);align-items:center;gap:var(--s-2);color:var(--text-primary);font-family:var(--theme-display);letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);display:flex;position:fixed}.brand-mark{object-fit:contain;filter:drop-shadow(0 0 12px #d4af3773);background:0 0;border:0;width:42px;height:42px}.brand-text strong{font-size:var(--type-sm);letter-spacing:.08em;font-weight:600;display:block}.brand-text span{font-size:var(--type-xs);color:var(--text-muted);letter-spacing:.04em;display:block}.view{padding:var(--s-9) var(--s-5) var(--s-7);flex:1;width:100%;max-width:1200px;margin:0 auto;display:none}.view.active-view{gap:var(--s-6);animation:scene-in var(--motion-scene-duration) var(--motion-scene-easing);flex-direction:column;display:flex}@keyframes scene-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--s-2);font-family:var(--font-body);font-size:var(--type-base);letter-spacing:.02em;transition:transform var(--motion-ui-duration) var(--motion-ui-easing), background var(--motion-ui-duration) var(--motion-ui-easing), box-shadow var(--motion-ui-duration) var(--motion-ui-easing);border:1px solid #0000;border-radius:12px;padding:14px 28px;font-weight:600;display:inline-flex}.btn-primary{background:var(--theme-accent);color:var(--bg-void);box-shadow:0 0 0 0 var(--theme-glow)}.btn-primary:hover{box-shadow:0 0 32px -4px var(--theme-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--theme-surface);-webkit-backdrop-filter:var(--surface-blur);color:var(--text-primary);border-color:var(--border-faint)}.btn-secondary:hover{border-color:var(--theme-accent);color:var(--theme-glow)}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary)}.btn-danger{color:#ff8080;background:#b4323c26;border-color:#b4323c66}:focus-visible{outline:2px solid var(--theme-glow);outline-offset:2px;border-radius:6px}.toast{z-index:var(--z-overlay);bottom:var(--s-7);padding:var(--s-3) var(--s-5);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);color:var(--text-primary);font-size:var(--type-sm);opacity:1;background:#14141ee6;border-radius:999px;transition:opacity .3s ease-out;position:fixed;left:50%;transform:translate(-50%)}.toast.hidden{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.1s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.atmosphere:before,.atmosphere:after{animation:none!important}}.theme-fx .hud-text,.theme-fx .code-col{display:none}[data-theme=spy-game] .theme-fx .hud-text,[data-theme=spy-game] .theme-fx .code-col{display:block}img[loading=lazy]{opacity:0;background-color:#0a0a1299;transition:opacity .32s cubic-bezier(.22,1,.36,1)}img[loading=lazy].lazy-loaded,img[loading=lazy].loaded{opacity:1}@media (prefers-reduced-motion:reduce){img[loading=lazy]{transition:none}}body[data-perf=low] .atmosphere:before,body[data-perf=low] .atmosphere:after{opacity:.55;animation:none!important}body[data-perf=low] .atmosphere,body[data-perf=low] .atmosphere:before,body[data-perf=low] .atmosphere:after{filter:none!important}@media (width<=600px){:root{--surface-blur:none}}body[data-perf=low]{--surface-blur:none}body[data-perf=low] *,body[data-perf=low] :before,body[data-perf=low] :after{-webkit-backdrop-filter:none!important}@media (width<=600px){.local-play-content,.local-play #localPlayBack,.home-stage .cta-local{-webkit-backdrop-filter:none!important}.glow-breathe,.atmosphere:before,.atmosphere:after{animation:none!important}}@media (prefers-contrast:more){:root{--border-faint:#ffffff2e;--text-muted:#b0b0b8}}.home .hero{text-align:center;padding:var(--s-7) 0 var(--s-6)}.eyebrow{font-family:var(--font-mono);font-size:var(--type-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-faint);margin-bottom:var(--s-4);border-radius:999px;padding:6px 12px;display:inline-block}.display{font-family:var(--theme-display);font-weight:700;font-size:clamp(var(--type-2xl), 6vw, var(--type-4xl));letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);margin:0 0 var(--s-3);line-height:1.05}.lede{font-size:var(--type-lg);color:var(--text-muted);max-width:60ch;margin:0 auto;line-height:1.55}.games-grid{gap:var(--s-5);margin-top:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.game-card{align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5) var(--s-5);background:var(--surface-glass);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);cursor:pointer;transition:transform .3s var(--motion-scene-easing), box-shadow .3s var(--motion-scene-easing), border-color .3s var(--motion-scene-easing);isolation:isolate;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:radial-gradient(circle at 50% 0%, var(--card-glow,transparent) 0%, transparent 65%);opacity:.3;z-index:-1;transition:opacity .3s ease-out;position:absolute;inset:0}.game-card:hover{border-color:var(--card-glow,var(--border-faint));box-shadow:0 16px 48px -16px var(--card-glow,transparent);transform:translateY(-6px)}.game-card:hover:before{opacity:.7}.game-card[data-theme=vampire-village]{--card-glow:#8b1538}.game-card[data-theme=mafia-classic]{--card-glow:#c9a961}.game-card[data-theme=spy-game]{--card-glow:#3fb8af}.game-icon{filter:drop-shadow(0 4px 16px #0006);font-size:64px;line-height:1}.game-card strong{font-family:var(--theme-display);font-size:var(--type-xl);font-weight:700}.game-card .muted{color:var(--text-muted);font-size:var(--type-sm);text-align:center;max-width:24ch}.join-shortcut{margin-top:var(--s-6);justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);background:var(--surface-glass);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);border-radius:16px;display:flex}.join-shortcut strong{font-weight:600;display:block}.join-shortcut span{color:var(--text-muted);font-size:var(--type-sm);display:block}@media (width<=640px){.join-shortcut{text-align:center;flex-direction:column;align-items:stretch}}.view.game-info{width:100%;max-width:none;padding:0}.view.game-info.active-view{gap:0;padding:0;display:block}.gi-page{width:100%;color:var(--text-primary);background:linear-gradient(#050308 0%,#0a0a14 100%);flex-direction:column;display:flex;position:relative}.gi-back{top:clamp(96px,9vh,120px);left:clamp(var(--s-4), 4vw, var(--s-6));z-index:10;align-items:center;gap:var(--s-2);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;border:1px solid var(--theme-accent,#d4af3759);color:var(--theme-glow,#f3d77a);cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);background:#08060e9e;border-radius:999px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-flex;position:absolute}.gi-back:hover{border-color:var(--theme-glow,#f3d77a);box-shadow:0 0 24px color-mix(in srgb, var(--theme-glow,#f3d77a) 35%, transparent);transform:translate(-2px)}.gi-back:focus-visible{outline:2px solid var(--theme-glow,#f3d77a);outline-offset:3px}.gi-back-arrow{font-size:14px;line-height:1}.gi-hero{isolation:isolate;padding:clamp(140px, 18vh, 200px) clamp(var(--s-5), 6vw, 96px) clamp(var(--s-6), 5vh, var(--s-7));position:relative;overflow:hidden}.gi-hero-bg{z-index:0;background:radial-gradient(ellipse at 70% 40%, color-mix(in srgb, var(--theme-glow,#d4af37) 18%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 25% 90%, color-mix(in srgb, var(--theme-accent,#8b1538) 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, #08050e 0%, #02010a 100%);position:absolute;inset:0}.gi-hero--has-image .gi-hero-bg{background:linear-gradient(180deg, #05030a73 0%, transparent 18%, transparent 64%, #05030a8c 86%, #05030aeb 100%), linear-gradient(90deg, #020206e0 0%, #0202068c 28%, #0202062e 52%, #0202064d 82%, #020206a6 100%), var(--gi-hero-bg-image,none) center/cover no-repeat;background-color:#050308}@media (width<=768px){.gi-hero--has-image .gi-hero-bg{background-image:linear-gradient(180deg, #05030a73 0%, transparent 18%, transparent 64%, #05030a8c 86%, #05030aeb 100%), linear-gradient(90deg, #020206e0 0%, #0202068c 28%, #0202062e 52%, #0202064d 82%, #020206a6 100%), var(--gi-hero-bg-image-mobile,var(--gi-hero-bg-image,none))}}.gi-hero-bg:after{content:"";background:radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--theme-glow,#d4af37) 8%, transparent) 0%, transparent 40%), repeating-linear-gradient(115deg, transparent 0 80px, #ffffff03 80px 81px);pointer-events:none;position:absolute;inset:0}.gi-hero--has-image .gi-hero-vignette:before{content:"";background:radial-gradient(ellipse at 25% 80%, color-mix(in srgb, var(--theme-accent,#8b1538) 18%, transparent), transparent 55%), radial-gradient(ellipse at 75% 30%, color-mix(in srgb, var(--theme-glow,#d4af37) 10%, transparent), transparent 50%);filter:blur(36px);pointer-events:none;animation:18s ease-in-out infinite gi-mist-drift;position:absolute;inset:0}@keyframes gi-mist-drift{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(2%,-1.5%)}}.gi-hero-vignette{background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--theme-accent,#8b1538) 18%, transparent) 0%, transparent 55%), radial-gradient(ellipse at 50% 50%, transparent 30%, #0000008c 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.gi-hero-grid{z-index:2;gap:clamp(var(--s-5), 4vw, var(--s-9));grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.gi-hero-left{gap:var(--s-3);flex-direction:column;display:flex}.gi-title-row{align-items:center;gap:var(--s-3);display:flex}.gi-theme-icon{color:var(--theme-accent,#c41e3a);filter:drop-shadow(0 0 12px color-mix(in srgb, var(--theme-accent,#c41e3a) 65%, transparent)) drop-shadow(0 0 4px color-mix(in srgb, var(--theme-glow,#d4af37) 35%, transparent));justify-content:center;align-items:center;display:inline-flex}.gi-theme-icon--glyph{color:var(--theme-glow,#f3d77a);text-shadow:0 0 14px color-mix(in srgb, var(--theme-glow,#d4af37) 55%, transparent);filter:none;font-size:22px;line-height:1}.gi-theme-icon--svg{width:30px;height:14px;display:block}.gi-eyebrow{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-glow,#d4af37) 70%, var(--text-muted));margin:0;font-size:10px}.gi-title{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.05em;background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--theme-glow,#d4af37) 90%, white) 55%, var(--theme-accent,#8b1538) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 36px color-mix(in srgb, var(--theme-accent,#8b1538) 30%, transparent));text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,6vw,88px);font-weight:800;line-height:.96}.gi-slogan{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.32em;text-transform:uppercase;color:var(--theme-glow,#f3d77a);text-shadow:0 0 18px color-mix(in srgb, var(--theme-glow,#d4af37) 45%, transparent);margin:0;font-size:clamp(16px,1.4vw,22px);font-weight:700}.gi-description{color:#e8dec6c7;max-width:56ch;margin:0;font-size:14px;line-height:1.7}.gi-tags{margin-top:var(--s-2);flex-wrap:wrap;gap:8px;display:flex}.gi-tag{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-glow,#d4af37) 70%, var(--text-primary));border:1px solid color-mix(in srgb, var(--theme-accent,#d4af37) 35%, transparent);-webkit-backdrop-filter:blur(6px);background:#08060e8c;border-radius:999px;align-items:center;padding:6px 14px;font-size:10px;font-weight:700;display:inline-flex}.gi-actions{gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.gi-actions-center{justify-content:center}.gi-cta{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:transform var(--motion-snappy), box-shadow var(--motion-snappy), background var(--motion-snappy), border-color var(--motion-snappy);border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:14px 26px;font-size:12px;font-weight:700;display:inline-flex}.gi-cta-primary{background:linear-gradient(180deg, var(--theme-accent,#8b1538) 0%, color-mix(in srgb, var(--theme-accent,#8b1538) 65%, #000) 100%);color:#fff1e0;border-color:color-mix(in srgb, var(--theme-glow,#d4af37) 35%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--theme-accent,#8b1538) 50%, transparent), inset 0 1px 0 #ffffff2e}.gi-cta-primary:hover{box-shadow:0 0 36px color-mix(in srgb, var(--theme-accent,#8b1538) 85%, transparent), inset 0 1px 0 #ffffff47;border-color:var(--theme-glow,#d4af37);transform:translateY(-2px)}.gi-cta-secondary{color:var(--text-primary);border-color:color-mix(in srgb, var(--theme-accent,#8b1538) 55%, transparent);-webkit-backdrop-filter:blur(10px);background:#06040a9e}.gi-cta-secondary:hover{border-color:var(--theme-accent,#8b1538);box-shadow:0 0 24px color-mix(in srgb, var(--theme-accent,#8b1538) 38%, transparent);transform:translateY(-2px)}.gi-cta-ghost{color:color-mix(in srgb, var(--theme-glow,#d4af37) 75%, var(--text-primary));border-color:color-mix(in srgb, var(--theme-glow,#d4af37) 30%, transparent);background:#120c048c}.gi-cta-ghost:hover{color:var(--theme-glow,#f3d77a);border-color:color-mix(in srgb, var(--theme-glow,#d4af37) 60%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--theme-glow,#d4af37) 25%, transparent);background:#1c1204a6}.gi-cta:focus-visible{outline:2px solid var(--theme-glow,#d4af37);outline-offset:3px}.gi-cta-icon{font-size:14px;font-weight:800;line-height:0}.gi-hint{align-items:center;gap:var(--s-2);color:var(--text-muted);letter-spacing:.06em;margin:0;font-size:11px;display:inline-flex}.gi-hint-icon{color:color-mix(in srgb, var(--theme-glow,#d4af37) 75%, transparent);font-size:13px}.gi-poster{place-items:center;display:grid}.gi-poster-frame{aspect-ratio:2/3;background:linear-gradient(180deg, color-mix(in srgb, var(--theme-accent,#8b1538) 18%, #0a0610) 0%, #050308 100%);isolation:isolate;width:min(440px,90%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-glow,#d4af37) 55%, transparent), inset 0 0 0 3px #000000c7, inset 0 0 0 4px color-mix(in srgb, var(--theme-glow,#d4af37) 70%, transparent), 0 30px 70px -20px #000000e6, 0 0 48px color-mix(in srgb, var(--theme-accent,#8b1538) 25%, transparent);border-radius:8px;padding:8px;animation:5s ease-in-out infinite gi-poster-breathe;position:relative;overflow:hidden}@keyframes gi-poster-breathe{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-glow,#d4af37) 55%, transparent), inset 0 0 0 3px #000000c7, inset 0 0 0 4px color-mix(in srgb, var(--theme-glow,#d4af37) 70%, transparent), 0 30px 70px -20px #000000e6, 0 0 48px color-mix(in srgb, var(--theme-accent,#8b1538) 25%, transparent)}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-glow,#d4af37) 80%, transparent), inset 0 0 0 3px #000000c7, inset 0 0 0 4px color-mix(in srgb, var(--theme-glow,#d4af37) 95%, transparent), 0 30px 70px -20px #000000e6, 0 0 64px color-mix(in srgb, var(--theme-accent,#8b1538) 45%, transparent)}}.gi-poster-image{object-fit:cover;object-position:center top;filter:contrast(1.06)brightness(.92)saturate(1.05);border-radius:4px;width:100%;height:100%;display:block}.gi-poster-frame .theme-fx{z-index:2;pointer-events:none;opacity:.5;mix-blend-mode:screen;position:absolute;inset:0}.gi-section,.gi-about,.gi-bottom{padding:clamp(var(--s-6), 5.5vh, 72px) clamp(var(--s-5), 6vw, 96px);isolation:isolate;position:relative;overflow:hidden}.gi-sections-wrap{isolation:isolate;position:relative}.gi-sections-wrap--has-image{background:linear-gradient(180deg, #05030ad9 0%, #05030a59 8%, #05030a33 50%, #05030a66 92%, #05030ad9 100%), var(--gi-sections-bg-image,none) center / cover no-repeat fixed;background-color:#050308}@media (width<=768px){.gi-sections-wrap--has-image{background-image:linear-gradient(180deg, #05030ad9 0%, #05030a59 8%, #05030a33 50%, #05030a66 92%, #05030ad9 100%), var(--gi-sections-bg-image-mobile,var(--gi-sections-bg-image,none));background-attachment:scroll}}.gi-sections-wrap--has-image:before{content:"";z-index:0;background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--theme-accent,#8b1538) 14%, transparent), transparent 55%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--theme-glow,#d4af37) 10%, transparent), transparent 60%);filter:blur(28px);pointer-events:none;animation:22s ease-in-out infinite gi-sections-mist;position:absolute;inset:0}@keyframes gi-sections-mist{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(1.5%,-1%)}}.gi-sections-wrap--has-image .gi-section,.gi-sections-wrap--has-image .gi-about{background:0 0}.gi-section:before,.gi-about:before{content:"";z-index:-1;background:radial-gradient(ellipse at 18% 30%, color-mix(in srgb, var(--theme-accent,#8b1538) 10%, transparent), transparent 55%), radial-gradient(ellipse at 82% 80%, color-mix(in srgb, var(--theme-glow,#d4af37) 8%, transparent), transparent 60%), linear-gradient(180deg, #02020666 0%, #05030a99 100%);pointer-events:none;position:absolute;inset:0}.gi-sections-wrap--has-image .gi-section:before,.gi-sections-wrap--has-image .gi-about:before{background:radial-gradient(ellipse at 18% 30%, color-mix(in srgb, var(--theme-accent,#8b1538) 10%, transparent), transparent 55%), radial-gradient(ellipse at 82% 80%, color-mix(in srgb, var(--theme-glow,#d4af37) 8%, transparent), transparent 60%)}.gi-section:after,.gi-about:after{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--theme-accent,#8b1538) 6%, transparent), transparent 65%);filter:blur(30px);pointer-events:none;animation:14s ease-in-out infinite gi-section-pulse;position:absolute;inset:12%}@keyframes gi-section-pulse{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(1%,-1.5%)}}.gi-section-eyebrow,.gi-about .gi-section-eyebrow{align-items:center;gap:var(--s-3);font-family:var(--font-mono);letter-spacing:.45em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-glow,#d4af37) 70%, var(--text-muted));margin:0;font-size:10px;display:inline-flex}.gi-section-eyebrow:before,.gi-section-eyebrow:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-glow,#d4af37) 60%, transparent));width:clamp(40px,5vw,80px);height:1px}.gi-section-eyebrow:after{background:linear-gradient(90deg, color-mix(in srgb, var(--theme-glow,#d4af37) 60%, transparent), transparent)}.gi-ornament{color:var(--theme-glow,#d4af37);text-shadow:0 0 12px color-mix(in srgb, var(--theme-glow,#d4af37) 60%, transparent);font-size:13px}.gi-section-title{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.05em;margin:var(--s-2) 0 0;text-transform:uppercase;background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--theme-glow,#d4af37) 92%, white) 60%, color-mix(in srgb, var(--theme-glow,#d4af37) 50%, var(--theme-accent,#8b1538)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1}.gi-section-header{align-items:center;gap:var(--s-2);text-align:center;margin-bottom:var(--s-5);flex-direction:column;display:flex}.gi-about-panel{gap:clamp(var(--s-5), 4vw, var(--s-7));padding:clamp(var(--s-5), 4vw, var(--s-6));background:linear-gradient(180deg, #120a10c7 0%, #08040ad9 100%), radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--theme-accent,#8b1538) 10%, transparent), transparent 60%);border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 22%, #ffffff0d);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:inset 0 1px 0 #ffffff0a, inset 0 0 0 1px color-mix(in srgb, var(--theme-accent,#8b1538) 18%, transparent), 0 24px 60px -24px #000000d9;z-index:1;border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid;position:relative}.gi-about-panel:before{content:"";border-radius:inherit;background:radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--theme-glow,#d4af37) 8%, transparent), transparent 55%);pointer-events:none;z-index:0;position:absolute;inset:0}.gi-about-left{gap:var(--s-3);z-index:1;flex-direction:column;display:flex;position:relative}.gi-divider{width:96px;height:2px;margin:var(--s-2) 0;background:linear-gradient(90deg, var(--theme-glow,#d4af37) 0%, var(--theme-accent,#8b1538) 100%);box-shadow:0 0 14px color-mix(in srgb, var(--theme-glow,#d4af37) 45%, transparent);border-radius:999px}.gi-about-body{color:#e8dec6c7;max-width:62ch;margin:0;font-size:15px;line-height:1.75}.gi-stats{gap:var(--s-3);z-index:1;grid-template-columns:1fr 1fr;display:grid;position:relative}.gi-stat{align-items:center;gap:var(--s-3);padding:var(--s-4);border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 22%, #ffffff0d);-webkit-backdrop-filter:blur(10px)saturate(140%);transition:border-color var(--motion-snappy), transform var(--motion-snappy);background:#0a0812a6;border-radius:14px;display:flex;box-shadow:0 12px 24px -16px #000c}.gi-stat:hover{border-color:var(--theme-glow,#d4af37);transform:translateY(-2px)}.gi-stat-icon{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--theme-glow,#d4af37) 25%, transparent), transparent 70%), linear-gradient(180deg, #281c0880, #080402a6);width:42px;height:42px;color:var(--theme-glow,#f3d77a);border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--theme-glow,#d4af37) 22%, transparent);border-radius:10px;flex-shrink:0;place-items:center;font-size:17px;font-weight:700;display:grid}.gi-stat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.gi-stat-label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.gi-stat-value{font-family:var(--theme-display,"Cinzel"), serif;color:var(--text-primary);font-size:17px;font-weight:700}.gi-steps{align-items:stretch;gap:var(--s-3);grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;display:grid}.gi-step{padding:var(--s-5) var(--s-4) var(--s-4);text-align:center;background:linear-gradient(180deg, #120a10c7 0%, #080408d9 100%), radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--theme-accent,#8b1538) 12%, transparent), transparent 65%);border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 24%, #ffffff0d);-webkit-backdrop-filter:blur(10px)saturate(140%);transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);border-radius:16px;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 14px 28px -16px #000000bf}.gi-step:hover{border-color:var(--theme-glow,#d4af37);box-shadow:inset 0 1px 0 #ffffff14, 0 22px 40px -16px color-mix(in srgb, var(--theme-glow,#d4af37) 40%, transparent), 0 0 28px color-mix(in srgb, var(--theme-accent,#8b1538) 22%, transparent);transform:translateY(-6px)}.gi-step-symbol{font-family:var(--theme-display,"Cinzel"), serif;color:var(--theme-glow,#f3d77a);text-shadow:0 0 10px color-mix(in srgb, var(--theme-glow,#d4af37) 50%, transparent);margin-top:2px;font-size:15px;line-height:1}.gi-step-number{width:52px;height:52px;font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.04em;color:var(--theme-glow,#f3d77a);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--theme-glow,#d4af37) 25%, transparent), transparent 70%), linear-gradient(180deg, #281c0899, #080402bf);border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 55%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--theme-glow,#d4af37) 30%, transparent);border-radius:50%;place-items:center;margin:0 auto;font-size:18px;font-weight:800;display:grid}.gi-step-title{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.04em;color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.gi-step-desc{color:#e8dec6b3;margin:0;font-size:12.5px;line-height:1.55}.gi-step-arrow{color:color-mix(in srgb, var(--theme-glow,#d4af37) 65%, transparent);text-shadow:0 0 14px color-mix(in srgb, var(--theme-accent,#8b1538) 40%, transparent);place-items:center;font-size:22px;font-weight:700;animation:3s ease-in-out infinite gi-arrow-pulse;display:grid}@keyframes gi-arrow-pulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.gi-roles{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.gi-role{padding:var(--s-4);background:linear-gradient(180deg, #120a0eb3 0%, #080408c7 100%), var(--badge-bg,#00000059);border:1px solid var(--badge-border,#ffffff14);-webkit-backdrop-filter:blur(10px)saturate(130%);transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);isolation:isolate;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:6px 18px;min-width:0;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a,0 14px 28px -16px #000c}.gi-role[data-badge=evil]{--badge-color:#ff5470;--badge-border:#ff547073;--badge-bg:#c41e3a29}.gi-role[data-badge=village]{--badge-color:#5ddc8d;--badge-border:#5ddc8d66;--badge-bg:#32a05c29}.gi-role[data-badge=special]{--badge-color:#5dc7ff;--badge-border:#5dc7ff73;--badge-bg:#3fb8af29}.gi-role[data-badge=citizen]{--badge-color:#f3d77a;--badge-border:#d4af3773;--badge-bg:#d4af3729}.gi-role:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--badge-color) 0%, transparent 60%);-webkit-mask-composite:xor;opacity:.45;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gi-role:hover{border-color:var(--badge-color);box-shadow:0 20px 40px -18px color-mix(in srgb, var(--badge-color) 45%, transparent);transform:translateY(-4px)}.gi-role-icon{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--badge-color) 18%, transparent), transparent 65%), var(--badge-bg,#0006);border:1px solid var(--badge-border);width:96px;height:96px;box-shadow:inset 0 0 16px #00000080, 0 0 26px color-mix(in srgb, var(--badge-color) 32%, transparent);filter:drop-shadow(0 0 6px #0009);isolation:isolate;border-radius:16px;flex-shrink:0;grid-area:span 2/1;place-items:center;font-size:38px;line-height:1;display:grid;position:relative;overflow:hidden}.gi-role-icon--glyph{font-family:var(--theme-display,"Cinzel"), serif;color:var(--badge-color,var(--theme-glow));text-shadow:0 0 18px color-mix(in srgb, var(--badge-color,var(--theme-glow)) 50%, transparent);font-size:40px}.gi-role-icon--image{padding:0;font-size:0}.gi-role-image{object-fit:cover;object-position:center 22%;filter:contrast(1.06)brightness(.96)saturate(1.05);width:100%;height:100%;transition:transform var(--motion-flow) var(--ease-out-expo), filter var(--motion-snappy);display:block}.gi-role:hover .gi-role-image{filter:contrast(1.12)brightness()saturate(1.12);transform:scale(1.05)}.gi-role-icon--image:after{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#0000 35%,#00000073 100%);position:absolute;inset:0}.gi-role-body{flex-direction:column;grid-area:1/2;gap:4px;min-width:0;display:flex;overflow:hidden}.gi-role-name{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.04em;color:var(--badge-color);text-shadow:0 0 12px color-mix(in srgb, var(--badge-color) 35%, transparent);margin:0;font-size:18px;font-weight:700}.gi-role-desc{color:#e8dec6bf;margin:0;font-size:13px;line-height:1.55}.gi-role-badge{margin-top:var(--s-1);font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--badge-color);background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:999px;grid-area:2/2;place-self:end start;padding:4px 10px;font-size:9px;font-weight:700;display:inline-flex}.gi-categories{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.gi-category{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid color-mix(in srgb, var(--theme-accent,#a380ff) 28%, #ffffff0d);-webkit-backdrop-filter:blur(10px)saturate(140%);transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);isolation:isolate;background:linear-gradient(#1c0e289e 0%,#0c0616c7 100%);border-radius:14px;min-width:0;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 22px -14px #000000bf}.gi-category:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--theme-accent,#a380ff) 50%, transparent) 0%, transparent 50%, color-mix(in srgb, var(--theme-glow,#f3d77a) 45%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;opacity:.7;transition:opacity var(--motion-snappy);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gi-category:hover{border-color:var(--theme-accent,#a380ff);box-shadow:inset 0 1px 0 #ffffff14, 0 18px 32px -14px color-mix(in srgb, var(--theme-accent,#a380ff) 45%, transparent), 0 0 22px color-mix(in srgb, var(--theme-glow,#f3d77a) 22%, transparent);transform:translateY(-3px)}.gi-category:hover:before{opacity:1}.gi-category-icon{width:50px;height:50px;color:var(--gi-cat-icon,var(--theme-glow,#f3d77a));background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--gi-cat-icon,var(--theme-accent)) 24%, transparent), transparent 65%), linear-gradient(180deg, #0e0618b3, #06020ce0);border:1px solid color-mix(in srgb, var(--gi-cat-icon,var(--theme-accent)) 45%, transparent);box-shadow:inset 0 0 10px color-mix(in srgb, var(--gi-cat-icon,var(--theme-accent)) 22%, transparent), 0 0 14px color-mix(in srgb, var(--gi-cat-icon,var(--theme-glow)) 22%, transparent);transition:color var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.gi-category-icon svg{stroke:currentColor;fill:none;width:22px;height:22px;display:block}.gi-category[data-difficulty=easy],.gi-category[data-difficulty=kids],.gi-category[data-difficulty=quick]{--gi-cat-icon:#6fe9df}.gi-category[data-difficulty=medium],.gi-category[data-difficulty=long]{--gi-cat-icon:#f3d77a}.gi-category[data-difficulty=hard]{--gi-cat-icon:#ff7da8}.gi-category[data-difficulty=expert]{--gi-cat-icon:#ff5470}.gi-category[data-difficulty=adults]{--gi-cat-icon:#d28cff}.gi-category:hover .gi-category-icon{box-shadow:inset 0 0 12px color-mix(in srgb, var(--gi-cat-icon,var(--theme-accent)) 35%, transparent), 0 0 22px color-mix(in srgb, var(--gi-cat-icon,var(--theme-glow)) 40%, transparent)}.gi-category-text{flex-direction:column;gap:4px;min-width:0;display:flex}.gi-category-title{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.04em;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:700;overflow:hidden}.gi-category-diff{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;border:1px solid;border-radius:999px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:700}.gi-category[data-difficulty=easy] .gi-category-diff{color:#6fe9df}.gi-category[data-difficulty=medium] .gi-category-diff{color:var(--theme-glow,#f3d77a)}.gi-category[data-difficulty=hard] .gi-category-diff{color:#ff7da8}.gi-category[data-difficulty=expert] .gi-category-diff{color:#ff5470}.gi-category[data-difficulty=kids] .gi-category-diff{color:#a3ffd6}.gi-category[data-difficulty=adults] .gi-category-diff{color:#d28cff}.gi-category[data-difficulty=quick] .gi-category-diff{color:#6fe9df}.gi-category[data-difficulty=long] .gi-category-diff{color:var(--theme-glow,#f3d77a)}.gi-categories--preview{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:920px;margin:0 auto}.gi-categories-stats{margin:var(--s-4) auto 0;text-align:center;max-width:720px;font-family:var(--font-mono);letter-spacing:.18em;text-transform:lowercase;color:#e8dec6a6;border:1px solid color-mix(in srgb, var(--theme-glow,#f3d77a) 18%, #ffffff0a);-webkit-backdrop-filter:blur(8px);background:#08060e66;border-radius:999px;padding:10px 20px;font-size:11px}.gi-categories-stats strong{color:var(--theme-glow,#f3d77a);letter-spacing:.06em;font-size:14px;font-weight:800}.gi-cta-choose-cats{margin:var(--s-4) auto 0;align-self:center}.gi-setup-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(14px);padding:var(--s-5);opacity:0;transition:opacity var(--motion-snappy) ease-out;background:#020206b3;place-items:center;display:grid;position:fixed;inset:0}.gi-setup-overlay.visible{opacity:1}.gi-setup-panel{gap:var(--s-5);width:min(960px,100%);max-height:calc(100vh - 64px);padding:var(--s-6) clamp(var(--s-4), 3vw, var(--s-6));border:1px solid color-mix(in srgb, var(--theme-glow,#f3d77a) 26%, #ffffff0d);opacity:0;transition:transform var(--motion-flow) var(--ease-out-expo), opacity var(--motion-flow) ease-out;background:linear-gradient(#120a1cf5,#08040ef5);border-radius:20px;flex-direction:column;display:flex;position:relative;transform:translateY(12px)scale(.98);box-shadow:inset 0 1px #ffffff0d,0 32px 80px -24px #000000e6}.gi-setup-overlay.visible .gi-setup-panel{opacity:1;transform:translateY(0)scale(1)}.gi-setup-header{align-items:center;gap:var(--s-2);text-align:center;flex-direction:column;flex-shrink:0;display:flex}.gi-setup-groups{gap:var(--s-5);padding-right:var(--s-2);scrollbar-width:thin;scrollbar-color:#d4af3740 transparent;flex-direction:column;display:flex;overflow-y:auto}.gi-setup-groups::-webkit-scrollbar{width:6px}.gi-setup-groups::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:999px}.gi-setup-group-title{align-items:center;gap:var(--s-2);margin:0 0 var(--s-3);font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.18em;text-transform:uppercase;color:var(--theme-glow,#f3d77a);font-size:16px;font-weight:700;display:inline-flex}.gi-categories--setup{gap:var(--s-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gi-setup-footer{justify-content:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid color-mix(in srgb, var(--theme-glow,#f3d77a) 14%, transparent);flex-shrink:0;display:flex}@media (width<=640px){.gi-setup-panel{padding:var(--s-5) var(--s-3);max-height:calc(100vh - 32px)}.gi-categories--setup{grid-template-columns:1fr}.gi-setup-footer{flex-direction:column-reverse}}.gi-bottom{isolation:isolate;padding:clamp(40px,6vh,80px) clamp(16px,3vw,48px) clamp(48px,8vh,100px);position:relative;overflow:hidden}.gi-bottom-bg{z-index:0;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--theme-accent,#8b1538) 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, #0a0612 0%, #02010a 100%);position:absolute;inset:0}.gi-bottom-bg:after{content:"";background:radial-gradient(ellipse at 50% 100%, color-mix(in srgb, var(--theme-glow,#d4af37) 10%, transparent), transparent 55%), radial-gradient(ellipse at 30% 80%, color-mix(in srgb, var(--theme-accent,#8b1538) 10%, transparent), transparent 55%);pointer-events:none;position:absolute;inset:0}.gi-bottom-panel{z-index:1;justify-content:center;align-items:center;gap:var(--s-4);text-align:center;border:1px solid color-mix(in srgb, var(--theme-glow,#d4af37) 32%, #ffffff0a);background: linear-gradient(90deg, #060306c7 0%, #06030680 25%, #06030640 50%, #06030680 75%, #060306c7 100%), radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--theme-accent,#8b1538) 16%, transparent), transparent 60%);width:min(1280px,100% - 96px);max-width:none;min-height:340px;box-shadow:inset 0 1px 0 #ffffff0d, inset 0 0 0 1px color-mix(in srgb, var(--theme-accent,#8b1538) 22%, transparent), inset 0 0 100px #00000080, 0 30px 70px -24px #000000e6;isolation:isolate;border-radius:28px;flex-direction:column;margin:0 auto;padding:clamp(48px,8vh,72px) clamp(28px,5vw,48px);display:flex;position:relative;overflow:hidden}.gi-bottom--has-image .gi-bottom-panel{background:linear-gradient(90deg, #060306b8 0%, #0603066b 25%, #06030633 50%, #0603066b 75%, #060306b8 100%), radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--theme-accent,#8b1538) 14%, transparent), transparent 60%), var(--gi-bottom-bg-image,none) center / cover no-repeat}@media (width<=768px){.gi-bottom--has-image .gi-bottom-panel{background-image:linear-gradient(90deg, #060306b8 0%, #0603066b 25%, #06030633 50%, #0603066b 75%, #060306b8 100%), radial-gradient(ellipse at 50% 38%, color-mix(in srgb, var(--theme-accent,#8b1538) 14%, transparent), transparent 60%), var(--gi-bottom-bg-image-mobile,var(--gi-bottom-bg-image,none))}}.gi-bottom-panel:before{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--theme-glow,#d4af37) 60%, transparent) 0%, transparent 45%, color-mix(in srgb, var(--theme-accent,#8b1538) 65%, transparent) 100%);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gi-bottom-panel:after{content:"";background:radial-gradient(ellipse at 18% 80%, color-mix(in srgb, var(--theme-accent,#8b1538) 18%, transparent), transparent 55%), radial-gradient(ellipse at 82% 30%, color-mix(in srgb, var(--theme-glow,#d4af37) 10%, transparent), transparent 55%);filter:blur(24px);pointer-events:none;z-index:0;animation:16s ease-in-out infinite gi-bottom-mist;position:absolute;inset:0}@keyframes gi-bottom-mist{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(2%,-1%)}}.gi-bottom-panel>*{z-index:2;position:relative}@media (width<=768px){.gi-bottom-panel{border-radius:20px;width:calc(100% - 32px);min-height:280px;padding:clamp(40px,6vh,56px) clamp(20px,4vw,32px)}}[data-theme=spy-game] .gi-about-panel{background:repeating-linear-gradient(0deg,#0000 0 39px,#5dc7ff0b 39px 40px),repeating-linear-gradient(90deg,#0000 0 39px,#5dc7ff0b 39px 40px),linear-gradient(#080e1cd1 0%,#040810eb 100%),radial-gradient(at 20%,#3fb8af1f,#0000 60%);border-color:#5dc7ff52;box-shadow:inset 0 1px #5dc7ff14,inset 0 0 0 1px #3fb8af38,0 0 36px #3fb8af2e,0 24px 60px -24px #000000d9}[data-theme=spy-game] .gi-about-panel:before{background:radial-gradient(at 100% 100%,#5dc7ff14,#0000 55%)}[data-theme=spy-game] .gi-about-panel:after{content:"";pointer-events:none;z-index:0;--bk:#5dc7ff99;--bs:22px;--bt:1.5px;background:linear-gradient(var(--bk), var(--bk)) top left / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) top left / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) top right / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) top right / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom left / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom left / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom right / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom right / var(--bt) var(--bs) no-repeat;filter:drop-shadow(0 0 6px #5dc7ff8c);position:absolute;inset:8px}.gi-about-briefing{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:#c1e8f5f2;z-index:1;background:#041220b3;border:1px solid #5dc7ff8c;border-radius:4px;align-self:flex-start;align-items:center;gap:8px;padding:4px 12px;font-size:9px;font-weight:700;display:inline-flex;position:relative}.gi-about-briefing-dot{background:#6fe9df;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite spy-briefing-pulse;box-shadow:0 0 10px #6fe9df}@keyframes spy-briefing-pulse{0%,to{opacity:1}50%{opacity:.25}}[data-theme=spy-game] .gi-stat{background:repeating-linear-gradient(0deg,#0000 0 7px,#5dc7ff06 7px 8px),linear-gradient(#0a101cc7,#04080ee0);border:1px solid #3fb8af52;border-top:2px solid #5dc7ff8c;box-shadow:inset 0 0 0 1px #5dc7ff0f,0 12px 24px -16px #000c,0 0 18px #3fb8af1a}[data-theme=spy-game] .gi-stat:hover{border-color:#6fe9dfe6 #5dc7ffb3 #5dc7ffb3;box-shadow:inset 0 0 0 1px #5dc7ff1f,0 14px 28px -14px #5dc7ff59,0 0 28px #3fb8af40}[data-theme=spy-game] .gi-stat-icon{color:#6fe9df;background:radial-gradient(circle at 50% 30%,#5dc7ff47,#0000 65%),linear-gradient(#041220a6,#020810d9);border-color:#5dc7ff8c;box-shadow:inset 0 0 8px #3fb8af38,0 0 16px #5dc7ff47}[data-theme=spy-game] .gi-stat-value{color:#cfeefd}[data-theme=spy-game] .gi-step{background:repeating-linear-gradient(45deg,#0000 0 18px,#5dc7ff06 18px 19px),linear-gradient(#0a101cd1,#04080eeb),radial-gradient(at 50% 0,#5dc7ff1a,#0000 65%);border:1px solid #3fb8af4d;box-shadow:inset 0 1px #5dc7ff0f,0 14px 28px -16px #000000bf}[data-theme=spy-game] .gi-step:after{content:"";pointer-events:none;--bk:#5dc7ff80;--bs:14px;--bt:1px;background:linear-gradient(var(--bk), var(--bk)) top left / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) top left / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) top right / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) top right / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom left / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom left / var(--bt) var(--bs) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom right / var(--bs) var(--bt) no-repeat, linear-gradient(var(--bk), var(--bk)) bottom right / var(--bt) var(--bs) no-repeat;position:absolute;inset:6px}[data-theme=spy-game] .gi-step:hover{border-color:#5dc7ff99;box-shadow:inset 0 1px #5dc7ff1f,0 18px 36px -16px #5dc7ff59,0 0 28px #3fb8af38}[data-theme=spy-game] .gi-step-number{color:#6fe9df;background:radial-gradient(circle at 50% 30%,#5dc7ff52,#0000 65%),linear-gradient(#041220a6,#020810d9);border-color:#5dc7ff99;box-shadow:inset 0 0 10px #3fb8af38,0 0 24px #5dc7ff59}[data-theme=spy-game] .gi-step-symbol{color:#9fdcff;text-shadow:0 0 10px #5dc7ff99}[data-theme=spy-game] .gi-step-arrow{color:#6fe9dfd9;text-shadow:0 0 12px #5dc7ffb3,0 0 22px #3fb8af80;font-size:26px}[data-theme=spy-game] .gi-sections-wrap--has-image:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#5dc7ff06 3px 4px);position:absolute;inset:0}[data-theme=spy-game] .gi-section .gi-section-header{position:relative}[data-theme=spy-game] .gi-section .gi-section-header:after{content:"";filter:blur(20px);pointer-events:none;z-index:-1;background:radial-gradient(at 50% 0,#5dc7ff2e,#0000 70%);height:120px;position:absolute;inset:-32px 30% auto}.gi-bottom-star{color:var(--theme-glow,#f3d77a);text-shadow:0 0 18px color-mix(in srgb, var(--theme-glow,#d4af37) 55%, transparent);margin:0;font-size:26px}.gi-bottom-title{font-family:var(--theme-display,"Cinzel"), serif;letter-spacing:.05em;background:linear-gradient(180deg, #fff 0%, var(--theme-glow,#f3d77a) 100%);-webkit-text-fill-color:transparent;max-width:22ch;filter:drop-shadow(0 0 28px color-mix(in srgb, var(--theme-accent,#8b1538) 45%, transparent));-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,4.2vw,52px);font-weight:800;line-height:1.1}.gi-bottom-sub{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#e8dec6b3;margin:0;font-size:12px}@media (width<=900px){.gi-hero{padding:clamp(120px, 14vh, 160px) var(--s-4) var(--s-6)}.gi-hero-grid{gap:var(--s-5);grid-template-columns:1fr}.gi-poster-frame{width:min(320px,80%)}.gi-about{grid-template-columns:1fr}.gi-stats{grid-template-columns:1fr 1fr}.gi-steps{gap:var(--s-3);grid-template-columns:1fr}.gi-step-arrow{height:24px;transform:rotate(90deg)}.gi-roles{grid-template-columns:1fr}.gi-title{font-size:clamp(40px,11vw,64px)}.gi-section{padding:var(--s-6) var(--s-4)}.gi-bottom{padding:var(--s-7) var(--s-4)}.gi-back{top:clamp(80px,10vh,110px);left:var(--s-3);padding:6px 12px;font-size:10px}}@media (width<=560px){.gi-stats{grid-template-columns:1fr}.gi-cta{padding:12px 18px;font-size:11px}}.playbill .game-headline{text-align:center;align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.playbill .game-icon-big{filter:drop-shadow(0 0 24px var(--theme-glow));font-size:72px;line-height:1}.playbill h2.display{color:var(--theme-glow);margin:0}.playbill .subtitle{color:var(--text-muted);max-width:56ch;font-size:var(--type-lg);text-align:center;line-height:1.55}.section-title{font-family:var(--theme-display);font-size:var(--type-xl);letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);border-bottom:1px solid var(--border-faint);padding-bottom:var(--s-2);margin:var(--s-4) 0 var(--s-3);color:var(--theme-accent)}.rules-list,.roles-list{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rules-list li{padding-left:var(--s-5);color:var(--text-primary);line-height:1.55;position:relative}.rules-list li:before{content:"";background:var(--theme-accent);width:12px;height:1px;position:absolute;top:.7em;left:0}.roles-list li{column-gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px dashed var(--border-faint);grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:start;display:grid}.roles-list li:last-child{border-bottom:0}.roles-list .role-icon{text-align:center;filter:drop-shadow(0 0 8px var(--theme-glow));grid-row:span 2;font-size:28px}.roles-list strong{font-family:var(--theme-display);font-size:var(--type-lg);color:var(--theme-glow)}.roles-list .muted{color:var(--text-muted);font-size:var(--type-sm)}.cta-row{margin-top:var(--s-4);justify-content:center;display:flex}.btn.full{width:100%}.join{padding-top:var(--s-7)}.join .backHome{margin-bottom:var(--s-3);align-self:flex-start}.join-card{background:var(--surface-glass);width:100%;max-width:480px;-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);padding:var(--s-7) var(--s-6);gap:var(--s-4);text-align:center;border-radius:20px;flex-direction:column;margin:0 auto;display:flex}.join-card h2{margin:0 0 var(--s-3)}.field{gap:var(--s-1);text-align:left;flex-direction:column;display:flex}.field>span{font-size:var(--type-xs);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.field input{border:1px solid var(--border-faint);width:100%;color:var(--text-primary);font-size:var(--type-base);transition:border-color var(--motion-ui-duration) var(--motion-ui-easing), box-shadow var(--motion-ui-duration) var(--motion-ui-easing);background:#0000004d;border-radius:10px;padding:14px 16px}.field input:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #ffffff14}.code-input{font-family:var(--font-mono);font-size:var(--type-2xl);letter-spacing:.4em;text-align:center;text-transform:uppercase}.code-input.locked{border-color:var(--text-primary);box-shadow:0 0 0 3px #ffffff1a}.message{color:#ff8080;font-size:var(--type-sm);padding:var(--s-2) var(--s-3);background:#b4323c1f;border:1px solid #b4323c4d;border-radius:8px}.message.hidden{display:none}.admin-room{gap:var(--s-5)}.admin-header{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.admin-header h2{color:var(--theme-glow);font-size:clamp(var(--type-xl), 4vw, var(--type-2xl));margin:0}.room-code-hero{align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-5);background:var(--theme-surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);text-align:center;border-radius:24px;flex-direction:column;display:flex}.code-display{font-family:var(--font-mono);letter-spacing:.18em;color:var(--theme-glow);text-shadow:0 0 32px var(--theme-glow);font-size:clamp(48px,12vw,96px);font-weight:700;line-height:1}.admin-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.admin-grid{grid-template-columns:1fr}}.panel{background:var(--theme-surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);padding:var(--s-5);gap:var(--s-3);border-radius:20px;flex-direction:column;display:flex}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h3{font-family:var(--theme-display);font-size:var(--type-lg);color:var(--theme-accent);letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);margin:0}.list-count{font-family:var(--font-mono);font-size:var(--type-sm);border:1px solid var(--border-faint);color:var(--text-muted);border-radius:999px;padding:4px 10px}.players-list{gap:var(--s-2);flex-direction:column;min-height:120px;display:flex}.players-list.empty{color:var(--text-muted);place-items:center;min-height:120px;font-style:italic;display:grid}.player-row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--border-faint);animation:row-in .35s var(--motion-scene-easing);background:#0003;border-radius:10px;grid-template-columns:auto 1fr auto;display:grid}@keyframes row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.player-row.off{opacity:.5}.player-row:before{content:"●";color:var(--theme-glow);font-size:10px}.player-row.off:before{content:"◌";color:var(--text-muted)}.player-row .player-name{font-weight:600}.player-row .player-role{color:var(--text-muted);font-size:var(--type-sm)}.settings{gap:var(--s-3);flex-direction:column;display:flex}.settings label{justify-content:space-between;align-items:center;gap:var(--s-3);font-size:var(--type-sm);color:var(--text-muted);display:flex}.settings input[type=number]{border:1px solid var(--border-faint);width:80px;color:var(--text-primary);font-family:var(--font-mono);text-align:center;background:#0000004d;border-radius:8px;padding:8px 12px}.settings input[type=checkbox]{width:20px;height:20px;accent-color:var(--theme-accent)}.button-row{gap:var(--s-2);justify-content:flex-end;display:flex}.admin-actions{gap:var(--s-3);justify-content:center;display:flex}.admin-actions .btn{min-width:180px}.btn-primary.curtain-fill{position:relative;overflow:hidden}.btn-primary.curtain-fill:after{content:"";background:var(--theme-glow);animation:curtain .8s var(--motion-scene-easing) forwards;z-index:-1;position:absolute;inset:0;transform:translate(-100%)}@keyframes curtain{0%{transform:translate(-100%)}to{transform:translate(0)}}.player-room{text-align:center;justify-content:center;align-items:center;gap:var(--s-6)}.player-header h2.display{color:var(--theme-glow);font-size:clamp(var(--type-xl), 5vw, var(--type-3xl));margin:0}.player-header .eyebrow{margin-bottom:var(--s-3)}.role-card{aspect-ratio:3/4;width:min(320px,80vw);transform-style:preserve-3d;perspective:1200px;border-radius:20px;display:grid;position:relative}.role-card-back,.role-card-face{backface-visibility:hidden;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-6);background:var(--theme-surface);-webkit-backdrop-filter:var(--surface-blur);border:1px solid var(--border-faint);border-radius:20px;flex-direction:column;grid-area:1/1;display:flex;box-shadow:0 24px 64px -24px #0009}.role-card-back{background:repeating-linear-gradient(45deg, #ffffff05 0 4px, transparent 4px 8px), var(--theme-surface);border-color:var(--theme-accent);transform:rotateY(0)}.role-card.revealed .role-card-back{transform:rotateY(180deg)}.role-card.revealed .role-card-face{transform:rotateY(0)}.role-card:not(.revealed) .role-card-face{transform:rotateY(-180deg)}.role-card-back:before{content:"?";font-size:120px;font-family:var(--theme-display);color:var(--theme-accent);opacity:.6;place-items:center;display:grid;position:absolute;inset:0}.role-card:not(.revealed):not(.assigned-once){animation:1.6s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.role-card-face .role-glow{background:radial-gradient(circle at 50% 50%, var(--theme-glow) 0%, transparent 60%);opacity:.08;pointer-events:none;position:absolute;inset:0}.role-card-face .role-lock{color:var(--theme-accent);opacity:.5;font-size:64px}.role-card-face .role-icon.big{filter:drop-shadow(0 0 32px var(--theme-glow));font-size:96px;line-height:1}.role-card-face h3{font-family:var(--theme-display);font-size:var(--type-2xl);color:var(--theme-glow);letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);margin:0}.role-card-face p{color:var(--text-muted);max-width:30ch;margin:0;line-height:1.55}.conn-indicator{align-items:center;gap:var(--s-2);font-size:var(--type-sm);color:var(--text-muted);display:flex}.conn-indicator .dot{background:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4ade8099}.reveal-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(8px);opacity:0;background:#000000b3;place-items:center;transition:opacity .2s ease-out;display:grid;position:fixed;inset:0}.reveal-overlay.visible{opacity:1}.reveal-stage{aspect-ratio:3/4;place-items:center;width:min(360px,90vw);display:grid;position:relative}.reveal-burst{background:radial-gradient(circle, var(--theme-accent) 0%, transparent 60%);opacity:0;pointer-events:none;filter:blur(4px);border-radius:50%;position:absolute;inset:0}.reveal-card{background:var(--theme-surface);border:1px solid var(--theme-glow);justify-content:center;align-items:center;gap:var(--s-3);width:100%;height:100%;padding:var(--s-6);backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 24px 64px -16px var(--theme-glow);border-radius:20px;flex-direction:column;display:flex;position:relative}.reveal-icon{opacity:0;font-size:88px;line-height:1;transform:translateY(8px)}.reveal-name{font-family:var(--theme-display);font-size:var(--type-2xl);color:var(--theme-glow);opacity:0;margin:0}.reveal-desc{color:var(--text-primary);text-align:center;opacity:0;max-width:30ch;margin:0;line-height:1.55}.reveal-close{bottom:var(--s-4);right:var(--s-4);position:absolute}.reveal-terminal{width:min(520px,90vw);padding:var(--s-5);font-family:var(--font-mono);border:1px solid var(--theme-glow);box-shadow:0 0 48px var(--theme-glow);color:var(--theme-glow);background:#0c111af2;border-radius:12px;line-height:1.8}.reveal-terminal .line{gap:var(--s-2);font-size:var(--type-base);display:flex}.reveal-terminal .line:before{content:">";opacity:.6}.reveal-terminal .typewriter{border-right:2px solid var(--theme-glow);white-space:pre;animation:1s steps(2,end) infinite caret;display:inline-block}.reveal-terminal .typewriter.done{border-right-color:#0000;animation:none}@keyframes caret{50%{border-right-color:#0000}}.character-frame{aspect-ratio:3/4;width:100%;box-shadow:inset 0 0 60px #0009, 0 0 30px #000c, 0 0 0 1px var(--theme-glow);transform-origin:50%;background:#000;border-radius:4px;animation:5s ease-in-out infinite char-idle-breathe;position:relative;overflow:hidden}@keyframes char-idle-breathe{0%,to{filter:brightness(.92)contrast(1.05);transform:scale(1)}50%{filter:brightness(.95)contrast(1.08);transform:scale(1.012)}}.character-frame img{object-fit:cover;object-position:top center;filter:contrast(1.05)brightness(.95);width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .6s ease-out;display:block}.character-frame .spotlight{pointer-events:none;mix-blend-mode:multiply;opacity:.6;z-index:2;background:radial-gradient(at 50% 30%,#0000 0%,#0006 80%);transition:opacity .6s;position:absolute;inset:0}.character-frame .face-glow{background:radial-gradient(ellipse, var(--theme-glow), transparent 70%);mix-blend-mode:screen;opacity:.25;pointer-events:none;z-index:2;width:60%;height:30%;animation:3s ease-in-out infinite char-face-pulse;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes char-face-pulse{0%,to{opacity:.2;transform:translate(-50%)scale(1)}50%{opacity:.4;transform:translate(-50%)scale(1.1)}}.character-frame .theme-fx{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.game-card .character-frame{max-width:280px;margin:0 auto}.game-card:hover .character-frame img{filter:contrast(1.15)brightness()saturate(1.1);transform:scale(1.06)}.game-card:hover .character-frame .spotlight{opacity:.25}.game-card:hover .character-frame .face-glow{opacity:.5;animation-duration:1.5s}.playbill .character-hero{max-width:360px;margin:0 auto var(--s-4)}.role-card.locked .character-frame img{filter:contrast(1.1)brightness(.25)saturate(0)}.role-card.locked .character-frame .face-glow{opacity:.1}.role-card.revealed .character-frame img{filter:contrast(1.1)brightness()saturate(1.1)}.role-card{aspect-ratio:auto;align-items:center;gap:var(--s-4);perspective:none;transform-style:flat;width:min(360px,90vw);height:auto;box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex;transform:none}.role-card .character-frame{width:100%;max-width:320px}.role-card.locked .character-frame{animation:2s ease-in-out infinite locked-pulse}@keyframes locked-pulse{0%,to{box-shadow:inset 0 0 60px #0009, 0 0 30px #000c, 0 0 0 1px var(--border-faint)}50%{box-shadow:inset 0 0 60px #0009, 0 0 30px #000c, 0 0 0 1px var(--theme-accent)}}.role-card-info{text-align:center;align-items:center;gap:var(--s-2);padding:0 var(--s-3);flex-direction:column;display:flex}.role-card-info .role-lock{font-family:var(--theme-display);color:var(--theme-accent);opacity:.6;font-size:48px;line-height:1}.role-card-info .role-icon-small{filter:drop-shadow(0 0 16px var(--theme-glow));font-size:40px;line-height:1}.role-card-info h3{font-family:var(--theme-display);font-size:var(--type-xl);color:var(--theme-glow);letter-spacing:var(--theme-display-tracking);text-transform:var(--theme-display-transform);margin:0}.role-card-info p{color:var(--text-muted);max-width:30ch;line-height:1.55;font-size:var(--type-sm);margin:0}.role-card.revealed .role-card-info h3{animation:.6s ease-out revealed-fade}@keyframes revealed-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.leave-btn{margin-bottom:var(--s-3);color:var(--text-muted);align-self:flex-start}.leave-btn:hover{color:var(--text-primary)}.view.home-stage{width:100%;max-width:none;height:100vh;margin:0;padding:0;position:relative}.view.home-stage.active-view{gap:0;height:100vh;animation:none;display:block}.home-stage .stage{scroll-behavior:smooth;z-index:0;scrollbar-width:none;height:100vh;position:absolute;inset:0;overflow:hidden auto}.home-stage .stage::-webkit-scrollbar{display:none}.home-slide{isolation:isolate;width:100%;min-height:100vh;position:relative;overflow:hidden}.home-slide .center-fog{filter:blur(40px);pointer-events:none;z-index:1;background:radial-gradient(at 40% 100%,#d4af371a,#0000 60%),radial-gradient(at 60% 100%,#8b153814,#0000 60%);height:60%;animation:15s ease-in-out infinite center-fog-flow;position:absolute;bottom:-20%;left:-10%;right:-10%}@keyframes center-fog-flow{0%,to{opacity:.7;transform:translate(0)scaleX(1)}50%{opacity:1;transform:translate(2%,-3%)scaleX(1.05)}}.home-slide .center-particles{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.home-slide .center-particle{background:#d4af3780;border-radius:50%;width:2px;height:2px;animation:12s linear infinite particle-float;position:absolute;box-shadow:0 0 4px #d4af37cc}.home-slide .center-particle:first-child{animation-delay:0s;left:8%}.home-slide .center-particle:nth-child(2){animation-delay:-1.5s;left:18%}.home-slide .center-particle:nth-child(3){animation-delay:-3s;left:28%}.home-slide .center-particle:nth-child(4){animation-delay:-4.5s;left:38%}.home-slide .center-particle:nth-child(5){animation-delay:-6s;left:48%}.home-slide .center-particle:nth-child(6){animation-delay:-7.5s;left:58%}.home-slide .center-particle:nth-child(7){animation-delay:-9s;left:68%}.home-slide .center-particle:nth-child(8){animation-delay:-10.5s;left:78%}.home-slide .center-particle:nth-child(9){animation-delay:-1s;left:88%}.home-slide .center-particle:nth-child(10){animation-delay:-2.5s;left:12%}.home-slide .center-particle:nth-child(11){animation-delay:-8s;left:62%}.home-slide .center-particle:nth-child(12){animation-delay:-5.5s;left:92%}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-10vh)translate(15px)}}.hero-slide{padding:clamp(96px, 9vh, 120px) clamp(var(--s-5), 5vw, 96px) var(--s-5);justify-content:space-between;align-items:stretch;gap:var(--s-4);background:linear-gradient(#05030a8c 0%,#0000 14% 62%,#05040c59 80%,#070510c7 92%,#080612f2 100%),linear-gradient(90deg,#05030aeb 0%,#05030a9e 22%,#05030a2e 42%,#05030a0d 58%,#05030a2e 88%,#05030a73 100%),#050308 url(/assets/hero/hero-bg.webp) 50%/cover no-repeat;flex-direction:column;display:flex}.hero-slide:after{content:"";filter:blur(14px);pointer-events:none;z-index:4;background:radial-gradient(at 50% 110%,#f7c84324,#0000 65%),radial-gradient(at 22% 110%,#f7c84314,#0000 55%),radial-gradient(at 78% 110%,#f7c84314,#0000 55%);height:220px;position:absolute;bottom:0;left:0;right:0}.hero-grid{z-index:5;gap:clamp(var(--s-5), 4vw, var(--s-9));flex:1;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.hero-left{gap:var(--s-3);animation:hero-fade-in var(--motion-cinematic) var(--ease-out-expo) .1s backwards;flex-direction:column;display:flex}.hero-left>.hero-brand-row{margin-bottom:var(--s-2)}.hero-left>.hero-tagline{margin-top:var(--s-2)}.hero-left>.hero-actions{margin-top:var(--s-3)}.hero-actions{align-items:center;gap:var(--s-3);flex-direction:column;align-self:flex-start;max-width:520px;display:inline-flex}.hero-actions .cta-local,.hero-actions .cta-row{align-self:center}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-brand-row{align-items:center;gap:var(--s-3);display:flex}img.hero-brand-mark{object-fit:contain;filter:drop-shadow(0 0 18px #d4af3759);background:0 0;width:84px;height:84px;animation:4s ease-in-out infinite brand-mark-breathe}@keyframes brand-mark-breathe{0%,to{filter:drop-shadow(0 0 18px #d4af3759);transform:scale(1)}50%{filter:drop-shadow(0 0 26px #d4af3799);transform:scale(1.02)}}.hero-slide .mega-title{letter-spacing:.06em;background:linear-gradient(#fff 0%,#e8d49a 60%,#8b1538 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 80px #d4af374d;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(44px,5.6vw,88px);font-weight:800;line-height:.95}.hero-tagline{letter-spacing:.02em;color:#d4af37;text-shadow:0 0 18px #d4af3759;margin:0;font-family:Cinzel,serif;font-size:clamp(18px,1.6vw,26px);font-weight:700}.hero-body{color:var(--text-muted);max-width:52ch;margin:0;font-size:14px;line-height:1.65}.cta-row{gap:var(--s-3);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.hero-slide .cta-create,.hero-slide .cta-join{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:transform var(--motion-snappy), box-shadow var(--motion-snappy), background var(--motion-snappy), border-color var(--motion-snappy);border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:14px 28px;font-size:12px;font-weight:700;display:inline-flex}.hero-slide .cta-create{color:#1a0e02;background:linear-gradient(#d4af37 0%,#b88a2a 100%);border-color:#fff3;box-shadow:0 0 24px #d4af3780,inset 0 1px #ffffff40}.hero-slide .cta-create:hover{transform:translateY(-2px);box-shadow:0 0 36px #d4af37d9,inset 0 1px #fff6}.hero-slide .cta-create .cta-icon{font-size:18px;font-weight:800;line-height:0}.hero-slide .cta-join{color:#cfe7ff;-webkit-backdrop-filter:blur(10px);background:#0812208c;border-color:#5dc7ff73;box-shadow:0 0 18px #5dc7ff2e}.hero-slide .cta-join:hover{border-color:#5dc7ffcc;transform:translateY(-2px);box-shadow:0 0 28px #5dc7ff66}.hero-slide .cta-join .cta-icon{color:#5dc7ff;font-size:14px}.hero-hint{align-items:center;gap:var(--s-2);color:var(--text-muted);letter-spacing:.06em;margin:0;font-size:11px;display:inline-flex}.hero-hint-icon{color:#d4af37;font-size:13px}.hero-slide .cta-local{align-items:center;gap:var(--s-3);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px)saturate(140%);min-height:58px;transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);background:linear-gradient(135deg,#0c0812b8 0%,#080a169e 100%);border:1px solid #d4af3747;border-radius:14px;padding:10px 14px 10px 10px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 0 24px #00000073,0 12px 28px -14px #000000b3}.hero-slide .cta-local:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.85;transition:opacity var(--motion-snappy);background:linear-gradient(135deg,#d4af378c 0%,#d4af370d 45%,#5dc7ff73 100%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-slide .cta-local:hover{border-color:#d4af378c;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,inset 0 0 30px #00000080,0 14px 32px -10px #d4af3759,0 0 24px #5dc7ff2e}.hero-slide .cta-local:hover:before{opacity:1}.hero-slide .cta-local:hover .cta-local-icon{color:#fce8a8;transform:rotate(8deg);box-shadow:inset 0 0 0 1px #f7c843a6,0 0 22px #f7c84359}.hero-slide .cta-local:focus-visible{outline-offset:2px;outline:2px solid #d4af37e6}.hero-slide .cta-local-icon{color:#f3d77a;width:38px;height:38px;transition:transform var(--motion-flow) var(--ease-out-expo), color var(--motion-snappy), box-shadow var(--motion-snappy);background:radial-gradient(circle at 50% 30%,#f7c84338,#0000 70%),linear-gradient(#281c088c 0%,#080402b3 100%);border-radius:10px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #d4af3773,0 0 16px #d4af3738}.hero-slide .cta-local-icon svg{width:20px;height:20px;display:block}.hero-slide .cta-local-text{text-align:left;flex-direction:column;gap:2px;line-height:1.2;display:flex}.hero-slide .cta-local-text strong{letter-spacing:.08em;color:#f5efde;font-family:Cinzel,serif;font-size:13px;font-weight:700}.hero-slide .cta-local-text span{font-family:var(--font-mono);letter-spacing:.28em;color:#e8d49a9e;text-transform:uppercase;font-size:9.5px}.hero-slide .cta-local-tag{margin-left:var(--s-3);font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#c1e8f5e0;background:#3fb8af1a;border:1px solid #5dc7ff52;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:8.5px;font-weight:700;display:inline-flex}.hero-slide .cta-local-tag-dot{background:#6fe9df;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite local-tag-pulse;box-shadow:0 0 8px #6fe9dfd9}@keyframes local-tag-pulse{0%,to{opacity:.65}50%{opacity:1}}@media (width<=560px){.hero-slide .cta-local{min-height:62px;padding:10px 12px 10px 10px}.hero-slide .cta-local-tag{display:none}}.hero-right{animation:hero-fade-in var(--motion-cinematic) var(--ease-out-expo) .3s backwards;place-items:center;display:grid;position:relative}.hero-emblem-panel{aspect-ratio:1;width:min(360px,78%);box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative;overflow:visible}.hero-emblem-glow{filter:blur(22px);pointer-events:none;z-index:1;background:radial-gradient(circle,#d4af374d 0%,#0000 55%),radial-gradient(circle,#f7c8431f 0%,#0000 70%);animation:5s ease-in-out infinite emblem-glow-pulse;position:absolute;inset:14%}@keyframes emblem-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-emblem-ring{aspect-ratio:1;border:1px solid #d4af3766;border-radius:50%;width:64%;animation:30s linear infinite emblem-ring-spin;position:absolute;box-shadow:inset 0 0 30px #d4af3733,0 0 40px #d4af374d}.hero-emblem-ring:before,.hero-emblem-ring:after{content:"";border:1px dashed #d4af372e;border-radius:50%;position:absolute;inset:-12%}.hero-emblem-ring:after{border-style:dotted;border-color:#d4af371f;inset:-24%}@keyframes emblem-ring-spin{to{transform:rotate(360deg)}}img.hero-emblem-mark{object-fit:contain;filter:drop-shadow(0 0 18px #d4af3759)drop-shadow(0 12px 24px #0009);z-index:2;background:0 0;width:clamp(220px,22vw,300px);height:clamp(220px,22vw,300px);animation:6s ease-in-out infinite emblem-mark-float;position:relative}@keyframes emblem-mark-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}.hero-banners{pointer-events:none;position:absolute;inset:0}.hero-banner{background-blend-mode:overlay;opacity:.85;background:linear-gradient(currentColor 0%,#0000 90%);border:1px solid;border-radius:2px 2px 50% 50%/2px 2px 12px 12px;place-items:center;width:36px;height:60px;font-size:18px;animation:5s ease-in-out infinite banner-sway;display:grid;position:absolute}.hero-banner[data-theme=vampire-village]{color:#c41e3a;background:linear-gradient(#c41e3ab3 0%,#3c060ed9 100%);animation-delay:-1s;top:30%;left:8%;box-shadow:0 0 18px #c41e3a80}.hero-banner[data-theme=mafia-classic]{color:#d4af37;background:linear-gradient(#d4af37b3 0%,#281c08d9 100%);height:70px;top:4%;left:50%;transform:translate(-50%);box-shadow:0 0 18px #d4af378c}.hero-banner[data-theme=spy-game]{color:#3fb8af;background:linear-gradient(#3fb8afb3 0%,#061e24d9 100%);animation-delay:-2s;top:30%;right:8%;box-shadow:0 0 18px #3fb8af8c}@keyframes banner-sway{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(2px)}}.hero-banner[data-theme=mafia-classic]{animation-name:banner-sway-center}@keyframes banner-sway-center{0%,to{transform:translate(-50%)rotate(-1.5deg)}50%{transform:translate(-50%)rotate(1.5deg)}}.hero-embers{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-ember{background:#f7c843;border-radius:50%;width:3px;height:3px;animation:8s linear infinite ember-rise;position:absolute;bottom:-10%;box-shadow:0 0 6px #f7c843}.hero-ember:first-child{animation-delay:-.3s;left:12%}.hero-ember:nth-child(2){animation-delay:-1.8s;left:28%}.hero-ember:nth-child(3){animation-delay:-3.2s;left:44%}.hero-ember:nth-child(4){animation-delay:-4.6s;left:60%}.hero-ember:nth-child(5){animation-delay:-5.9s;left:76%}.hero-ember:nth-child(6){animation-delay:-7.1s;left:88%}.hero-ember:nth-child(7){animation-delay:-2.6s;left:22%}.hero-ember:nth-child(8){animation-delay:-4s;left:38%}.hero-ember:nth-child(9){animation-delay:-5.4s;left:56%}.hero-ember:nth-child(10){animation-delay:-6.7s;left:80%}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)}10%{opacity:1}to{opacity:0;transform:translateY(-110%)}}.feat-row{z-index:5;gap:var(--s-3);margin:var(--s-2) 0 var(--s-5);animation:hero-fade-in var(--motion-cinematic) var(--ease-out-expo) .5s backwards;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.feat-card{align-items:center;gap:var(--s-3);padding:var(--s-3);-webkit-backdrop-filter:blur(10px)saturate(140%);transition:border-color var(--motion-snappy), transform var(--motion-snappy);background:#0808109e;border:1px solid #ffffff14;border-radius:12px;display:flex;box-shadow:0 12px 28px -16px #000000b3}.feat-card:hover{border-color:#d4af374d;transform:translateY(-2px)}.feat-icon{border:1px solid;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.feat-card[data-accent=violet] .feat-icon{color:#a380ff;background:#a380ff1a;box-shadow:0 0 18px #a380ff33}.feat-card[data-accent=gold] .feat-icon{color:#d4af37;background:#d4af371a;box-shadow:0 0 18px #d4af3740}.feat-card[data-accent=red] .feat-icon{color:#ef4444;background:#ef44441a;box-shadow:0 0 18px #ef444440}.feat-card[data-accent=cyan] .feat-icon{color:#3fb8af;background:#3fb8af1a;box-shadow:0 0 18px #3fb8af40}.feat-text{flex-direction:column;gap:2px;min-width:0;display:flex}.feat-text strong{letter-spacing:.02em;color:var(--text-primary);font-size:13px;font-weight:700}.feat-text span{color:var(--text-muted);font-size:11px;line-height:1.45}.shelf-slide{padding:clamp(var(--s-6), 6vh, var(--s-7)) clamp(var(--s-4), 4vw, var(--s-7));align-items:stretch;gap:var(--s-4);background:linear-gradient(#080612f2 0%,#06050ebf 4%,#04040a66 10%,#0000 22% 64%,#0204088c 88%,#080402d9 100%),#05060c url(/assets/shelf/shelf-bg.webp) 50%/cover no-repeat;flex-direction:column;display:flex}.shelf-slide>.shelf-header:before{content:"";left:calc(-1 * clamp(var(--s-4), 4vw, var(--s-7)));right:calc(-1 * clamp(var(--s-4), 4vw, var(--s-7)));top:calc(-1 * clamp(var(--s-6), 6vh, var(--s-7)));filter:blur(14px);pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#f7c8431a,#0000 65%),radial-gradient(at 22% 0,#f7c8430f,#0000 55%),radial-gradient(at 78% 0,#f7c8430f,#0000 55%);height:220px;position:absolute}.shelf-slide:before{content:"";filter:blur(28px);pointer-events:none;z-index:1;background:radial-gradient(at 18% 100%,#f7c8431a,#0000 45%),radial-gradient(at 82% 100%,#f7c84314,#0000 50%),radial-gradient(at 50% 100%,#d4af370d,#0000 60%);animation:22s ease-in-out infinite shelf-smoke-drift;position:absolute;inset:30% 0 12%}@keyframes shelf-smoke-drift{0%,to{opacity:.7;transform:translate(0)}50%{opacity:1;transform:translate(1.5%,-1%)}}.shelf-header{z-index:4;align-items:center;gap:var(--s-2);text-align:center;padding-top:var(--s-2);animation:shelf-fade-in var(--motion-cinematic) var(--ease-out-expo) backwards;flex-direction:column;flex-shrink:0;display:flex;position:relative}@keyframes shelf-fade-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.shelf-eyebrow{align-items:center;gap:var(--s-3);font-family:var(--font-mono);letter-spacing:.45em;text-transform:uppercase;color:#e8d49ae6;margin:0;font-size:11px;display:inline-flex}.shelf-eyebrow:before,.shelf-eyebrow:after{content:"";background:linear-gradient(90deg,#0000 0%,#d4af378c 50%,#d4af37d9 100%);width:clamp(60px,8vw,110px);height:1px}.shelf-eyebrow:after{background:linear-gradient(90deg,#d4af37d9 0%,#d4af378c 50%,#0000 100%)}.shelf-ornament{color:#f3d77a;text-shadow:0 0 12px #d4af3799;font-size:14px;line-height:1}.shelf-title{letter-spacing:.07em;margin:var(--s-1) 0 0;background:linear-gradient(#fff 0%,#f3d77a 55%,#a87320 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 0 28px #d4af3759);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:clamp(40px,5.4vw,70px);font-weight:800;line-height:1}.shelf-subtitle{color:#e8d49abf;letter-spacing:.04em;max-width:56ch;margin:0;font-size:13px;line-height:1.6}.shelf-rail{z-index:3;justify-content:center;align-items:flex-end;gap:clamp(var(--s-3), 1.6vw, var(--s-5));min-height:0;padding:var(--s-5) var(--s-3) 0;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#d4af3740 transparent;perspective:1600px;perspective-origin:50% 80%;flex:1;display:flex;position:relative;overflow:auto visible}.shelf-rail::-webkit-scrollbar{height:6px}.shelf-rail::-webkit-scrollbar-thumb{background:#d4af3740;border-radius:999px}.shelf-rail::-webkit-scrollbar-track{background:0 0}.shelf-card{aspect-ratio:2/3;cursor:pointer;scroll-snap-align:center;isolation:isolate;width:clamp(180px,16vw,240px);transform-style:preserve-3d;opacity:0;animation:shelf-card-in var(--motion-cinematic) var(--ease-out-expo) forwards;transition:transform var(--motion-flow) var(--ease-out-expo), filter var(--motion-flow) ease-out, opacity var(--motion-flow) ease-out;background:0 0;border:0;flex:none;margin:0;padding:0;position:relative;transform:translateY(20px)}.shelf-card:before{content:"";z-index:0;background:linear-gradient(90deg,#000000f2 0%,#281c08d9 50%,#d4af3759 100%);border-radius:2px 0 0 2px;width:6px;position:absolute;top:4px;bottom:4px;left:-3px;transform:translate(-100%);box-shadow:-2px 0 6px #0009,inset -1px 0 #d4af3740}.shelf-card:after{content:"";filter:blur(4px);z-index:-1;height:14px;transition:opacity var(--motion-flow) ease-out, transform var(--motion-flow) var(--ease-out-expo);background:radial-gradient(at 50% 0,#000000b3 0%,#0000 70%);position:absolute;bottom:-8px;left:8%;right:8%}.shelf-card[data-position="0"]{animation-delay:.2s}.shelf-card[data-position="1"]{animation-delay:.32s}.shelf-card[data-position="2"]{animation-delay:.44s}.shelf-card[data-position="3"]{animation-delay:.56s}.shelf-card[data-position="4"]{animation-delay:.68s}.shelf-card[data-position="5"]{animation-delay:.8s}@keyframes shelf-card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.shelf-card[data-theme=vampire-village]{--card-accent:#ff3a52;--card-glow:#c41e3a;--card-bg-from:#2a0510;--card-bg-to:#08020a}.shelf-card[data-theme=mafia-classic]{--card-accent:#f3c352;--card-glow:#d4af37;--card-bg-from:#2a1d08;--card-bg-to:#08050a}.shelf-card[data-theme=spy-game]{--card-accent:#6fe9df;--card-glow:#3fb8af;--card-bg-from:#042026;--card-bg-to:#02080c}.book-frame{background:linear-gradient(180deg, var(--card-bg-from,#1a1208) 0%, var(--card-bg-to,#08050a) 100%);width:100%;height:100%;transition:box-shadow var(--motion-flow) ease-out;border-radius:4px;grid-template-rows:32px 1fr auto;padding:6px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d4af3759,inset 0 0 0 3px #000000b3,inset 0 0 0 4px #d4af378c,0 4px 8px #00000080,0 18px 36px -10px #000000d9,0 28px 50px -24px #000000e6,0 2px #d4af370d}.book-top,.book-cover,.book-bottom{margin:0 6px;position:relative}.book-top{letter-spacing:.3em;justify-content:center;align-items:center;gap:10px;height:100%;font-family:Cinzel,serif;display:flex}.book-ornament{color:var(--card-accent,#d4af37);text-shadow:0 0 8px var(--card-glow,#d4af37);font-size:10px;line-height:1}.book-kicker{letter-spacing:.4em;color:#e8d49ad9;text-transform:uppercase;font-size:9px;font-weight:700}.book-cover{background:var(--card-bg-to,#000);border-radius:2px;position:relative;overflow:hidden}.book-backdrop{background:linear-gradient(180deg, var(--card-bg-from,#1a1208), var(--card-bg-to,#08050a));z-index:0;position:absolute;inset:0}.book-image{object-fit:cover;object-position:center top;filter:contrast(1.04)brightness(.92)saturate(1.02);opacity:0;width:100%;height:100%;transition:opacity var(--motion-flow) ease-out, transform var(--motion-cinematic) var(--ease-out-expo), filter var(--motion-flow) ease-out;z-index:1;position:absolute;inset:0}.book-image.loaded{opacity:1}.book-cover:after{content:"";z-index:2;pointer-events:none;transition:opacity var(--motion-flow) ease-out;background:radial-gradient(at 50% 35%,#0000 50%,#00000059 100%),linear-gradient(#0000 62%,#000000c7 100%);position:absolute;inset:0}.book-cover .theme-fx{z-index:3;opacity:.55;pointer-events:none;transition:opacity var(--motion-flow) ease-out;position:absolute;inset:0}.book-bottom{padding:var(--s-3) 0 var(--s-3);text-align:center;z-index:4;background:linear-gradient(#0000 0%,#0009 100%);flex-direction:column;align-items:center;gap:4px;margin-top:-40%;padding-top:40%;display:flex;position:relative}.book-title{letter-spacing:.07em;color:var(--card-accent,#d4af37);text-shadow:0 0 18px var(--card-glow,#d4af37), 2px 2px 0 #000000b3;text-transform:uppercase;margin:0;font-family:Cinzel,serif;font-size:clamp(20px,1.8vw,30px);font-weight:800;line-height:1}.book-tagline{font-family:var(--font-mono);letter-spacing:.3em;color:#e8d49ac7;text-transform:uppercase;margin:0;font-size:8.5px;font-weight:600}.book-emblem{color:var(--card-accent,#d4af37);text-shadow:0 0 8px var(--card-glow,#d4af37);margin-top:2px;font-size:10px}.shelf-card:hover{z-index:4;transform:perspective(1200px)translateY(-22px)rotateY(-4deg)rotateX(2deg)scale(1.03)}.shelf-card:hover:after{opacity:1;transform:translateY(8px)scaleX(1.15)}.shelf-card:hover .book-frame{box-shadow:inset 0 0 0 1px #ffe696b3, inset 0 0 0 3px #000000b3, inset 0 0 0 4px #ffe696e6, 0 36px 70px -16px var(--card-glow,#d4af37b3), 0 4px 12px #0009, 0 28px 50px -24px #000000e6, 0 2px 0 #d4af3714}.shelf-card:hover .book-image{filter:contrast(1.15)brightness(.95)saturate(1.1);transform:scale(1.05)}.shelf-card:hover .book-cover:after{opacity:.55}.shelf-card:hover .book-cover .theme-fx{opacity:1}.shelf-rail:hover .shelf-card:not(:hover){opacity:.65;filter:saturate(.8)brightness(.85);transform:scale(.97)}.shelf-card:focus-visible{outline:none}.shelf-card:focus-visible .book-frame{box-shadow:inset 0 0 0 1px #ffffffb3, inset 0 0 0 3px #000000b3, inset 0 0 0 4px var(--card-glow,#d4af37), 0 0 0 4px var(--card-glow,#d4af3799), 0 18px 36px -16px #000c}.shelf-card-placeholder{--card-accent:#6e6e7a;--card-glow:#4a4a55;--card-bg-from:#18171f;--card-bg-to:#08070c;cursor:default;opacity:.65}.shelf-card-placeholder:hover{transform:none}.shelf-card-placeholder:hover .book-frame{box-shadow:inset 0 0 0 1px #6e6e7a66,inset 0 0 0 3px #000000b3,inset 0 0 0 4px #6e6e7a80,0 18px 36px -16px #000c}.book-cover-placeholder{background:repeating-linear-gradient(45deg, #ffffff05 0 14px, transparent 14px 28px), linear-gradient(180deg, var(--card-bg-from), var(--card-bg-to));place-items:center;display:grid}.book-coming-soon{letter-spacing:.1em;color:#e8e8f059;text-transform:uppercase;text-align:center;padding:0 var(--s-3);font-family:Cinzel,serif;font-size:clamp(16px,1.5vw,22px);font-weight:700;line-height:1.1}.placeholder-tagline{color:#e8e8f073}.shelf-floor{z-index:2;height:56px;margin:0 calc(-1 * clamp(var(--s-4), 4vw, var(--s-7)));background:repeating-linear-gradient(90deg,#0000002e 0 1px,#0000 1px 7px,#0000001a 7px 8px,#0000 8px 28px),radial-gradient(at 22%,#00000059,#0000 25%),radial-gradient(at 78% 60%,#0000004d,#0000 25%),linear-gradient(#4a2a18 0%,#3a1f10 35%,#21100a 78%,#0e0604 100%);flex-shrink:0;position:relative;box-shadow:inset 0 1px #f7c843a6,inset 0 2px #d4af3759,inset 0 8px 14px #d4af3714,inset 0 -8px 20px #000000d9,0 1px #000000e6,0 12px 24px -8px #000000d9}.shelf-floor:before{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(at 22% 100%,#f7c84333,#0000 55%),radial-gradient(at 78% 100%,#f7c8432e,#0000 55%),radial-gradient(at 50% 100%,#d4af371a,#0000 70%);height:36px;position:absolute;top:-32px;left:0;right:0}.shelf-floor:after{content:"";pointer-events:none;background:linear-gradient(#0009,#0000);height:24px;position:absolute;bottom:-24px;left:0;right:0}.shelf-footer{z-index:3;align-items:center;gap:var(--s-2);padding:var(--s-6) 0 var(--s-3);text-align:center;animation:shelf-fade-in var(--motion-cinematic) var(--ease-out-expo) .8s backwards;flex-direction:column;display:flex;position:relative}.shelf-footer-star{color:#f3d77a;text-shadow:0 0 14px #f7c843b3,0 0 28px #d4af3766;font-size:26px;line-height:1;animation:3s ease-in-out infinite footer-twinkle}@keyframes footer-twinkle{0%,to{opacity:.9;text-shadow:0 0 14px #f7c843b3,0 0 28px #d4af3766;transform:scale(1)}50%{opacity:1;text-shadow:0 0 20px #f7c843f2,0 0 40px #d4af3799;transform:scale(1.15)}}.shelf-footer-title{letter-spacing:.05em;background:linear-gradient(#fff 0%,#f3d77a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(20px,1.9vw,28px);font-weight:700}.shelf-footer-sub{letter-spacing:.06em;color:#e8d49a8c;margin:0;font-size:12px}.shelf-back-top{bottom:var(--s-4);right:var(--s-4);align-items:center;gap:var(--s-2);color:#e8d49ab3;font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:6;transition:color var(--motion-snappy), border-color var(--motion-snappy);background:#0000008c;border:1px solid #d4af3740;border-radius:999px;padding:8px 14px;font-size:9px;display:inline-flex;position:absolute}.shelf-back-top:hover{color:#d4af37;border-color:#d4af3766}.shelf-back-top:focus-visible{outline-offset:3px;outline:2px solid #d4af37e6}.create-picker-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(12px);padding:var(--s-5);opacity:0;transition:opacity var(--motion-snappy) ease-out;background:#02020699;place-items:center;display:grid;position:fixed;inset:0}.create-picker-overlay.visible{opacity:1}.create-picker{width:min(720px,100%);padding:var(--s-6) var(--s-5);gap:var(--s-5);opacity:0;transition:transform var(--motion-flow) var(--ease-out-expo), opacity var(--motion-flow) ease-out;background:linear-gradient(#14101cf5 0%,#08060ef5 100%);border:1px solid #d4af3740;border-radius:16px;flex-direction:column;display:flex;position:relative;transform:translateY(12px)scale(.98);box-shadow:0 32px 80px -16px #000c}.create-picker-overlay.visible .create-picker{opacity:1;transform:translateY(0)scale(1)}.create-picker-eyebrow{font-family:var(--font-mono);letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);text-align:center;margin:0;font-size:10px}.create-picker-title{letter-spacing:.03em;text-align:center;color:var(--text-primary);margin:0;font-family:Cinzel,serif;font-size:clamp(20px,3vw,28px);font-weight:700}.create-picker-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.create-picker-option{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-3);color:var(--text-primary);cursor:pointer;text-align:center;isolation:isolate;transition:transform var(--motion-snappy), border-color var(--motion-snappy), box-shadow var(--motion-snappy);background:#00000073;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:hidden}.create-picker-option img{aspect-ratio:1;object-fit:cover;object-position:center 12%;filter:contrast(1.05)brightness(.75)saturate(.95);width:100%;transition:filter var(--motion-flow) ease-out, transform var(--motion-flow) var(--ease-out-expo);border-radius:8px}.create-picker-option:hover{border-color:#d4af378c;transform:translateY(-3px);box-shadow:0 12px 36px -12px #d4af3773}.create-picker-option:hover img{filter:contrast(1.1)brightness(.95)saturate(1.1);transform:scale(1.04)}.create-picker-option[data-theme=vampire-village]:hover{border-color:#c41e3a99;box-shadow:0 12px 36px -12px #c41e3a80}.create-picker-option[data-theme=spy-game]:hover{border-color:#3fb8af99;box-shadow:0 12px 36px -12px #3fb8af80}.create-picker-option-text strong{letter-spacing:.05em;color:var(--text-primary);font-family:Cinzel,serif;font-size:16px;display:block}.create-picker-option-text span{color:var(--text-muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.create-picker-option:focus-visible{outline-offset:2px;outline:2px solid #d4af37e6}.create-picker-cancel{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color var(--motion-snappy), border-color var(--motion-snappy);background:0 0;border:1px solid #ffffff1f;border-radius:999px;align-self:center;padding:10px 22px;font-size:11px;font-weight:700}.create-picker-cancel:hover{color:var(--text-primary);border-color:#ffffff4d}.create-picker-cancel:focus-visible{outline-offset:2px;outline:2px solid #d4af37e6}@media (width<=900px){.hero-slide{padding:clamp(var(--s-6), 6vh, var(--s-7)) var(--s-4) var(--s-5)}.hero-grid{gap:var(--s-5);text-align:center;grid-template-columns:1fr}.hero-left{align-items:center}.hero-brand-row{justify-content:center}.hero-body{max-width:none}.hero-slide .mega-title{font-size:clamp(40px,12vw,64px)}.hero-emblem-panel{width:min(360px,80%)}.hero-emblem-mark{width:150px;height:150px;font-size:80px}.feat-row{margin-top:var(--s-4);grid-template-columns:repeat(2,1fr)}.shelf-slide{padding:var(--s-6) var(--s-3)}.shelf-title{font-size:clamp(28px,7vw,44px)}.shelf-rail{gap:var(--s-3);padding:var(--s-4) 0 var(--s-3);perspective:none;scroll-snap-type:none;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.shelf-card{aspect-ratio:2/3;scroll-snap-align:none;flex:none;width:100%}.shelf-floor,.home-slide .center-particles{display:none}.home-slide .center-fog{filter:blur(20px);opacity:.6;animation:none}.hero-embers{display:none}.create-picker-option{text-align:left;padding:var(--s-3);flex-direction:row;align-items:center}.create-picker-option img{aspect-ratio:1;flex-shrink:0;width:64px}}@media (width<=560px){.feat-row{grid-template-columns:1fr}.shelf-back-top{margin-top:var(--s-3);align-self:center;position:static}}.atmosphere[data-perf=low]~.shell .home-slide .center-particles,.atmosphere[data-perf=low]~.shell .home-slide .center-fog,.atmosphere[data-perf=low]~.shell .hero-embers{display:none}@media (prefers-reduced-motion:reduce){.home-stage .stage{scroll-behavior:auto}.home-slide .center-particle,.home-slide .center-fog,.hero-ember,.hero-emblem-ring,.hero-emblem-glow,.hero-banner,.hero-brand-mark,.hero-left,.hero-right,.feat-row,.shelf-card,.shelf-header,.shelf-footer-star,.create-picker,.create-picker-overlay{transition-duration:.15s!important;animation:none!important}.shelf-card{opacity:1;transform:none}}