@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--ground-1: #23272e;--ground-2: #171a20;--ground-3: #0e1014;--ground: linear-gradient(168deg, var(--ground-1) 0%, var(--ground-2) 48%, var(--ground-3) 100%);--surface-0: color-mix(in srgb, var(--brand) 2%, #0c0e12);--surface-1: color-mix(in srgb, var(--brand) 3%, #14171d);--surface-2: color-mix(in srgb, var(--brand) 4%, #1b1f27);--surface-3: color-mix(in srgb, var(--brand) 5%, #242932);--surface-4: color-mix(in srgb, var(--brand) 7%, #31373f);--surface-sunken: color-mix(in srgb, var(--brand) 2%, #0a0c0f);--hairline: rgba(var(--brand-rgb), .1);--hairline-strong: rgba(var(--brand-rgb), .2);--text-1: #f2f4f7;--text-2: #b3bac6;--text-3: #848d9c;--text-4: #626a78;--text-on-bright: var(--brand-ink);--coral: #f2726f;--coral-deep: #de5a57;--lime: #9bdb5a;--lime-deep: #82c343;--sky: #5b9df0;--amber: #f6b23c;--ink: var(--page-ink);--card-back: url(/images/backs/back-classic.webp);--card-back-opacity: .2;--brand: #f5d488;--brand-rgb: 245, 212, 136;--brand-grad-text: linear-gradient(135deg, #fbe9b3, #f3d488 30%, #c8912a 56%, #f7dd96 78%, #e6b34e);--brand-grad-btn: linear-gradient(115deg, #e0a63e 0%, #f5d488 20%, #fff6d8 30%, #f5d488 44%, #e0a63e 62%, #c8912a 100%);--brand-ink: #1a1206;--amb-base: radial-gradient(120% 80% at 50% -10%, #140d26 0%, #0b0816 42%, #08060f 100%);--amb-1: rgba(109, 40, 217, .26);--amb-2: rgba(237, 192, 106, .13);--amb-3: rgba(236, 72, 153, .12);--page-ink: #08060f;--hero-filter: none;--paper: linear-gradient(180deg, #fdf6e6 0%, #f6ead2 100%);--paper-ink: #3a2a17;--paper-line: rgba(58, 42, 23, .2);--accent-theme: var(--brand);--accent-theme-rgb: var(--brand-rgb);--accent-glow: var(--brand);--bg-primary: var(--page-ink);--r-xs: 8px;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--r-xl: 36px;--r-pill: 999px;--e-raised: 0 1px 2px rgba(8, 6, 24, .4), 0 6px 16px -6px rgba(8, 6, 24, .5), inset 0 1px 0 rgba(255, 255, 255, .07);--e-float: 0 2px 4px rgba(8, 6, 24, .3), 0 14px 30px -10px rgba(8, 6, 24, .55), inset 0 1px 0 rgba(255, 255, 255, .08);--e-lift: 0 4px 8px rgba(8, 6, 24, .3), 0 30px 60px -18px rgba(8, 6, 24, .65), inset 0 1px 0 rgba(255, 255, 255, .09);--e-shell: 0 40px 90px -24px rgba(28, 14, 70, .6), 0 8px 24px -8px rgba(28, 14, 70, .4);--e-sunken: inset 0 2px 10px rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(255, 255, 255, .05);--e-coral: 0 3px 0 -1px var(--coral-deep), 0 10px 20px -12px rgba(242, 114, 111, .4);--e-lime: 0 3px 0 -1px var(--lime-deep), 0 10px 20px -12px rgba(155, 219, 90, .35);--e-ink: 0 3px 0 -1px #0a0e17, 0 10px 20px -12px rgba(8, 6, 24, .5);--ease: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.34, 1.4, .64, 1);--t-fast: .16s;--t: .26s;--t-slow: .45s}@media (prefers-reduced-motion: reduce){:root{--t-fast: .01s;--t: .01s;--t-slow: .01s}}.panel{background:var(--surface-1);border-radius:var(--r-lg);box-shadow:var(--e-float)}.panel-sunken{background:var(--surface-sunken);border-radius:var(--r-lg);box-shadow:var(--e-sunken)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:var(--e-raised);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.btn{--btn-shadow: var(--e-ink);--btn-fill: var(--ink);--btn-ink: var(--text-1);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 34px;border:none;border-radius:var(--r-pill);background:var(--btn-fill);color:var(--btn-ink);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:var(--btn-shadow);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 -1px #00000080,0 4px 10px -8px #08061899}.btn:disabled{opacity:.4;pointer-events:none}.btn-coral{--btn-fill: var(--coral);--btn-shadow: var(--e-coral);--btn-ink: #fff}.btn-lime{--btn-fill: var(--lime);--btn-shadow: var(--e-lime);--btn-ink: #1d2b0c}.btn-ghost{--btn-fill: var(--surface-2);--btn-shadow: var(--e-raised);--btn-ink: var(--text-2)}.btn-sm{padding:9px 20px;font-size:13px}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--surface-2);color:var(--text-2);cursor:pointer;box-shadow:var(--e-raised);transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.icon-btn:hover{background:var(--surface-3);color:var(--text-1);transform:translateY(-2px)}.icon-btn:active{transform:translateY(1px)}.icon-btn.is-active{background:var(--sky);color:#fff}.seg{display:inline-flex;gap:8px}.seg>button{padding:8px 18px;border:none;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--e-raised);transition:all var(--t-fast) var(--ease)}.seg>button:hover{background:var(--surface-3);color:var(--text-1)}.seg>button[aria-pressed=true]{background:var(--surface-4);color:var(--text-1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior:none}body{background:var(--page-ink, #08060f);background-attachment:fixed;color:var(--text-1);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased;position:fixed;width:100%;height:100dvh;height:100%}#root{width:100%;height:100dvh;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#4b587a;background-clip:padding-box}::selection{background:var(--accent-theme);color:#fff}:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:10px 14px;padding-top:max(env(safe-area-inset-top,10px),10px);background:color-mix(in srgb,var(--page-ink) 82%,transparent);border-bottom:1px solid rgba(var(--brand-rgb),.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px -14px #080618b3}.header-inner{max-width:1244px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 10px}@media (min-width: 1100px){.site-header{padding:0 18px}.header-inner{background:none;border-radius:0;box-shadow:none;padding:12px 10px 12px 12px}}.header-brand{display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s}.header-brand:hover{transform:scale(1.02)}.header-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text-1)}.header-nav{display:flex;align-items:center;gap:6px}.nav-link{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--text-3);font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.nav-link:hover{background:rgba(var(--brand-rgb),.12);color:var(--brand)}.nav-link.active{background:var(--surface-4);color:var(--text-1);box-shadow:var(--e-raised)}.nav-beta{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);padding:2px 7px;border-radius:var(--r-pill);margin-left:4px}.nav-icon{font-size:16px}.header-actions{display:flex;align-items:center;gap:12px}.header-signin{position:relative;padding:11px 24px;border-radius:var(--r-pill);border:none;background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);box-shadow:0 14px 30px -14px rgba(var(--brand-rgb),.7);transition:background-position .5s ease,transform .25s;font-size:14px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease);overflow:hidden;box-shadow:var(--e-coral)}.header-signin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.header-signin:hover:before{transform:translate(100%)}.header-signin:hover{transform:translateY(-2px);filter:brightness(1.07)}.header-signin:active{transform:translateY(3px)}.header-user{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--r-pill);border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-1);font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.header-user:hover{background:var(--surface-4);transform:translateY(-1px)}.header-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--accent-theme);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.header-username{font-size:14px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:10px;border-radius:50%;border:none;background:var(--surface-3);box-shadow:var(--e-raised);cursor:pointer;transition:all var(--t-fast) var(--ease)}.header-menu-btn span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s}.header-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header-menu-btn.open span:nth-child(2){opacity:0}.header-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-backdrop{display:none}@media (max-width: 768px){.header-nav{position:fixed;top:70px;left:0;right:0;flex-direction:column;padding:16px;gap:6px;background:var(--surface-2);border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg);box-shadow:var(--e-lift);transform:translateY(-120%);opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-nav.open{transform:translateY(0);opacity:1}.nav-link{width:100%;justify-content:flex-start;padding:14px 20px}.nav-label{display:block}.header-menu-btn{display:flex}.header-username{display:none}.header-backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:70px;background:#00000080;z-index:-1}}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:4px}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--surface-3);border:none;box-shadow:var(--e-lift);border-radius:var(--r-md);padding:8px;z-index:100;box-shadow:0 20px 40px #0006}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:10px;color:#ffffffb3;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:var(--surface-3);color:#fff}.dropdown-item.active{background:rgba(var(--brand-rgb),.16);color:var(--brand)}.dropdown-item .check{margin-left:auto;color:var(--brand)}.settings-dropdown-wrap{position:relative}.header-settings-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t-fast) var(--ease)}.header-settings-btn:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.header-settings-btn.active{background:rgba(var(--brand-rgb),.18);color:var(--brand)}.settings-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:288px;background:var(--surface-2);border:none;border-radius:var(--r-lg);padding:18px;z-index:100;box-shadow:var(--e-lift)}.settings-section{margin-bottom:16px}.settings-section:last-child{margin-bottom:0}.settings-section-title{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.settings-divider{height:1px;background:var(--hairline);margin:16px 0}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-option{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-3);border:none;box-shadow:var(--e-raised);border-radius:var(--r-pill);color:var(--text-2);font-size:13px;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.theme-option:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.theme-option.active{background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);box-shadow:0 10px 22px -12px rgba(var(--brand-rgb),.75)}.theme-icon{font-size:16px}.theme-label{font-weight:500}.settings-toggle-row{display:flex;gap:6px}.settings-toggle-btn{flex:1;padding:10px 12px;background:var(--surface-3);border:none;box-shadow:var(--e-raised);border-radius:var(--r-pill);color:var(--text-2);font-size:13px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.settings-toggle-btn:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.settings-toggle-btn.active{background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);box-shadow:0 10px 22px -12px rgba(var(--brand-rgb),.75)}.settings-toggle-btn.adult.active{background:var(--coral);color:#fff;box-shadow:var(--e-coral)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}@media (max-width: 480px){.site-header{padding:10px 16px}.header-title{font-size:18px}.header-signin{padding:8px 14px;font-size:13px}.dropdown-menu{position:fixed;top:auto;bottom:80px;left:16px;right:16px}}.site-footer{position:relative;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,var(--page-ink)) 0%,var(--page-ink) 62%);border-top:1px solid var(--hairline);padding:80px 24px 40px;margin-top:auto}.footer-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.7fr repeat(3,minmax(0,1fr));gap:48px;align-items:start}.site-footer .footer-links{display:contents}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;gap:10px}.footer-title{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.02em;color:#f4efe6}.footer-tagline{margin:0;padding:0;font-size:14px;line-height:1.7;color:var(--text-3);max-width:280px}.footer-social{margin-left:0;display:flex;gap:12px;margin-top:8px}.social-link{width:40px;height:40px;border-radius:12px;background:rgba(var(--brand-rgb),.06);border:1px solid rgba(var(--brand-rgb),.18);display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .2s}.social-link:hover{background:rgba(var(--brand-rgb),.14);border-color:rgba(var(--brand-rgb),.45);color:var(--brand);transform:translateY(-2px)}.footer-column h4{font-size:13px;font-weight:700;color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px}.footer-column button{display:block;width:100%;text-align:left;padding:8px 0;background:none;border:none;color:#ffffff80;font-size:14px;font-family:inherit;cursor:pointer;transition:color .2s}.footer-column button:hover{color:var(--brand)}.footer-beta{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);padding:2px 6px;border-radius:10px;margin-left:6px}.footer-bottom{max-width:1160px;margin:48px auto 0;padding-top:26px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;text-align:center}.footer-bottom p{margin:0;font-size:13px;color:#fff6}@media (max-width: 900px){.footer-inner{grid-template-columns:1fr 1fr 1fr;gap:40px 32px}.footer-brand{grid-column:1 / -1}}@media (max-width: 768px){.footer-inner{grid-template-columns:1fr;gap:36px}.site-footer .footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-brand{grid-column:auto;align-items:center;text-align:center}.footer-tagline{max-width:100%}}@media (max-width: 480px){.site-footer{padding:40px 16px 24px}.footer-links{grid-template-columns:1fr 1fr;gap:24px}.footer-column:last-child{grid-column:span 2;display:flex;flex-wrap:wrap;gap:0 24px}.footer-column:last-child h4{width:100%}.footer-column:last-child button{width:auto}}.footer-heart{color:var(--brand);font-size:13px;vertical-align:baseline}.footer-bottom p{color:var(--text-3)}.party-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0818b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;animation:jpmFade .2s var(--ease) both}.party-modal{position:relative;width:100%;max-width:400px;animation:jpmRise .28s var(--ease-snap) both}@keyframes jpmFade{0%{opacity:0}to{opacity:1}}@keyframes jpmRise{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}.party-ticket{border-radius:var(--r-xl);background:var(--surface-2);box-shadow:var(--e-lift);overflow:hidden}.ticket-stub{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:var(--coral);color:#fff;border-bottom:2px dashed rgba(255,255,255,.35)}.ticket-emoji{font-size:20px}.ticket-text{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.2em}.ticket-main{padding:28px 24px 26px}.ticket-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin:0 0 6px}.ticket-subtitle{font-size:14px;color:var(--text-3);margin:0 0 24px}.login-error{padding:11px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--coral) 20%,var(--surface-3));color:#ffdedd;font-size:13px;text-align:center;margin:0 0 14px}.party-login-options{display:flex;flex-direction:column;gap:10px}.wristband-btn,.guest-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:none;border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-1);font-family:var(--font-display);font-size:15px;font-weight:600;cursor:pointer;box-shadow:var(--e-raised);transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.wristband-btn:hover:not(:disabled),.guest-btn:hover:not(:disabled){background:var(--surface-4);transform:translateY(-2px)}.wristband-btn:active:not(:disabled),.guest-btn:active:not(:disabled){transform:translateY(2px)}.wristband-btn:disabled,.guest-btn:disabled{opacity:.45;cursor:not-allowed}.wristband-btn.google{background:#fff;color:#1f2430;box-shadow:0 3px 0 -1px #cfd4dd,var(--e-raised)}.wristband-btn.google:hover:not(:disabled){background:#f4f6fa}.wristband-icon{flex-shrink:0;width:24px;display:grid;place-items:center;font-size:17px;font-weight:800}.google-icon{color:#4285f4}.guest-btn{margin-top:4px}.coming-soon-badge{margin-left:auto;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-4);color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.wristband-btn.google .coming-soon-badge{background:#e6e9ef;color:#6b7280}.divider{display:flex;align-items:center;gap:12px;margin:20px 0 4px;font-size:12px;color:var(--text-4);white-space:nowrap}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--hairline)}.modal-close{position:absolute;top:-14px;right:-8px;width:36px;height:36px;border:none;border-radius:50%;background:var(--surface-4);color:var(--text-1);font-size:14px;cursor:pointer;box-shadow:var(--e-float);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.modal-close:hover{background:var(--coral);color:#fff;transform:scale(1.08)}.landing{min-height:100dvh;position:relative;overflow:hidden;padding-top:70px}.landing-scroll{display:flex;flex-direction:column;align-items:center;gap:48px;padding:32px 20px 40px;padding-bottom:max(env(safe-area-inset-bottom,20px),40px);position:relative;z-index:1;max-width:440px;margin:0 auto;width:100%}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-1{width:300px;height:300px;background:#8b5cf61f;top:-80px;left:-80px;animation:orbDrift 12s ease-in-out infinite}.orb-2{width:250px;height:250px;background:#ec489914;bottom:10%;right:-60px;animation:orbDrift 15s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:#f59e0b0f;top:40%;left:50%;animation:orbDrift 18s ease-in-out infinite 3s}@keyframes orbDrift{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(15px,15px)}}.hero{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.hero-badge{font-size:12px;font-weight:700;color:#a78bfa;background:#8b5cf61a;border:1px solid rgba(139,92,246,.15);padding:5px 16px;border-radius:50px;letter-spacing:.5px;animation:slideDown .5s ease-out .1s both}.hero-logo-wrap{position:relative;animation:slideDown .5s ease-out .15s both}.hero-logo{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 8px 30px rgba(139,92,246,.35))}.hero-logo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;border:1px solid rgba(139,92,246,.15);animation:ringPulse 3s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.25);opacity:0}}.hero-title{font-family:var(--font-display);font-size:42px;font-weight:900;line-height:1;letter-spacing:-2px;margin:0;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fff 20%,#c4b5fd,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:slideDown .5s ease-out .2s both,shimmer 4s ease-in-out infinite 1s}.showcase-inline{position:relative;height:120px;width:180px;display:flex;align-items:center;justify-content:center;margin:4px 0}.hero-u{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-mascot{position:relative;display:flex;flex-direction:column;align-items:center;margin:10px 0 12px;animation:slideDown .5s ease-out .28s both}.hero-mascot .mascot{animation:mascotBob 3.6s ease-in-out infinite;filter:drop-shadow(0 8px 22px rgba(124,58,237,.3))}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion: reduce){.hero-mascot .mascot{animation:none}}.hero-tagline{display:flex;align-items:center;gap:10px;animation:slideDown .5s ease-out .3s both}.tg{font-family:var(--font-display);font-size:22px;font-weight:700}.tg1{color:#a78bfa}.tg2{color:#fbbf24}.tg3{color:#f472b6}.tg-sep{width:5px;height:5px;border-radius:50%;background:#4b5563}.hero-sub{font-size:14px;color:#6b7280;line-height:1.6;max-width:300px;margin:0;animation:slideDown .5s ease-out .35s both}.hero-cta{position:relative;display:inline-flex;align-items:center;gap:10px;padding:16px 44px;border:none;border-radius:16px;font-size:15px;font-weight:800;font-family:inherit;letter-spacing:2px;color:#fff;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 30px #8b5cf64d,0 8px 32px #0000004d;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:slideDown .5s ease-out .4s both}.hero-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 0 50px #8b5cf666,0 12px 40px #0000004d}.hero-cta:active{transform:translateY(0) scale(.98)}.hero-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);animation:ctaSweep 3s ease-in-out infinite 1.5s}@keyframes ctaSweep{0%{transform:translate(-100%)}30%{transform:translate(100%)}to{transform:translate(100%)}}.hero-cta-text{position:relative;z-index:1}.showcase{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.showcase-stack{position:relative;height:140px;width:200px;display:flex;align-items:center;justify-content:center}.showcase-card{position:absolute;width:120px;height:130px;border-radius:18px;background:var(--surface-2);border:none;box-shadow:var(--e-float);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all .6s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-card.active{border-color:color-mix(in srgb,var(--sc) 40%,transparent);background:color-mix(in srgb,var(--sc) 8%,transparent);box-shadow:0 8px 30px color-mix(in srgb,var(--sc) 20%,transparent)}.showcase-emoji{font-size:36px}.showcase-label{font-size:12px;font-weight:700;color:#9ca3af}.showcase-card.active .showcase-label{color:#e2e8f0}.showcase-hint{font-size:12px;color:#4b5563;margin:0}.how-section,.modes-section,.invite-section{width:100%;padding:100px 24px}.how-section .how-flow-v2,.modes-section .modes-grid-v2,.invite-section .invite-card{max-width:1100px;margin-left:auto;margin-right:auto}.how-section,.modes-section{padding-top:60px}.invite-section{padding-top:80px;padding-bottom:80px}.section-title{font-family:var(--font-display);font-size:clamp(28px,5vw,42px);font-weight:800;color:#fff;text-align:center;letter-spacing:-1px;max-width:1100px;margin:0 auto 12px;padding:0 24px}.section-subtitle{font-size:clamp(14px,2vw,18px);color:#ffffff80;text-align:center;font-weight:500;max-width:600px;margin:0 auto 48px;padding:0 24px}.how-tip{margin:20px auto 0;padding:0;background:none;border:none;color:#94a3b8;font-size:12.5px;line-height:1.5;text-align:center;letter-spacing:.1px}.how-tip-key{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin:0 3px;border-radius:6px;background:linear-gradient(135deg,#8b5cf62e,#6366f124);border:1px solid rgba(139,92,246,.32);font-size:11px;line-height:1;vertical-align:middle;box-shadow:0 1px #ffffff0a inset,0 2px 6px #8b5cf62e}.how-flow{display:flex;align-items:center;justify-content:center;gap:6px}.how-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;border-radius:18px;background:var(--surface-2);border:none;box-shadow:var(--e-float);flex:1;max-width:110px;position:relative;transition:all .25s}.how-card:hover{background:var(--surface-3);transform:translateY(-4px);box-shadow:0 8px 24px #0003}.how-num{position:absolute;top:-8px;left:-8px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf64d}.how-icon{font-size:28px}.how-text{font-size:12px;font-weight:600;color:#9ca3af;text-align:center;line-height:1.3}.how-arrow{flex-shrink:0;opacity:.4}.how-flow-v2{display:flex;gap:12px;justify-content:center}.how-step{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--hairline);flex:1;max-width:140px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.how-step:hover{background:linear-gradient(180deg,#8b5cf61a,#ffffff08);border-color:#8b5cf64d;transform:translateY(-6px);box-shadow:0 16px 40px #8b5cf626}.how-step-num{position:absolute;top:-10px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b5cf666}.how-step-icon{font-size:36px;margin-top:8px}.how-step-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff;text-align:center}.how-step-desc{font-size:11px;color:#6b7280;text-align:center;line-height:1.4}@media (max-width: 480px){.how-flow-v2{gap:8px}.how-step{padding:18px 10px;max-width:110px}.how-step-icon{font-size:28px}.how-step-title{font-size:12px}.how-step-desc{font-size:10px}}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-tile{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:var(--surface-2);border:none;box-shadow:var(--e-float);cursor:pointer;transition:all .25s}.mode-tile:hover{border-color:color-mix(in srgb,var(--mt) 35%,transparent);background:color-mix(in srgb,var(--mt) 6%,transparent);transform:translateY(-3px);box-shadow:0 6px 20px color-mix(in srgb,var(--mt) 12%,transparent)}.mode-tile:active{transform:scale(.97)}.mode-tile-icon{font-size:26px;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--mt) 10%,transparent);display:flex;align-items:center;justify-content:center}.mode-tile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-tile-label{font-size:14px;font-weight:700;color:#e2e8f0}.mode-tile-desc{font-size:11px;color:#6b7280}.modes-grid-v2{display:grid;grid-template-columns:1fr;gap:12px}.mode-card-v2{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1px solid var(--hairline);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.mode-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--mt);opacity:0;transition:opacity .3s}.mode-card-v2:hover{border-color:color-mix(in srgb,var(--mt) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--mt) 8%,transparent),#ffffff05);transform:translateY(-4px);box-shadow:0 12px 40px color-mix(in srgb,var(--mt) 15%,transparent),0 4px 12px #0003}.mode-card-v2:hover:before{opacity:1}.mode-card-v2:active{transform:translateY(-2px) scale(.99)}.mode-card-icon{font-size:36px;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--mt) 20%,transparent),color-mix(in srgb,var(--mt) 10%,transparent));border:1px solid color-mix(in srgb,var(--mt) 30%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-card-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.mode-card-label{font-family:var(--font-display);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.3px}.mode-card-desc{font-size:13px;color:#9ca3af;line-height:1.4}.mode-card-players{font-size:11px;font-weight:600;color:#6b7280;margin-top:4px}@media (min-width: 500px){.modes-grid-v2{grid-template-columns:1fr 1fr}}.invite-card{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 40px;border-radius:32px;background:linear-gradient(145deg,#8b5cf614,#ec48990d);border:1px solid rgba(139,92,246,.15);position:relative;overflow:hidden;width:100%}.invite-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(139,92,246,.06),transparent 60%);pointer-events:none}.invite-avatars{display:flex;align-items:center;position:relative;z-index:1}.invite-av{width:44px;height:44px;border-radius:50%;background:var(--surface-3);border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px;margin-left:-10px;animation:avPop .4s cubic-bezier(.34,1.56,.64,1) both}.invite-av:first-child{margin-left:0}@keyframes avPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.invite-av-plus{background:#8b5cf626;border-color:#8b5cf640;font-size:18px;font-weight:800;color:#a78bfa}.invite-title{font-family:var(--font-display);font-size:clamp(22px,4vw,32px);font-weight:800;color:#fff;margin:0;position:relative}.invite-desc{font-size:clamp(14px,2vw,16px);color:#fff9;text-align:center;line-height:1.6;margin:0;max-width:400px;position:relative}.invite-btn{display:flex;align-items:center;gap:8px;padding:11px 28px;border-radius:12px;border:1px solid rgba(139,92,246,.2);background:#8b5cf61a;color:#a78bfa;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;position:relative}.invite-btns{display:flex;gap:8px;position:relative}.install-btn{border-color:#22c55e33!important;background:#22c55e1a!important;color:#4ade80!important}.install-btn:hover{background:#22c55e2e!important;box-shadow:0 4px 16px #22c55e26!important}.invite-btn:hover{background:#8b5cf62e;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf626}.ios-guide{background:#22c55e0f;border:1px solid rgba(34,197,94,.12);border-radius:12px;padding:12px 16px;animation:slideDown .25s ease-out;width:100%}.ios-guide-text{font-size:13px;color:#9ca3af;text-align:center;line-height:1.6;margin:0}.ios-guide-text strong{color:#e2e8f0}.ios-icon{font-size:16px;vertical-align:middle}.features-section .feature-strip{background:linear-gradient(145deg,#8b5cf60f,#ec489908);border:1px solid rgba(139,92,246,.1);border-radius:24px;padding:24px 32px}.feature-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;justify-content:center;flex-wrap:wrap}.feature-strip::-webkit-scrollbar{display:none}.feature-tag{font-size:12px;font-weight:600;color:#6b7280;background:var(--surface-2);border:none;box-shadow:var(--e-float);padding:6px 14px;border-radius:50px;white-space:nowrap}.bottom-cta{display:flex;flex-direction:column;align-items:center;gap:12px}.bottom-cta .hero-cta{animation:none}.hero-cta-large{padding:18px 52px;font-size:16px;border-radius:18px}.landing-hint{font-size:12px;color:#6b7280;font-weight:500}@media (min-width: 768px){.landing{padding-top:80px}.landing-scroll{max-width:1200px;padding:60px 40px 80px;gap:80px}.hero{gap:20px}.hero-badge{font-size:14px;padding:8px 24px}.hero-title{font-size:72px;letter-spacing:-3px}.showcase-inline{height:160px;width:240px}.showcase-card{width:140px;height:150px;border-radius:22px}.showcase-emoji{font-size:44px}.showcase-label,.showcase-hint{font-size:14px}.tg{font-size:28px}.hero-sub{font-size:18px;max-width:500px}.hero-cta{padding:20px 56px;font-size:16px;border-radius:18px}.how-section,.modes-section,.invite-section{padding:120px 48px}.how-section,.modes-section{padding-top:80px}.section-title,.section-subtitle{padding:0}.how-flow-v2{gap:24px}.how-step{padding:36px 28px;max-width:220px;border-radius:28px}.how-step-num{width:36px;height:36px;font-size:16px;top:-12px}.how-step-icon{font-size:48px}.how-step-title{font-size:18px}.how-step-desc{font-size:14px}.modes-grid-v2{grid-template-columns:repeat(3,1fr);gap:20px}.mode-card-v2{flex-direction:column;align-items:center;text-align:center;padding:32px 24px;border-radius:24px}.mode-card-icon{width:72px;height:72px;font-size:40px;border-radius:18px;margin-bottom:16px;flex-shrink:0}.mode-card-content{align-items:center}.mode-card-label{font-size:20px}.mode-card-desc{font-size:14px;max-width:200px}.invite-card{padding:48px 60px;border-radius:32px}.invite-av{width:56px;height:56px;font-size:28px;margin-left:-14px}.invite-title{font-size:28px}.invite-desc{font-size:16px;max-width:400px}.invite-btn{padding:14px 36px;font-size:15px;border-radius:14px}.feature-strip{gap:12px}.feature-tag{font-size:14px;padding:10px 20px}.hero-cta-large{padding:22px 64px;font-size:18px;border-radius:20px}.landing-hint{font-size:14px}}@media (min-width: 1024px){.landing-scroll{padding:80px 60px 100px}.hero-title{font-size:84px}.modes-grid-v2{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}}@media (max-width: 480px){.landing-scroll{padding:36px 16px 32px;gap:36px}.hero-title{font-size:36px;letter-spacing:-1.5px}.showcase-inline{height:100px;width:160px}.hero-mascot .mascot{width:104px;height:104px}.tg{font-size:18px}.hero-sub{font-size:13px}.hero-cta{padding:14px 36px;font-size:14px}.how-card{padding:14px 10px}.how-icon{font-size:22px}.how-text{font-size:11px}.mode-tile{padding:12px 10px;gap:8px}.mode-tile-icon{width:36px;height:36px;font-size:22px}.mode-tile-label{font-size:13px}.invite-card{padding:22px 18px}.showcase-stack{height:120px;width:170px}.showcase-card{width:100px;height:110px}.showcase-emoji{font-size:28px}}.landing2{min-height:100vh;background:transparent;color:var(--text-1);overflow-x:hidden}.l2-hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 24px}.l2-hero>.hero-content,.l2-hero>.hero-visual{max-width:1100px}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-primary, var(--surface-1))}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:glowPulse 4s ease-in-out infinite}.hero-glow-orb.purple{top:25%;left:25%;width:400px;height:400px;background:rgba(var(--accent-theme-rgb, 139,92,246),.15)}.hero-glow-orb.pink{bottom:25%;right:25%;width:400px;height:400px;background:rgba(var(--accent-theme-rgb, 139,92,246),.1);animation-delay:1s}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-visual{position:absolute;right:calc(50% - 502px);top:50%;transform:translateY(-50%);width:400px;max-width:40%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hero-content{position:relative;z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:120px 0 80px;animation:none!important;transform:none!important;transition:none!important}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:none;box-shadow:var(--e-float);padding:8px 16px;border-radius:20px;font-size:14px;color:#ffffffb3;margin-bottom:32px}.badge-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero-kicker{font-size:16px;font-weight:500;color:#ffffffb3;margin:0 0 16px;letter-spacing:.5px}.kicker-cross{color:#ef4444;margin-right:4px}.kicker-smile{color:#22c55e;margin-left:4px}.hero-title{font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.2;margin-bottom:8px;color:#fff;white-space:nowrap;animation:none!important;transform:none!important;transition:none!important}.hero-accent{font-size:clamp(20px,4vw,36px);font-weight:700;background:linear-gradient(135deg,#f472b6,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;animation:none!important;transform:none!important;transition:none!important}.hero-with{font-size:clamp(18px,3vw,28px);font-weight:600;color:#ffffffb3;margin:0 0 24px;animation:none!important;transform:none!important;transition:none!important}.hero-subtext{font-size:18px;color:#fff9;margin-bottom:8px}.hero-description{font-size:16px;color:#fff6;line-height:1.6;margin-bottom:40px;max-width:450px}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap}.cta-primary{position:relative;background:linear-gradient(135deg,var(--accent-theme, #8b5cf6),var(--accent-glow, #a78bfa));border:none;padding:18px 36px;border-radius:16px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s;display:flex;align-items:center;gap:10px}.cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px rgba(var(--accent-theme-rgb, 139,92,246),.5)}.cta-primary .cta-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.cta-secondary{background:var(--surface-2);border:none;box-shadow:var(--e-float);padding:18px 36px;border-radius:16px;color:#fffc;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-secondary:hover{background:var(--surface-4);border-color:#ffffff40;transform:scale(1.02)}.hero-mobile-cards{display:none;position:absolute;right:16px;bottom:80px;gap:12px}.hero-mobile-card{width:60px;height:80px;border-radius:12px;background:linear-gradient(135deg,#8b5cf64d,#f472b64d);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.l2-games{position:relative;z-index:1;padding:120px 24px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.03) 50%,transparent 100%)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:clamp(32px,6vw,56px);font-weight:800;margin-bottom:16px}.section-header p{color:#ffffff80;font-size:18px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1000px;margin:0 auto}.game-card-3d{perspective:1000px;cursor:pointer}.game-card-inner{position:relative;width:100%;aspect-ratio:3/4;transition:transform .6s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}.game-card-3d.flipped .game-card-inner{transform:rotateY(180deg)}.game-card-front,.game-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden}.game-card-front{background:linear-gradient(145deg,var(--card-gradient-start) 0%,var(--card-gradient-end) 100%);border:1px solid var(--hairline)}.game-card-front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;border-radius:24px}.game-card-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,var(--card-color),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.game-card-3d:hover .game-card-glow{opacity:.4}.game-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:radial-gradient(circle at var(--shine-x, 50%) var(--shine-y, 50%),rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.game-card-3d:hover .game-card-shine{opacity:1}.game-card-emoji{position:relative;font-size:64px;margin-bottom:16px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transition:transform .3s;z-index:1}.game-card-3d:hover .game-card-emoji{transform:scale(1.15) rotate(-5deg)}.game-card-title{position:relative;font-size:20px;font-weight:700;margin-bottom:8px;z-index:1}.game-card-desc{position:relative;font-size:14px;color:#ffffffb3;z-index:1}.game-card-hint{position:relative;font-size:12px;color:#fff6;margin-top:16px;z-index:1}.game-card-back{background:#1a1a2e;border:1px solid var(--hairline);transform:rotateY(180deg);text-align:center}.game-card-sample{font-size:15px;font-style:italic;margin:16px 0 24px;color:#fffc;line-height:1.5}.game-card-play{background:linear-gradient(135deg,var(--card-gradient-start),var(--card-gradient-end));border:none;padding:12px 28px;border-radius:24px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.game-card-play:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.games-more{text-align:center;margin-top:48px;color:#fff6;font-size:14px}.l2-kids{position:relative;z-index:1;padding:120px 24px;background:linear-gradient(180deg,var(--surface-1) 0%,#1a1510 50%,var(--surface-1) 100%);overflow:hidden}.kids-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kids-decoration{position:absolute;font-size:48px;opacity:.15;animation:floatDecoration 6s ease-in-out infinite}.kids-decoration:nth-child(1){top:10%;left:5%;animation-delay:0s}.kids-decoration:nth-child(2){top:20%;right:10%;animation-delay:1s}.kids-decoration:nth-child(3){bottom:30%;left:15%;animation-delay:.5s}.kids-decoration:nth-child(4){bottom:15%;right:20%;animation-delay:1.5s}@keyframes floatDecoration{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.kids-container{max-width:1100px;margin:0 auto}.kids-badge{display:inline-flex;align-items:center;gap:8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:8px 16px;border-radius:20px;font-size:14px;color:#fbbf24;margin-bottom:24px}.kids-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.kids-text h2{font-size:clamp(32px,6vw,56px);font-weight:800;margin-bottom:24px}.kids-text h2 span:first-child{display:block;color:#fff}.kids-text h2 span:last-child{display:block;background:linear-gradient(135deg,#fbbf24,#f97316,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kids-text p{color:#fff9;font-size:18px;line-height:1.7;margin-bottom:32px}.kids-features{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.kids-feature{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:24px;font-size:14px;color:#fbbf24e6}.kids-feature span:first-child{font-size:18px}.kids-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fbbf24,#f97316,#fb7185);border:none;padding:18px 36px;border-radius:16px;color:#1a1510;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s}.kids-cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #fbbf2466}.kids-cta-arrow{animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.kids-visual{display:flex;flex-direction:column;align-items:center;gap:32px}.kids-character{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.kids-character-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(135deg,#fbbf241a,#f973160d,#fb71851a);border-radius:50%;filter:blur(40px)}.kids-book{font-size:120px;animation:bookFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes bookFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}.kids-sparkle{position:absolute;font-size:32px;animation:sparkle 2s ease-in-out infinite}.kids-sparkle:nth-child(2){top:0;right:20px;animation-delay:.3s}.kids-sparkle:nth-child(3){bottom:30px;left:10px;animation-delay:.6s}.kids-sparkle:nth-child(4){top:40%;right:-10px;animation-delay:.9s}@keyframes sparkle{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.kids-story-card{background:linear-gradient(135deg,#fbbf2414,#f973160a);border:1px solid rgba(251,191,36,.15);border-radius:20px;padding:24px;width:100%;max-width:350px}.story-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.story-card-icon{width:56px;height:56px;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.story-card-info h4{font-size:16px;font-weight:700;color:#fbbf24f2;margin-bottom:4px}.story-card-info p{font-size:13px;color:#fbbf2499;line-height:1.5;margin:0}.story-card-meta{display:flex;align-items:center;gap:12px}.story-card-avatars{display:flex}.story-card-avatar{width:28px;height:28px;background:#fbbf2426;border:2px solid rgba(251,191,36,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-left:-8px}.story-card-avatar:first-child{margin-left:0}.story-card-age{font-size:12px;color:#fbbf2480}.story-card-badge{position:absolute;top:-10px;right:-10px;width:32px;height:32px;background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.l2-stats{position:relative;z-index:1;padding:120px 24px;background:var(--surface-1)}.stats-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stats-glow-orb{position:absolute;border-radius:50%;filter:blur(100px)}.stats-glow-orb.left{top:20%;left:0;width:500px;height:500px;background:#8b5cf60d}.stats-glow-orb.right{bottom:0;right:0;width:400px;height:400px;background:#f472b60d}.stats-container{max-width:1100px;margin:0 auto}.stats-header{text-align:center;margin-bottom:64px}.stats-header h2{font-size:clamp(32px,6vw,56px);font-weight:800;margin-bottom:16px}.stats-header p{color:#ffffff80;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.stat-card{position:relative;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:24px;padding:40px 32px;text-align:center;transition:all .3s;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf60d,#f472b60d);opacity:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px);border-color:#ffffff26;box-shadow:0 20px 40px #0003}.stat-emoji{font-size:48px;margin-bottom:16px;display:block;animation:statFloat 3s ease-in-out infinite}.stat-card:nth-child(2) .stat-emoji{animation-delay:.5s}.stat-card:nth-child(3) .stat-emoji{animation-delay:1s}@keyframes statFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-variant-numeric:tabular-nums}.stat-label{font-size:16px;color:#ffffff80}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{position:relative;border-radius:24px;padding:40px 32px;overflow:hidden;transition:all .3s}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,var(--feature-start) 0%,var(--feature-end) 100%);opacity:.9}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d}.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0000004d}.feature-card:nth-child(1){--feature-start: #7c3aed;--feature-end: #8b5cf6}.feature-card:nth-child(2){--feature-start: #db2777;--feature-end: #ec4899}.feature-card:nth-child(3){--feature-start: #4f46e5;--feature-end: #6366f1}.feature-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:var(--surface-4);border-radius:50%;filter:blur(60px);animation:featureGlow 4s ease-in-out infinite}@keyframes featureGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.feature-icon-wrap{position:relative;z-index:1;width:64px;height:64px;background:var(--surface-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon{font-size:32px;animation:featureIconFloat 4s ease-in-out infinite}.feature-card:nth-child(2) .feature-icon{animation-delay:1s}.feature-card:nth-child(3) .feature-icon{animation-delay:2s}@keyframes featureIconFloat{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-5deg) scale(1.05)}}.feature-card h3{position:relative;z-index:1;font-size:22px;font-weight:700;margin-bottom:12px}.feature-card p{position:relative;z-index:1;font-size:15px;color:#ffffffbf;line-height:1.6}.l2-cta-final{position:relative;z-index:1;padding:160px 24px;background:var(--surface-1);background-image:linear-gradient(180deg,var(--surface-1) 0%,#150a1a 50%,var(--surface-1) 100%);overflow:hidden}.l2-cta-final *{color:#fff}.cta-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.cta-ring{position:absolute;border:1px solid rgba(139,92,246,.1);border-radius:50%;animation:ringExpand 8s linear infinite}.cta-ring:nth-child(1){width:200px;height:200px;animation-delay:0s}.cta-ring:nth-child(2){width:350px;height:350px;animation-delay:1s}.cta-ring:nth-child(3){width:500px;height:500px;animation-delay:2s}.cta-ring:nth-child(4){width:650px;height:650px;animation-delay:3s}.cta-ring:nth-child(5){width:800px;height:800px;animation-delay:4s}@keyframes ringExpand{0%{transform:scale(.8);opacity:.5}50%{opacity:.3}to{transform:scale(1.5);opacity:0}}.cta-gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 60%);animation:ctaGradientPulse 5s ease-in-out infinite}@keyframes ctaGradientPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}}.cta-final-content{position:relative;z-index:10;max-width:800px;margin:0 auto;text-align:center}.cta-final-content h2{font-size:clamp(32px,7vw,72px);font-weight:800;margin-bottom:24px;line-height:1.1;color:#fff!important}.cta-final-content h2 span{background:linear-gradient(135deg,#f472b6,#8b5cf6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-final-subtitle{font-size:18px;color:#ffffffb3!important;margin-bottom:48px;max-width:500px;margin-left:auto;margin-right:auto}.cta-final-btn{position:relative;display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f472b6,#8b5cf6,#f59e0b);border:none;padding:24px 56px;border-radius:20px;color:#fff;font-size:22px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s}.cta-final-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#f472b6,#8b5cf6,#f59e0b);border-radius:24px;filter:blur(20px);opacity:.6;z-index:-1;animation:btnGlow 2s ease-in-out infinite}@keyframes btnGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.cta-final-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 50px #8b5cf680}.cta-final-btn .btn-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 2s infinite}.cta-rocket{animation:rocketBounce 1.5s ease-in-out infinite}@keyframes rocketBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(5deg)}75%{transform:translateY(2px) rotate(-3deg)}}.cta-final-meta{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:48px}.cta-live{display:flex;align-items:center;gap:8px;color:#ffffff80;font-size:14px}.cta-live-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.cta-separator{width:1px;height:16px;background:var(--surface-4)}.cta-avatars{display:flex}.cta-avatar{width:32px;height:32px;background:var(--surface-4);border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-8px}.cta-avatar:first-child{margin-left:0}.l2-footer{position:relative;z-index:1;padding:48px 24px;background:var(--surface-1);border-top:1px solid var(--hairline)}.footer-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.footer-tagline{font-size:14px;color:#fff6}.l2-footer .footer-links{display:flex;gap:24px}.l2-footer .footer-links a{color:#fff6;text-decoration:none;font-size:14px;transition:color .2s}.l2-footer .footer-links a:hover{color:#fff}.wristband-btn.google{background:#fff;color:#333}.wristband-btn.apple{background:#000;color:#fff}.wristband-icon.google-icon{color:#4285f4}@media (min-width: 1200px){.hero-visual{right:calc(50% - 550px)}}@media (max-width: 1024px){.hero-visual{display:none}.hero-content{padding:120px 0 80px;max-width:100%;text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-mobile-cards{display:flex}.kids-content{grid-template-columns:1fr;gap:48px;text-align:center}.kids-text{order:1}.kids-visual{order:0}.kids-features{justify-content:center}.kids-cta{margin:0 auto}}@media (max-width: 768px){.hero-content{padding:100px 16px 60px}.hero-ctas{flex-direction:column;width:100%}.cta-primary,.cta-secondary{width:100%;justify-content:center}.games-grid{grid-template-columns:repeat(2,1fr);gap:16px}.game-card-emoji{font-size:48px}.game-card-title{font-size:16px}.stats-grid,.features-grid{grid-template-columns:1fr;gap:16px}.footer-container{flex-direction:column;text-align:center}.cta-final-meta{flex-direction:column;gap:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.l2-hero{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:48px;width:auto;max-width:none;margin-inline:calc(50% - 50vw);padding:120px max(40px,calc((100vw - 1160px)/2)) 90px;overflow:hidden}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#08060f;background-image:url(/images/hero-table.webp);background-size:cover;background-position:60% 96%}.hero-media-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(46% 44% at 74% 62%,#08060fe6,#08060f9e 45%,#08060f00 78%),linear-gradient(90deg,#08060ff0,#08060fd1 34%,#08060f57 62%,#08060f2e),radial-gradient(120% 90% at 50% -10%,#140d268c,#08060f00 55%),linear-gradient(180deg,#08060f8c,#08060f00 22%,#08060f00 68%,#08060f)}.l2-hero>.hero-content,.l2-hero>.hero-visual{position:relative;z-index:2;max-width:none}.l2-hero>.hero-content{width:auto;margin:0;padding:0}.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin:0 0 18px;cursor:default;-webkit-user-select:none;user-select:none}.hero-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;list-style:none;margin:24px 0 0;padding:0;font-size:14px;color:#ffffff73}.hero-facts li{display:flex;align-items:center;gap:18px}.hero-facts li+li:before{content:"";width:4px;height:4px;border-radius:50%;background:rgba(var(--brand-rgb),.55)}.l2-hero>.hero-visual{position:relative;right:auto;top:auto;transform:none;width:100%;max-width:none;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.hero-table{position:relative;width:100%;max-width:520px;display:flex;align-items:center;justify-content:center}.hero-deck{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-deck-hint{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:rgba(var(--brand-rgb),.75)}.hero-hand{display:flex;justify-content:center;align-items:flex-end;padding-top:22px;padding-bottom:30px}.hero-slot{flex:0 0 auto;width:124px;height:178px;margin:0 -26px;perspective:1000px;transform:rotate(calc((var(--i) - 2) * 7deg)) translateY(calc(abs(var(--i) - 2)*12px));transform-origin:50% 135%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero-slot:nth-child(1){z-index:1}.hero-slot:nth-child(2){z-index:2}.hero-slot:nth-child(3){z-index:3}.hero-slot:nth-child(4){z-index:2}.hero-slot:nth-child(5){z-index:1}.hero-slot:hover,.hero-slot:focus-within{z-index:9;transform:rotate(calc((var(--i) - 2) * 7deg)) translateY(calc(abs(var(--i) - 2)*12px - 26px)) scale(1.07)}.hero-card{position:relative;width:100%;height:100%;padding:0;border:none;background:none;font-family:inherit;cursor:pointer;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,1.1,.35,1)}.hero-card.is-flipped{transform:rotateY(180deg)}.hero-card:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:14px}.hero-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;border-radius:13px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 22px 40px -20px #000000f2,inset 0 1px #ffffff2e,inset 0 -1px #0000008c}.hero-card-back{justify-content:center;padding:10px;border:1px solid rgba(var(--brand-rgb),.34);background:linear-gradient(168deg,#2b2148,#191130 48%,#100a1f);color:rgba(var(--brand-rgb),.9)}.hcb-pattern{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:8px;border:1px solid rgba(var(--brand-rgb),.26);background-image:repeating-linear-gradient(45deg,rgba(var(--brand-rgb),.09) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(var(--brand-rgb),.09) 0 1px,transparent 1px 9px);pointer-events:none}.hcb-crest{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;color:rgba(var(--brand-rgb),.95);background:radial-gradient(circle,rgba(var(--brand-rgb),.16),rgba(var(--brand-rgb),0) 70%)}.hcb-rank{position:absolute;font-size:12px;font-weight:800;line-height:1;color:rgba(var(--brand-rgb),.85)}.hcb-rank-tl{top:14px;left:15px}.hcb-rank-br{bottom:14px;right:15px;transform:rotate(180deg)}.hcb-mode{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--brand-rgb),.55)}.hero-card-front{transform:rotateY(180deg);justify-content:flex-start;gap:5px;padding:12px 9px 11px;border:1px solid rgba(var(--brand-rgb),.45);background:linear-gradient(172deg,#fdf7ea,#f3e6cd);text-align:center}.hcf-mode{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--pip) 40%,#8a6a2c)}.hcf-clue{display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-height:0;max-height:84px;overflow:hidden;font-size:25px;line-height:1.1;letter-spacing:1px;text-align:center;overflow-wrap:anywhere}.hcf-clue.is-md{font-size:15px;line-height:1.25;letter-spacing:0;font-weight:700}.hcf-clue.is-sm{font-size:12px;line-height:1.3;letter-spacing:0;font-weight:700}.hcf-clue.is-xs{font-size:10.5px;line-height:1.32;letter-spacing:-.01em;font-weight:700}.hcf-hint{flex-shrink:0;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3a2a1773}.hcf-text{margin-top:auto;flex-shrink:0;padding-top:8px;border-top:1px dashed rgba(58,42,23,.24);width:100%;font-size:11.5px;font-weight:700;line-height:1.3;color:#3a2a17;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-height:0;max-height:68px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(58,42,23,.35) transparent;-webkit-overflow-scrolling:touch}.hcf-text::-webkit-scrollbar{width:3px}.hcf-text::-webkit-scrollbar-track{background:transparent}.hcf-text::-webkit-scrollbar-thumb{background:#3a2a174d;border-radius:4px}.hcf-text.is-scrollable{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%)}.hcf-text.is-scrollable:active{cursor:grabbing}.hcf-text.is-sm{font-size:10px;line-height:1.26}.hcf-text.is-xs{font-size:8.8px;line-height:1.22;letter-spacing:-.01em}.hero-deck-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.hero-deck-cta{padding:9px 20px;border-radius:100px;border:1px solid rgba(var(--brand-rgb),.5);background:rgba(var(--brand-rgb),.12);color:var(--brand);font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .3s,border-color .3s}.hero-deck-cta:hover{background:rgba(var(--brand-rgb),.2);border-color:var(--brand)}.hero-pot{display:inline-flex;align-items:baseline;gap:8px;padding:9px 20px;border-radius:100px;border:1px solid rgba(var(--brand-rgb),.3);background:#0c0917a8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-pot strong{font-size:20px;font-weight:800;color:var(--brand)}.hero-pot span{font-size:13px;color:#ffffff80}@media (max-width: 1024px){.l2-hero{grid-template-columns:1fr;gap:40px;padding:110px 24px 80px;text-align:center}.hero-visual{display:flex;order:2}.hero-media-scrim{background:linear-gradient(180deg,#08060fe0,#08060fb8 40%,#08060f59 68%,#08060f)}.hero-media{background-position:62% 88%}.hero-facts{justify-content:center}.hero-table{max-width:460px}}@media (max-width: 560px){.hero-table{max-width:100%}.hero-slot{width:92px;height:132px;margin:0 -19px;transform:rotate(calc((var(--i) - 2) * 6deg)) translateY(calc(abs(var(--i) - 2)*8px))}.hero-slot:hover,.hero-slot:focus-within{transform:rotate(calc((var(--i) - 2) * 6deg)) translateY(calc(abs(var(--i) - 2)*8px - 16px)) scale(1.05)}.hero-card-front{padding:10px 8px 9px}.hcb-crest{width:40px;height:40px}.hcb-crest svg{width:27px;height:27px}.hcb-rank{font-size:10px}.hcb-rank-tl{top:10px;left:11px}.hcb-rank-br{bottom:10px;right:11px}.hcb-mode{bottom:11px;font-size:7.5px}.hcf-clue{font-size:19px}.hcf-mode{font-size:7.5px;letter-spacing:.1em}.hcf-hint{font-size:8px}.hcf-text{font-size:9.5px;padding-top:6px}.hero-deck-hint{font-size:10px;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.hero-slot,.hero-card{transition:none}}.l2-hero .hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--brand-rgb),.72)}.l2-hero .hero-title{font-size:clamp(38px,6vw,66px);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#f4efe6;white-space:normal;text-wrap:balance;margin-bottom:18px}.l2-hero .hero-description{max-width:46ch;font-size:17px;line-height:1.6;color:#ffffff80;margin-bottom:34px}.hcf-reveal{margin-top:auto;flex-shrink:0;padding:5px 14px;border-radius:100px;border:1px solid rgba(58,42,23,.3);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6b4f22;background:#3a2a170f}.l2-hero .hero-eyebrow{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-live{display:inline-flex;align-items:center;gap:7px}.hero-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80;animation:heroLivePulse 1.9s ease-in-out infinite}.hero-live-num{font-variant-numeric:tabular-nums;font-weight:800;color:var(--brand)}.hero-eyebrow-sep{width:3px;height:3px;border-radius:50%;background:rgba(var(--brand-rgb),.45)}@keyframes heroLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (prefers-reduced-motion: reduce){.hero-live-dot{animation:none}}@media (max-width: 1024px){.l2-hero .hero-eyebrow{justify-content:center}}.sec-head{max-width:1160px;margin:0 auto 48px;padding:0 24px}.sec-head-center{text-align:center}.sec-head-center .sec-sub{margin-left:auto;margin-right:auto}.sec-eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--brand-rgb),.72)}.sec-title{margin:0;font-size:clamp(30px,4.6vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#f4efe6;text-wrap:balance}.sec-title-accent{background:var(--brand-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sec-sub{margin:14px 0 0;max-width:56ch;font-size:17px;line-height:1.6;color:#ffffff80}.voices-section{width:100%;padding:90px 0}.voices-grid{list-style:none;max-width:1160px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.voice-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px 26px 26px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#241a3d80,#0a071499)}.voice-mark{position:absolute;top:10px;right:22px;font-size:64px;line-height:1;color:rgba(var(--brand-rgb),.16);pointer-events:none}.voice-quote{margin:0;font-size:16px;line-height:1.62;color:#fffc;text-wrap:pretty}.voice-by{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:6px}.voice-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;font-size:19px;background:#8b5cf629;border:1px solid rgba(139,92,246,.32)}.voice-meta{display:flex;flex-direction:column}.voice-name{font-size:14px;font-weight:700;color:#f4efe6}.voice-role{font-size:12px;color:#fff6}.faq-section{width:100%;padding:90px 0}.faq-list{max-width:820px;margin:0 auto;padding:0 24px}.faq-item{border-bottom:1px solid rgba(255,255,255,.09)}.faq-item:first-of-type{border-top:1px solid rgba(255,255,255,.09)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;font-size:17px;font-weight:600;color:#f4efe6;cursor:pointer;list-style:none;transition:color .25s}.faq-q::-webkit-details-marker{display:none}.faq-q:hover{color:var(--brand)}.faq-icon{position:relative;flex-shrink:0;width:16px;height:16px}.faq-icon:before,.faq-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1.5px;border-radius:2px;background:var(--brand);transition:transform .3s ease}.faq-icon:after{transform:rotate(90deg)}.faq-item[open] .faq-icon:after{transform:rotate(0)}.faq-a{margin:0;padding:0 44px 24px 4px;font-size:15px;line-height:1.7;color:#ffffff8c;text-wrap:pretty}@media (max-width: 900px){.voices-grid{grid-template-columns:1fr}}@media (max-width: 560px){.voices-section,.faq-section{padding:64px 0}.sec-head{margin-bottom:34px}.faq-q{font-size:15px;padding:18px 2px}.faq-a{padding-right:28px;font-size:14px}}.mode-art-grid{list-style:none;max-width:1160px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mode-art-grid>li{display:flex;perspective:1200px}.mode-art-card{position:relative;display:block;width:100%;padding:7px;border:1px solid rgba(244,239,230,.14);border-radius:18px;overflow:hidden;background:linear-gradient(168deg,#2a2140,#16102a 45%,#0d0918);box-shadow:0 26px 50px -26px #000000f2,inset 0 1px #ffffff29,inset 0 -1px #0009;font-family:inherit;text-align:left;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}.mode-art-card:hover,.mode-art-card:focus-visible{outline:none;transform:translateY(-8px) rotateX(3deg);border-color:rgba(var(--brand-rgb),.5);box-shadow:0 40px 70px -28px #000000fa,0 0 44px -18px color-mix(in srgb,var(--mc) 75%,transparent),inset 0 1px #ffffff38,inset 0 -1px #0009}.mode-art-media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:12px;background:linear-gradient(165deg,#241a3d,#0c0817)}.mode-art-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:64px;opacity:.85}.mode-art-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:50% 56%;display:block;filter:saturate(.6) brightness(.68) contrast(1.08) sepia(.14);transition:filter .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.mode-art-card:hover .mode-art-img,.mode-art-card:focus-visible .mode-art-img{filter:saturate(.9) brightness(.86) contrast(1.04) sepia(.04);transform:scale(1.04)}.mode-art-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#0d091852,#0d09182e 34%,#0d0918c7 74%,#0d0918)}.mode-art-stock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.mode-art-frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;z-index:6;border:1px solid rgba(var(--brand-rgb),.22);border-radius:8px;pointer-events:none;transition:border-color .45s}.mode-art-card:hover .mode-art-frame{border-color:rgba(var(--brand-rgb),.42)}.mode-art-gloss{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.09) 44%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.04) 57%,transparent 72%);background-size:260% 100%;background-position:100% 0;transition:background-position .9s cubic-bezier(.2,.8,.2,1)}.mode-art-card:hover .mode-art-gloss,.mode-art-card:focus-visible .mode-art-gloss{background-position:0 0}.mode-art-pip{position:absolute;z-index:8;display:flex;flex-direction:column;align-items:center;gap:1px;color:color-mix(in srgb,var(--mc) 62%,#f0e6cf);pointer-events:none;opacity:.9}.mode-art-pip-tl{top:20px;left:21px}.mode-art-pip-br{bottom:20px;right:21px;transform:rotate(180deg)}.mode-art-rank{font-size:13px;font-weight:800;line-height:1;letter-spacing:.02em}.mode-art-body{position:relative;z-index:8;display:flex;flex-direction:column;gap:3px;margin-top:-74px;padding:0 16px 16px}.mode-art-players{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--mc) 70%,#cfc6dd)}.mode-art-label{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#f4efe6}.mode-art-desc{font-size:13px;line-height:1.42;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mode-art-go{margin-top:6px;font-size:12px;font-weight:700;color:var(--brand);opacity:0;transform:translate(-6px);transition:opacity .35s,transform .35s}.mode-art-card:hover .mode-art-go,.mode-art-card:focus-visible .mode-art-go{opacity:1;transform:none}@media (max-width: 900px){.mode-art-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 560px){.mode-art-grid{gap:14px;padding:0 16px}.mode-art-card{padding:5px}.mode-art-frame{top:11px;right:11px;bottom:11px;left:11px}.mode-art-pip-tl{top:15px;left:16px}.mode-art-pip-br{bottom:15px;right:16px}.mode-art-body{margin-top:-62px;padding:0 12px 14px}.mode-art-label{font-size:16px}.mode-art-desc{font-size:12.5px}.mode-art-go{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.mode-art-card,.mode-art-img,.mode-art-gloss{transition:none}.mode-art-card:hover{transform:none}}.l2-kids{position:relative;z-index:1;padding:130px 24px;overflow:hidden;background:none}.kids-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:#08060f;background-image:url(/images/kids-story.webp);background-size:cover;background-position:68% 46%}.kids-media-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 72% at 24% 50%,#08060ff0,#08060fbd 46%,#08060f00 80%),linear-gradient(90deg,#08060ff7,#08060fe6 34%,#08060f85 62%,#08060f42),linear-gradient(180deg,#08060f,#08060f57 20%,#08060f66 76%,#08060f),#08060f47}.l2-kids .kids-container{position:relative;z-index:1;max-width:1160px;margin:0 auto}.l2-kids .kids-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.l2-kids .kids-title{margin:0 0 18px}.kids-lede{margin:0 0 30px;max-width:46ch;font-size:17px;line-height:1.65;color:#ffffff85}.l2-kids .kids-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 34px;padding:0}.l2-kids .kids-feature{display:flex;align-items:flex-start;gap:12px;padding:0;background:none;border:none;border-radius:0;color:inherit}.kids-feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;font-size:19px;background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.24)}.kids-feature-body{display:flex;flex-direction:column;gap:2px;min-width:0}.kids-feature-title{font-size:14px;font-weight:700;color:#f4efe6}.kids-feature-text{font-size:13px;line-height:1.45;color:#ffffff6b}.kids-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.l2-kids .kids-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:100px;border:none;background:var(--brand-grad-btn);background-size:220% 100%;color:#1a1206;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 18px 40px -18px rgba(var(--brand-rgb),.55),inset 0 1px #ffffff8c;transition:background-position .5s,transform .3s}.l2-kids .kids-cta:hover{background-position:60% 50%;transform:translateY(-2px)}.kids-age{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff5c}@media (max-width: 900px){.l2-kids{padding:84px 24px}.l2-kids .kids-content{grid-template-columns:1fr;gap:40px}.kids-media{background-position:62% 30%}.kids-media-scrim{background:linear-gradient(180deg,#08060f,#08060f73 16%,#08060fe6 44%,#08060f),#08060f66}.kids-lede{max-width:none}}@media (max-width: 560px){.l2-kids .kids-features{grid-template-columns:1fr;gap:12px}}.story-rail{position:relative;width:100%;max-width:420px;margin-left:auto}.story-rail-viewport{position:relative;display:grid}.story-plate{grid-area:1 / 1;position:relative;display:flex;flex-direction:column;padding:14px 14px 20px;border-radius:26px;background:var(--paper);box-shadow:0 30px 60px -26px #000000d9,0 0 0 1px #ffffff80 inset;opacity:0;transform:translateY(18px) rotate(0) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.4,.64,1);pointer-events:none}.story-plate.is-active{opacity:1;transform:rotate(var(--tilt));pointer-events:auto}.story-plate-tape{position:absolute;top:-11px;left:50%;width:96px;height:24px;margin-left:-48px;border-radius:3px;background:color-mix(in srgb,var(--brand) 42%,color-mix(in srgb,var(--paper-ink) 12%,#ffffff));box-shadow:0 2px 6px #00000029;transform:rotate(-2.5deg);opacity:.85}.story-plate-window{position:relative;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 18px -8px #0000004d}.story-plate-window img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.story-plate-text{padding:16px 10px 0;text-align:center}.story-plate-once{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--brand) 55%,var(--paper-ink))}.story-plate-title{margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--paper-ink);text-wrap:balance}.story-plate-excerpt{margin:0 0 16px;font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--paper-ink) 66%,transparent);text-wrap:pretty}.story-plate-meta{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px;border-top:1px dashed var(--paper-line);font-size:13px;font-weight:600;color:color-mix(in srgb,var(--paper-ink) 62%,transparent)}.story-meta-item{display:inline-flex;align-items:center;gap:6px}.story-meta-dot{width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--paper-ink) 34%,transparent)}.story-rail-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}.story-dot{position:relative;width:34px;height:5px;padding:0;border:none;border-radius:100px;background:#ffffff2e;overflow:hidden;cursor:pointer;transition:background .3s}.story-dot:hover{background:#ffffff52}.story-dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100px;background:var(--brand);transform:scaleX(0);transform-origin:left}.story-dot.is-on .story-dot-fill{animation:storyDotFill 6s linear forwards}.story-rail:hover .story-dot.is-on .story-dot-fill,.story-rail:focus-within .story-dot.is-on .story-dot-fill{animation-play-state:paused}@keyframes storyDotFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.l2-kids .kids-cta-arrow{transition:transform .3s}.l2-kids .kids-cta:hover .kids-cta-arrow{transform:translate(4px)}@media (prefers-reduced-motion: reduce){.story-plate{transition:none}.story-plate.is-active{transform:none}.story-dot.is-on .story-dot-fill{animation:none;transform:scaleX(1)}}@media (max-width: 900px){.story-rail{margin-inline:auto}}@media (max-width: 560px){.story-plate{padding:12px 12px 18px;border-radius:22px}.story-plate-title{font-size:19px}.story-plate-excerpt{font-size:13px}}.l2-hero .cta-primary{padding:17px 34px;font-size:17px}.l2-hero .cta-primary .cta-shimmer{display:none}.l2-hero .cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:17px 30px;border-radius:100px;border:1px solid rgba(244,239,230,.24);background:#f4efe608;color:#f4efe6;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:background .3s,border-color .3s,color .3s}.l2-hero .cta-secondary:hover{background:#8b5cf629;border-color:rgba(var(--brand-rgb),.5);color:var(--brand)}.l2-cta-final .cta-final-btn{padding:21px 48px;font-size:20px}.l2-cta-final .btn-shimmer{display:none}.l2-cta-final .cta-rocket{color:var(--brand-ink)}.l2-cta-final h2 span{background:var(--brand-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.l2-cta-final .cta-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-size:0;color:rgba(var(--brand-rgb),.85);background:#0c0917b8;border:1px solid rgba(var(--brand-rgb),.3)}.l2-cta-final .cta-live-dot{background:#4ade80;box-shadow:0 0 10px #4ade80}.invite-section .invite-card{max-width:940px;margin:0 auto;padding:40px 36px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(165deg,#241a3d80,#0a07149e);text-align:center}.invite-section .invite-card:before{display:none}.invite-points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0 0 34px;padding:0}.invite-point{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.invite-point-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 8px;border-radius:13px;color:var(--brand);background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.24)}.invite-point-title{font-size:15px;font-weight:700;color:#f4efe6}.invite-point-text{max-width:26ch;font-size:14px;line-height:1.5;color:#ffffff73}.invite-section .invite-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}.invite-section .invite-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:100px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;color:#f4efe6;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .3s,background .3s,color .3s}.invite-section .invite-btn:hover{border-color:rgba(var(--brand-rgb),.5);color:var(--brand);background:rgba(var(--brand-rgb),.08)}.invite-section .invite-btn-primary{border:none;color:#1a1206;font-size:15px;background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;box-shadow:0 18px 40px -18px rgba(var(--brand-rgb),.55),inset 0 1px #fff9}.invite-section .invite-btn-primary:hover{color:#1a1206;background:var(--brand-grad-btn);background-size:220% 100%;background-position:0 50%;box-shadow:0 24px 50px -18px rgba(var(--brand-rgb),.65),inset 0 1px #ffffffb3}@media (max-width: 768px){.invite-points{grid-template-columns:1fr;gap:22px}.invite-section .invite-card{padding:30px 22px}.invite-section .invite-btns{flex-direction:column}.invite-section .invite-btn{justify-content:center}}.how-step-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto;border-radius:15px;color:var(--brand);background:rgba(var(--brand-rgb),.09);border:1px solid rgba(var(--brand-rgb),.22)}.cta-live-num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--brand)}.l2-cta-final{background:var(--page-ink);background-image:linear-gradient(180deg,var(--page-ink) 0%,color-mix(in srgb,var(--brand) 7%,var(--page-ink)) 48%,var(--page-ink) 100%)}.l2-cta-final .cta-final-subtitle{color:#ffffff8c}.l2-cta-final .cta-final-meta,.l2-cta-final .cta-live span{color:#ffffff80}.l2-cta-final .cta-live-num{color:var(--brand)}.l2-cta-final .cta-separator{background:rgba(var(--brand-rgb),.28)}.l2-cta-final .cta-ring{border-color:rgba(var(--brand-rgb),.22)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient-base{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--amb-base)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}.ambient-orb-1{top:18%;left:-8%;width:46vw;height:46vw;max-width:720px;max-height:720px;background:radial-gradient(circle,var(--amb-1),transparent 66%);animation:ambientDrift 26s ease-in-out infinite}.ambient-orb-2{top:52%;right:-10%;width:42vw;height:42vw;max-width:660px;max-height:660px;background:radial-gradient(circle,var(--amb-2),transparent 64%);animation:ambientDrift 32s ease-in-out infinite reverse}.ambient-orb-3{bottom:-6%;left:32%;width:38vw;height:38vw;max-width:580px;max-height:580px;background:radial-gradient(circle,var(--amb-3),transparent 66%);animation:ambientDrift 38s ease-in-out infinite 3s}@keyframes ambientDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(34px,-28px,0)}}.ambient-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ambient-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 220px 60px #04030ae6}.landing2>*:not(.ambient){position:relative;z-index:1}[data-reveal]:not(.is-in){opacity:0}[data-reveal].is-in{animation:revealIn .7s cubic-bezier(.2,.8,.2,1)}@keyframes revealIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ambient-orb{animation:none}[data-reveal]:not(.is-in),[data-reveal].is-in{opacity:1;animation:none}}:root[data-theme=pokemon] .icard{border:4px solid #ffcb05;border-radius:12px;color:#ffcb05}:root[data-theme=pokemon] .hcb-pattern{top:5px;right:5px;bottom:5px;left:5px;border:2px solid rgba(255,255,255,.35);border-radius:6px;background-image:repeating-linear-gradient(115deg,#ff00802e 0,#ff00802e 8px,#ffc8002e 8px,#ffc8002e 16px,#00dcff2e 16px,#00dcff2e 24px,#78ff782e 24px,#78ff782e 32px);background-size:220% 100%;animation:holoShift 6s linear infinite}@keyframes holoShift{to{background-position:220% 0}}:root[data-theme=pokemon] .hcb-crest{background:radial-gradient(circle,rgba(255,203,5,.5),transparent 68%);color:#fff}:root[data-theme=pokemon] .hcb-rank,:root[data-theme=pokemon] .hcb-mode{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}:root[data-theme=pokemon] .hero-card-front{border:5px solid #ffcb05;border-radius:12px;background:linear-gradient(178deg,#fdf6d8,#ffe9a8)}:root[data-theme=pokemon] .hcf-mode{color:#b8860b}:root[data-theme=marvel] .icard{border:3px solid #111;border-radius:4px;color:#fff}:root[data-theme=marvel] .hcb-pattern{top:0;right:0;bottom:0;left:0;border:none;border-radius:0;background-image:radial-gradient(#111 1.1px,transparent 1.2px);background-size:7px 7px;opacity:.45}:root[data-theme=marvel] .hcb-crest{background:none;color:#fff;filter:drop-shadow(2px 2px 0 #111)}:root[data-theme=marvel] .hcb-rank{font-family:Impact,Haettenschweiler,sans-serif;font-size:15px;color:#fff;-webkit-text-stroke:.6px #111}:root[data-theme=marvel] .hcb-mode{font-family:Impact,Haettenschweiler,sans-serif;font-size:11px;letter-spacing:.12em;color:#fff;-webkit-text-stroke:.5px #111}:root[data-theme=marvel] .hero-card-front{border:3px solid #111;border-radius:4px;background:#fffbe8}:root[data-theme=marvel] .hcf-mode{font-family:Impact,sans-serif;font-size:11px;color:#ed1d24;-webkit-text-stroke:.4px #111}:root[data-theme=marvel] .hcf-text{border-top:2px solid #111;border-style:solid;font-weight:800}:root[data-theme=neon] .icard{border:1.5px solid #00ffff;border-radius:3px;color:#0ff;box-shadow:0 0 18px #00ffff73,inset 0 0 22px #00ffff1f}:root[data-theme=neon] .hcb-pattern{top:0;right:0;bottom:0;left:0;border:none;border-radius:0;background-image:repeating-linear-gradient(0deg,rgba(0,255,255,.13) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,0,255,.08) 0 1px,transparent 1px 14px)}:root[data-theme=neon] .hcb-crest{background:none;color:#f0f;filter:drop-shadow(0 0 8px #ff00ff) drop-shadow(0 0 16px #00ffff)}:root[data-theme=neon] .hcb-rank,:root[data-theme=neon] .hcb-mode{font-family:ui-monospace,SFMono-Regular,monospace;color:#0ff;text-shadow:0 0 8px #00ffff}:root[data-theme=neon] .hero-card-front{border:1.5px solid #ff00ff;border-radius:3px;background:#05010a;box-shadow:0 0 18px #f0f6,inset 0 0 22px #ff00ff1a}:root[data-theme=neon] .hcf-mode{font-family:ui-monospace,monospace;color:#f0f;text-shadow:0 0 8px #ff00ff}:root[data-theme=neon] .hcf-hint{font-family:ui-monospace,monospace;color:#00ffffb3}:root[data-theme=neon] .hcf-text{border-top:1px solid rgba(0,255,255,.4);border-style:solid;font-family:ui-monospace,monospace;font-size:10.5px;color:#d8fbff;text-shadow:0 0 6px rgba(0,255,255,.7)}:root[data-theme=retro] .icard{border:3px solid #f0a63c;border-radius:2px;color:#f0a63c;box-shadow:0 0 14px #f0a63c4d,inset 0 0 26px #f0a63c24}:root[data-theme=retro] .hcb-pattern{top:4px;right:4px;bottom:4px;left:4px;border:2px dashed rgba(240,166,60,.45);border-radius:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.4) 0 1px,transparent 1px 3px),repeating-conic-gradient(rgba(240,166,60,.16) 0% 25%,transparent 0% 50%);background-size:auto,8px 8px}:root[data-theme=retro] .hcb-crest{background:none;color:#f0a63c;filter:drop-shadow(0 0 10px rgba(240,166,60,.8))}:root[data-theme=retro] .hcb-rank,:root[data-theme=retro] .hcb-mode{font-family:Courier New,ui-monospace,monospace;font-weight:700;color:#f0a63c;text-shadow:0 0 6px rgba(240,166,60,.8)}:root[data-theme=retro] .hero-card-front{border:3px solid #8b4513;border-radius:2px;background:linear-gradient(180deg,wheat,#deb887)}:root[data-theme=retro] .hcf-mode,:root[data-theme=retro] .hcf-hint,:root[data-theme=retro] .hcf-text{font-family:Courier New,ui-monospace,monospace;color:#4a3728}:root[data-theme=retro] .hcf-text{border-top:2px solid rgba(74,55,40,.5)}:root[data-theme=dc] .icard{border:2px solid #4a9eff;border-radius:3px;color:#7fc0ff;box-shadow:0 20px 38px -20px #000000f2,inset 0 0 26px #4a9eff29}:root[data-theme=dc] .hcb-pattern{top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(127,192,255,.3);border-radius:0;background-image:repeating-linear-gradient(0deg,rgba(127,192,255,.07) 0 2px,transparent 2px 6px),linear-gradient(120deg,transparent 42%,rgba(200,226,255,.14) 50%,transparent 58%)}:root[data-theme=dc] .hcb-crest{background:radial-gradient(circle,rgba(74,158,255,.3),transparent 68%);color:#cfe6ff;filter:drop-shadow(0 0 10px rgba(74,158,255,.9))}:root[data-theme=dc] .hcb-rank{font-family:Impact,Haettenschweiler,sans-serif;font-size:15px;letter-spacing:.04em;color:#eaf4ff;text-shadow:0 0 10px rgba(74,158,255,.9)}:root[data-theme=dc] .hcb-mode{font-family:Impact,Haettenschweiler,sans-serif;font-size:10px;letter-spacing:.2em;color:#cfe6ffb8}:root[data-theme=dc] .hero-card-front{border:2px solid #4a9eff;border-radius:3px;background:linear-gradient(172deg,#eef4fb,#cdd9e8)}:root[data-theme=dc] .hcf-mode{font-family:Impact,sans-serif;font-size:11px;letter-spacing:.16em;color:#14498c}:root[data-theme=dc] .hcf-hint{color:#142c4c8c}:root[data-theme=dc] .hcf-text{border-top:2px solid rgba(20,44,76,.28);border-style:solid;font-weight:800;color:#0d2038}@media (prefers-reduced-motion: reduce){:root[data-theme=pokemon] .hcb-pattern{animation:none}}:root[data-theme=minimal] .icard{border:1px solid rgba(255,255,255,.22);border-radius:2px;color:#f4efe6;box-shadow:0 18px 34px -20px #000000e6}:root[data-theme=minimal] .hcb-pattern,:root[data-theme=minimal] .hcb-rank-br,:root[data-theme=minimal] .hcb-crest svg{display:none}:root[data-theme=minimal] .hcb-crest{width:8px;height:8px;border-radius:50%;background:#f4efe6;color:transparent}:root[data-theme=minimal] .hcb-rank-tl{font-weight:500;color:#f4efe68c}:root[data-theme=minimal] .hcb-mode{font-size:8px;font-weight:500;letter-spacing:.24em;color:#f4efe666}:root[data-theme=minimal] .hero-card-front{border:1px solid #e4e4e7;border-radius:2px;background:#fafafa}:root[data-theme=minimal] .hcf-mode{font-weight:500;letter-spacing:.24em;color:#71717a}:root[data-theme=minimal] .hcf-hint{font-weight:500;letter-spacing:.02em;text-transform:none;color:#a1a1aa}:root[data-theme=minimal] .hcf-text{border-top:1px solid #e4e4e7;border-style:solid;font-weight:500;color:#18181b}:root[data-theme=bollywood] .icard{border:3px solid #ffb020;border-radius:18px;color:#ffd98a}:root[data-theme=bollywood] .hcb-pattern{top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(255,176,32,.45);border-radius:12px;background-image:radial-gradient(circle,rgba(255,176,32,.3) 1px,transparent 1.4px),repeating-conic-gradient(from 0deg,rgba(255,176,32,.09) 0deg 12deg,transparent 12deg 24deg);background-size:11px 11px,100% 100%}:root[data-theme=bollywood] .hcb-crest{background:radial-gradient(circle,rgba(255,176,32,.42),transparent 66%);color:#ffd98a;filter:drop-shadow(0 0 10px rgba(255,176,32,.85))}:root[data-theme=bollywood] .hcb-rank{font-size:13px;color:#ffe4a8;text-shadow:0 0 8px rgba(255,176,32,.8)}:root[data-theme=bollywood] .hcb-mode{font-size:9px;letter-spacing:.2em;color:#ffd98ab8}:root[data-theme=bollywood] .hero-card-front{border:3px solid #ffb020;border-radius:18px;background:linear-gradient(172deg,#fff4d9,#ffdca8)}:root[data-theme=bollywood] .hcf-mode{color:#b0004f;letter-spacing:.18em}:root[data-theme=bollywood] .hcf-hint{color:#4a12268c}:root[data-theme=bollywood] .hcf-text{border-top:1px dashed rgba(176,0,79,.4);font-weight:800;color:#4a1226}.icard{background-image:var(--card-back);background-size:cover;background-position:center;background-repeat:no-repeat}.icard .hcb-pattern,.icard .hcb-crest{display:none}.icard .hcb-rank,.icard .hcb-mode{color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.7)}.category-card.icard{background-image:linear-gradient(168deg,rgba(13,9,24,.86) 0%,rgba(13,9,24,.93) 55%,var(--page-ink, #0d0918) 100%),var(--card-back);background-size:cover,cover;background-position:center,center}.game-page{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 16px 20px;padding-top:max(env(safe-area-inset-top,12px),12px);padding-bottom:max(env(safe-area-inset-bottom,12px),20px);gap:10px;position:relative;overflow:hidden}.game-page>*:not(.category-bg):not(.flying-banner){position:relative;z-index:1}.game-topbar{width:100%;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 8px}.game-topbar-left{display:flex;align-items:center;gap:12px}.game-logo{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .2s}.game-logo:hover{opacity:.8}.game-logo-text{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--text-1);letter-spacing:-.03em}.game-progress{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-2);letter-spacing:.06em;font-variant-numeric:tabular-nums;background:var(--surface-2);box-shadow:var(--e-raised);padding:6px 14px;border-radius:var(--r-pill)}@media (max-width: 480px){.game-logo-text{display:none}.game-progress{font-size:12px;padding:4px 10px}}.timer-label{font-family:var(--font-display);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;padding:5px 14px;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:var(--e-raised)}.timer-label.green{color:var(--lime)}.timer-label.yellow{color:var(--amber)}.timer-label.red{color:var(--coral);animation:timerPulse .5s infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.scoreboard{width:100%;max-width:400px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:var(--surface-sunken);border:none;border-radius:var(--r-pill);box-shadow:var(--e-sunken);flex-wrap:wrap}.scoreboard-player{display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:var(--r-pill);background:var(--surface-2);border:none;box-shadow:var(--e-raised);transition:all var(--t) var(--ease);min-width:100px}.scoreboard-player.active{background:var(--surface-4);box-shadow:var(--e-float);transform:translateY(-2px)}.scoreboard-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-4);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-1);flex-shrink:0;box-shadow:var(--e-raised)}.scoreboard-player.active .scoreboard-avatar{background:var(--lime);color:#1d2b0c}.scoreboard-info{display:flex;flex-direction:column;gap:2px}.scoreboard-name{font-size:13px;font-weight:700;color:#ffffffb3;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-player.active .scoreboard-name{color:#fff}.scoreboard-score{font-size:18px;font-weight:900;color:#4ade80;font-variant-numeric:tabular-nums;line-height:1}.scoreboard-turn-label{font-size:9px;font-weight:700;letter-spacing:1px;color:#fbbf24;text-transform:uppercase;display:none}.scoreboard-player.active .scoreboard-turn-label{display:block}.card-area{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;justify-content:center;min-height:0;width:100%;max-width:400px}.card-wrapper{perspective:1200px;position:relative}.card-wrapper:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s}.card.flipped~.card-wrapper:before,.card-wrapper:has(.card.flipped):before{opacity:1}.card{width:300px;height:420px;border-radius:var(--r-xl);position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1.2,.5,1);cursor:pointer;-webkit-user-select:none;user-select:none}.card.flipped{transform:rotateY(180deg);cursor:default}.card.swipe-right{animation:swipeR .4s ease-in forwards}.card.swipe-left{animation:swipeL .4s ease-in forwards}.card.enter{animation:cardEnter .45s cubic-bezier(.34,1.56,.64,1) forwards}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-front{z-index:2}.card.flipped .card-front{z-index:0;pointer-events:none;visibility:hidden}.card.flipped .card-back{z-index:2}.card-icon{font-size:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));position:relative;z-index:1}.card-label{font-size:13px;font-weight:800;color:#00000059;margin-top:10px;letter-spacing:3px;position:relative;z-index:1}.card-back{background:var(--surface-2);transform:rotateY(180deg);box-shadow:var(--e-lift);padding:28px}.card-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);background:radial-gradient(120% 70% at 50% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%);pointer-events:none}.card-back:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:26px;border:1px solid var(--hairline);pointer-events:none}.card-subtitle{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;position:relative;padding:7px 16px;background:var(--surface-3);box-shadow:var(--e-raised);border-radius:var(--r-pill)}.card-word{font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:-.035em;color:var(--text-1);text-align:center;line-height:1.15;position:relative}.card-word.long{font-size:30px}.card-word.prompt-text{font-size:18px;font-weight:600;line-height:1.6;letter-spacing:-.01em;color:var(--text-1)}.card-hint-text{font-size:13px;color:var(--text-3);margin-top:24px;font-weight:600;position:relative;padding:10px 20px;background:var(--surface-3);box-shadow:var(--e-raised);border-radius:var(--r-pill)}.emoji-clue{font-size:60px;margin-bottom:16px;transition:all .3s;position:relative;text-align:center;max-width:100%;word-break:break-word}.emoji-clue.text-clue{font-size:18px;font-weight:600;color:#e2e8f0;line-height:1.5;padding:0 8px}.emoji-clue.text-clue.small{font-size:14px;margin-bottom:8px}.emoji-clue.small{font-size:34px;margin-bottom:10px}.emoji-answer{font-size:30px;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.reveal-btn{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);padding:9px 20px;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s}.reveal-btn:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.pronunciation-phonetic{font-size:26px;font-weight:700;letter-spacing:1px;color:#e2e8f0;text-align:center;line-height:1.4}.pronunciation-phonetic-small{font-size:13px;font-weight:600;color:#6b7280;letter-spacing:.5px;font-style:italic}.pronunciation-reveal-info{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.speak-btn-large{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 0;background:rgba(var(--accent-theme-rgb),.15);border:1px solid rgba(var(--accent-theme-rgb),.3);color:var(--accent-glow);padding:12px 24px;border-radius:14px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;animation:pulse-glow 2s ease-in-out infinite}.speak-btn-large:hover{background:rgba(var(--accent-theme-rgb),.25);transform:scale(1.05)}.speak-btn-large:active{transform:scale(.95)}.speak-btn-icon{font-size:20px}@keyframes pulse-glow{0%,to{box-shadow:0 0 rgba(var(--accent-theme-rgb),0)}50%{box-shadow:0 0 16px 4px rgba(var(--accent-theme-rgb),.15)}}.speak-btn-inline{display:inline-flex;align-items:center;gap:4px;background:rgba(var(--accent-theme-rgb),.12);border:1px solid rgba(var(--accent-theme-rgb),.25);color:var(--accent-glow);padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.speak-btn-inline:hover{background:rgba(var(--accent-theme-rgb),.2);transform:scale(1.05)}.map-clue{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;transition:all .3s;position:relative}.map-clue.small{margin-bottom:8px}.map-img{width:140px;height:140px;object-fit:contain;filter:invert(1) brightness(2) drop-shadow(0 2px 8px rgba(var(--accent-theme-rgb),.3));transition:all .3s}.map-clue.small .map-img{width:80px;height:80px}.map-flag-reveal{font-size:36px;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.dialogue-clue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px 22px;max-width:320px;text-align:center;color:#e0f2fe;font-style:italic;position:relative;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.dialogue-clue.small{transform:scale(.85);opacity:.7}.dialogue-open-quote,.dialogue-close-quote{font-size:48px;line-height:.6;color:#67e8f980;font-family:Georgia,serif}.dialogue-open-quote{align-self:flex-start}.dialogue-close-quote{align-self:flex-end}.dialogue-text{font-size:20px;font-weight:600;line-height:1.35;color:#f0f9ff;padding:4px 8px}.dialogue-caption{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;font-style:normal;margin-top:4px}.poster-clue{display:flex;flex-direction:column;align-items:center;gap:8px;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.poster-clue.small{transform:scale(.7);opacity:.75}.poster-clue-img{max-width:min(70vw,220px);max-height:280px;border-radius:12px;box-shadow:0 10px 30px #00000080;object-fit:contain}.svg-clue-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:inherit;z-index:0}.svg-clue-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0003,#00000080);border-radius:inherit}.svg-clue-bg+.card-subtitle{position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:1;white-space:nowrap}.media-clue{display:flex;flex-direction:column;align-items:center;gap:8px;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}.media-audio{width:min(80vw,300px)}.media-video{max-width:min(80vw,320px);max-height:240px;border-radius:12px}.actions-container{height:90px;display:flex;align-items:center;justify-content:center;width:100%}.actions{display:flex;gap:20px;align-items:center;padding:14px 22px;background:var(--surface-sunken);border-radius:var(--r-pill);box-shadow:var(--e-sunken);border:none}.btn-round{width:68px;height:68px;border-radius:50%;border:none;font-size:27px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);position:relative}.btn-round:hover{transform:translateY(-3px);filter:brightness(1.07)}.btn-round.miss{background:var(--coral);color:#fff;box-shadow:var(--e-coral)}.btn-round.miss:hover{box-shadow:var(--e-coral)}.btn-round.miss:active{transform:translateY(2px);box-shadow:0 1px 0 -1px var(--coral-deep),0 4px 10px -10px #f2726f66}.btn-round.miss.disabled,.btn-round.miss:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-round.got{background:var(--lime);color:#1d2b0c;box-shadow:var(--e-lime)}.btn-round.got:active{transform:translateY(2px);box-shadow:0 1px 0 -1px var(--lime-deep),0 4px 10px -10px #9bdb5a59}.btn-pill{display:flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--r-pill);border:none;font-size:14px;font-weight:700;letter-spacing:.06em;font-family:var(--font-display);cursor:pointer;background:var(--surface-3);color:var(--text-2);box-shadow:var(--e-raised);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn-pill:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.btn-pill:active{transform:translateY(2px)}.btn-pill.accent{background:var(--accent);color:var(--text-on-bright);box-shadow:0 6px 0 -1px color-mix(in srgb,var(--accent) 68%,#000),0 14px 26px -10px color-mix(in srgb,var(--accent) 55%,transparent)}.btn-pill.accent:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn-pill.accent:active{transform:translateY(2px)}.link-btn{background:none;border:none;color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;padding:6px 12px;letter-spacing:.04em;transition:color var(--t-fast) var(--ease)}.link-btn:hover{color:var(--text-1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease-out}.modal-box{background:#1e1b4b;border:1px solid var(--hairline);border-radius:20px;padding:28px;text-align:center;max-width:300px;width:90%;animation:pop .25s cubic-bezier(.34,1.56,.64,1)}.modal-box h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 6px}.modal-box p{font-size:13px;color:#9ca3af;margin:0 0 20px}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-btn{padding:9px 20px;border-radius:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:all .2s}.modal-btn.cancel{background:var(--surface-3);color:#9ca3af}.modal-btn.cancel:hover{background:var(--surface-4)}.modal-btn.confirm{background:var(--accent);color:var(--surface-1)}.modal-btn.confirm:hover{transform:scale(1.05)}.online-score-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:360px;animation:slideDown .3s ease-out}.online-player-score{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:10px;padding:5px 10px}.online-player-name{font-size:12px;font-weight:600;color:#9ca3af;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-player-pts{font-size:14px;font-weight:800;color:#22c55e;font-variant-numeric:tabular-nums;min-width:14px;text-align:center}.online-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px}.online-player-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.online-player-btn{padding:10px 18px;border-radius:14px;border:1px solid rgba(34,197,94,.3);background:#22c55e1a;color:#4ade80;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-player-btn:hover{background:#22c55e33;border-color:#22c55e80;transform:scale(1.05)}.online-player-btn:active{transform:scale(.95)}.online-skip-btn{padding:8px 20px;border-radius:10px;border:1px solid var(--hairline);background:var(--surface-2);color:#6b7280;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.online-skip-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.online-result-ring{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.result-ring-svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.result-ring-svg circle:last-child{transition:stroke-dasharray 1s ease-out}.result-ring-text{display:flex;flex-direction:column;align-items:center;z-index:1}.result-ring-pct{font-size:28px;font-weight:800;color:#fff}.result-ring-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:1px}.game-over{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 20px;animation:slideUp .5s ease-out}.game-over-emoji{font-size:64px}.game-over-mascot{animation:mascotBob 3.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.game-over-mascot{animation:none}}.game-over-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:#fff;margin:0}.game-over-score{display:flex;gap:24px}.go-stat{text-align:center}.go-num{font-size:32px;font-weight:800}.go-num.green{color:#4ade80}.go-num.red{color:#f87171}.go-label{font-size:10px;font-weight:700;color:#6b7280;letter-spacing:2px;margin-top:2px}.leaderboard{width:100%;max-width:300px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.lb-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--hairline)}.lb-row.first{border-color:#fbbf2433;background:#fbbf240d}.lb-rank{font-size:18px;min-width:28px;text-align:center}.lb-name{flex:1;font-size:14px;font-weight:600;color:#e2e8f0}.lb-row.first .lb-name{color:#fbbf24}.lb-pts{font-size:14px;font-weight:800;color:#4ade80}.game-over-buttons{display:flex;gap:10px;margin-top:8px}@keyframes swipeR{to{transform:rotateY(180deg) translate(450px) rotate(20deg);opacity:0}}@keyframes swipeL{to{transform:rotateY(180deg) translate(-450px) rotate(-20deg);opacity:0}}@keyframes cardIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardEnter{0%{transform:translateY(40px) scale(.8) rotate(-3deg);opacity:0}60%{transform:translateY(-5px) scale(1.02) rotate(.5deg);opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.topbar-actions{display:flex;gap:8px}.settings-gear{width:40px;height:40px;border-radius:12px;border:1px solid var(--hairline);background:var(--surface-3);color:#fff9;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;font-family:inherit}.settings-gear:hover{background:var(--surface-4);border-color:#fff3;color:#fff;transform:scale(1.05)}.settings-gear:active{transform:scale(.95)}.copied-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:8px 20px;border-radius:50px;font-size:13px;font-weight:700;z-index:120;animation:pop .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.ingame-settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.ingame-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:199}.ingame-settings-panel{position:relative;z-index:201;width:90%;max-width:360px;background:linear-gradient(145deg,#1e1b4b,#0f0a2e);border:1px solid var(--hairline);border-radius:20px;padding:24px 20px;animation:pop .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000080}.ingame-settings-header{display:flex;justify-content:space-between;align-items:center}.ingame-settings-header h3{font-size:18px;font-weight:700;color:#fff;margin:0}.ingame-settings-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline);background:var(--surface-3);color:#9ca3af;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit;padding:0}.ingame-settings-close:hover{background:var(--surface-4);color:#fff}.ingame-settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--hairline)}.ingame-settings-row:last-child{border-bottom:none}.ingame-settings-label{font-size:14px;font-weight:600;color:#9ca3af}.ingame-settings-actions{display:flex;gap:8px;margin-top:4px}.ingame-settings-actions .modal-btn{flex:1}.category-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.category-bg-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--cat-bg-color) 12%,transparent),transparent 60%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--cat-bg-color) 8%,transparent),transparent 55%),radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--cat-bg-color) 5%,transparent),transparent 70%);animation:washPulse 8s ease-in-out infinite alternate}@keyframes washPulse{0%{opacity:.6}to{opacity:1}}.category-bg-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cat-bg-color) 18%,transparent),transparent 70%);filter:blur(60px);transform:translate(-50%,-50%);animation:orbDrift ease-in-out infinite alternate;will-change:transform,opacity}@keyframes orbDrift{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}33%{transform:translate(calc(-50% + 30px),calc(-50% - 20px)) scale(1.15);opacity:.7}66%{transform:translate(calc(-50% - 20px),calc(-50% + 15px)) scale(.9);opacity:.4}to{transform:translate(calc(-50% + 10px),calc(-50% + 25px)) scale(1.1);opacity:.6}}.card-corner{position:absolute;width:24px;height:24px;pointer-events:none;z-index:3}.card-corner-tl{top:12px;left:12px;border-top:2px solid rgba(255,255,255,.2);border-left:2px solid rgba(255,255,255,.2);border-radius:4px 0 0}.card-corner-br{bottom:12px;right:12px;border-bottom:2px solid rgba(255,255,255,.2);border-right:2px solid rgba(255,255,255,.2);border-radius:0 0 4px}.card-design-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;pointer-events:none;z-index:1}.card-design-classic{background:var(--accent-gradient, var(--accent));box-shadow:0 0 30px color-mix(in srgb,var(--accent) 25%,transparent),0 16px 48px #00000059}.card-design-classic:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:20px;border:2px dashed rgba(0,0,0,.08);z-index:1}.card-design-classic .card-corner{display:none}.card-design-neon{background:linear-gradient(145deg,#0a0a1a,#111128,#0a0a1a);box-shadow:0 0 2px var(--accent),0 0 15px color-mix(in srgb,var(--accent) 40%,transparent),0 0 45px color-mix(in srgb,var(--accent) 15%,transparent),inset 0 0 30px #00000080;border:1px solid var(--accent)}.card-design-neon .card-design-overlay{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 50%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 50%)}.card-design-neon .card-corner-tl,.card-design-neon .card-corner-br{border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 50%,transparent)}.card-design-neon .card-label{color:var(--accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,transparent)}.card-design-neon .card-icon{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 60%,transparent))}.card-design-royal{background:linear-gradient(135deg,#1a1040,#2d1b69 40%,#1a1040);box-shadow:0 0 30px #eab30826,0 16px 48px #0006;border:2px solid rgba(234,179,8,.3)}.card-design-royal .card-design-overlay{background:radial-gradient(circle at 50% 0%,rgba(234,179,8,.1),transparent 40%),radial-gradient(circle at 50% 100%,rgba(234,179,8,.08),transparent 40%)}.card-design-royal:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;border:1px solid rgba(234,179,8,.15);z-index:1}.card-design-royal .card-corner-tl,.card-design-royal .card-corner-br{border-color:#eab30880;width:30px;height:30px}.card-design-royal .card-label{color:#eab30880;letter-spacing:5px}.card-design-royal .card-icon{filter:drop-shadow(0 4px 16px rgba(234,179,8,.3))}.card-design-frost{background:linear-gradient(135deg,#ffffff14,#ffffff08 40%,rgba(var(--accent-theme-rgb),.06));box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-design-frost .card-design-overlay{background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.08),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(var(--accent-theme-rgb),.05),transparent 50%)}.card-design-frost .card-corner-tl,.card-design-frost .card-corner-br{border-color:#ffffff40}.card-design-frost .card-label{color:#fff6}.card-design-frost .card-icon{filter:drop-shadow(0 2px 12px rgba(255,255,255,.2))}.card-design-circuit{background:linear-gradient(160deg,#0a0f1a,#0d1525,#0a0f1a);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 20%,transparent),0 16px 48px #0006;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.card-design-circuit .card-design-overlay{background-image:linear-gradient(color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 6%,transparent) 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.card-design-circuit:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:80%;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:16px;z-index:1}.card-design-circuit .card-corner-tl,.card-design-circuit .card-corner-br{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.card-design-circuit .card-label{color:color-mix(in srgb,var(--accent) 50%,transparent);font-family:Courier New,monospace;letter-spacing:4px}.card-design-circuit .card-icon{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 40%,transparent))}.card-design-candy{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--accent) 30%,#1a1a2e),color-mix(in srgb,var(--accent) 30%,#1a1a2e) 12px,color-mix(in srgb,var(--accent) 15%,#1a1a2e) 12px,color-mix(in srgb,var(--accent) 15%,#1a1a2e) 24px);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 20%,transparent),0 16px 48px #00000059;border:2px solid color-mix(in srgb,var(--accent) 35%,transparent)}.card-design-candy .card-design-overlay{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.3),transparent 70%)}.card-design-candy .card-corner{display:none}.card-design-candy:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:18px;border:2px solid rgba(255,255,255,.08);z-index:1}.card-design-candy .card-label{color:#ffffff73;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-design-candy .card-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}@media (max-width: 480px){.game-page{padding:10px 12px 20px;padding-top:max(env(safe-area-inset-top,8px),10px);gap:8px}.card{width:min(280px,calc(100vw - 40px));height:min(360px,48dvh);border-radius:24px}.card-face{border-radius:24px}.card-icon{font-size:48px}.btn-round{width:60px;height:60px;font-size:22px}.actions{gap:18px;padding:12px 18px}.actions-container{height:80px}.card-word{font-size:36px}.card-subtitle{font-size:10px;padding:6px 12px}}@media (max-width: 380px){.card{width:min(260px,calc(100vw - 32px));height:min(340px,45dvh)}.card-word{font-size:30px}.card-word.long{font-size:22px}.card-word.prompt-text{font-size:15px}.btn-round{width:54px;height:54px;font-size:20px}.actions{gap:14px;padding:10px 14px}}@media (max-height: 700px){.game-page{gap:6px;padding-top:8px}.card{height:min(300px,40dvh)}.actions-container{height:70px}}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0818b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .3s ease-out;padding:20px}.intro-card{position:relative;background:var(--surface-1);border:none;box-shadow:var(--e-lift);border-radius:var(--r-xl);padding:28px 24px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;text-align:center;animation:cardPop .4s cubic-bezier(.34,1.56,.64,1);-webkit-overflow-scrolling:touch}.intro-card::-webkit-scrollbar{width:4px}.intro-card::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:4px}.intro-emoji{font-size:56px;margin-bottom:12px;filter:drop-shadow(0 4px 20px rgba(0,0,0,.4))}.intro-corner-mascot{position:absolute;top:8px;right:8px;transform:rotate(8deg);pointer-events:none;z-index:2}.intro-title{font-family:var(--font-display);font-size:27px;font-weight:800;color:var(--text-1);margin:0 0 4px;letter-spacing:-.03em}.intro-subtitle{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}.intro-steps{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;text-align:left}.intro-steps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.55}.intro-steps li:before{content:counter(list-item);counter-increment:list-item;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-2);font-family:var(--font-display);font-size:12px;font-weight:800;flex-shrink:0;margin-top:1px}.intro-steps{counter-reset:list-item}.intro-start-btn{width:100%;padding:16px;border-radius:var(--r-pill);border:none;background:var(--lime);color:#1d2b0c;font-size:17px;font-weight:800;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);box-shadow:var(--e-lime)}.intro-start-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.intro-start-btn:active{transform:translateY(2px)}.card-media{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px;transition:all .3s;position:relative}.card-media.small{margin-bottom:6px}.card-media-img{max-width:100%;max-height:160px;border-radius:10px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.card-media.small .card-media-img{max-height:80px}.card-media-audio{width:100%;max-width:240px;height:36px;border-radius:8px}.card-media-video{width:100%;max-height:160px;border-radius:10px}.card-media.small .card-media-video{max-height:80px}.card-media-label{font-size:10px;font-weight:600;color:#6b7280;letter-spacing:.5px}.card-vote{position:absolute;bottom:16px;right:16px;display:flex;gap:6px;z-index:5}.vote-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--hairline);background:#0000004d;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vote-btn:hover{opacity:1;background:var(--surface-4);transform:scale(1.1)}.vote-btn.voted{opacity:1;background:linear-gradient(135deg,#8b5cf64d,#6366f133);border-color:#8b5cf680;transform:scale(1.15);box-shadow:0 4px 12px #8b5cf64d}.above-card-slot{min-height:32px;display:flex;align-items:center;justify-content:center;width:100%;max-width:360px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.intro-section{margin:10px 0;padding:10px 0;border-top:1px solid var(--hairline);text-align:left}.intro-section:first-of-type{border-top:none;padding-top:4px}.intro-section-split{display:flex;gap:12px}.intro-section-split .intro-stat{flex:1;display:flex;flex-direction:column;gap:6px}.intro-section-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.intro-section-label{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-3);letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:8px}.intro-section-row .intro-section-label{margin-bottom:0}.intro-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.intro-name-grid .name-input{font-size:13px;padding:8px 10px}.intro-random-btn{width:100%;padding:10px;border-radius:var(--r-pill);border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-2);font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.intro-random-btn:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.intro-region-btns{display:flex;gap:6px}.intro-region-btn{flex:1;padding:10px 12px;border-radius:var(--r-pill);border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-3);font-size:13px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.intro-region-btn:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.intro-region-btn.active{background:var(--lime);color:#1d2b0c;box-shadow:var(--e-lime)}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0818c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:400}.countdown-number{font-family:var(--font-display);font-size:120px;font-weight:900;letter-spacing:-.05em;color:var(--lime);animation:countPop .65s var(--ease-snap) forwards}@keyframes countPop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.3);opacity:1}70%{transform:scale(.95)}85%{transform:scale(1.05)}to{transform:scale(1);opacity:.3}}.player-score-popup{position:absolute;top:-15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:20px;z-index:50;animation:playerScorePop 1.8s ease-out forwards;pointer-events:none;white-space:nowrap}.psp-points{font-size:18px;font-weight:800}.psp-label{font-size:14px}.player-score-popup.fast{background:linear-gradient(135deg,#4ade80f2,#22c55ef2);box-shadow:0 4px 15px #4ade8066}.player-score-popup.fast .psp-points{color:#fff}.player-score-popup.good{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);box-shadow:0 4px 15px #fbbf2466}.player-score-popup.good .psp-points{color:#fff}.player-score-popup.slow{background:linear-gradient(135deg,#9ca3aff2,#6b7280f2);box-shadow:0 4px 12px #9ca3af4d}.player-score-popup.slow .psp-points{color:#fff}.player-score-popup.skip{background:linear-gradient(135deg,#f87171f2,#ef4444f2);box-shadow:0 4px 12px #f871714d}.player-score-popup.skip .psp-points{color:#fff}@keyframes playerScorePop{0%{transform:translate(-50%) scale(.5) translateY(0);opacity:0}15%{transform:translate(-50%) scale(1.05) translateY(-8px);opacity:1}30%{transform:translate(-50%) scale(1) translateY(-12px)}70%{transform:translate(-50%) scale(1) translateY(-18px);opacity:1}to{transform:translate(-50%) scale(.9) translateY(-30px);opacity:0}}.solo-score-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:12px 24px;border-radius:30px;z-index:50;animation:soloScorePop 1.8s ease-out forwards;pointer-events:none}.ssp-points{font-size:26px;font-weight:800;color:#fff}.ssp-emoji{font-size:22px}.solo-score-popup.fast{background:linear-gradient(135deg,#4ade80f2,#22c55ef2);box-shadow:0 6px 25px #4ade8080}.solo-score-popup.good{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);box-shadow:0 6px 25px #fbbf2480}.solo-score-popup.slow{background:linear-gradient(135deg,#9ca3aff2,#6b7280f2);box-shadow:0 6px 20px #9ca3af66}.solo-score-popup.skip{background:linear-gradient(135deg,#f87171f2,#ef4444f2);box-shadow:0 6px 20px #f8717166}@keyframes soloScorePop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}15%{transform:translate(-50%,-50%) scale(1.05);opacity:1}30%{transform:translate(-50%,-55%) scale(1)}70%{transform:translate(-50%,-60%) scale(1);opacity:1}to{transform:translate(-50%,-75%) scale(.85);opacity:0}}.card-front:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:26px;background:var(--accent-gradient, linear-gradient(135deg, #8b5cf6, #6d28d9));opacity:0;z-index:-1;transition:opacity .3s;filter:blur(12px)}.card:not(.flipped):hover .card-front:after{opacity:.3}.card-label{font-size:12px;font-weight:800;color:#ffffff59;margin-top:12px;letter-spacing:3px;position:relative;z-index:1;animation:tapPulse 2s ease-in-out infinite}@keyframes tapPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@media (max-width: 380px){.intro-card{padding:24px 20px}.intro-emoji{font-size:44px}.intro-title{font-size:22px}.intro-steps li{font-size:13px}.countdown-number{font-size:80px}.intro-region-btn{font-size:12px;padding:7px 8px}}@keyframes gentlePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.players-2 .seat-0{left:0;top:50%;transform:translateY(-50%)}.players-2 .seat-1{right:0;top:50%;transform:translateY(-50%)}.players-3 .seat-0{bottom:0;left:50%;transform:translate(-50%)}.players-3 .seat-1{top:15%;right:10%}.players-3 .seat-2{top:15%;left:10%}.players-4 .seat-0{bottom:0;left:50%;transform:translate(-50%)}.players-4 .seat-1{right:0;top:50%;transform:translateY(-50%)}.players-4 .seat-2{top:0;left:50%;transform:translate(-50%)}.players-4 .seat-3{left:0;top:50%;transform:translateY(-50%)}.players-5 .seat-0{bottom:0;left:50%;transform:translate(-50%)}.players-5 .seat-1{bottom:20%;right:5%}.players-5 .seat-2{top:10%;right:20%}.players-5 .seat-3{top:10%;left:20%}.players-5 .seat-4{bottom:20%;left:5%}.players-6 .seat-0{bottom:0;left:35%}.players-6 .seat-1{bottom:0;right:35%}.players-6 .seat-2{right:0;top:50%;transform:translateY(-50%)}.players-6 .seat-3{top:0;right:35%}.players-6 .seat-4{top:0;left:35%}.players-6 .seat-5{left:0;top:50%;transform:translateY(-50%)}.players-7 .seat-0{bottom:0;left:50%;transform:translate(-50%)}.players-7 .seat-1{bottom:15%;right:8%}.players-7 .seat-2{top:25%;right:0}.players-7 .seat-3{top:0;right:30%}.players-7 .seat-4{top:0;left:30%}.players-7 .seat-5{top:25%;left:0}.players-7 .seat-6{bottom:15%;left:8%}.players-8 .seat-0{bottom:0;left:50%;transform:translate(-50%)}.players-8 .seat-1{bottom:10%;right:10%}.players-8 .seat-2{right:0;top:50%;transform:translateY(-50%)}.players-8 .seat-3{top:10%;right:10%}.players-8 .seat-4{top:0;left:50%;transform:translate(-50%)}.players-8 .seat-5{top:10%;left:10%}.players-8 .seat-6{left:0;top:50%;transform:translateY(-50%)}.players-8 .seat-7{bottom:10%;left:10%}@media (max-width: 480px){.chair-back{width:36px;height:20px}.chair-seat{width:40px;height:14px}}.felt-content{width:min(74vw,420px);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 20px;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.felt-content.swipe-right{animation:swipeR .4s ease-in forwards}.felt-content.swipe-left{animation:swipeL .4s ease-in forwards}.felt-content.enter{animation:cardEnter .45s var(--ease-snap) forwards}.felt-content.revealed>*{animation:feltReveal .4s var(--ease) both}@keyframes feltReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.felt-prompt{display:flex;flex-direction:column;align-items:center;gap:14px;transition:transform var(--t) var(--ease)}.felt-content:hover .felt-prompt{transform:translateY(-3px)}.felt-content:active .felt-prompt{transform:scale(.97)}.felt-prompt-icon{font-size:54px;line-height:1;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.felt-prompt-text{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3)}.felt-content .card-word{font-size:clamp(26px,5vw,40px)}.felt-content .card-word.long{font-size:clamp(20px,4vw,28px)}.felt-content .emoji-clue{font-size:clamp(44px,9vw,68px)}.felt-content .card-media-img,.felt-content .map-img{max-height:34vh}.felt-content .card-vote{position:static;margin-top:20px;opacity:.4;transition:opacity var(--t) var(--ease)}.felt-content:hover .card-vote,.felt-content .card-vote:focus-within{opacity:1}.story-list-v3{min-height:100dvh;padding:20px;padding-top:max(env(safe-area-inset-top,20px),20px)}.story-list-v3-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.story-list-v3-back{background:var(--surface-4);border:none;width:44px;height:44px;border-radius:14px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.story-list-v3-back:hover{background:var(--surface-4)}.story-list-v3-title-wrap{flex:1}.story-list-v3-title{font-size:26px;font-weight:800;color:#fff;margin:0}.story-list-v3-subtitle{font-size:14px;color:#ffffff80;margin:4px 0 0}.story-list-v3-grid{display:flex;flex-direction:column;gap:14px}.story-card-v3{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-3);border:1px solid var(--hairline);border-radius:20px;cursor:pointer;transition:all .2s}.story-card-v3:hover{background:var(--surface-4);border-color:#ffffff1f}.story-card-v3-badge{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0003}.story-card-v3-emoji{font-size:32px}.story-card-v3-content{flex:1;min-width:0}.story-card-v3-title{font-size:17px;font-weight:700;color:#fff;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-card-v3-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#ffffff80}.story-card-v3-duration{display:flex;align-items:center;gap:5px}.story-card-v3-arrow{color:#ffffff4d;transition:all .2s}.story-card-v3:hover .story-card-v3-arrow{color:#fff9;transform:translate(4px)}.story-reader-v3{min-height:100dvh;display:flex;flex-direction:column;padding:16px;padding-top:max(env(safe-area-inset-top,16px),16px);padding-bottom:max(env(safe-area-inset-bottom,16px),16px);background:linear-gradient(180deg,#0006,#0003)}.story-reader-v3-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.story-reader-v3-back{background:var(--surface-4);border:none;width:44px;height:44px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.story-reader-v3-back:hover{background:var(--surface-4)}.story-reader-v3-title{flex:1;font-size:18px;font-weight:700;color:#fff;text-align:center;margin:0}.story-reader-v3-spacer{width:44px}.page-progress-v3{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.page-progress-v3-stars{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.page-progress-v3-star{color:#fff3;transition:color .3s}.page-progress-v3-star.filled{color:var(--star-color, #fbbf24);filter:drop-shadow(0 2px 4px rgba(251,191,36,.4))}.page-progress-v3-text{font-size:13px;color:#ffffff80;font-weight:500}.story-reader-v3-book{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;perspective:1000px;overflow:hidden}.story-page-v3{width:100%;max-width:400px;background:#1e1e28e6;border-radius:24px;border:1px solid var(--hairline);overflow:hidden;box-shadow:0 20px 60px #0006}.story-page-v3-scene{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-page-v3-glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.3}.story-page-v3-animation{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}.story-page-v3-fallback{display:flex;align-items:center;justify-content:center}.story-page-v3-emoji{font-size:80px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.story-page-v3-text-container{padding:20px 24px;background:#0000004d}.story-page-v3-text{font-size:18px;font-weight:500;color:#fff;text-align:center;line-height:1.7;margin:0}.story-page-v3-word{display:inline;transition:all .15s;border-radius:4px;padding:2px 4px;margin:0 -2px}.story-page-v3-word.highlighted{background:var(--highlight-color, #8b5cf6);color:#fff}.narrator-controls-v3{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}.narrator-controls-v3-play{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--story-color, #8b5cf6);border:none;border-radius:50px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0000004d}.narrator-controls-v3-play:hover{filter:brightness(1.1)}.narrator-controls-v3-play.playing{animation:pulseButton 2s ease-in-out infinite}@keyframes pulseButton{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 24px var(--story-color, #8b5cf6),0 0 40px var(--story-color, #8b5cf6)}}.narrator-controls-v3-auto{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--surface-3);border:1px solid var(--hairline);border-radius:50px;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.narrator-controls-v3-auto:hover{background:var(--surface-4)}.narrator-controls-v3-auto.active{background:#4ade8026;border-color:#4ade804d;color:#4ade80}.story-reader-v3-nav{display:flex;justify-content:center;gap:20px;margin-top:auto;padding-top:12px}.story-reader-v3-nav-btn{width:64px;height:64px;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 16px #0000004d}.story-reader-v3-nav-btn.prev{background:var(--surface-4)}.story-reader-v3-nav-btn.prev:hover:not(:disabled){background:var(--surface-4)}.story-reader-v3-nav-btn.prev:disabled{opacity:.3;cursor:not-allowed}.story-reader-v3-nav-btn.next{background:var(--story-color, #8b5cf6)}@media (max-width: 480px){.story-page-v3-text{font-size:16px}.story-reader-v3-nav-btn,.story-card-v3-badge{width:56px;height:56px}.story-card-v3-emoji{font-size:28px}.page-progress-v3-star svg{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.story-page-v3{transition:none}.narrator-controls-v3-play.playing{animation:none}.page-progress-v3-star{transition:none}}.ttt-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.ttt-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.ttt-scores{display:flex;gap:16px}.ttt-score{font-size:12px;font-weight:700;padding:4px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--hairline)}.ttt-score.you{color:#60a5fa}.ttt-score.draw{color:#6b7280}.ttt-score.bot{color:#f87171}.ttt-status{font-size:14px;font-weight:600;color:#9ca3af;min-height:20px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(300px,80vw);aspect-ratio:1}.ttt-cell{background:var(--surface-2);border:1px solid var(--hairline);border-radius:16px;font-size:36px;font-weight:800;font-family:var(--font-display);color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ttt-cell:hover:not(:disabled){background:var(--surface-3);border-color:#fff3;transform:scale(1.03)}.ttt-cell:disabled{cursor:default}.ttt-cell.x{color:#60a5fa}.ttt-cell.o{color:#f87171}.ttt-cell.filled{animation:cellPop .25s ease-out}.ttt-cell.win{border-color:#4ade80;background:#4ade801a;box-shadow:0 0 20px #4ade8026}.ttt-play-again{padding:12px 32px;border-radius:14px;border:1px solid rgba(var(--accent-theme-rgb),.3);background:rgba(var(--accent-theme-rgb),.12);color:var(--accent-glow);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;margin-top:8px}.ttt-play-again:hover{background:rgba(var(--accent-theme-rgb),.2);transform:translateY(-2px)}@keyframes cellPop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.ttt-title{font-size:22px}.ttt-cell{font-size:28px;border-radius:12px}.ttt-board{gap:6px}}.hockey-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;animation:cardPop .4s ease-out}.hockey-score-bar{display:flex;align-items:center;gap:12px}.hockey-score{font-size:13px;font-weight:700;padding:4px 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--hairline)}.hockey-score.p1{color:#60a5fa}.hockey-score.p2{color:#f87171}.hockey-vs{font-size:11px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:2px}.hockey-rink{position:relative;border-radius:20px;border:1px solid var(--hairline);overflow:hidden;touch-action:none;background:var(--surface-2)}.hockey-rink canvas{display:block}.hockey-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050510d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.hockey-winner{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff}.hockey-hint{font-size:12px;color:#4b5563;margin:0;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.hockey-rink{border-radius:16px}.hockey-winner{font-size:22px}}.dots-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.dots-title{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.dots-subtitle{font-size:14px;color:#9ca3af;margin:0}.dots-mode-select{display:flex;gap:16px;margin-top:20px}.dots-mode-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 32px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid var(--hairline);border-radius:16px;cursor:pointer;transition:all .3s ease;min-width:140px}.dots-mode-btn:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.dots-mode-icon{font-size:36px}.dots-mode-label{font-size:16px;font-weight:600;color:#fff}.dots-mode-desc{font-size:12px;color:#9ca3af}.dots-scoreboard{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--surface-2);border-radius:12px;border:1px solid var(--hairline)}.dots-player{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;transition:all .3s ease;opacity:.6}.dots-player.active{opacity:1;background:var(--surface-3)}.dots-player.p1.active{box-shadow:0 0 12px #60a5fa4d}.dots-player.p2.active{box-shadow:0 0 12px #f871714d}.dots-player-icon{font-size:20px}.dots-player-name{font-size:14px;font-weight:500;color:#fff}.dots-player-score{font-size:18px;font-weight:700;color:#fff;min-width:24px;text-align:center}.dots-player.p1 .dots-player-score{color:#60a5fa}.dots-player.p2 .dots-player-score{color:#f87171}.dots-vs{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.dots-status{font-size:14px;font-weight:600;color:#9ca3af;min-height:24px;padding:6px 16px;border-radius:20px;background:var(--surface-2)}.dots-status.game-over{background:linear-gradient(135deg,#a855f733,#ec489933);color:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dots-board{max-width:90vw;height:auto;touch-action:manipulation;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.dots-dot{fill:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));transition:r .2s ease}.dots-line{stroke:#ffffff0f;stroke-width:4;stroke-linecap:round;cursor:default;transition:stroke .2s,stroke-width .2s}.dots-line.clickable{cursor:pointer}.dots-line.clickable:hover{stroke:#ffffff4d;stroke-width:6}.dots-line.drawn{stroke-width:5;cursor:default}.dots-line.drawn.p1{stroke:#60a5fa;filter:drop-shadow(0 0 6px rgba(96,165,250,.4))}.dots-line.drawn.p2{stroke:#f87171;filter:drop-shadow(0 0 6px rgba(248,113,113,.4))}.dots-box{transition:all .3s ease;animation:boxFill .3s ease-out}@keyframes boxFill{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dots-box.p1{fill:#60a5fa26}.dots-box.p2{fill:#f8717126}.dots-game-over-actions{display:flex;gap:12px;margin-top:8px}.dots-btn{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.dots-btn.primary{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.dots-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.dots-btn.secondary{background:var(--surface-4);color:#fff;border:1px solid var(--hairline)}.dots-btn.secondary:hover{background:var(--surface-4)}@media (max-width: 480px){.dots-container{gap:12px}.dots-mode-select{flex-direction:column;gap:12px}.dots-mode-btn{padding:18px 24px;min-width:180px}.dots-scoreboard{padding:10px 14px;gap:10px}.dots-player{padding:6px 10px;gap:6px}.dots-player-name{font-size:12px}.dots-game-over-actions{flex-direction:column;width:100%;max-width:200px}.dots-btn{width:100%}}.sl-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;animation:cardPop .4s ease-out}.sl-players{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sl-player-tag{font-size:12px;font-weight:700;padding:4px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--tag-color);transition:all .2s}.sl-player-tag.active{border-color:var(--tag-color);box-shadow:0 0 10px color-mix(in srgb,var(--tag-color) 25%,transparent)}.sl-message{font-size:13px;font-weight:600;color:#9ca3af;text-align:center;min-height:18px}.sl-board-wrap{overflow:auto;max-width:90vw;border-radius:12px;border:1px solid var(--hairline);background:var(--surface-2)}.sl-board{display:grid;position:relative}.sl-cell{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline);transition:background .2s}.sl-cell-num{font-size:8px;font-weight:700;color:#fff3;position:absolute;top:2px;left:3px}.sl-cell.snake{background:#ef444414}.sl-cell.ladder{background:#4ade8014}.sl-entity-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.sl-token{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.sl-token:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--token-color);box-shadow:0 0 8px color-mix(in srgb,var(--token-color) 50%,transparent);border:2px solid rgba(255,255,255,.3)}.sl-roll-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:14px;border:1px solid color-mix(in srgb,var(--btn-color) 40%,transparent);background:color-mix(in srgb,var(--btn-color) 15%,transparent);color:var(--btn-color);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.sl-roll-btn:hover:not(:disabled){background:color-mix(in srgb,var(--btn-color) 25%,transparent);transform:translateY(-2px)}.sl-roll-btn:disabled{opacity:.6;cursor:default}.sl-roll-btn.rolling{animation:diceShake .15s ease-in-out infinite}.sl-dice-face{font-size:22px}@keyframes diceShake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@media (max-width: 480px){.sl-board-wrap{border-radius:10px}}.ludo-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;animation:cardPop .4s ease-out}.ludo-message{font-size:13px;font-weight:600;color:#9ca3af;text-align:center;min-height:18px}.ludo-board{max-width:90vw;height:auto}.ludo-track-cell{fill:#ffffff0a;stroke:#ffffff1a;stroke-width:1}.ludo-home-circle{fill:#ffffff0a;stroke:#ffffff26;stroke-width:1.5}.ludo-home-text{fill:#fff3;font-size:7px;font-weight:800;letter-spacing:1px;font-family:var(--font-display)}.ludo-token{transition:all .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 4px rgba(255,255,255,.15))}.ludo-token.selectable{cursor:pointer;animation:tokenPulse 1s ease-in-out infinite}.ludo-base-label{fill:#fff9;font-size:7px;font-weight:700;font-family:inherit;pointer-events:none}@keyframes tokenPulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.5));transform:scale(1.15)}}.rps-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.rps-arena{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px 0}.rps-hand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:20px;background:var(--surface-2);border:2px solid rgba(255,255,255,.08);min-width:90px;transition:all .3s}.rps-hand.win{border-color:#4ade8066;background:#4ade8014;box-shadow:0 0 20px #4ade801a}.rps-hand.lose{border-color:#ef44444d;background:#ef44440f;opacity:.7}.rps-hand.draw{border-color:#fbbf244d;background:#fbbf240f}.rps-hand-emoji{font-size:48px;transition:transform .3s}.rps-hand.win .rps-hand-emoji{transform:scale(1.15)}.rps-hand-label{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.rps-vs{display:flex;align-items:center;justify-content:center;min-width:50px}.rps-vs-text{font-size:14px;font-weight:800;color:#4b5563;letter-spacing:2px}.rps-countdown{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--accent-glow);animation:countPop .5s ease-out}@keyframes countPop{0%{transform:scale(2);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rps-result-text{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:2px;animation:countPop .3s ease-out}.rps-result-text.win{color:#4ade80}.rps-result-text.lose{color:#f87171}.rps-result-text.draw{color:#fbbf24}.rps-choices{display:flex;gap:12px}.rps-choice-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border-radius:18px;border:1px solid var(--hairline);background:var(--surface-2);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:inherit}.rps-choice-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.05);border-color:rgba(var(--accent-theme-rgb),.3);background:rgba(var(--accent-theme-rgb),.08)}.rps-choice-btn:active:not(:disabled){transform:translateY(-1px) scale(.97)}.rps-choice-btn:disabled{opacity:.5;cursor:default}.rps-choice-btn.chosen{border-color:rgba(var(--accent-theme-rgb),.4);background:rgba(var(--accent-theme-rgb),.12)}.rps-choice-emoji{font-size:32px}.rps-choice-label{font-size:11px;font-weight:700;color:#9ca3af}.rps-game-over{display:flex;flex-direction:column;align-items:center;gap:16px;animation:cardPop .4s ease-out}.rps-winner{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff}@media (max-width: 480px){.rps-hand{padding:12px;min-width:75px}.rps-hand-emoji{font-size:36px}.rps-choice-btn{padding:12px 16px}.rps-choice-emoji{font-size:26px}.rps-arena{gap:14px}.rps-winner{font-size:22px}}.simon-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.simon-status{font-size:14px;font-weight:600;color:#9ca3af;min-height:20px}.simon-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(260px,75vw)}.simon-pad{aspect-ratio:1;border-radius:20px;border:2px solid var(--pad-color);background:color-mix(in srgb,var(--pad-color) 15%,transparent);cursor:pointer;transition:all .15s;padding:0}.simon-pad:hover:not(:disabled){background:color-mix(in srgb,var(--pad-color) 25%,transparent)}.simon-pad:active:not(:disabled){transform:scale(.95)}.simon-pad.lit{background:var(--pad-light);box-shadow:0 0 30px var(--pad-color),0 0 60px color-mix(in srgb,var(--pad-color) 40%,transparent);transform:scale(1.03)}.simon-pad:disabled{cursor:default;opacity:.6}@media (max-width: 480px){.simon-board{width:min(240px,70vw);gap:8px}.simon-pad{border-radius:16px}}.dice-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.dice-arena{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 0}.dice-player{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border-radius:20px;background:var(--surface-2);border:2px solid rgba(255,255,255,.08);transition:all .3s;min-width:100px}.dice-player.winner{border-color:#4ade8066;background:#4ade8014}.dice-label{font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.dice-face{font-size:56px;line-height:1;transition:transform .1s}.dice-face.rolling{animation:diceShake .1s ease-in-out infinite}.dice-value{font-family:var(--font-display);font-size:22px;font-weight:800;color:#fff}.dice-vs{font-size:14px;font-weight:800;color:#4b5563;letter-spacing:2px}.dice-round-result{font-size:14px;font-weight:600;color:#9ca3af;animation:countPop .3s ease-out}@keyframes diceShake{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@media (max-width: 480px){.dice-player{padding:12px 16px;min-width:85px}.dice-face{font-size:44px}.dice-arena{gap:14px}}.coin-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px 0;animation:cardPop .4s ease-out}.coin{width:160px;height:160px;border-radius:50%;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .15s;margin:12px 0}.coin.flipping{animation:coinSpin .8s ease-in-out}.coin.heads{transform:rotateY(0)}.coin.tails{transform:rotateY(180deg)}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;backface-visibility:hidden;border:3px solid}.coin-heads{background:linear-gradient(135deg,#fbbf2433,#f59e0b1a);border-color:#fbbf2466}.coin-tails{background:linear-gradient(135deg,#94a3b833,#64748b1a);border-color:#94a3b866;transform:rotateY(180deg)}.coin-symbol{font-size:48px}.coin-label{font-size:13px;font-weight:800;letter-spacing:3px;color:#9ca3af}.coin-result{font-family:var(--font-display);font-size:24px;font-weight:700;color:#fff;animation:countPop .3s ease-out}.coin-reset{background:none;border:none;color:#4b5563;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;padding:4px 8px;transition:color .2s}.coin-reset:hover{color:#9ca3af}@keyframes coinSpin{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(900deg) scale(1.1) translateY(-20px)}to{transform:rotateY(1800deg) scale(1)}}@media (max-width: 480px){.coin{width:140px;height:140px}.coin-symbol{font-size:40px}}.spin-container{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;animation:cardPop .4s ease-out}.spin-edit-toggle{background:var(--surface-2);border:1px solid var(--hairline);border-radius:10px;padding:6px 14px;font-size:12px;font-weight:600;font-family:inherit;color:#9ca3af;cursor:pointer;transition:all .2s}.spin-edit-toggle:hover{background:var(--surface-3);color:#e5e7eb}.spin-editor{background:#141423f2;border:1px solid var(--hairline);border-radius:14px;padding:12px;width:min(280px,85vw);animation:slideDown .2s ease-out}.spin-player-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.spin-player-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--surface-2)}.spin-player-name{font-size:13px;font-weight:600;color:#e2e8f0}.spin-remove{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.spin-remove:hover{color:#f87171;background:#ef44441a}.spin-add-row{display:flex;gap:6px}.spin-add-input{flex:1;background:var(--surface-3);border:1px solid var(--hairline);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:#fff;font-family:inherit;outline:none}.spin-add-input::placeholder{color:#4b5563}.spin-add-input:focus{border-color:rgba(var(--accent-theme-rgb),.5)}.spin-add-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(var(--accent-theme-rgb),.3);background:rgba(var(--accent-theme-rgb),.12);color:var(--accent-glow);font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.spin-add-btn:hover{background:rgba(var(--accent-theme-rgb),.2)}.spin-wheel-wrap{position:relative;display:flex;align-items:center;justify-content:center}.spin-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:24px;color:#fff;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.spin-wheel{transition:transform 3s cubic-bezier(.17,.67,.12,.99)}.spin-slice-text{fill:#fffc;font-size:11px;font-weight:700;font-family:var(--font-display)}.spin-selected{font-family:var(--font-display);font-size:22px;color:#fff;animation:countPop .3s ease-out}@media (max-width: 480px){.spin-wheel{width:250px;height:250px}.spin-slice-text{font-size:10px}}.party-container{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;animation:cardPop .4s ease-out}.party-desc{font-size:13px;color:#6b7280;margin:0;text-align:center}.party-prompt-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:20px;padding:24px 20px;width:min(340px,90vw);animation:cardPop .4s ease-out}.party-round{font-size:11px;font-weight:700;color:#4b5563;letter-spacing:2px;text-transform:uppercase}.party-turn{font-size:14px;font-weight:700;color:var(--accent-glow)}.party-prompt-emoji{font-size:48px;margin:4px 0}.party-prompt-text{font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;text-align:center;line-height:1.4}.party-prompt-text.excuse{font-size:16px;font-style:italic;color:#e2e8f0;font-weight:600}.party-hint{font-size:12px;color:#6b7280;margin:0}.party-vote-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.party-vote-btn{padding:8px 16px;border-radius:12px;border:none;box-shadow:var(--e-float);background:var(--surface-2);color:#e2e8f0;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.party-vote-btn:hover:not(:disabled){background:rgba(var(--accent-theme-rgb),.12);border-color:rgba(var(--accent-theme-rgb),.3);transform:translateY(-2px)}.party-vote-btn:disabled{opacity:.5;cursor:default}.party-vote-btn.straight{border-color:#4ade804d;color:#4ade80}.party-vote-btn.straight:hover:not(:disabled){background:#4ade801f}.party-vote-btn.laughed{border-color:#fbbf244d;color:#fbbf24}.party-vote-btn.laughed:hover:not(:disabled){background:#fbbf241f}.party-voted{font-size:13px;font-weight:600;color:#4ade80;animation:countPop .3s ease-out}.party-timer{font-family:var(--font-display);font-size:48px;font-weight:800;color:#fff;transition:color .3s}.party-timer.urgent{color:#f87171;animation:countPop .5s ease-out}.party-rate-grid{display:flex;flex-direction:column;gap:6px;width:100%}.party-rate-btn{padding:10px;border-radius:12px;border:none;box-shadow:var(--e-float);background:var(--surface-2);font-size:16px;cursor:pointer;transition:all .2s;text-align:center}.party-rate-btn:hover{background:#fbbf241a;border-color:#fbbf244d;transform:translateY(-1px)}.party-gameover{display:flex;flex-direction:column;align-items:center;gap:12px;animation:cardPop .4s ease-out}.party-winner{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;margin:0}.party-final-scores{display:flex;flex-direction:column;gap:6px;width:min(280px,80vw)}.party-score-row{display:flex;justify-content:space-between;padding:8px 14px;border-radius:10px;background:var(--surface-2);border:none;box-shadow:var(--e-float);font-size:14px;font-weight:600;color:#9ca3af}.party-score-row.first{border-color:#fbbf244d;background:#fbbf2414;color:#fbbf24}@media (max-width: 480px){.party-prompt-text{font-size:17px}.party-prompt-emoji{font-size:40px}.party-winner{font-size:22px}.party-timer{font-size:40px}}.horse-container{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px 0;animation:cardPop .4s ease-out}.horse-setup{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 40px;background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:2px solid rgba(34,197,94,.2);border-radius:24px;text-align:center}.horse-setup-icon{font-size:72px;animation:horseGallop .6s ease-in-out infinite}@keyframes horseGallop{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.horse-setup h3{color:#fff;font-size:22px;margin:0}.horse-setup-desc{color:#9ca3af;font-size:14px;margin:0}.horse-start-btn{padding:16px 40px;border-radius:16px;border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #22c55e4d}.horse-start-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 8px 30px #22c55e66}.horse-start-btn.pulse{animation:pulse 1.5s ease-in-out infinite}.horse-betting-phase{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(500px,92vw)}.horse-bettor-turn{display:flex;align-items:center;gap:16px;padding:14px 28px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:16px}.bettor-badge{padding:8px 18px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;font-weight:700;font-size:15px}.bettor-coins{font-size:20px;font-weight:700;color:#fbbf24}.horse-instruction{color:#9ca3af;font-size:14px;margin:0}.horse-pick-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.horse-pick-btn{position:relative;padding:12px 20px;border-radius:14px;border:2px solid rgba(255,255,255,.1);background:var(--surface-2);color:#e2e8f0;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.horse-pick-btn:hover:not(:disabled){border-color:var(--horse-color);background:color-mix(in srgb,var(--horse-color) 15%,transparent);transform:scale(1.05)}.horse-pick-btn.taken{opacity:.35;cursor:not-allowed}.taken-badge{position:absolute;top:-8px;right:-8px;padding:3px 8px;background:#ef4444;border-radius:6px;font-size:10px;color:#fff;font-weight:700}.horse-bet-row{display:flex;align-items:center;gap:10px;margin-top:8px}.horse-bet-label{font-size:14px;font-weight:600;color:#6b7280}.horse-bet-btn{padding:10px 18px;border-radius:10px;border:2px solid rgba(255,255,255,.1);background:var(--surface-2);color:#9ca3af;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.horse-bet-btn:hover:not(:disabled){background:#fbbf2426;border-color:#fbbf2466}.horse-bet-btn.selected{background:#fbbf2433;border-color:#fbbf24;color:#fbbf24}.horse-bet-btn:disabled{opacity:.3;cursor:default}.horse-ready{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px 32px;background:var(--surface-2);border-radius:20px;border:1px solid var(--hairline)}.horse-ready h3{color:#fff;margin:0;font-size:20px}.horse-bets-summary{display:flex;flex-direction:column;gap:8px;width:100%}.bet-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--surface-2);border-radius:10px;color:#fff;font-size:14px;font-weight:600}.horse-countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:100}.countdown-num{font-size:140px;font-weight:900;color:#fff;text-shadow:0 0 80px rgba(34,197,94,.8),0 0 40px rgba(34,197,94,.6);animation:countPop .5s ease-out}@keyframes countPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.horse-track-3d{position:relative;width:min(700px,94vw);height:400px;border-radius:24px;overflow:hidden;perspective:800px;box-shadow:0 10px 40px #0000004d}.track-sky{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#1e3a5f,#3b82f6,#87ceeb)}.track-grass{position:absolute;top:80px;left:0;right:0;height:40px;background:linear-gradient(180deg,#22c55e,#16a34a)}.track-dirt{position:absolute;top:120px;left:0;right:0;bottom:40px;background:linear-gradient(180deg,#92400e,#78350f,#451a03);display:flex;flex-direction:column;padding:10px 16px;gap:4px}.track-fence{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,#fff 0px,#fff 4px,transparent 4px,transparent 24px),linear-gradient(180deg,#d4d4d4,#a3a3a3)}.horse-lane-3d{position:relative;flex:1;display:flex;align-items:center}.lane-stripe{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--surface-4)}.horse-runner-3d{position:absolute;left:0;display:flex;align-items:center;transition:left .1s linear;z-index:2}.horse-runner-3d.running .horse-body{animation:horseRun .2s ease-in-out infinite}@keyframes horseRun{0%,to{transform:translateY(0) scaleX(-1)}50%{transform:translateY(-3px) scaleX(-.95)}}.horse-body{font-size:42px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.4));transform:scaleX(-1)}.horse-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:32px;height:8px;background:#0000004d;border-radius:50%}.horse-dust{position:absolute;left:-24px;font-size:20px;opacity:.7}.horse-runner-3d.winner .horse-body{animation:winnerCelebrate .4s ease-out forwards;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}@keyframes winnerCelebrate{0%{transform:scaleX(-1) scale(1)}50%{transform:scaleX(-1) scale(1.4) rotate(10deg)}to{transform:scaleX(-1) scale(1.3)}}.horse-name-flag{position:absolute;right:30px;padding:4px 10px;background:var(--flag-color);border-radius:6px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.finish-post{position:absolute;right:16px;top:0;bottom:0;width:6px;background:repeating-linear-gradient(180deg,#000,#000 10px,#fff 10px,#fff 20px)}.finish-flag{position:absolute;top:-24px;right:-16px;font-size:36px;animation:flagWave 1s ease-in-out infinite}@keyframes flagWave{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.horse-results{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(700px,94vw)}.winner-announcement{font-size:22px;font-weight:800;color:#fbbf24;text-align:center;padding:18px 28px;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:2px solid rgba(251,191,36,.4);border-radius:16px;animation:winPulse 1s ease-in-out infinite}@keyframes winPulse{0%,to{box-shadow:0 0 20px #fbbf2433}50%{box-shadow:0 0 40px #fbbf2480}}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;width:100%}.result-card{padding:14px;background:var(--surface-2);border-radius:14px;text-align:center;border:2px solid transparent;transition:all .3s}.result-card.won{border-color:#22c55e80;background:linear-gradient(135deg,#22c55e26,#16a34a1a)}.result-card.lost{border-color:#ef44444d;background:#ef44440d}.result-player{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.result-horse{font-size:14px;color:#9ca3af;margin-bottom:8px}.result-outcome{font-size:20px;font-weight:800}.result-card.won .result-outcome{color:#22c55e}.result-card.lost .result-outcome{color:#ef4444}.result-total{font-size:12px;color:#6b7280;margin-top:6px}.horse-post-race{display:flex;gap:12px}@media (max-width: 600px){.horse-track-3d{height:300px}.track-sky{height:50px}.track-grass{top:50px;height:25px}.track-dirt{top:75px;bottom:30px;padding:6px 10px}.track-fence{height:30px}.horse-body{font-size:28px}.horse-dust{font-size:14px;left:-16px}.countdown-num{font-size:100px}.results-grid{grid-template-columns:repeat(3,1fr);gap:8px}.result-card{padding:10px}.result-outcome{font-size:16px}.horse-betting-phase{width:94vw}.horse-pick-btn{padding:10px 14px;font-size:13px}.horse-bet-btn{padding:8px 14px;font-size:13px}}.categories{min-height:100dvh;padding:100px 24px 80px;padding-bottom:max(env(safe-area-inset-bottom,20px),80px);max-width:1148px;margin:0 auto}@media (max-width: 768px){.categories{padding:90px 20px 60px}}.cat-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 0 30px;animation:slideDown .4s ease-out}@media (max-width: 768px){.cat-toolbar{gap:12px;padding:0 0 16px}}.cat-tabs-center{display:flex;background:var(--surface-3);border:none;box-shadow:var(--e-float);border-radius:16px;padding:4px;gap:4px}.cat-tab{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--text-3);font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.cat-tab:hover:not(.active){color:var(--text-1);background:var(--surface-2)}.cat-tab.active{background:var(--surface-4);color:var(--text-1);box-shadow:var(--e-raised)}.cat-tab-icon{font-size:16px}.cat-gear{width:44px;height:44px;border-radius:50%;border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t) var(--ease);padding:0}.cat-gear:hover{background:var(--surface-4);color:var(--text-1);transform:rotate(45deg)}.cat-gear.active{background:var(--sky);color:#fff;transform:rotate(90deg)}.cat-settings-panel{background:#141423f2;border:1px solid var(--hairline);border-radius:18px;padding:20px 24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .2s ease-out;display:flex;flex-direction:column;gap:16px;margin:0 auto 20px;max-width:500px}.cat-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cat-settings-label{font-size:13px;font-weight:600;color:#9ca3af;white-space:nowrap}.cat-session-input{background:var(--surface-3);border:none;box-shadow:var(--e-float);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:#fff;font-family:inherit;outline:none;width:140px;transition:border-color .2s}.cat-session-input::placeholder{color:#4b5563}.cat-session-input:focus{border-color:rgba(var(--accent-theme-rgb),.5)}.age-switch{display:flex;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:10px;padding:3px;gap:2px}.age-switch-btn{padding:6px 14px;border:none;border-radius:8px;background:transparent;color:#6b7280;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.age-switch-btn.active{background:#22c55e1f;color:#4ade80}.age-switch-btn.adult.active{background:#ef44441f;color:#f87171}.cat-section-header{text-align:center;margin:20px 0 48px;animation:slideDown .4s ease-out .05s both}.cat-section-title{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.035em;color:var(--text-1);margin:0;letter-spacing:-1px}.cat-section-sub{font-size:clamp(14px,2vw,18px);color:#ffffff80;max-width:500px;margin:16px auto 0}.beta-badge{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#f97316);-webkit-background-clip:unset;-webkit-text-fill-color:#fff;background-clip:unset;color:#fff;padding:4px 10px;border-radius:20px;margin-left:12px;vertical-align:middle;box-shadow:0 2px 8px #f973164d}@media (max-width: 768px){.cat-section-title{font-size:28px}.cat-section-sub{font-size:14px}.beta-badge{font-size:10px;padding:3px 8px;margin-left:8px}}.vibe-filter-bar{display:flex;gap:10px;overflow-x:auto;padding:8px 0 28px;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;flex-wrap:wrap}.vibe-filter-bar::-webkit-scrollbar{display:none}.vibe-chip{padding:10px 18px;border-radius:var(--r-pill);border:none;background:var(--surface-2);box-shadow:var(--e-raised);color:var(--text-3);font-size:12.5px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap;flex-shrink:0}.vibe-chip:hover{color:var(--text-1);background:var(--surface-3);transform:translateY(-2px)}.vibe-chip.active{background:var(--lime);color:#1d2b0c;box-shadow:var(--e-lime)}.cat-group{margin-bottom:48px}.cat-group-header{display:flex;align-items:baseline;gap:12px;margin-bottom:22px;padding:0 4px}.cat-group-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;white-space:nowrap}.cat-group-desc{font-size:14px;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.cat-group{margin-bottom:28px}.cat-group-title{font-size:18px}.cat-group-desc{font-size:12px}}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}@media (min-width: 768px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}@media (min-width: 1024px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}.category-card{position:relative;background:var(--surface-2);border:none;border-radius:var(--r-lg);padding:32px 20px 26px;text-align:center;cursor:pointer;color:var(--text-1);box-shadow:var(--e-float);transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease),background var(--t) var(--ease);overflow:hidden;animation:cardPop .4s ease-out both}.category-card:hover{transform:translateY(-6px);background:var(--surface-3);box-shadow:var(--e-lift),0 24px 48px -20px color-mix(in srgb,var(--cat-color) 45%,transparent)}.category-card:active{transform:translateY(-1px);box-shadow:var(--e-raised)}.category-glow{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:120px;height:120px;border-radius:50%;background:var(--cat-gradient);opacity:.14;filter:blur(40px);transition:all .4s;pointer-events:none}.category-card:hover .category-glow{opacity:.25;transform:translate(-50%) scale(1.2)}.category-type-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--cat-color) 78%,var(--surface-0));border:none;box-shadow:var(--e-raised);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;pointer-events:none}.ctb-icon{font-size:11px;line-height:1}.ctb-label{line-height:1}.category-emoji{font-size:48px;margin-bottom:14px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.category-card:hover .category-emoji{transform:scale(1.1)}.category-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--cat-color);margin-bottom:6px;transition:color var(--t) var(--ease)}.category-card:hover .category-title{color:var(--text-1)}.category-desc{font-size:12.5px;color:var(--text-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cat-activity-tag{position:absolute;top:8px;left:8px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:var(--r-pill);background:var(--surface-3);border:none;box-shadow:var(--e-raised);color:var(--text-3);z-index:2;white-space:nowrap}.card-gear{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;background:var(--surface-3);color:#6b7280;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:2;padding:0}.category-card:hover .card-gear{opacity:.7}.card-gear:hover{opacity:1!important;background:color-mix(in srgb,var(--cat-color) 15%,transparent);color:var(--cat-color)}.meme-viewer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0}.meme-card-back{padding:12px!important;justify-content:flex-start!important;gap:8px}.meme-tag-badge{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-glow)}.meme-video-wrap{width:100%;flex:1;border-radius:12px;overflow:hidden;background:#000;position:relative;min-height:0}.meme-video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.meme-card-title{font-size:13px;font-weight:600;color:#e2e8f0;text-align:center;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meme-subtitle{font-size:12px;color:#4b5563}.meme-done{text-align:center;padding:60px 20px;color:#9ca3af}.meme-done h3{font-size:20px;font-weight:700;color:#fff;margin:12px 0 6px}.meme-done p{font-size:14px;color:#6b7280}@media (max-width: 480px){.categories{padding:90px 16px 60px}.cat-section-title{font-size:24px}.cat-section-header{margin:16px 0 28px}.cat-section-sub{font-size:13px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:20px 14px 18px;border-radius:18px}.category-emoji{font-size:36px;margin-bottom:10px}.category-title{font-size:14px}.category-desc{font-size:11px}.card-gear{opacity:.5}.cat-header-title{font-size:16px}.cat-tab{padding:6px 12px;font-size:12px}.cat-tab-icon{font-size:14px}.cat-gear{width:34px;height:34px}.cat-gear svg{width:16px;height:16px}.age-switch-btn{padding:6px 12px;font-size:12px}.vibe-filter-bar{padding:4px 0 16px;gap:6px}.vibe-chip{padding:8px 14px;font-size:11px}}@media (min-width: 768px){.category-grid{grid-template-columns:repeat(3,1fr)}}.story-selection-inline{animation:fadeIn .3s ease-out}.story-selection-inline .story-selection-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.story-selection-inline .story-selection-back{background:var(--surface-4);border:none;width:40px;height:40px;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.story-selection-inline .story-selection-back:hover{background:var(--surface-4)}.story-selection-inline .story-selection-title{font-size:24px;font-weight:700;color:#fff;margin:0}.story-selection-inline .story-selection-subtitle{font-size:14px;color:#fff9;margin:0 0 0 auto}.story-selection-inline .story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}@media (min-width: 640px){.story-selection-inline .story-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.story-selection-inline .story-grid{grid-template-columns:repeat(4,1fr)}}.story-selection-inline .story-card{background:var(--surface-3);border:none;box-shadow:var(--e-float);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;transition:all .3s ease}.story-selection-inline .story-card:hover{background:var(--surface-4);transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.story-selection-inline .story-card-cover{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 4px 12px #0003}.story-selection-inline .story-card-title{font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:1.3}.story-selection-inline .story-card-duration{font-size:13px;color:#ffffff80;display:flex;align-items:center;gap:4px}.story-collapse-btn{display:block;margin:20px auto;padding:12px 24px;background:var(--surface-4);border:none;box-shadow:var(--e-float);border-radius:30px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.story-collapse-btn:hover{background:var(--surface-4);color:#fff}.mini-game-wrapper{min-height:100dvh;display:flex;flex-direction:column;padding:100px 24px 40px;max-width:600px;margin:0 auto}.mini-game-wrapper .back-btn{position:fixed;top:80px;left:24px;z-index:100}@media (min-width: 1100px){.mini-game-wrapper .back-btn{left:max(30px,calc((100vw - 1280px)/2 + 30px))}}.mini-game-wrapper>div{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center}.story-select-page{animation:fadeIn .3s ease}.story-back-btn{background:var(--surface-4);border:none;box-shadow:var(--e-float);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;margin-bottom:20px;transition:all .2s}.story-card-select{min-height:160px}.story-card-select .category-desc{opacity:.8;font-size:12px}.category-card{position:relative;overflow:hidden;padding:20px 16px 18px;border:1px solid rgba(var(--brand-rgb),.24);border-radius:16px;background:radial-gradient(85% 60% at 50% 8%,rgba(255,255,255,.07),transparent 68%),linear-gradient(168deg,#2a2140 0%,#16102a 46%,var(--page-ink, #0d0918) 100%);box-shadow:0 22px 44px -24px #000000f2,inset 0 1px #ffffff24,inset 0 -1px #0000008c;cursor:pointer;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s}.category-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:2;border:1px solid rgba(var(--brand-rgb),.2);border-radius:10px;pointer-events:none;transition:border-color .4s}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.09) 46%,rgba(255,255,255,.14) 51%,transparent 70%);background-size:260% 100%;background-position:100% 0;transition:background-position .85s cubic-bezier(.2,.8,.2,1)}.category-card:hover,.category-card:focus-visible{outline:none;transform:translateY(-6px);border-color:rgba(var(--brand-rgb),.55);box-shadow:0 34px 60px -26px #000000fa,0 0 38px -18px var(--cat-color, rgba(var(--brand-rgb), .8)),inset 0 1px #fff3,inset 0 -1px #0000008c}.category-card:hover:before{border-color:rgba(var(--brand-rgb),.42)}.category-card:hover:after{background-position:0 0}.category-card .category-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.12;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='cp'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cp)'/%3E%3C/svg%3E");transform:none;animation:none;filter:none;border-radius:0}.category-card>*:not(.category-glow){position:relative;z-index:4}.category-card .category-emoji{filter:drop-shadow(0 0 14px rgba(var(--brand-rgb),.35))}.category-card .category-title{color:var(--text-1)}.category-card .category-type-badge{border-color:rgba(var(--brand-rgb),.3);background:rgba(var(--brand-rgb),.1)}.profile-page .stat-card,.profile-page .favorite-categories,.profile-page .history-section{border:1px solid rgba(var(--brand-rgb),.18);background:radial-gradient(85% 60% at 50% 4%,rgba(255,255,255,.05),transparent 66%),linear-gradient(168deg,#2a2140b3,#0d0918d9);box-shadow:0 20px 40px -26px #000000e6,inset 0 1px #ffffff1a}.profile-page .stat-value,.profile-page .category-rank{color:var(--brand)}.profile-page .category-item{border-bottom:1px solid rgba(var(--brand-rgb),.1)}@media (prefers-reduced-motion: reduce){.category-card,.category-card:after{transition:none}.category-card:hover{transform:none}}.category-card .hcb-pattern{position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:1;border:none;border-radius:10px;pointer-events:none}.category-card .hcb-rank{position:absolute;z-index:4;font-size:12px;font-weight:800;line-height:1;color:rgba(var(--brand-rgb),.75);pointer-events:none}.category-card .hcb-rank-tl{top:14px;left:15px;bottom:auto;right:auto}.category-card .hcb-rank-br{bottom:14px;right:15px;top:auto;left:auto;transform:rotate(180deg)}.category-card .hcb-mode{display:none}.category-card .category-type-badge{margin-left:18px}@media (max-width: 560px){.category-card .hcb-rank{font-size:10px}.category-card .hcb-rank-tl{top:10px;left:11px}.category-card .hcb-rank-br{bottom:10px;right:11px}}.cat-section-header{text-align:center;margin-bottom:34px}.cat-section-title{font-family:var(--font-display);font-size:clamp(30px,4.4vw,46px);font-weight:800;letter-spacing:-.02em;background:var(--brand-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cat-section-title .beta-badge{-webkit-text-fill-color:initial;color:#fff}.cat-section-sub{font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--brand-rgb),.6)}.vibe-chip{border:1px solid rgba(var(--brand-rgb),.16);background:#ffffff08;box-shadow:none}.vibe-chip:hover{border-color:rgba(var(--brand-rgb),.4);background:rgba(var(--brand-rgb),.08)}.vibe-chip.active{background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);border-color:transparent;box-shadow:0 12px 26px -14px rgba(var(--brand-rgb),.7)}.cat-group-title{color:var(--text-1)}.cat-group-desc{color:rgba(var(--brand-rgb),.5)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.category-card{aspect-ratio:4 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:26px 14px}.category-card .category-emoji{font-size:40px;line-height:1}.category-card .category-title{font-size:15px;font-weight:800;line-height:1.2}.category-card .category-desc{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-card .category-type-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);margin-left:0}.category-card .hcb-pattern{opacity:.4}.category-card .hcb-rank-br{display:none}:root[data-theme=bollywood] .category-card .hcb-pattern{background-size:11px 11px,74px 74px;opacity:.3}@media (max-width: 560px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:12px}.category-card{padding:20px 10px}.category-card .category-emoji{font-size:32px}.category-card .category-title{font-size:13px}.category-card .category-desc{font-size:11px}}.category-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:22px}.cat-group{margin-bottom:64px}.cat-group-header{margin-bottom:22px}.categories{padding-top:120px}.category-card{gap:8px;padding:30px 16px}.category-card .category-title{font-size:15.5px}.category-card .category-desc{max-width:22ch}.vibe-filter-bar{margin-bottom:56px;gap:10px}@media (max-width: 560px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.cat-group{margin-bottom:44px}}.cat-group-title{display:inline-flex;align-items:center;gap:9px}.cat-group-icon{color:var(--brand);flex-shrink:0}.category-watermark{position:absolute;right:-14%;bottom:-12%;z-index:1;display:block;color:var(--cat-color, var(--brand));opacity:.42;pointer-events:none;transform:rotate(-10deg);filter:drop-shadow(0 0 18px color-mix(in srgb,var(--cat-color, var(--brand)) 45%,transparent));transition:opacity .4s,transform .4s cubic-bezier(.2,.8,.2,1)}.category-watermark svg{display:block;width:168px;height:168px}.category-watermark-emoji{display:block;font-size:140px;line-height:1}.category-card:hover .category-watermark,.category-card:focus-visible .category-watermark{opacity:.72;transform:rotate(-4deg) scale(1.08)}.category-card{justify-content:flex-end;align-items:flex-start;text-align:left;gap:5px;padding:22px 18px 20px}.category-card .category-title{position:relative;z-index:4;font-size:16px;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.85)}.category-card .category-desc{position:relative;z-index:4;max-width:100%;font-size:12px;text-shadow:0 1px 5px rgba(0,0,0,.9)}.category-grid{perspective:1200px;gap:26px 30px}.category-card{transform-style:preserve-3d;box-shadow:4px 5px 0 -1px color-mix(in srgb,var(--page-ink, #0d0918) 92%,var(--cat-color, #fff)),5px 6px rgba(var(--brand-rgb),.16),9px 11px 0 -1px color-mix(in srgb,var(--page-ink, #0d0918) 95%,var(--cat-color, #fff)),10px 12px rgba(var(--brand-rgb),.1),0 24px 44px -24px #000000f2,inset 0 1px #ffffff24,inset 0 -1px #00000080}.category-card:hover,.category-card:focus-visible{transform:translateY(-8px) rotateX(5deg) rotateY(-4deg);box-shadow:6px 7px 0 -1px color-mix(in srgb,var(--page-ink, #0d0918) 92%,var(--cat-color, #fff)),7px 8px rgba(var(--brand-rgb),.26),13px 15px 0 -1px color-mix(in srgb,var(--page-ink, #0d0918) 95%,var(--cat-color, #fff)),14px 16px rgba(var(--brand-rgb),.16),0 40px 60px -26px #000000fa,0 0 34px -16px var(--cat-color, rgba(var(--brand-rgb), .8)),inset 0 1px #fff3,inset 0 -1px #00000080}.cat-search{position:relative;display:flex;align-items:center;width:min(420px,calc(100% - 48px));margin:0 auto 22px}.cat-search-icon{position:absolute;left:14px;color:var(--text-3);pointer-events:none}.cat-search-input{width:100%;padding:11px 14px 11px 40px;border-radius:100px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text-1);font-family:inherit;font-size:14.5px;outline:none;transition:border-color .25s,background .25s}.cat-search-input::placeholder{color:var(--text-3)}.cat-search-input:focus-visible{border-color:var(--brand);background:#ffffff12;box-shadow:0 0 0 3px rgba(var(--brand-rgb),.2)}.cat-empty{max-width:1160px;margin:40px auto;padding:0 24px;text-align:center;color:var(--text-2);font-size:15px}@media (prefers-reduced-motion: reduce){.category-card:hover,.category-card:focus-visible{transform:none}}@media (max-width: 560px){.category-grid{gap:16px 20px}.category-watermark svg{width:128px;height:128px}.category-watermark-emoji{font-size:108px}.category-card{padding:16px 13px 15px}.category-card .category-title{font-size:13.5px}.cat-search{width:calc(100% - 32px)}}.settings-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px 20px 48px;padding-bottom:max(env(safe-area-inset-bottom,20px),48px);max-width:420px;margin:0 auto;gap:18px}.settings-topbar{width:100%;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}.settings-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin:0;align-self:flex-start;animation:slideDown .3s ease-out .05s both}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;animation:slideUp .35s ease-out .08s both}.settings-card{background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:var(--r-lg);padding:16px}.card-top{display:flex;justify-content:space-between;align-items:center}.card-label-sm{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-2)}.toggle-pill{padding:7px 18px;border-radius:var(--r-pill);border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-3);font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;transition:all var(--t-fast) var(--ease)}.toggle-pill.on{background:var(--lime);color:#1d2b0c;box-shadow:var(--e-lime)}.mini-stepper{display:flex;align-items:center;gap:10px}.mini-stepper button{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-1);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);transition:all var(--t-fast) var(--ease)}.mini-stepper button:hover:not(:disabled){background:var(--surface-4);transform:translateY(-2px)}.mini-stepper button:active:not(:disabled){transform:translateY(2px)}.mini-stepper button:disabled{opacity:.2;cursor:not-allowed}.mini-stepper span{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--text-1);min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.session-name-input{width:100%}.label-hint{font-size:11px;color:var(--text-4);margin-top:-6px}.stepper-input{width:52px;font-size:18px;font-weight:800;color:var(--text-1);text-align:center;background:var(--surface-sunken);border:1px solid transparent;box-shadow:var(--e-sunken);border-radius:var(--r-sm);padding:5px 2px;font-family:inherit;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input:focus{border-color:var(--accent)}.settings-section-clean{width:100%;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px;animation:slideUp .35s ease-out .12s both}.label-sm{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.label-row{display:flex;justify-content:space-between;align-items:center}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:8px 16px;border-radius:var(--r-pill);border:none;background:var(--surface-3);box-shadow:var(--e-raised);color:var(--text-3);font-size:13px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.chip:hover{background:var(--surface-4);color:var(--text-1);transform:translateY(-2px)}.chip.active{background:var(--lime);color:#1d2b0c;box-shadow:var(--e-lime)}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.name-input{background:var(--surface-sunken);border:1px solid transparent;box-shadow:var(--e-sunken);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-1);font-family:inherit;outline:none;transition:border-color var(--t-fast) var(--ease);width:100%}.name-input::placeholder{color:var(--text-4)}.name-input:focus{border-color:var(--accent)}.randomize-btn{align-self:flex-start;background:none;border:none;color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;padding:4px 0;transition:color var(--t-fast) var(--ease)}.randomize-btn:hover{color:var(--lime)}.online-mode-info{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface-3);border:none;box-shadow:var(--e-raised);border-radius:var(--r-md)}.online-mode-icon{font-size:28px;flex-shrink:0}.online-mode-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--sky);margin-bottom:2px}.online-mode-desc{font-size:12px;color:var(--text-3);line-height:1.45}.start-btn{display:flex;align-items:center;gap:8px;justify-content:center;padding:16px 36px;font-size:16px;font-weight:800;font-family:var(--font-display);letter-spacing:.04em;color:#1d2b0c;background:var(--lime);border:none;border-radius:var(--r-pill);cursor:pointer;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);box-shadow:var(--e-lime);margin-top:4px;animation:slideUp .35s ease-out .18s both}.start-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.start-btn:active{transform:translateY(2px)}@media (max-width: 380px){.name-grid,.settings-row{grid-template-columns:1fr}}@media (min-width: 520px){.settings-page{max-width:460px;margin:28px auto;padding:26px 24px 32px;background:var(--surface-1);border-radius:var(--r-xl);box-shadow:var(--e-lift);min-height:0}}.flying-banner{position:fixed;z-index:100;pointer-events:none;display:flex;align-items:center;gap:0;will-change:transform,opacity;contain:layout style}.flying-banner.hidden{opacity:0;visibility:hidden}.flying-banner.visible{opacity:1;visibility:visible}.banner-plane{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:2}.banner-ribbon{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);padding:6px 16px 6px 10px;border-radius:0 6px 6px 0;margin-left:-6px;box-shadow:0 2px 8px #0003;position:relative}.banner-ribbon:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left:6px solid #d97706}.banner-text{font-size:13px;font-weight:700;color:#1a1a2e;letter-spacing:.3px;white-space:nowrap}.fly-left-right{top:12%;left:-250px;animation:flyLR 8s linear forwards}@keyframes flyLR{0%{left:-250px}to{left:calc(100% + 50px)}}.fly-right-left{top:15%;right:-250px;left:auto;flex-direction:row-reverse;animation:flyRL 8s linear forwards}.fly-right-left .banner-plane{transform:scaleX(-1)}.fly-right-left .banner-ribbon{border-radius:6px 0 0 6px;margin-left:0;margin-right:-6px;padding:6px 10px 6px 16px}.fly-right-left .banner-ribbon:after{right:auto;left:-6px;border-left:none;border-right:6px solid #d97706}@keyframes flyRL{0%{right:-250px}to{right:calc(100% + 50px)}}.bounce-in{top:-60px;left:50%;transform:translate(-50%);animation:gentleFloat 6s ease-in-out forwards}@keyframes gentleFloat{0%{top:-60px;opacity:0}15%{top:10%;opacity:1}85%{top:10%;opacity:1}to{top:-60px;opacity:0}}.slide-up{bottom:-60px;left:50%;transform:translate(-50%);animation:slideUpGentle 6s ease-in-out forwards}@keyframes slideUpGentle{0%{bottom:-60px;opacity:0}15%{bottom:15%;opacity:1}85%{bottom:15%;opacity:1}to{bottom:-60px;opacity:0}}.slide-down{top:-60px;left:50%;transform:translate(-50%);animation:slideDownGentle 6s ease-in-out forwards}@keyframes slideDownGentle{0%{top:-60px;opacity:0}15%{top:12%;opacity:1}85%{top:12%;opacity:1}to{top:-60px;opacity:0}}.zoom-bounce{top:50%;left:50%;transform:translate(-50%,-50%);animation:fadeCenter 5s ease-in-out forwards}@keyframes fadeCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.swing-in{top:8%;left:50%;transform:translate(-50%);animation:gentleSwing 6s ease-in-out forwards}@keyframes gentleSwing{0%{opacity:0;transform:translate(-50%) rotate(-3deg)}15%{opacity:1;transform:translate(-50%) rotate(2deg)}30%{transform:translate(-50%) rotate(-1deg)}45%{transform:translate(-50%) rotate(0)}85%{opacity:1;transform:translate(-50%) rotate(0)}to{opacity:0;transform:translate(-50%) rotate(3deg)}}.flip-in{top:15%;left:50%;transform:translate(-50%);animation:flipGentle 5s ease-in-out forwards}@keyframes flipGentle{0%{opacity:0;transform:translate(-50%) rotateX(15deg)}15%{opacity:1;transform:translate(-50%) rotateX(0)}85%{opacity:1;transform:translate(-50%) rotateX(0)}to{opacity:0;transform:translate(-50%) rotateX(-15deg)}}.rotate-in{top:18%;left:-200px;animation:driftAcross 10s linear forwards}@keyframes driftAcross{0%{left:-200px;transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(5px)}75%{transform:translateY(-3px)}to{left:calc(100% + 50px);transform:translateY(0)}}.elastic-in{top:20%;left:-200px;animation:floatDiagonal 9s linear forwards}@keyframes floatDiagonal{0%{left:-200px;top:20%}to{left:calc(100% + 50px);top:10%}}@media (max-width: 480px){.banner-plane{font-size:22px}.banner-ribbon{padding:5px 12px 5px 8px}.banner-text{font-size:11px}}.scrollytelling-reader{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f0a1e,#1a1033,#0f0a1e);overflow:hidden;z-index:100}.scrolly-back-btn{position:fixed;top:max(env(safe-area-inset-top,16px),16px);left:16px;width:48px;height:48px;background:var(--surface-4);border:1px solid var(--hairline);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:110;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scrolly-back-btn:hover{background:var(--surface-4);transform:scale(1.05)}.scrolly-title-bar{position:fixed;top:max(env(safe-area-inset-top,16px),16px);left:50%;transform:translate(-50%);z-index:110;text-align:center}.scrolly-title{font-size:18px;font-weight:700;color:#fff;margin:0;padding:10px 24px;background:#0006;border-radius:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--hairline)}.scrolly-scenes-container{height:100dvh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-bottom:100px}.scrolly-scene{height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px 100px;box-sizing:border-box;overflow:hidden}.scrolly-scene-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.scrolly-scene-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--scene-primary, #8b5cf6) 0%,transparent 70%);opacity:.15;transition:opacity .5s}.scrolly-scene.active .scrolly-scene-gradient{opacity:.25}.scrolly-scene-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 80% 50%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90% 90%,rgba(255,255,255,.2),transparent);background-size:200px 200px}.scrolly-scene-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;width:100%;height:100%;justify-content:center}.scrolly-illustration{width:100%;max-width:500px;aspect-ratio:4/3;max-height:calc(100dvh - 280px);flex-shrink:1;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.34,1.56,.64,1);border-radius:16px;overflow:hidden}.scrolly-illustration.animate{opacity:1;transform:translateY(0) scale(1)}.scene-svg{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.scene-svg img,.scene-svg video{width:100%;height:100%;object-fit:contain;display:block}.scrolly-text-panel{background:#0f0a1ed9;border:1px solid var(--hairline);border-radius:20px;padding:16px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(20px);transition:all .4s ease-out;max-width:100%;flex-shrink:0;max-height:30vh;overflow-y:auto}.scrolly-text-panel.visible{opacity:1;transform:translateY(0)}.scrolly-text-panel.end-scene{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.scrolly-text{font-size:20px;font-weight:500;color:#fff;line-height:1.7;margin:0;text-align:center}.scrolly-end-text{font-size:48px;font-weight:800;color:var(--scene-primary, #8b5cf6);margin:0;text-align:center;text-shadow:0 0 40px var(--scene-primary, #8b5cf6);animation:endTextGlow 2s ease-in-out infinite}@keyframes endTextGlow{0%,to{text-shadow:0 0 40px var(--scene-primary, #8b5cf6),0 0 80px var(--scene-primary, #8b5cf6)}50%{text-shadow:0 0 60px var(--scene-primary, #8b5cf6),0 0 100px var(--scene-primary, #8b5cf6)}}.scrolly-scene-number{position:absolute;bottom:100px;left:50%;transform:translate(-50%);font-size:14px;color:#ffffff4d;font-weight:600}.scene-rail{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:105}.scene-rail-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-4);border:none;cursor:pointer;transition:all .3s;padding:0}.scene-rail-dot:hover{background:var(--surface-4)}.scene-rail-dot.visited{background:#8b5cf699}.scene-rail-dot.active{background:var(--story-color, #8b5cf6);transform:scale(1.5);box-shadow:0 0 8px var(--story-color, #8b5cf6)}.scene-rail-number{font-size:11px;font-weight:700}.scrolly-control-bar{position:fixed;bottom:max(env(safe-area-inset-bottom,16px),16px);left:16px;right:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0f0a1ee6;border:1px solid var(--hairline);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:105}.scrolly-controls-left,.scrolly-controls-center,.scrolly-controls-right{display:flex;align-items:center;gap:8px}.scrolly-nav-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-4);border:1px solid var(--hairline);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.scrolly-nav-btn:hover:not(.disabled){background:var(--surface-4);transform:scale(1.05)}.scrolly-nav-btn.disabled{opacity:.3;cursor:not-allowed}.scrolly-control-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--surface-3);border:1px solid var(--hairline);border-radius:30px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.scrolly-control-btn:hover{background:var(--surface-4);color:#fff}.scrolly-control-btn.active{background:var(--story-color, #8b5cf6);border-color:var(--story-color, #8b5cf6);color:#fff}.scrolly-control-btn.enable-sound{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24;animation:pulseEnable 2s ease-in-out infinite}@keyframes pulseEnable{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 8px #fbbf2400}}.scrolly-control-btn span{display:none}@media (min-width: 600px){.scrolly-control-btn span{display:inline}}.anim-breathing .lion-body,.anim-breathing .lion-face{animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.anim-breathing .zzz-bubbles text{animation:floatZzz 2s ease-in-out infinite}@keyframes floatZzz{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-10px);opacity:1}}.anim-scurrying .mouse-running{animation:scurryMotion .4s ease-in-out infinite}@keyframes scurryMotion{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.anim-scurrying .mouse-leg{animation:legRun .15s ease-in-out infinite alternate}.anim-scurrying .mouse-leg.leg-2{animation-delay:75ms}@keyframes legRun{0%{transform:translateY(0) rotate(-10deg)}to{transform:translateY(3px) rotate(10deg)}}.anim-paw-grab .lion-paw{animation:grabMotion .8s ease-out forwards}@keyframes grabMotion{0%{transform:scale(.8) translateY(-30px)}60%{transform:scale(1.1) translateY(0)}to{transform:scale(1) translateY(0)}}.anim-pleading .mouse-pleading{animation:tremble .3s ease-in-out infinite}@keyframes tremble{0%,to{transform:translate(200px,150px) rotate(-2deg)}50%{transform:translate(200px,150px) rotate(2deg)}}.anim-pleading .tear-drop{animation:tearFall 1.5s ease-in infinite}@keyframes tearFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}.anim-laughing .lion-laughing{animation:laughShake .3s ease-in-out infinite}@keyframes laughShake{0%,to{transform:translate(200px,120px) rotate(-3deg)}50%{transform:translate(200px,120px) rotate(3deg)}}.anim-release .mouse-free{animation:runAway 2s ease-out forwards}@keyframes runAway{0%{transform:translate(150px,200px);opacity:1}to{transform:translate(400px,200px);opacity:.5}}.anim-trapped .lion-trapped{animation:struggle .5s ease-in-out infinite}@keyframes struggle{0%,to{transform:translate(200px,150px) rotate(-5deg)}50%{transform:translate(200px,150px) rotate(5deg)}}.anim-roaring .mane-shake{animation:maneShake .2s ease-in-out infinite}@keyframes maneShake{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anim-roaring .roar-mouth{animation:roarOpen .8s ease-in-out infinite}@keyframes roarOpen{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.anim-roaring .roar-waves path{animation:waveExpand 1s ease-out infinite}@keyframes waveExpand{0%{transform:translate(0);opacity:.7}to{transform:translate(20px);opacity:0}}.anim-running .mouse-hero{animation:heroRun .3s ease-in-out infinite}@keyframes heroRun{0%,to{transform:translate(150px,160px) translateY(0)}50%{transform:translate(150px,160px) translateY(-5px)}}.anim-running .speed-legs ellipse{animation:legBlur .1s ease-in-out infinite alternate}@keyframes legBlur{0%{transform:scaleY(.8)}to{transform:scaleY(1.2)}}.anim-gnawing .gnaw-teeth{animation:gnawBite .2s ease-in-out infinite}@keyframes gnawBite{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.anim-gnawing .particle{animation:particleFly .8s ease-out infinite}.anim-gnawing .particle.p2{animation-delay:.2s}.anim-gnawing .particle.p3{animation-delay:.4s}@keyframes particleFly{0%{transform:translate(0);opacity:1}to{transform:translate(20px,-20px);opacity:0}}.anim-gnawing .rope-fraying{animation:ropeWobble .5s ease-in-out infinite;stroke-dasharray:10 5}@keyframes ropeWobble{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.anim-breaking-free .lion-triumphant{animation:riseUp 1s ease-out forwards}@keyframes riseUp{0%{transform:translate(200px,160px) scale(.9)}to{transform:translate(200px,140px) scale(1)}}.anim-breaking-free .rope-snap{animation:snapAway .5s ease-out forwards}@keyframes snapAway{0%{transform:rotate(0);opacity:1}to{transform:rotate(30deg) translate(20px);opacity:.3}}.anim-breaking-free .snap-text{animation:snapPop .5s ease-out infinite}@keyframes snapPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.anim-grateful .float-heart{animation:heartFloat 2s ease-in-out infinite}.anim-grateful .float-heart.h2{animation-delay:.5s}.anim-grateful .float-heart.h3{animation-delay:1s}@keyframes heartFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.1)}}.anim-stars .twinkle{animation:twinkle 1.5s ease-in-out infinite}.anim-stars .star-1 .twinkle{animation-delay:.1s}.anim-stars .star-2 .twinkle{animation-delay:.3s}.anim-stars .star-3 .twinkle{animation-delay:.5s}.anim-stars .star-4 .twinkle{animation-delay:.2s}.anim-stars .star-5 .twinkle{animation-delay:.6s}.anim-stars .star-6 .twinkle{animation-delay:.8s}.anim-stars .star-7 .twinkle{animation-delay:.4s}.anim-stars .star-8 .twinkle{animation-delay:.7s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.anim-stars .sparkle{animation:sparkleFloat 2s ease-in-out infinite}.anim-stars .sparkle.s2{animation-delay:.6s}.anim-stars .sparkle.s3{animation-delay:1.2s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-10px) rotate(10deg);opacity:1}}@media (max-width: 600px){.scene-rail{right:8px;gap:3px}.scene-rail-dot{width:6px;height:6px}.scrolly-control-bar{right:45px;padding:10px 12px;gap:8px}.scrolly-nav-btn{width:40px;height:40px}.scrolly-control-btn{padding:8px 12px}.scrolly-text{font-size:18px}.scrolly-end-text{font-size:36px}.scrolly-illustration{max-width:320px}}@media (prefers-reduced-motion: reduce){.scrolly-illustration{transition:opacity .3s;transform:none}.scrolly-illustration.animate{transform:none}.scrolly-text-panel{transition:opacity .3s;transform:none}.scrolly-text-panel.visible{transform:none}.scene-svg *{animation:none!important}}.scrolly-word{display:inline;transition:all .15s ease-out;border-radius:4px;padding:2px 0}.scrolly-word.highlighted{font-weight:800;color:var(--scene-primary, #fbbf24);text-shadow:0 0 20px var(--scene-primary, #fbbf24);transform:scale(1.05);display:inline-block}.scrolly-word.spoken{color:#fff9}.scrolly-start-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f0a1efa,#1a1033fa);display:flex;align-items:center;justify-content:center;z-index:200;cursor:pointer}.scrolly-start-card{text-align:center;padding:40px;max-width:400px}.scrolly-start-emoji{font-size:80px;margin-bottom:20px;animation:bookBounce 2s ease-in-out infinite}@keyframes bookBounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.scrolly-start-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 12px}.scrolly-start-subtitle{font-size:16px;color:#fff9;margin:0 0 30px}.scrolly-start-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:50px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 8px 30px #22c55e66}.scrolly-start-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px #22c55e80}.scrolly-start-btn:active{transform:scale(.98)}.scrolly-start-hint{font-size:13px;color:#fff6;margin:20px 0 0}.scrolly-loading{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}.scrolly-loading-bar{width:200px;height:6px;background:var(--surface-4);border-radius:3px;overflow:hidden}.scrolly-loading-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width .3s ease}.scrolly-loading-text{font-size:14px;color:#fff9;margin:0}.emoji-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.emoji-display{display:flex;gap:8px;font-size:clamp(60px,15vw,120px);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,sans-serif;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.emoji-char{display:inline-block;animation:emoji-float 3s ease-in-out infinite}.emoji-char.emoji-0{animation-delay:0s}.emoji-char.emoji-1{animation-delay:.2s}.emoji-char.emoji-2{animation-delay:.4s}.emoji-char.emoji-3{animation-delay:.6s}@keyframes emoji-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.anim-bounce .emoji-display{animation:scene-bounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes scene-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.anim-shake .emoji-display{animation:scene-shake .5s ease-out}@keyframes scene-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px) rotate(-2deg)}40%{transform:translate(10px) rotate(2deg)}60%{transform:translate(-8px) rotate(-1deg)}80%{transform:translate(8px) rotate(1deg)}}.anim-pulse .emoji-display{animation:scene-pulse 1s ease-in-out infinite}@keyframes scene-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.2)}}.anim-spin .emoji-char{animation:emoji-spin 1s ease-out}@keyframes emoji-spin{0%{transform:rotate(0) scale(0)}to{transform:rotate(360deg) scale(1)}}.anim-wiggle .emoji-display{animation:scene-wiggle .6s ease-in-out}@keyframes scene-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.scene-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.scene-particles .particle{position:absolute;width:8px;height:8px;border-radius:50%;left:var(--x);bottom:20%;opacity:0;animation:particle-rise 2s ease-out infinite;animation-delay:var(--delay)}@keyframes particle-rise{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:.8;transform:scale(1)}to{transform:translateY(-200px) scale(.5);opacity:0}}.p-0{--x: 15%}.p-1{--x: 35%}.p-2{--x: 55%}.p-3{--x: 75%}.p-4{--x: 25%}.p-5{--x: 65%}.anim-reading .chacha-face{animation:readingNod 3s ease-in-out infinite}.anim-reading .newspaper{animation:paperRustle 2.5s ease-in-out infinite}.anim-reading .brain-spark{animation:brainPulse 1.5s ease-in-out infinite}@keyframes readingNod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(1deg)}}@keyframes paperRustle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes brainPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.anim-sabu-running .sabu-running{animation:sabuRun .3s ease-in-out infinite}.anim-sabu-running .leg-1{animation:legSwing .15s ease-in-out infinite alternate}.anim-sabu-running .leg-2{animation:legSwing .15s ease-in-out infinite alternate-reverse}.anim-sabu-running .arm-front{animation:armSwing .2s ease-in-out infinite alternate}.anim-sabu-running .arm-back{animation:armSwing .2s ease-in-out infinite alternate-reverse}.anim-sabu-running .speed-lines line{animation:speedFlash .4s ease-out infinite}@keyframes sabuRun{0%,to{transform:translate(160px,60px) translateY(0)}50%{transform:translate(160px,60px) translateY(-8px)}}@keyframes legSwing{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}@keyframes armSwing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes speedFlash{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.anim-thinking .mustache-twirl{animation:mustacheTwirl 2s ease-in-out infinite}.anim-thinking .hand-twirl{animation:handTwirlMotion 1.5s ease-in-out infinite}.anim-thinking .thought-bubbles circle,.anim-thinking .thought-bubbles ellipse{animation:thoughtFloat 2s ease-in-out infinite}.anim-thinking .lightbulb{animation:lightbulbGlow 1s ease-in-out infinite}@keyframes mustacheTwirl{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}@keyframes handTwirlMotion{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes thoughtFloat{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-5px);opacity:1}}@keyframes lightbulbGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px #fbbf24)}}.anim-footprints .footprints ellipse{animation:footprintAppear .5s ease-out forwards;opacity:0}.anim-footprints .footprints ellipse:nth-child(1){animation-delay:0s}.anim-footprints .footprints ellipse:nth-child(2){animation-delay:.1s}.anim-footprints .footprints ellipse:nth-child(3){animation-delay:.3s}.anim-footprints .footprints ellipse:nth-child(4){animation-delay:.4s}.anim-footprints .footprints ellipse:nth-child(5){animation-delay:.6s}.anim-footprints .footprints ellipse:nth-child(6){animation-delay:.7s}.anim-footprints .footprints ellipse:nth-child(7){animation-delay:.9s}.anim-footprints .footprints ellipse:nth-child(8){animation-delay:1s}.anim-footprints .footprints ellipse:nth-child(9){animation-delay:1.2s}.anim-footprints .footprints ellipse:nth-child(10){animation-delay:1.3s}.anim-footprints .mill-wheel{animation:millSpin 4s linear infinite;transform-origin:355px 50px}@keyframes footprintAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes millSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-whispering .whisper-lines path{animation:whisperWave 1s ease-in-out infinite}.anim-whispering .ear-cup{animation:earCup 2s ease-in-out infinite}.anim-whispering .hand-point{animation:pointGesture 1.5s ease-in-out infinite}@keyframes whisperWave{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.8;transform:translate(5px)}}@keyframes earCup{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pointGesture{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.anim-knocking .knock-hand{animation:knockMotion .4s ease-in-out infinite}.anim-knocking .knock-wave-1{animation:knockWave .6s ease-out infinite}.anim-knocking .knock-wave-2{animation:knockWave .6s ease-out infinite .1s}.anim-knocking .knock-wave-3{animation:knockWave .6s ease-out infinite .2s}.anim-knocking .knock-effects line{animation:knockSpark .4s ease-out infinite}@keyframes knockMotion{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}@keyframes knockWave{0%{transform:scale(1);opacity:.4}to{transform:scale(2);opacity:0}}@keyframes knockSpark{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5) translate(-5px)}}.anim-panic .thief-1,.anim-panic .thief-2{animation:panicShake .2s ease-in-out infinite}.anim-panic .alarm-light .flash{animation:alarmFlash .5s ease-in-out infinite}.anim-panic .sweat-drops ellipse{animation:sweatDrop 1s ease-in infinite}.anim-panic .open-mouth{animation:screamMouth .3s ease-in-out infinite}@keyframes panicShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-2deg)}75%{transform:translate(3px) rotate(2deg)}}@keyframes alarmFlash{0%,to{opacity:.3;fill:#ef4444}50%{opacity:1;fill:#fca5a5}}@keyframes sweatDrop{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes screamMouth{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}.anim-catching .sabu-catching{animation:catchPose .5s ease-out forwards}.anim-catching .arm-left,.anim-catching .arm-right{animation:armSqueeze .8s ease-in-out infinite}.anim-catching .caught-thief-1,.anim-catching .caught-thief-2{animation:caughtWiggle .3s ease-in-out infinite}.anim-catching .big-grin{animation:grinWide 1s ease-in-out infinite}@keyframes catchPose{0%{transform:translate(140px,30px) scale(.9)}to{transform:translate(140px,30px) scale(1)}}@keyframes armSqueeze{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}@keyframes caughtWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes grinWide{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1)}}.anim-victory .trophy{animation:trophyShine 1.5s ease-in-out infinite}.anim-victory .gold-chest circle{animation:goldSparkle .8s ease-in-out infinite}.anim-victory .tear{animation:happyTear 1.5s ease-in infinite}.anim-victory .handcuffs{animation:handcuffJingle .5s ease-in-out infinite}@keyframes trophyShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 10px #fbbf24)}}@keyframes goldSparkle{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes happyTear{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}@keyframes handcuffJingle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.anim-frozen-valley .snowflakes circle{animation:snowFall 3s ease-in-out infinite}.anim-frozen-valley .wind-lines path{animation:windBlow 2s ease-in-out infinite}.anim-children-flee .children-running{animation:runAway 1s ease-in-out infinite}.anim-children-flee .ice-glow circle{animation:iceGlowPulse 1.5s ease-in-out infinite}.anim-eyes-open .walker-eyes ellipse{animation:eyeGlow 1.5s ease-in-out infinite}.anim-eyes-open .ice-particles circle{animation:particleFloat 2s ease-in-out infinite}.anim-rising .walker-body{animation:riseUp 2s ease-out forwards}.anim-rising .ice-breaking path{animation:iceBreak .5s ease-out infinite}.anim-transformation .transformation-glow{animation:transformGlow 2s ease-in-out infinite}.anim-transformation .frost-spread path{animation:frostSpread 1s ease-out infinite}.anim-frost-veins .frost-veins path{animation:veinPulse 1.5s ease-in-out infinite}.anim-frost-veins .eyes-glow ellipse{animation:eyeGlow 1.5s ease-in-out infinite}.anim-hunger .cold-aura circle{animation:auraPulse 2s ease-in-out infinite}.anim-singing .mouth-open{animation:mouthSing .5s ease-in-out infinite}.anim-singing .sound-waves path{animation:waveExpand 1.5s ease-out infinite}.anim-awakening .mountains-shake{animation:mountainShake .3s ease-in-out infinite}.anim-awakening .eyes-appearing ellipse{animation:eyeAppear 1s ease-in-out infinite}.anim-army-rising .walkers-rising>g{animation:walkerRise 2s ease-out forwards}.anim-ancient-warriors .warrior-walkers>g{animation:breatheIdle 2s ease-in-out infinite}.anim-night-king .night-king{animation:kingPresence 3s ease-in-out infinite}.anim-night-king .crown path{animation:crownGlow 2s ease-in-out infinite}.anim-ice-sword .ice-sword{animation:swordFloat 2s ease-in-out infinite}.anim-ice-sword .frost-particles circle{animation:particleFloat 1.5s ease-in-out infinite}.anim-communion .connection-lines line{animation:connectionPulse 1.5s ease-in-out infinite}.anim-army-grows .walker-army>g{animation:armyBreath 2s ease-in-out infinite}.anim-wildling-flee .wildlings-running{animation:runAway .8s ease-in-out infinite}.anim-wildling-flee .walker-shadow ellipse{animation:shadowGrow 2s ease-in-out infinite}.anim-march-south .army-marching>g{animation:marchStep 1s ease-in-out infinite}.anim-march-south .direction-arrow path{animation:arrowPulse 1s ease-in-out infinite}.anim-snow-upward .snow-rising circle{animation:snowRise 2s ease-out infinite}.anim-wall-magic .magic-fading path{animation:runeFade 2s ease-in-out infinite}.anim-long-night .darkness-spreading circle{animation:darknessPulse 3s ease-in-out infinite}.anim-long-night .eyes-in-dark ellipse{animation:eyeGlow 1.5s ease-in-out infinite}@keyframes snowFall{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(10px);opacity:.4}}@keyframes windBlow{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes runAway{0%,to{transform:translate(0)}50%{transform:translate(-10px) translateY(-5px)}}@keyframes iceGlowPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@keyframes eyeGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 8px #0ea5e9)}}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-10px) scale(1.2);opacity:1}}@keyframes riseUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iceBreak{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes transformGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes frostSpread{0%{stroke-dashoffset:20;opacity:.5}to{stroke-dashoffset:0;opacity:1}}@keyframes veinPulse{0%,to{stroke-opacity:.5}50%{stroke-opacity:1}}@keyframes auraPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.5}}@keyframes mouthSing{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}@keyframes waveExpand{0%{transform:scale(1);opacity:.6}to{transform:scale(1.2);opacity:0}}@keyframes mountainShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes eyeAppear{0%,30%{opacity:0}50%,to{opacity:1}}@keyframes walkerRise{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes breatheIdle{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.02)}}@keyframes kingPresence{0%,to{filter:brightness(1)}50%{filter:brightness(1.1) drop-shadow(0 0 15px #0ea5e9)}}@keyframes crownGlow{0%,to{fill:#3b82f6}50%{fill:#60a5fa;filter:drop-shadow(0 0 5px #60a5fa)}}@keyframes swordFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes connectionPulse{0%,to{stroke-opacity:.3}50%{stroke-opacity:.8}}@keyframes armyBreath{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.01)}}@keyframes shadowGrow{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.3}}@keyframes marchStep{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes arrowPulse{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.7;transform:translate(5px)}}@keyframes snowRise{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-100px);opacity:0}}@keyframes runeFade{0%,to{opacity:.6;filter:brightness(1)}50%{opacity:.2;filter:brightness(.5)}}@keyframes darknessPulse{0%,to{opacity:.8}50%{opacity:1}}.scrollytelling-reader .feedback-fab{bottom:100px}.poem-reader-mode .poem-scene-content{max-width:700px}.poem-big-text-panel{background:#0f0a1ee6;border:1px solid var(--hairline);border-radius:28px;padding:48px 56px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(30px) scale(.95);transition:all .5s cubic-bezier(.34,1.56,.64,1);max-width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.poem-big-text-panel.visible{opacity:1;transform:translateY(0) scale(1)}.poem-big-text-panel.end-scene{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.poem-verse-label{font-size:13px;font-weight:600;color:var(--scene-primary, #8b5cf6);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;opacity:.8}.poem-big-text{font-size:36px;font-weight:600;color:#fff;line-height:1.6;margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic}.poem-end-emoji{font-size:80px;margin-bottom:20px;animation:poemEndBounce 1s ease-in-out infinite}@keyframes poemEndBounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}@media (max-width: 600px){.poem-big-text-panel{padding:32px 28px;border-radius:20px}.poem-big-text{font-size:26px}.poem-verse-label{font-size:11px;margin-bottom:16px}.poem-end-emoji{font-size:60px}}.story-reader{min-height:100dvh;display:flex;flex-direction:column;padding:16px;padding-top:max(env(safe-area-inset-top,16px),16px);padding-bottom:max(env(safe-area-inset-bottom,16px),16px);background:linear-gradient(180deg,#0000004d,#0000001a)}.story-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.story-back-btn{background:var(--surface-4);border:none;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.story-back-btn:hover{background:var(--surface-4)}.story-title{font-size:16px;font-weight:700;color:#fff;text-align:center;flex:1;margin:0}.story-progress{font-size:13px;font-weight:600;color:#fff9;background:var(--surface-4);padding:6px 12px;border-radius:12px}.story-progress-bar{height:4px;background:var(--surface-4);border-radius:2px;overflow:hidden;margin-bottom:20px}.story-progress-fill{height:100%;background:var(--story-color, #8b5cf6);border-radius:2px;transition:width .3s ease}.story-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;background:var(--surface-2);border-radius:24px;border:1px solid var(--hairline);cursor:pointer;transition:all .3s ease;min-height:300px}.story-page.animating{opacity:0;transform:translate(20px)}.story-page:active{transform:scale(.98)}.story-emoji{font-size:72px;line-height:1.2;text-align:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.story-text{font-size:22px;font-weight:500;color:#fff;text-align:center;line-height:1.6;max-width:500px;margin:0}@media (max-width: 480px){.story-text{font-size:18px}.story-emoji{font-size:56px}}.story-nav{display:flex;gap:12px;margin-top:20px}.story-nav-btn{flex:1;padding:14px 20px;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.story-nav-btn.prev{background:var(--surface-4);color:#fffc}.story-nav-btn.prev:hover:not(:disabled){background:var(--surface-4)}.story-nav-btn.prev:disabled{opacity:.3;cursor:not-allowed}.story-nav-btn.next{background:var(--story-color, #8b5cf6);color:#fff}.story-nav-btn.next:hover{filter:brightness(1.1);transform:translateY(-2px)}.story-tap-hint{text-align:center;font-size:13px;color:#fff6;margin-top:16px}.story-selection{padding:20px;min-height:100dvh}.story-selection-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.story-selection-back{background:var(--surface-4);border:none;width:40px;height:40px;border-radius:12px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.story-selection-back:hover{background:var(--surface-4)}.story-selection-title{font-size:24px;font-weight:700;color:#fff;margin:0}.story-selection-subtitle{font-size:14px;color:#fff9;margin:0 0 0 auto}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.story-card{background:var(--surface-3);border:1px solid var(--hairline);border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.story-card:hover{background:var(--surface-4);transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.story-card-cover{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 4px 12px #0003}.story-card-title{font-size:14px;font-weight:600;color:#fff;text-align:center;line-height:1.3}.story-card-duration{font-size:12px;color:#ffffff80;display:flex;align-items:center;gap:4px}.game-page{background:var(--page-ink, #08060f)}.game-progress{color:rgba(var(--brand-rgb),.75);font-weight:700;letter-spacing:.08em}.game-logo-text{color:var(--text-1)}.copied-toast{border:1px solid rgba(var(--brand-rgb),.4);background:#0c0917eb;color:var(--brand);border-radius:100px}@media (max-width: 560px){.modal-box{padding:28px 22px 24px;border-radius:20px}.modal-box h3{font-size:19px}.modal-box p{font-size:13.5px}}.game-page{padding-top:max(env(safe-area-inset-top,12px),88px)}.hint-slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:46px;flex-shrink:0;margin:10px 0 2px}.hint-slot .hint-bubble{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(90vw,420px);margin:0;z-index:5;cursor:pointer}.hint-slot .hint-btn{margin:0}.card-hint-corner{position:absolute;top:12px;right:12px;z-index:8}.card-hint-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--paper-ink) 26%,transparent);background:color-mix(in srgb,var(--paper-ink) 8%,transparent);color:color-mix(in srgb,var(--paper-ink) 70%,transparent);cursor:pointer;transition:background .25s,color .25s,transform .25s}.card-hint-btn:hover,.card-hint-btn.open{background:color-mix(in srgb,var(--paper-ink) 16%,transparent);color:var(--paper-ink);transform:scale(1.06)}.card-hint-tip{position:absolute;top:38px;right:0;width:max-content;max-width:min(230px,60vw);padding:10px 13px;border-radius:12px;background:#0c0917f2;border:1px solid rgba(var(--brand-rgb),.35);box-shadow:0 18px 34px -16px #000000e6;color:var(--brand);font-size:12.5px;font-weight:600;line-height:1.45;text-align:left;cursor:pointer;animation:hintTipIn .2s ease-out}.card-hint-tip:before{content:"";position:absolute;top:-5px;right:11px;width:9px;height:9px;transform:rotate(45deg);background:#0c0917f2;border-left:1px solid rgba(var(--brand-rgb),.35);border-top:1px solid rgba(var(--brand-rgb),.35)}@keyframes hintTipIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.actions{display:flex;align-items:center;justify-content:center;gap:16px}.card-area{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-wrapper{width:min(290px,68vw);max-width:290px;aspect-ratio:2 / 3;max-height:54vh;height:auto}.card-wrapper .card{width:100%;height:100%}.intro-overlay{z-index:1100;padding:16px;background:#04030abd;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.intro-card{max-width:340px;max-height:min(86dvh,680px);padding:18px 16px 0;border-radius:20px;border:1px solid rgba(var(--brand-rgb),.26);background:radial-gradient(90% 50% at 50% 0%,rgba(var(--brand-rgb),.09),transparent 64%),linear-gradient(168deg,#2a2140 0%,#16102a 48%,var(--page-ink, #0d0918) 100%);scrollbar-width:thin}.intro-emoji{font-size:34px;margin-bottom:4px}.intro-title{font-size:19px;margin:0 0 2px}.intro-subtitle{font-size:10px;letter-spacing:.16em;margin:0 0 12px}.intro-section{margin:6px 0;padding:8px 0;border-top:1px solid rgba(var(--brand-rgb),.12)}.intro-section-label{font-size:10px;letter-spacing:.16em;color:rgba(var(--brand-rgb),.6)}.intro-steps li{font-size:12.5px;line-height:1.45;gap:8px}.intro-steps{gap:7px}.intro-start-btn{position:sticky;bottom:0;margin-top:12px;padding:12px;font-size:15px;letter-spacing:.02em;background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);box-shadow:0 -10px 22px 10px var(--page-ink, #0d0918),0 14px 30px -14px rgba(var(--brand-rgb),.7);transition:background-position .5s ease,transform .2s}.intro-start-btn:hover{background-position:0 50%;transform:translateY(-1px);filter:none}.intro-card:after{content:"";display:block;height:14px}.intro-name-grid .name-input{font-size:13px;padding:9px 12px}@media (max-width: 560px){.intro-card{max-width:100%;max-height:88dvh;padding:14px 13px 0}.intro-emoji{font-size:28px}.intro-title{font-size:17px}.intro-steps li{font-size:12px}}.intro-region-btn.active,.chip.active,.toggle-pill.on{background:var(--brand-grad-btn);background-size:220% 100%;color:var(--brand-ink);border-color:transparent;box-shadow:0 10px 22px -12px rgba(var(--brand-rgb),.7)}.chip,.toggle-pill,.intro-region-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text-3);border-radius:var(--r-pill, 100px);transition:background .3s,color .3s,border-color .3s}.chip:hover,.toggle-pill:hover,.intro-region-btn:hover{border-color:rgba(var(--brand-rgb),.4);color:var(--text-1)}.countdown-number{color:var(--brand)}.game-topbar{width:100%;max-width:560px;margin:0 auto;padding:4px 2px 0;background:none;border:none;box-shadow:none}.topbar-actions .settings-gear{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text-3);transition:border-color .3s,color .3s,background .3s}.topbar-actions .settings-gear:hover{border-color:rgba(var(--brand-rgb),.45);background:rgba(var(--brand-rgb),.08);color:var(--brand)}.actions{display:flex;align-items:center;justify-content:center;gap:12px}.actions .btn-round,.actions .btn-round.miss{background:#f2726f24;border:1.5px solid rgba(242,114,111,.55);color:#ff9b98}.actions .btn-round.miss:hover{background:#f2726f3d;transform:translateY(-3px)}.actions .btn-round.got{background:#9bdb5a29;border:1.5px solid rgba(155,219,90,.6);color:#b6ef77}.actions .btn-round.got:hover{background:#9bdb5a47;transform:translateY(-3px)}.card-hint-btn{width:34px;height:34px;background:linear-gradient(180deg,color-mix(in srgb,var(--paper-ink) 6%,#fff),color-mix(in srgb,var(--paper-ink) 15%,transparent));border:1px solid color-mix(in srgb,var(--paper-ink) 22%,transparent);box-shadow:0 3px 6px -2px color-mix(in srgb,var(--paper-ink) 35%,transparent),inset 0 1px #ffffffd9;color:color-mix(in srgb,var(--paper-ink) 62%,transparent);animation:hintNudge 3.2s ease-in-out infinite}.card-hint-btn:hover{transform:translateY(-1px) scale(1.08);box-shadow:0 6px 12px -3px color-mix(in srgb,var(--paper-ink) 42%,transparent),inset 0 1px #ffffffe6;color:var(--paper-ink)}.card-hint-btn:active{transform:translateY(1px) scale(.97);box-shadow:inset 0 2px 5px color-mix(in srgb,var(--paper-ink) 28%,transparent)}.card-hint-btn.open{animation:none;color:#b8860b;background:linear-gradient(180deg,#fff3c4,#ffe08a);border-color:#b8860b80;box-shadow:0 0 0 3px #ffe08a47,inset 0 1px #ffffffe6}@keyframes hintNudge{0%,88%,to{transform:none}92%{transform:translateY(-2px) rotate(-5deg)}96%{transform:translateY(-2px) rotate(5deg)}}@media (prefers-reduced-motion: reduce){.card-hint-btn{animation:none}}.card-wrapper{position:relative}.card-ring{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:calc(var(--r-xl) + 7px);padding:3px;pointer-events:none;z-index:4;background:conic-gradient(from 180deg,var(--brand) calc(var(--p, 0) * 1%),rgba(255,255,255,.09) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:background .35s ease}.card-ring.timer-amber{background:conic-gradient(from 180deg,var(--amber) calc(var(--p, 0) * 1%),rgba(255,255,255,.09) 0)}.card-ring.timer-red{background:conic-gradient(from 180deg,var(--coral) calc(var(--p, 0) * 1%),rgba(255,255,255,.09) 0)}.card-vote{align-items:center;gap:7px}.vote-skip{padding:0 14px;height:32px;border-radius:100px;border:1px solid color-mix(in srgb,var(--paper-ink) 26%,transparent);background:color-mix(in srgb,var(--paper-ink) 7%,transparent);color:color-mix(in srgb,var(--paper-ink) 72%,transparent);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}.vote-skip:hover{background:color-mix(in srgb,var(--paper-ink) 15%,transparent);color:var(--paper-ink);transform:translateY(-1px)}.card-back .card-subtitle{color:color-mix(in srgb,var(--paper-ink) 62%,transparent)}.card-back .card-word,.card-back .card-text,.card-back .card-answer,.card-back .card-clue{color:var(--paper-ink)}.card-back .card-hint{color:color-mix(in srgb,var(--paper-ink) 55%,transparent)}.card-back .vote-btn{filter:none;opacity:.75}.card-back .vote-btn.voted{opacity:1}.card-head{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 28px);padding:6px 14px;border-radius:100px;white-space:nowrap;background:#0a0814c7;border:1px solid rgba(var(--brand-rgb),.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 16px -8px #000c;pointer-events:none}.card-head-name{font-family:var(--font-display);font-size:12.5px;font-weight:800;letter-spacing:-.005em;color:#f4efe6;overflow:hidden;text-overflow:ellipsis}.card-head-dot{width:3px;height:3px;border-radius:50%;background:rgba(var(--brand-rgb),.55);flex-shrink:0}.card-head-count{font-family:var(--font-display);font-size:11.5px;font-weight:800;color:var(--brand);flex-shrink:0}.card-head-count i{font-style:normal;margin:0 1px;opacity:.45}.card-back,.card-front{padding-top:46px}.card-hint-corner{top:50px}.card-area{position:relative}.seat-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(530px,calc(100% - 56px));height:min(660px,calc(100% - 40px));pointer-events:none;z-index:7}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;filter:saturate(.75) brightness(.82)}.seat-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:23px;background:linear-gradient(168deg,color-mix(in srgb,var(--seat-color, #6b7390) 62%,#ffffff) 0%,var(--seat-color, #3a3f52) 38%,color-mix(in srgb,var(--seat-color, #14171f) 42%,#0b0d14) 100%);border:1px solid color-mix(in srgb,var(--seat-color, #fff) 55%,#ffffff);box-shadow:inset 0 1px #ffffff73,inset 0 -2px 5px #00000080,0 6px 14px -6px #000000e6;transition:border-color .35s,box-shadow .35s}.seat-score{position:absolute;right:-4px;bottom:-4px;min-width:21px;height:21px;padding:0 5px;border-radius:100px;background:linear-gradient(168deg,#23283a,#0e1118);border:1px solid color-mix(in srgb,var(--seat-color, #fff) 45%,transparent);box-shadow:inset 0 1px #fff3;font-family:var(--font-display);font-size:12px;font-weight:800;line-height:19px;color:var(--text-2)}.seat-name{max-width:0;overflow:hidden;opacity:0;padding:2px 0;border-radius:100px;font-size:12.5px;font-weight:700;white-space:nowrap;color:var(--text-3);transition:max-width .35s ease,opacity .3s ease,padding .35s ease}.seat.is-turn{filter:none;transform:translate(-50%,-50%) scale(1.14);z-index:2}.seat.is-turn .seat-avatar{border-color:#fff;box-shadow:inset 0 1px #ffffff80,0 0 0 3px color-mix(in srgb,var(--seat-color, var(--brand)) 45%,transparent),0 10px 26px -10px var(--seat-color, var(--brand));animation:seatPulse 2.4s ease-in-out infinite}.seat.is-turn .seat-score{border-color:var(--seat-color, var(--brand));color:#fff}.seat.is-turn .seat-name{max-width:110px;opacity:1;padding:2px 9px;background:linear-gradient(168deg,#23283a,#0e1118);border:1px solid color-mix(in srgb,var(--seat-color, var(--brand)) 60%,transparent);box-shadow:inset 0 1px #ffffff29;color:var(--seat-color, var(--brand))}@keyframes seatPulse{0%,to{box-shadow:inset 0 1px #ffffff80,0 0 0 3px color-mix(in srgb,var(--seat-color, var(--brand)) 45%,transparent),0 10px 26px -10px var(--seat-color, var(--brand))}50%{box-shadow:inset 0 1px #ffffff80,0 0 0 9px color-mix(in srgb,var(--seat-color, var(--brand)) 14%,transparent),0 10px 26px -10px var(--seat-color, var(--brand))}}@media (prefers-reduced-motion: reduce){.seat.is-turn .seat-avatar{animation:none}}@media (max-width: 700px){.seat-ring{width:calc(100% - 34px);height:calc(100% - 28px)}.seat-avatar{width:40px;height:40px;font-size:18px}.seat-score{min-width:17px;height:17px;font-size:10px;line-height:15px}.seat.is-turn .seat-name{max-width:84px;font-size:10px}}.card-area{perspective:1500px;perspective-origin:50% 45%}.card-wrapper{transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.deck-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transform-style:preserve-3d}.deck-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-xl);border:1px solid rgba(var(--brand-rgb),calc(.2 / var(--d)));background:linear-gradient(168deg,#241a3d 0%,#16102a 55%,var(--page-ink, #0d0918) 100%);box-shadow:0 18px 34px -22px #000000e6;transform:translate3d(calc(var(--d) * 5px),calc(var(--d) * 5px),calc(var(--d) * -14px)) rotate(calc(var(--d) * 1.1deg));opacity:calc(.85 / var(--d));transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s}.card-wrapper .card{position:relative;z-index:2;transform-style:preserve-3d}.card-wrapper .card-face{box-shadow:0 30px 60px -28px #000000f2,0 2px #ffffff0f}.card-wrapper:after{content:"";position:absolute;left:50%;bottom:-22px;width:74%;height:26px;transform:translate(-50%) translateZ(-40px);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%);filter:blur(9px);pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){.card-wrapper{transform:none;transition:none}}@media (max-width: 700px){.deck-layer{transform:translate3d(calc(var(--d) * 3px),calc(var(--d) * 3px),calc(var(--d) * -10px)) rotate(calc(var(--d) * .8deg))}}.actions{gap:18px}.actions .btn-round{width:52px;height:52px;min-width:0;padding:0;border-radius:50%;font-size:20px;aspect-ratio:1}.actions-idle-hint{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffff4d}.card-hint-corner{top:12px;right:12px}.card-front .card-label,.card-front-hint{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feedback-fab.fab-plus{display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s}.feedback-fab.fab-plus.is-open{transform:rotate(135deg)}.fab-fan{position:fixed;right:22px;bottom:88px;z-index:1001;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;pointer-events:none}.fab-fan-btn{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:100px;border:1px solid rgba(var(--brand-rgb),.3);background:#0c0917f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-1);font-family:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(12px) scale(.9);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.9,.3,1.2);transition-delay:calc(var(--i) * .04s)}.fab-fan.is-open{pointer-events:auto}.fab-fan.is-open .fab-fan-btn{opacity:1;transform:none}.fab-fan-btn:hover{border-color:var(--brand);color:var(--brand)}@media (prefers-reduced-motion: reduce){.feedback-fab.fab-plus,.fab-fan-btn{transition:none}}@media (max-width: 560px){.actions .btn-round{height:42px;min-width:42px;font-size:16px}.actions{gap:10px}.fab-fan{right:16px;bottom:78px}}.feedback-fab.fab-plus{right:24px;color:var(--brand-ink);background:var(--brand-grad-btn);background-size:220% 100%;border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 30px -12px rgba(var(--brand-rgb),.8)}.feedback-fab.fab-plus svg{stroke:var(--brand-ink)}.card-area{padding-bottom:34px}.actions-container{height:auto;margin-top:26px;padding-bottom:6px}.card-front.icard{border-radius:var(--r-xl);padding:0}.card-wrapper .card-front.icard .card-design-overlay{opacity:var(--card-back-opacity, .2);mix-blend-mode:normal;background-image:var(--card-back);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent}.card-front .card-label{position:relative;z-index:5;padding:6px 16px;border-radius:100px;border:1px solid rgba(255,255,255,.16);background:#06040cb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:.2em;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.9)}.card-front .card-icon{position:relative;z-index:5;filter:drop-shadow(0 3px 14px rgba(0,0,0,.95))}.card-front .card-corner{border-color:rgba(var(--brand-rgb),.45)}.card-back{background:var(--paper);border:1px solid rgba(var(--brand-rgb),.35);box-shadow:0 30px 60px -26px #000000e6}.card-back:before{border:1px solid color-mix(in srgb,var(--paper-ink) 16%,transparent);border-radius:calc(var(--r-xl) - 10px);top:10px;right:10px;bottom:10px;left:10px;background:none}.card-back,.card-back .card-text,.card-back .card-word,.card-back .card-answer{color:var(--paper-ink)}.card-back .card-hint,.card-back .card-subtitle{color:color-mix(in srgb,var(--paper-ink) 58%,transparent)}.card-back .card-clue{color:var(--paper-ink)}.category-bg-wash{background:radial-gradient(120% 80% at 50% 0%,rgba(var(--brand-rgb),.12) 0%,rgba(var(--brand-rgb),.04) 42%,transparent 72%)}.card-back .card-subtitle,.card-back .card-hint-text{background:color-mix(in srgb,var(--paper-ink) 9%,transparent);border:1px solid color-mix(in srgb,var(--paper-ink) 15%,transparent);box-shadow:none}.card-back .card-subtitle{color:color-mix(in srgb,var(--paper-ink) 72%,transparent)}.card-back .card-hint-text{color:color-mix(in srgb,var(--paper-ink) 62%,transparent)}.card-back .card-word{color:var(--paper-ink)}.card-back .vote-btn{background:color-mix(in srgb,var(--paper-ink) 8%,transparent);border:1px solid color-mix(in srgb,var(--paper-ink) 16%,transparent);border-radius:12px;box-shadow:none}.card-back .vote-btn.voted{background:color-mix(in srgb,var(--paper-ink) 18%,transparent);border-color:color-mix(in srgb,var(--paper-ink) 32%,transparent)}.card-wrapper .card-front.icard,.card-wrapper .card-back{border-radius:var(--r-xl);overflow:hidden}.card-wrapper .card-front.icard{background-image:linear-gradient(168deg,#241a3d 0%,#16102a 52%,var(--page-ink, #0d0918) 100%);background-color:var(--page-ink, #0d0918);border:1px solid rgba(var(--brand-rgb),.3);box-shadow:0 30px 60px -28px #000000f2,inset 0 1px #ffffff14}.card-wrapper .card-front.icard .card-design-overlay{border-radius:inherit}.card-wrapper .card-front.icard:before,.card-wrapper .card-front.icard .card-corner{display:none}.card-wrapper .card-front.icard:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:4;border:1px solid rgba(var(--brand-rgb),.28);border-radius:calc(var(--r-xl) - 10px);pointer-events:none}.card-front-hint{position:relative;z-index:5;max-width:80%;margin-top:14px;padding:8px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.18);background:#0a0814b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#ffffffe6;font-size:12.5px;font-weight:600;line-height:1.4;text-align:center;text-wrap:balance}@media (max-width: 560px){.card-front-hint{font-size:11.5px;padding:7px 12px;margin-top:10px}}.profile-page{min-height:100vh;padding:1rem;padding-top:90px;padding-bottom:100px}.profile-header{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin-bottom:1.5rem}.profile-header h1{font-size:1.25rem;font-weight:600;color:#fff}.header-spacer{width:40px}.profile-content{max-width:500px;margin:0 auto}.profile-card{background:var(--surface-3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;text-align:center;border:none;box-shadow:var(--e-float);margin-bottom:1.5rem}.profile-avatar{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.2)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2.5rem;font-weight:600}.profile-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.profile-email{font-size:.875rem;color:#fff9;margin-bottom:1rem}.logout-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#ef44444d}.profile-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--surface-2);padding:.25rem;border-radius:12px}.profile-tabs .tab{flex:1;padding:.75rem;background:transparent;border:none;color:#fff9;font-size:.875rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s}.profile-tabs .tab.active{background:var(--surface-4);color:#fff}.stats-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--surface-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.25rem .75rem;text-align:center;border:none;box-shadow:var(--e-float);display:flex;flex-direction:column;gap:.5rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:#fff}.stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.favorite-categories{background:var(--surface-2);border-radius:16px;padding:1.25rem}.favorite-categories h3{font-size:.875rem;color:#ffffffb3;margin-bottom:1rem;font-weight:500}.category-list{display:flex;flex-direction:column;gap:.75rem}.category-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-2);border-radius:12px}.category-rank{font-size:1.25rem}.category-name{flex:1;font-size:.9rem;color:#fff;font-weight:500;text-transform:capitalize}.category-count{font-size:.8rem;color:#ffffff80}.history-section{animation:fadeIn .3s ease}.empty-history{text-align:center;padding:3rem 1rem;color:#fff9}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-hint{font-size:.875rem;color:#fff6;margin-top:.5rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-3);border-radius:16px;border:none;box-shadow:var(--e-float)}.history-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-4);border-radius:10px}.history-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.history-category{font-size:.9rem;color:#fff;font-weight:500;text-transform:capitalize}.history-date{font-size:.75rem;color:#fff6}.history-score{text-align:right}.score-value{font-size:1.25rem;font-weight:700;color:#4ade80}.score-label{font-size:.7rem;color:#ffffff80;margin-left:2px}.page{min-height:100vh;padding-top:80px}.page-hero{text-align:center;padding:60px 20px 40px;position:relative}.page-hero.small{padding:40px 20px 30px}.page-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse at center,rgba(139,92,246,.15),transparent 70%);pointer-events:none}.page-hero-emoji{font-size:64px;display:block;margin-bottom:20px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.page-hero h1{font-family:var(--font-display);font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;position:relative}.page-hero-sub{font-size:18px;color:#fff9;max-width:500px;margin:0 auto;line-height:1.6;position:relative}.page-content{max-width:900px;margin:0 auto;padding:0 20px 80px}.content-section{margin-bottom:60px}.content-section h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:12px}.content-section p{font-size:16px;line-height:1.8;color:#ffffffb3;margin-bottom:16px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:30px}.feature-card{padding:28px;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid var(--hairline);border-radius:20px;transition:all .3s;min-width:0}.feature-card:hover{border-color:#8b5cf64d;transform:translateY(-4px);box-shadow:0 20px 40px #0003}a.feature-card,button.feature-card{text-decoration:none;cursor:pointer;text-align:left;font-family:inherit}a.feature-card:hover,button.feature-card:hover{border-color:#8b5cf680}.feature-icon{font-size:36px;display:block;margin-bottom:16px}.feature-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.feature-card p{font-size:14px;color:#ffffff80;margin:0;line-height:1.6}.cta-section{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#8b5cf61a,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:24px}.cta-section h2{justify-content:center}.cta-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px #8b5cf64d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.quick-start{background:linear-gradient(135deg,#fbbf2414,#f59e0b08);border:1px solid rgba(251,191,36,.15);border-radius:24px;padding:40px}.quick-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}.quick-step{text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#000;margin:0 auto 16px}.quick-step h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.quick-step p{font-size:14px;color:#ffffff80;margin:0}.game-guides{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.game-guide-card{padding:28px;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:20px}.guide-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.guide-icon{font-size:40px}.guide-meta h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.guide-players{font-size:13px;color:#ffffff80}.guide-desc{font-size:14px;color:#fff9;margin-bottom:16px}.guide-steps{padding-left:20px;margin:0}.guide-steps li{font-size:14px;color:#ffffff80;margin-bottom:8px;line-height:1.5}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.tip-card{padding:24px;background:var(--surface-2);border:none;box-shadow:var(--e-float);border-radius:16px}.tip-icon{font-size:28px;display:block;margin-bottom:12px}.tip-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.tip-card p{font-size:14px;color:#ffffff80;margin:0}.legal-content{max-width:700px}.legal-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--hairline)}.legal-section:last-child{border-bottom:none}.legal-section h2{font-size:24px}.legal-section h3{font-size:18px;font-weight:600;color:#ffffffe6;margin:24px 0 12px}.legal-section ul{padding-left:24px;margin:16px 0}.legal-section li{font-size:15px;color:#fff9;margin-bottom:10px;line-height:1.6}.legal-section a{color:#a78bfa;text-decoration:none}.legal-section a:hover{text-decoration:underline}@media (max-width: 900px){.page-content{max-width:100%}.quick-steps{grid-template-columns:repeat(2,1fr);gap:20px}.game-guides,.tips-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-hero h1{font-size:36px}.page-hero-emoji{font-size:48px}}@media (max-width: 480px){.page{padding-top:70px}.page-hero{padding:40px 16px 30px}.page-hero h1{font-size:28px}.page-hero-sub{font-size:15px}.page-content{padding:0 16px 60px}.content-section h2{font-size:22px}.feature-card{padding:20px}.quick-start{padding:24px}.quick-steps{grid-template-columns:1fr 1fr;gap:16px}.cta-section{padding:40px 24px}}.page-wrapper{position:relative;min-height:100dvh;background:radial-gradient(130% 52% at 50% -12%,rgba(var(--brand-rgb),.08) 0%,rgba(var(--brand-rgb),.03) 38%,transparent 68%),var(--page-ink, var(--surface-1));transition:opacity .3s ease,transform .3s ease}.page-wrapper.fade-out{opacity:0;transform:scale(.97)}.page-wrapper.fade-in{animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(1.02) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.back-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:none;color:var(--text-2);border-radius:var(--r-pill);padding:9px 18px;font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;box-shadow:var(--e-raised);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.back-btn:hover{background:var(--surface-3);color:var(--text-1);transform:translate(-3px)}.back-btn:active{transform:translate(-3px) translateY(2px)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 40px;font-size:16px;font-weight:700;font-family:var(--font-display);letter-spacing:.03em;color:#fff;background:var(--coral);border:none;border-radius:var(--r-pill);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);box-shadow:var(--e-coral)}.cta-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.cta-button:active{transform:translateY(2px);box-shadow:0 1px 0 -1px var(--coral-deep),0 4px 10px -10px #f2726f66}.btn-reset{background:var(--surface-2);border:none;color:var(--text-3);border-radius:var(--r-pill);padding:11px 24px;font-size:12px;font-weight:700;font-family:var(--font-display);cursor:pointer;letter-spacing:.1em;box-shadow:var(--e-raised);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn-reset:hover{background:var(--surface-3);color:var(--text-1);transform:translateY(-2px)}.btn-reset:active{transform:translateY(2px)}.game-mode-badge{font-size:13px;font-weight:700;font-family:var(--font-display);color:var(--accent);background:var(--surface-2);border:none;padding:7px 16px;border-radius:var(--r-pill);box-shadow:var(--e-raised);display:flex;align-items:center;gap:6px}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.confetti{position:absolute;border-radius:2px;animation:confettiFall 1.2s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) translate(0) rotate(0) scale(1);opacity:1}to{transform:translateY(350px) translate(var(--x-vel, 50px)) rotate(720deg) scale(0);opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardPop{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.feedback-fab{position:fixed;bottom:25px;right:24px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);font-size:22px;cursor:pointer;z-index:100;box-shadow:0 14px 30px -12px rgba(var(--brand-rgb),.75);transition:all var(--t-fast) var(--ease);display:flex;align-items:center;justify-content:center}.feedback-fab:hover{transform:translateY(-3px) scale(1.05);background-position:0 50%}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a08189e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease-out}.feedback-modal{background:var(--surface-2);border:none;border-radius:var(--r-lg);box-shadow:var(--e-lift);padding:28px;width:90%;max-width:400px;animation:pop .25s ease-out}.feedback-title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--text-1);margin:0 0 4px}.feedback-subtitle{font-size:13px;color:var(--text-3);margin:0 0 16px}.feedback-form{display:flex;flex-direction:column;gap:10px}.feedback-input{background:var(--surface-sunken);border:1px solid transparent;box-shadow:var(--e-sunken);border-radius:var(--r-sm);padding:13px 15px;font-size:14px;color:var(--text-1);font-family:inherit;outline:none;transition:border-color var(--t-fast) var(--ease);resize:none}.feedback-input:focus{border-color:var(--accent-theme)}.feedback-input::placeholder{color:var(--text-4)}.feedback-textarea{min-height:100px}.feedback-type-row{display:flex;gap:6px}.feedback-type-btn{flex:1;padding:9px;border-radius:var(--r-pill);border:none;background:var(--surface-3);color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font-display);cursor:pointer;box-shadow:var(--e-raised);transition:all var(--t-fast) var(--ease)}.feedback-type-btn:hover{background:var(--surface-4);color:var(--text-1)}.feedback-type-btn.active{background:var(--accent-theme);color:#fff}.feedback-char-count{font-size:11px;color:var(--text-4);text-align:right;margin-top:-4px}.feedback-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.feedback-cancel{padding:10px 20px;border-radius:var(--r-pill);border:none;background:transparent;color:var(--text-3);font-size:13px;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all var(--t-fast) var(--ease)}.feedback-cancel:hover{color:var(--text-1)}.feedback-submit{padding:10px 24px;border-radius:var(--r-pill);border:none;background:var(--lime);color:#1d2b0c;font-size:13px;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:var(--e-lime);transition:all var(--t-fast) var(--ease)}.feedback-submit:hover{transform:translateY(-2px);filter:brightness(1.06)}.feedback-submit:active{transform:translateY(3px)}.feedback-submit:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.feedback-success{text-align:center;padding:20px 0;animation:pop .3s ease-out}.feedback-success-icon{font-size:48px;margin-bottom:12px}.feedback-success h3{font-size:19px;font-family:var(--font-display);color:var(--text-1);margin:0 0 6px}.feedback-success p{font-size:13px;color:var(--text-3);margin:0}:root[data-theme=pokemon]{--card-back: url(/images/backs/back-pokemon.webp);--brand: #ffcb05;--brand-rgb: 255, 203, 5;--brand-ink: #123b6b;--brand-grad-text: linear-gradient(135deg, #fff3b0, #ffcb05 34%, #3d7dca 62%, #7fd0ff 82%, #ffcb05);--brand-grad-btn: linear-gradient(115deg, #f0b400 0%, #ffcb05 22%, #fff7cf 32%, #ffcb05 46%, #3d7dca 78%, #1f5fa8 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #12386b 0%, #0a1e3d 46%, #050d1c 100%);--amb-1: rgba(61, 125, 202, .34);--amb-2: rgba(255, 203, 5, .16);--amb-3: rgba(0, 190, 255, .14);--page-ink: #050d1c;--hero-filter: saturate(1.25) hue-rotate(-18deg) brightness(1.06)}:root[data-theme=marvel]{--card-back: url(/images/backs/back-marvel.webp);--brand: #ed1d24;--brand-rgb: 237, 29, 36;--brand-ink: #fff6e2;--brand-grad-text: linear-gradient(135deg, #ffd7a0, #ff5a4d 30%, #ed1d24 58%, #ffb199 80%, #ed1d24);--brand-grad-btn: linear-gradient(115deg, #b8121a 0%, #ed1d24 24%, #ff7a70 34%, #ed1d24 50%, #b8121a 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #2a0d10 0%, #170708 48%, #0b0405 100%);--amb-1: rgba(237, 29, 36, .26);--amb-2: rgba(255, 214, 122, .12);--amb-3: rgba(120, 20, 24, .3);--page-ink: #0b0405;--hero-filter: contrast(1.3) saturate(1.3) hue-rotate(-28deg)}:root[data-theme=neon]{--card-back: url(/images/backs/back-neon.webp);--brand: #00ffff;--brand-rgb: 0, 255, 255;--brand-ink: #04121a;--brand-grad-text: linear-gradient(135deg, #b3ffff, #00ffff 32%, #ff00ff 62%, #8ce9ff 84%, #00ffff);--brand-grad-btn: linear-gradient(115deg, #00b8b8 0%, #00ffff 26%, #d9ffff 36%, #ff00ff 72%, #b800b8 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #0a0424 0%, #05010f 46%, #000 100%);--amb-1: rgba(255, 0, 255, .24);--amb-2: rgba(0, 255, 255, .2);--amb-3: rgba(120, 0, 255, .22);--page-ink: #000000;--hero-filter: saturate(1.6) hue-rotate(150deg) contrast(1.2)}:root[data-theme=retro]{--card-back: url(/images/backs/back-retro.webp);--brand: #f0a63c;--brand-rgb: 240, 166, 60;--brand-ink: #201406;--brand-grad-text: linear-gradient(135deg, #ffe3ad, #f0a63c 34%, #a5651b 60%, #ffd08a 82%, #f0a63c);--brand-grad-btn: linear-gradient(115deg, #b9761f 0%, #f0a63c 24%, #ffe9c4 34%, #f0a63c 48%, #8d5714 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #2a1a08 0%, #150d04 48%, #0a0602 100%);--amb-1: rgba(240, 166, 60, .2);--amb-2: rgba(180, 90, 20, .18);--amb-3: rgba(90, 200, 120, .1);--page-ink: #0a0602;--hero-filter: sepia(.55) saturate(1.15) contrast(1.15) brightness(.95)}:root[data-theme=dc]{--card-back: url(/images/backs/back-dc.webp);--brand: #4a9eff;--brand-rgb: 74, 158, 255;--brand-ink: #06101f;--brand-grad-text: linear-gradient(135deg, #dcecff, #4a9eff 34%, #1a4f96 60%, #9fd0ff 82%, #4a9eff);--brand-grad-btn: linear-gradient(115deg, #1a4f96 0%, #4a9eff 26%, #dcecff 36%, #4a9eff 52%, #123a70 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #0e1c34 0%, #070e1c 48%, #03070e 100%);--amb-1: rgba(74, 158, 255, .22);--amb-2: rgba(160, 200, 255, .1);--amb-3: rgba(20, 60, 120, .3);--page-ink: #03070e;--hero-filter: saturate(.75) hue-rotate(190deg) contrast(1.25) brightness(.9)}.hero-media,.kids-media{filter:var(--hero-filter)}.hero-media,.mode-art-card,.hero-card-back{background-color:var(--page-ink)}:root[data-theme=dc] .mode-art-frame{border-color:#4a9eff73}:root[data-theme=dc] .mode-art-card{border-radius:3px;padding:5px}:root[data-theme=dc] .mode-art-img{filter:saturate(.5) hue-rotate(185deg) brightness(.6) contrast(1.2)}:root[data-theme=marvel] .mode-art-card,:root[data-theme=retro] .mode-art-card{border-radius:6px}:root[data-theme=pokemon] .mode-art-card{border-radius:20px}.site-header,.site-footer,.l2-cta-final{--tint: rgba(var(--brand-rgb), .14)}.l2-cta-final .cta-final-btn{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.01em;border-radius:100px;color:var(--brand-ink);border:1px solid rgba(0,0,0,.12);box-shadow:0 20px 44px -18px rgba(var(--brand-rgb),.5),inset 0 1px #ffffffa6}.l2-cta-final .cta-final-btn>*,.l2-cta-final .cta-final-btn span,.l2-cta-final .cta-final-btn svg{color:var(--brand-ink);-webkit-text-fill-color:var(--brand-ink);position:relative;z-index:1}.l2-cta-final .cta-final-btn:before{background:var(--brand-grad-btn);border-radius:100px;opacity:.28;filter:blur(26px)}.l2-cta-final .cta-gradient,.l2-cta-final .cta-ring{border-color:rgba(var(--brand-rgb),.28)}.l2-cta-final .cta-gradient{background:radial-gradient(circle,rgba(var(--brand-rgb),.22),transparent 66%)}.site-header .header-signin{background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);border:none;font-weight:700;transition:background-position .5s ease}.site-header .header-signin:hover{background-position:0 50%}.site-footer{background:linear-gradient(180deg,rgba(var(--brand-rgb),.04) 0%,var(--page-ink) 62%)}.footer-title{color:var(--text-1)}:root[data-theme=dc]{--paper: linear-gradient(180deg, #eef4fb 0%, #d3dfee 100%);--paper-ink: #0d2038;--paper-line: rgba(13, 32, 56, .24)}:root[data-theme=neon]{--paper: linear-gradient(180deg, #10062a 0%, #05010f 100%);--paper-ink: #d8fbff;--paper-line: rgba(0, 255, 255, .32)}:root[data-theme=marvel]{--paper: linear-gradient(180deg, #fffbe8 0%, #f4e6c8 100%);--paper-ink: #2a1416;--paper-line: rgba(42, 20, 22, .26)}:root[data-theme=retro]{--paper: linear-gradient(180deg, #f7e3bd 0%, #e2c795 100%);--paper-ink: #4a3728;--paper-line: rgba(74, 55, 40, .3)}:root[data-theme=pokemon]{--paper: linear-gradient(180deg, #fdf6d8 0%, #ffe9a8 100%);--paper-ink: #143b6b;--paper-line: rgba(20, 59, 107, .24)}.story-plate-once{color:color-mix(in srgb,var(--tint) 68%,var(--paper-ink))}.story-plate-window{background:color-mix(in srgb,var(--paper-ink) 8%,#fff)}:root[data-theme=minimal]{--card-back: url(/images/backs/back-minimal.webp);--brand: #f4f4f5;--brand-rgb: 244, 244, 245;--brand-ink: #18181b;--brand-grad-text: linear-gradient(135deg, #ffffff, #d4d4d8 52%, #ffffff);--brand-grad-btn: linear-gradient(115deg, #d4d4d8 0%, #fafafa 32%, #e4e4e7 62%, #c9c9cf 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #1a1a1e 0%, #101013 48%, #08080a 100%);--amb-1: rgba(255, 255, 255, .05);--amb-2: rgba(255, 255, 255, .035);--amb-3: rgba(255, 255, 255, .03);--page-ink: #08080a;--hero-filter: grayscale(1) contrast(1.12) brightness(.92);--paper: linear-gradient(180deg, #fafafa 0%, #ededf0 100%);--paper-ink: #18181b;--paper-line: rgba(24, 24, 27, .18)}:root[data-theme=minimal] .mode-art-frame,:root[data-theme=minimal] .mode-art-pip{display:none}:root[data-theme=minimal] .mode-art-card{border-radius:4px;padding:5px}:root[data-theme=minimal] .mode-art-img{filter:grayscale(1) brightness(.7) contrast(1.1)}:root[data-theme=bollywood]{--card-back: url(/images/backs/back-bollywood.webp);--brand: #ffb020;--brand-rgb: 255, 176, 32;--brand-ink: #3d0c22;--brand-grad-text: linear-gradient(135deg, #ffe9a8, #ffb020 30%, #e5006e 58%, #ff8a3d 80%, #ffb020);--brand-grad-btn: linear-gradient(115deg, #d97706 0%, #ffb020 22%, #fff0c2 32%, #ffb020 46%, #e5006e 78%, #a30050 100%);--amb-base: radial-gradient(120% 84% at 50% -12%, #3a0f2c 0%, #21071a 46%, #12040e 100%);--amb-1: rgba(229, 0, 110, .26);--amb-2: rgba(255, 176, 32, .2);--amb-3: rgba(0, 150, 136, .16);--page-ink: #12040e;--hero-filter: saturate(1.5) hue-rotate(-14deg) contrast(1.1) brightness(1.05);--paper: linear-gradient(180deg, #fff4d9 0%, #ffe1b0 100%);--paper-ink: #4a1226;--paper-line: rgba(74, 18, 38, .26)}:root[data-theme=bollywood] .mode-art-card{border-radius:22px}:root[data-theme=bollywood] .mode-art-frame{border-color:#ffb02080;border-radius:14px}:root[data-theme=bollywood] .mode-art-img{filter:saturate(1.35) brightness(.78) contrast(1.05)}.ds-card,.modal-box,.feedback-modal,.ingame-settings-panel{position:relative;overflow:hidden;border:1px solid rgba(var(--brand-rgb),.26);border-radius:22px;background:radial-gradient(90% 60% at 50% 0%,rgba(var(--brand-rgb),.09),transparent 66%),linear-gradient(168deg,#2a2140 0%,#16102a 48%,var(--page-ink, #0d0918) 100%);box-shadow:0 34px 70px -30px #000000f2,inset 0 1px #ffffff21}.ds-card:before,.modal-box:before,.feedback-modal:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(var(--brand-rgb),.15);border-radius:12px;pointer-events:none}.ds-eyebrow,.settings-section-title{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--brand-rgb),.72)}.ds-title,.section-title,.cat-section-title,.feedback-title{font-family:var(--font-display);font-size:clamp(26px,4.2vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text-1);text-wrap:balance}.ds-accent,.sec-title-accent{background:var(--brand-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.ds-sub,.section-subtitle,.cat-section-sub,.feedback-subtitle{font-size:15px;line-height:1.6;color:#ffffff80}.ds-btn,.modal-btn,.feedback-submit,.feedback-cancel{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--r-pill, 100px);border:1px solid transparent;font-family:inherit;font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;transition:background .3s,border-color .3s,color .3s,transform .2s,background-position .5s ease}.ds-btn--primary,.modal-btn.confirm,.feedback-submit{background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);border-color:transparent;box-shadow:0 16px 34px -16px rgba(var(--brand-rgb),.65),inset 0 1px #ffffff80}.ds-btn--primary:hover,.modal-btn.confirm:hover,.feedback-submit:hover{background-position:0 50%;transform:translateY(-2px);color:var(--brand-ink)}.ds-btn--ghost,.modal-btn.cancel,.feedback-cancel{background:#ffffff0a;border-color:#ffffff29;color:var(--text-2)}.ds-btn--ghost:hover,.modal-btn.cancel:hover,.feedback-cancel:hover{background:rgba(var(--brand-rgb),.08);border-color:rgba(var(--brand-rgb),.42);color:var(--brand)}.ds-back,.back-btn,.story-back-btn,.story-v2-back-btn,.story-list-v3-back,.story-reader-v3-back,.scrolly-back-btn,.login-back,.arm-back{display:inline-flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;border-radius:var(--r-pill, 100px);border:1px solid rgba(255,255,255,.14);background:#0c091799;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-2);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .3s,color .3s,background .3s,transform .2s}.ds-back:hover,.back-btn:hover,.story-back-btn:hover,.story-v2-back-btn:hover,.story-list-v3-back:hover,.story-reader-v3-back:hover,.scrolly-back-btn:hover,.login-back:hover,.arm-back:hover{border-color:rgba(var(--brand-rgb),.45);background:rgba(var(--brand-rgb),.08);color:var(--brand);transform:translate(-2px)}.ds-modal-overlay,.modal-overlay,.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#04030ab8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ds-modal,.modal-box,.feedback-modal{max-width:320px;width:100%;padding:22px 20px 18px;border-radius:18px}.ds-modal-icon,.modal-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 10px;border-radius:11px;color:var(--brand);background:rgba(var(--brand-rgb),.1);border:1px solid rgba(var(--brand-rgb),.3)}.modal-box h3,.feedback-modal h3{font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:var(--text-1);margin:0 0 5px}.modal-box p,.feedback-modal>p{font-size:12.5px;line-height:1.45;color:#ffffff80;margin:0 0 16px}.modal-buttons,.feedback-form-actions{display:flex;gap:10px;justify-content:center}.modal-buttons .modal-btn,.feedback-form-actions>*{flex:1}.ds-table,.admin-table,.analytics-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(var(--brand-rgb),.16);border-radius:16px;overflow:hidden;font-size:14px}.ds-table th,.admin-table th,.analytics-table th{padding:13px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--brand-rgb),.7);background:rgba(var(--brand-rgb),.06);border-bottom:1px solid rgba(var(--brand-rgb),.16)}.ds-table td,.admin-table td,.analytics-table td{padding:13px 16px;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,.06)}.ds-table tr:last-child td,.admin-table tr:last-child td,.analytics-table tr:last-child td{border-bottom:none}.ds-table tbody tr:hover td,.admin-table tbody tr:hover td,.analytics-table tbody tr:hover td{background:rgba(var(--brand-rgb),.05);color:var(--text-1)}@media (max-width: 560px){.ds-modal,.modal-box,.feedback-modal{padding:20px 16px 16px;border-radius:16px}.ds-btn,.modal-btn{padding:10px 16px;font-size:13px}}.l2-hero .cta-primary,.l2-cta-final .cta-final-btn,.invite-section .invite-btn-primary,.l2-kids .kids-cta,.hero-deck-cta{background:var(--brand-grad-btn);background-size:220% 100%;background-position:100% 50%;color:var(--brand-ink);border:none;border-radius:var(--r-pill, 100px);font-family:inherit;font-weight:700;cursor:pointer;box-shadow:0 18px 40px -18px rgba(var(--brand-rgb),.65),inset 0 1px #ffffff80;transition:background-position .5s ease,transform .3s,box-shadow .3s}.l2-hero .cta-primary:hover,.l2-cta-final .cta-final-btn:hover,.invite-section .invite-btn-primary:hover,.l2-kids .kids-cta:hover,.hero-deck-cta:hover{background-position:0 50%;transform:translateY(-2px);color:var(--brand-ink)}