:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#121218;--bg-secondary:#161622;--bg-card:#1a1a26e6;--bg-card-hover:#242434f2;--bg-glass:#191926cc;--bg-glass-heavy:#12121cf2;--bg-input:#ffffff14;--bg-elevated:#242438f2;--bg-badge:#ffffff1f;--border-subtle:#fff3;--border-medium:#ffffff59;--border-accent:#6366f173;--border-focus:#6366f199;--text-primary:#f0f0f8;--text-secondary:#9090ae;--text-tertiary:#606080;--text-muted:#3a3a55;--text-inverse:#06060c;--accent-indigo:#6366f1;--accent-indigo-hover:#4f46e5;--accent-cyan:#22d3ee;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--accent-purple:#a855f7;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 10px #00000059;--shadow-md:0 6px 24px #00000073;--shadow-lg:0 12px 48px #0000008c;--shadow-glow-indigo:0 0 40px #6366f11f;--shadow-card-hover:0 20px 60px #00000080;--scrollbar-thumb:#6366f140;--scrollbar-thumb-hover:#6366f166;--option-bg:#14142a;--noise-opacity:.015}:root{--font-scale:1;--icon-scale:1;--spacing-scale:1}@media (width<=480px){:root{--font-scale:.85;--icon-scale:.75;--spacing-scale:.8}}@media (width>=600px) and (width<=900px){:root{--font-scale:.95;--icon-scale:.9;--spacing-scale:.9}}@media (width>=481px) and (width<=599px){:root{--font-scale:.9;--icon-scale:.85;--spacing-scale:.85}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#eaebf2;--bg-secondary:#e2e4ed;--bg-card:#fffffff2;--bg-card-hover:#fff;--bg-glass:#fff9;--bg-glass-heavy:#ffffffd9;--bg-input:#0000000a;--bg-elevated:#fffffff2;--bg-badge:#0000000d;--border-subtle:#0000001f;--border-medium:#0000002e;--border-accent:#6366f14d;--border-focus:#6366f180;--text-primary:#1a1a2e;--text-secondary:#555570;--text-tertiary:#8888a0;--text-muted:#b0b0c0;--text-inverse:#f0f0f8;--accent-indigo:#5b5ef0;--accent-indigo-hover:#4338ca;--accent-cyan:#0ea5e9;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--accent-purple:#9333ea;--shadow-xs:0 1px 3px #0000001a;--shadow-sm:0 2px 10px #00000014;--shadow-md:0 6px 24px #00000014;--shadow-lg:0 12px 48px #0000001f;--shadow-glow-indigo:0 0 40px #6366f114;--shadow-card-hover:0 20px 60px #0000001a;--scrollbar-thumb:#6366f133;--scrollbar-thumb-hover:#6366f159;--option-bg:#fff;--noise-opacity:.008}:root{--sf6-primary:#e8363c;--sf6-secondary:#fbbf24;--gradient-hero:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--gradient-sf6:linear-gradient(135deg, #e8363c 0%, #fbbf24 100%);--gradient-surface:linear-gradient(180deg, #ffffff0a 0%, transparent 100%);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.28s;--duration-slow:.45s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}button,a,select,input,.pagination-dot{touch-action:manipulation}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .5s,color .4s;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif;font-weight:700}.font-mono{font-family:JetBrains Mono,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f133}50%{box-shadow:0 0 40px #6366f166}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch.glitching:before{color:var(--accent-cyan);clip-path:inset(0 0 70%);opacity:.8;z-index:-1;animation:.8s steps(2,end) infinite glitchTop}.glitch.glitching:after{color:var(--accent-rose);clip-path:inset(70% 0 0);opacity:.8;z-index:-2;animation:.8s steps(3,end) infinite glitchBot}@keyframes glitchTop{0%{clip-path:inset(0 0 80%);transform:translate(-3px,-2px)}25%{clip-path:inset(20% 0 50%);transform:translate(3px,1px)}50%{clip-path:inset(40% 0 30%);transform:translate(-2px,2px)}75%{clip-path:inset(60% 0 10%);transform:translate(2px,-1px)}to{clip-path:inset(0 0 80%);transform:translate(0)}}@keyframes glitchBot{0%{clip-path:inset(80% 0 0);transform:translate(3px,1px)}33%{clip-path:inset(50% 0 20%);transform:translate(-3px,-2px)}66%{clip-path:inset(30% 0 40%);transform:translate(2px,2px)}to{clip-path:inset(80% 0 0);transform:translate(0)}}.animate-in{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) both}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(200%);border:1px solid var(--border-subtle)}.glass-heavy{background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(40px)saturate(220%);border:1px solid var(--border-medium)}.theme-toggle-btn{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:4px;display:flex}.theme-toggle-track{border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-medium);width:52px;height:28px;transition:all .35s var(--ease-out-expo);position:relative;overflow:hidden}.theme-toggle-btn:hover .theme-toggle-track{border-color:var(--accent-indigo);box-shadow:0 0 16px #6366f126}.theme-toggle-thumb{width:22px;height:22px;transition:all .4s var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:2px}.theme-toggle-thumb.dark{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);left:3px;box-shadow:0 2px 8px #6366f166}.theme-toggle-thumb.light{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);left:25px;box-shadow:0 2px 8px #f59e0b66}.app-container{min-height:100vh;position:relative}.glance-text{font-size:2.25rem;font-weight:700;line-height:2.5rem}.glance-container{max-width:100%;margin:0 auto;padding:1rem}.card-interactive{transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.card-interactive:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) ease;pointer-events:none;z-index:0;position:absolute;inset:0}.card-interactive:hover:before{opacity:1}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.move-card{background:var(--bg-card);border:1px solid var(--border-medium);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0000001a}.move-card:hover{background:var(--bg-card-hover);border-color:var(--accent-indigo);box-shadow:0 0 15px #6366f140,0 0 30px #6366f11a}.move-card[data-selected=true]{border-color:var(--accent-indigo);background:#6366f11a}.move-card[data-selected=true] .select-btn{background:var(--accent-indigo);border-color:var(--accent-indigo);color:#000}[data-card-theme=sf2gen] button[id^=game-card-]:hover,[data-card-theme=sf2gen] button[id^=char-card-]:hover,[data-card-theme=sf2gen] div.move-card:hover,[data-card-theme=genesis] div.move-card:hover{border-color:#d92b38!important;box-shadow:0 0 18px #d92b384d,0 0 36px #d92b381f!important}[data-card-theme=sf2gen] div.move-card[data-selected=true],[data-card-theme=genesis] div.move-card[data-selected=true]{background:#d92b381a!important;border-color:#d92b38!important;box-shadow:0 8px 25px #d92b3833!important}[data-card-theme=sf2gen] div.move-card[data-selected=true] .select-btn,[data-card-theme=genesis] div.move-card[data-selected=true] .select-btn{background:#d92b38!important;border-color:#d92b38!important}[data-card-theme=sf2gen] h2,[data-card-theme=genesis] h2{color:#fff!important}[data-card-theme=sf2gen] .tagline,[data-card-theme=genesis] .tagline{color:#d92b38!important}[data-card-theme=snes] button[id^=game-card-]:hover,[data-card-theme=snes] button[id^=char-card-]:hover,[data-card-theme=snes] div.move-card:hover{border-color:#8162b7!important;box-shadow:0 0 18px #8162b74d,0 0 36px #8162b71f!important}[data-card-theme=snes] div.move-card[data-selected=true]{background:#8162b71a!important;border-color:#8162b7!important;box-shadow:0 8px 25px #8162b733!important}[data-card-theme=snes] div.move-card[data-selected=true] .select-btn{background:#8162b7!important;border-color:#8162b7!important}[data-card-theme=snes] h2{color:#fff!important}[data-card-theme=snes] .tagline{color:#8162b7!important}[data-card-theme=sfami] button[id^=game-card-]:hover,[data-card-theme=sfami] button[id^=char-card-]:hover,[data-card-theme=sfami] div.move-card:hover{border-color:#e3001b!important;box-shadow:0 0 18px #e3001b4d,0 0 36px #e3001b1f!important}[data-card-theme=sfami] div.move-card[data-selected=true]{background:#e3001b1a!important;border-color:#e3001b!important;box-shadow:0 8px 25px #e3001b33!important}[data-card-theme=sfami] div.move-card[data-selected=true] .select-btn{background:#e3001b!important;border-color:#e3001b!important}[data-card-theme=sfami] h2{color:#fff!important}[data-card-theme=sfami] .tagline{color:#fc0!important}[data-card-theme=mvs] button[id^=game-card-]:hover,[data-card-theme=mvs] button[id^=char-card-]:hover,[data-card-theme=mvs] div.move-card:hover,[data-card-theme=mvscab] button[id^=game-card-]:hover,[data-card-theme=mvscab] button[id^=char-card-]:hover,[data-card-theme=mvscab] div.move-card:hover,[data-card-theme=aes] button[id^=game-card-]:hover,[data-card-theme=aes] button[id^=char-card-]:hover,[data-card-theme=aes] div.move-card:hover{border-color:#ff003c!important;box-shadow:0 0 18px #ff003c4d,0 0 36px #ff003c1f!important}[data-card-theme=mvs] div.move-card[data-selected=true],[data-card-theme=mvscab] div.move-card[data-selected=true],[data-card-theme=aes] div.move-card[data-selected=true]{background:#ff003c1a!important;border-color:#ff003c!important;box-shadow:0 8px 25px #ff003c33!important}[data-card-theme=mvs] div.move-card[data-selected=true] .select-btn,[data-card-theme=mvscab] div.move-card[data-selected=true] .select-btn,[data-card-theme=aes] div.move-card[data-selected=true] .select-btn{background:#ff003c!important;border-color:#ff003c!important}[data-card-theme=mvs] h2,[data-card-theme=mvscab] h2,[data-card-theme=aes] h2{color:#fff!important}[data-card-theme=mvs] .tagline,[data-card-theme=mvscab] .tagline,[data-card-theme=aes] .tagline{color:#06f!important}[data-card-theme=cps2] button[id^=game-card-]:hover,[data-card-theme=cps2] button[id^=char-card-]:hover,[data-card-theme=cps2] div.move-card:hover,[data-card-theme=cps2cab] button[id^=game-card-]:hover,[data-card-theme=cps2cab] button[id^=char-card-]:hover,[data-card-theme=cps2cab] div.move-card:hover{border-color:#38bdf8!important;box-shadow:0 0 18px #38bdf84d,0 0 36px #38bdf81f!important}[data-card-theme=cps2] div.move-card[data-selected=true],[data-card-theme=cps2cab] div.move-card[data-selected=true]{background:#38bdf81a!important;border-color:#38bdf8!important;box-shadow:0 8px 25px #38bdf833!important}[data-card-theme=cps2] div.move-card[data-selected=true] .select-btn,[data-card-theme=cps2cab] div.move-card[data-selected=true] .select-btn{background:#38bdf8!important;border-color:#38bdf8!important}[data-card-theme=cps2] h2,[data-card-theme=cps2cab] h2{color:#fff!important}[data-card-theme=cps2] .tagline,[data-card-theme=cps2cab] .tagline{color:#38bdf8!important}.app-container[data-card-theme=tekken]{background:radial-gradient(circle,#2e1505 0%,#0a0502 100%)}[data-card-theme=tekken] button[id^=game-card-]:hover,[data-card-theme=tekken] button[id^=char-card-]:hover,[data-card-theme=tekken] div.move-card:hover{border-color:#f59e0b!important;box-shadow:0 0 18px #f59e0b4d,0 0 36px #f59e0b1f!important}[data-card-theme=tekken] div.move-card[data-selected=true]{background:#f59e0b1a!important;border-color:#f59e0b!important;box-shadow:0 8px 25px #f59e0b33!important}[data-card-theme=tekken] div.move-card[data-selected=true] .select-btn{background:#f59e0b!important;border-color:#f59e0b!important}[data-card-theme=tekken] h2{text-transform:uppercase;font-style:italic;color:#f59e0b!important}[data-card-theme=tekken] .tagline{color:#ef4444!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html.force-mobile{--font-scale:.85;--icon-scale:.75;--spacing-scale:.8}@media (width<=480px){.game-grid-main{grid-template-columns:1fr!important;gap:1rem!important;padding:0 .5rem!important}.move-grid-main{grid-template-columns:1fr!important}.filter-controls-row{grid-template-columns:1fr!important;gap:.75rem!important}.bottom-header-controls{flex-direction:column!important;gap:.75rem!important}.top-header-social{display:none!important}.char-grid-main{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:.75rem!important}}html.force-mobile .game-grid-main{grid-template-columns:1fr!important;gap:1rem!important;padding:0 .5rem!important}html.force-mobile .move-grid-main{grid-template-columns:1fr!important}html.force-mobile .filter-controls-row{grid-template-columns:1fr!important;gap:.75rem!important}html.force-mobile .bottom-header-controls{flex-direction:column!important;gap:.75rem!important}html.force-mobile .top-header-social{display:none!important}html.force-mobile .char-grid-main{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:.75rem!important}@keyframes selectGlowPulse{0%{text-shadow:0 0 10px #6366f166}50%{text-shadow:0 0 20px #6366f1cc,0 0 30px #a855f799;transform:scale(1.02)}to{text-shadow:0 0 10px #6366f166}}.select-game-pulse{transition:all .3s;animation:3s ease-in-out infinite selectGlowPulse}.select-game-pulse:hover{text-shadow:0 0 30px #6366f1,0 0 50px #a855f7cc;animation-play-state:paused}.oki-tooltip-container{align-items:center;display:inline-flex;position:relative}.oki-tooltip-content{color:#cbd5e1;opacity:0;visibility:hidden;z-index:50;pointer-events:none;background:#1f1f2e;border:1px solid #ffffff1a;border-radius:8px;width:max-content;max-width:280px;padding:12px;font-size:.85rem;line-height:1.4;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;bottom:120%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 25px -5px #00000080}.oki-tooltip-container:hover .oki-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.oki-tooltip-title{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.oki-stat-box{flex-direction:column;display:flex}.oki-stat-value{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:800}.oki-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;margin-top:2px;font-size:.65rem;font-weight:600;display:flex}@keyframes cardTurnIn{0%{opacity:0;transform:perspective(1000px)rotateY(60deg)translateY(20px)}to{opacity:1;transform:perspective(1000px)rotateY(0)translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}