:root{--cc-ink-50: #f5f4fb;--cc-ink-100: #e4e2f0;--cc-ink-200: #b9b7d0;--cc-ink-300: #8b89a8;--cc-ink-400: #565478;--cc-ink-500: #3a3a5c;--cc-ink-600: #2b2b45;--cc-ink-700: #1f1f33;--cc-ink-800: #171726;--cc-ink-850: #11111d;--cc-ink-900: #0b0b14;--cc-ink-950: #07070d;--cc-cyan-300: #7df3ff;--cc-cyan-400: #34e4ff;--cc-cyan-500: #00d3f0;--cc-cyan-600: #00a6c2;--cc-cyan-700: #0b7c93;--cc-magenta-300: #ff8fce;--cc-magenta-400: #ff52b0;--cc-magenta-500: #ff2d9b;--cc-magenta-600: #d11a7c;--cc-gold-300: #ffe08a;--cc-gold-400: #ffd24d;--cc-gold-500: #ffc01f;--cc-gold-600: #d99a00;--cc-violet-300: #c39bff;--cc-violet-400: #a45cff;--cc-violet-500: #8b3dff;--cc-violet-600: #6f23e0;--cc-success-500: #2ee6a6;--cc-warning-500: #ffb020;--cc-danger-500: #ff4d5e;--cc-info-500: #4d9bff;--cc-bg: var(--cc-ink-950);--cc-surface: var(--cc-ink-900);--cc-surface-raised: var(--cc-ink-850);--cc-surface-overlay: var(--cc-ink-800);--cc-border: var(--cc-ink-700);--cc-border-strong: var(--cc-ink-600);--cc-text: var(--cc-ink-100);--cc-text-muted: var(--cc-ink-300);--cc-text-faint: var(--cc-ink-400);--cc-text-on-accent: var(--cc-ink-950);--cc-primary: var(--cc-cyan-500);--cc-primary-hover: var(--cc-cyan-400);--cc-primary-press: var(--cc-cyan-600);--cc-secondary: var(--cc-magenta-500);--cc-accent: var(--cc-gold-500);--cc-font-display: "Clash Display", "Space Grotesk", system-ui, sans-serif;--cc-font-sans: "Inter", system-ui, sans-serif;--cc-font-mono: "JetBrains Mono", ui-monospace, monospace;--cc-text-xs: .75rem;--cc-text-sm: .875rem;--cc-text-base: 1rem;--cc-text-lg: 1.125rem;--cc-text-xl: 1.25rem;--cc-text-2xl: 1.5rem;--cc-text-3xl: 2rem;--cc-text-4xl: 2.75rem;--cc-text-display: clamp(2.5rem, 6vw, 5rem);--cc-space-1: .25rem;--cc-space-2: .5rem;--cc-space-3: .75rem;--cc-space-4: 1rem;--cc-space-6: 1.5rem;--cc-space-8: 2rem;--cc-space-12: 3rem;--cc-space-16: 4rem;--cc-space-24: 6rem;--cc-radius-sm: .375rem;--cc-radius-md: .625rem;--cc-radius-lg: 1rem;--cc-radius-xl: 1.5rem;--cc-radius-full: 9999px;--cc-shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--cc-shadow-md: 0 4px 16px rgb(0 0 0 / .5);--cc-shadow-lg: 0 12px 40px rgb(0 0 0 / .6);--cc-glow-primary: 0 0 20px rgb(0 211 240 / .45);--cc-glow-accent: 0 0 24px rgb(255 192 31 / .5);--cc-glow-urgency: 0 0 20px rgb(255 45 155 / .45);--cc-glow-hero: 0 0 0 1px rgb(0 211 240 / .12), 0 0 50px rgb(0 211 240 / .22), 0 0 100px rgb(0 211 240 / .1), 0 28px 70px rgb(0 0 0 / .65);--cc-ease-out: cubic-bezier(.16, 1, .3, 1);--cc-ease-in: cubic-bezier(.5, 0, .75, 0);--cc-dur-fast: .12s;--cc-dur-base: .22s;--cc-dur-slow: .4s;--cc-dur-win: .55s;--cc-breathe-period: 2857ms;--cc-sidebar-width: 256px;--cc-content-max-width: 1440px;--cc-hud-height: 72px;--cc-tier-basic: #cccccc;--cc-tier-common: #22ff66;--cc-tier-rare: #00cfff;--cc-tier-epic: #cc44ff;--cc-tier-legendary: #ffd700;--cc-tier-sovereign: #00ffee}@keyframes cc-breathe{0%,to{box-shadow:var(--cc-glow-primary);opacity:1}50%{box-shadow:0 0 26px #00d3f099;opacity:.88}}@keyframes cc-breathe-gold{0%,to{box-shadow:var(--cc-glow-accent);opacity:1}50%{box-shadow:0 0 32px #ffc01fa6;opacity:.92}}@keyframes cc-breathe-magenta{0%,to{box-shadow:var(--cc-glow-urgency);opacity:1}50%{box-shadow:0 0 26px #ff2d9b99;opacity:.9}}@keyframes cc-win-burst{0%{background-color:var(--cc-cyan-500);box-shadow:var(--cc-glow-primary);transform:scale(1);filter:brightness(1)}60%{background-color:var(--cc-gold-400);box-shadow:0 0 60px #ffc01fb3,0 0 120px #ffc01f66;transform:scale(1.04);filter:brightness(1.8)}to{background-color:var(--cc-gold-500);box-shadow:var(--cc-glow-accent);transform:scale(1);filter:brightness(1)}}@keyframes cc-win-burst-text{0%{color:var(--cc-cyan-500);text-shadow:0 0 12px rgb(0 211 240 / .6)}60%{color:var(--cc-gold-400);text-shadow:0 0 24px rgb(255 192 31 / .85),0 0 48px rgb(255 192 31 / .5)}to{color:var(--cc-gold-500);text-shadow:0 0 16px rgb(255 192 31 / .55)}}@keyframes cc-rise-in{0%{opacity:0;transform:translateY(16px);filter:brightness(.6)}to{opacity:1;transform:translateY(0);filter:brightness(1)}}@keyframes cc-glow-up{0%{box-shadow:0 0 #00d3f000}to{box-shadow:var(--cc-glow-primary)}}@keyframes cc-check-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cc-spotlight{0%,to{opacity:.6}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--bg-dark: #0a0a12;--bg-panel: rgba(15, 15, 28, .95);--text-primary: #e2e8f0;--text-muted: rgba(226, 232, 240, .6);--neon-purple: #a855f7;--neon-pink: #ec4899;--neon-teal: #22d3ee;--neon-cyan: #06b6d4;--neon-blue: #3b82f6;--neon-green: #22c55e;--bg: var(--bg-dark);--bg-card: var(--bg-panel);--text: var(--text-primary);--text-muted: var(--text-muted);--accent: var(--neon-purple);--accent-glow: rgba(168, 85, 247, .25);--border: var(--neon-purple);--glow-purple: 0 0 20px rgba(168, 85, 247, .6), 0 0 40px rgba(168, 85, 247, .4);--glow-teal: 0 0 20px rgba(34, 211, 238, .6), 0 0 40px rgba(34, 211, 238, .4);--glow-pink: 0 0 20px rgba(236, 72, 153, .6), 0 0 40px rgba(236, 72, 153, .4);--glow-blue: 0 0 20px rgba(59, 130, 246, .6), 0 0 40px rgba(59, 130, 246, .4);--glow-green: 0 0 20px rgba(34, 197, 94, .6), 0 0 40px rgba(34, 197, 94, .4);--text-shadow-purple: 0 0 20px rgba(168, 85, 247, .8);--text-shadow-teal: 0 0 20px rgba(34, 211, 238, .8);--text-shadow-pink: 0 0 20px rgba(236, 72, 153, .8);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Courier New", monospace;--backdrop-blur: blur(10px);--transition-theme: .5s ease;--transition-fast: .2s ease;--transition-normal: .3s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-theme),color var(--transition-theme);overflow-x:hidden}.panel-section{margin-bottom:1.5rem}.panel-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:1rem;font-weight:600}.stat-item{text-align:center}.stat-label{font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:3rem;font-weight:900;color:var(--neon-purple);text-shadow:0 0 20px rgba(168,85,247,.8);line-height:1}a{color:var(--neon-purple);text-decoration:none;transition:opacity var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}a:hover{opacity:.9;text-shadow:var(--text-shadow-purple)}button{font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button:hover:not(:disabled){opacity:.9;transform:scale(1.05)}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:2px solid var(--neon-purple);border-radius:8px;box-shadow:var(--glow-purple);transition:all var(--transition-theme)}.glass-card{background:var(--bg-panel);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:2px solid var(--neon-purple);border-radius:12px;box-shadow:var(--glow-purple);transition:all var(--transition-normal);padding:1.5rem}.glass-card:hover{border-color:var(--neon-purple);box-shadow:0 0 30px #a855f7e6,0 0 60px #a855f799;transform:translateY(-2px)}.neon-glow-purple{box-shadow:var(--glow-purple)}.neon-glow-teal{box-shadow:var(--glow-teal)}.neon-glow-pink{box-shadow:var(--glow-pink)}.neon-glow-blue{box-shadow:var(--glow-blue)}.neon-glow-green{box-shadow:var(--glow-green)}.text-glow-purple{text-shadow:var(--text-shadow-purple)}.text-glow-teal{text-shadow:var(--text-shadow-teal)}.text-glow-pink{text-shadow:var(--text-shadow-pink)}@keyframes neonPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.pulse-glow{animation:cyberpunkGlow 2s ease-in-out infinite}.pulse-neon{animation:neonPulse 2s ease-in-out infinite}.cyber-tab-wrap{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:9999;display:flex;gap:.5rem;padding:.5rem;border-radius:999px;border:1px solid rgba(168,85,247,.55);background:#020617ad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 22px #a855f759}.cyber-tab-btn{border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#cbd5e1;border-radius:999px;padding:.42rem .95rem;font-size:.85rem;font-weight:700;letter-spacing:.02em}.cyber-tab-btn-active{color:#67e8f9;border-color:#22d3eeb3;background:#06b6d42e;box-shadow:0 0 16px #22d3ee6b}@media(max-width:720px){.cyber-tab-wrap{width:calc(100vw - 16px);left:8px;transform:none;justify-content:space-between;bottom:8px}.cyber-tab-btn{flex:1;padding:.45rem .55rem;font-size:.8rem}}body,.layout,.layout-legacy-portal,.layout-simplified,.nav,.nav-legacy-portal,.footer,.footer-legacy-portal{transition:background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease}.theme-cyberpunk{background:#0a0a12}.theme-cyberpunk .glass-panel,.theme-cyberpunk .glass-card{background:#0a0a12f2;border-color:#a855f7;box-shadow:0 0 20px #a855f799,0 0 40px #a855f766}.theme-cyberpunk .nav,.theme-cyberpunk .nav-legacy-portal,.theme-cyberpunk .footer,.theme-cyberpunk .footer-legacy-portal{border-color:#a855f7}.theme-cyberpunk h1,.theme-cyberpunk h2,.theme-cyberpunk .nav-brand,.theme-cyberpunk .nav-brand-legacy-portal{color:#a855f7;text-shadow:0 0 20px rgba(168,85,247,.8)}.theme-cyberpunk a{color:#a855f7}.theme-cyberpunk a:hover{text-shadow:0 0 20px rgba(168,85,247,.8)}.theme-cyberpunk .pulse-glow{animation:cyberpunkGlow 2s ease-in-out infinite}@keyframes cyberpunkGlow{0%,to{box-shadow:0 0 20px #a855f799,0 0 40px #a855f766,inset 0 0 20px #a855f733;opacity:1}50%{box-shadow:0 0 30px #a855f7e6,0 0 60px #a855f799,inset 0 0 30px #a855f766;opacity:.8}}.theme-retro{background:#1a0a2e;font-family:Courier New,monospace}.theme-retro .glass-panel,.theme-retro .glass-card{background:#1a0a2ef2;border-color:#f0f;border-style:double;border-width:4px;box-shadow:0 0 15px #ff00ff80}.theme-retro .nav,.theme-retro .nav-legacy-portal{border-color:#f0f;border-style:double;border-width:4px}.theme-retro h1,.theme-retro h2,.theme-retro .nav-brand,.theme-retro .nav-brand-legacy-portal{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8);font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}.theme-retro a{color:#f0f}.theme-retro button,.theme-retro input,.theme-retro textarea{font-family:Courier New,monospace}.theme-classic{background:#1a1a2e}.theme-classic .glass-panel,.theme-classic .glass-card{background:#1a1a2ef2;border-color:#6b7280;border-width:1px;box-shadow:none}.theme-classic .nav,.theme-classic .nav-legacy-portal,.theme-classic .footer,.theme-classic .footer-legacy-portal{border-color:#6b7280;border-width:1px;box-shadow:none}.theme-classic h1,.theme-classic h2,.theme-classic h3,.theme-classic .nav-brand,.theme-classic .nav-brand-legacy-portal{color:#e5e7eb;text-shadow:none}.theme-classic a,.theme-classic button{color:#6b7280}.theme-classic .text-glow-purple,.theme-classic .text-glow-teal,.theme-classic .text-glow-pink{text-shadow:none!important}.theme-classic .pulse-neon,.theme-classic .pulse-glow{animation:none!important;box-shadow:none!important}.theme-classic .neon-glow-purple,.theme-classic .neon-glow-teal,.theme-classic .neon-glow-pink{box-shadow:none!important}.theme-nature{background:#1a2e1a}.theme-nature .glass-panel,.theme-nature .glass-card{background:#1a2e1af2;border-color:#22c55e;box-shadow:0 0 15px #22c55e66}.theme-nature .nav,.theme-nature .nav-legacy-portal{border-color:#22c55e}.theme-nature h1,.theme-nature h2,.theme-nature .nav-brand,.theme-nature .nav-brand-legacy-portal{color:#22c55e;text-shadow:0 0 15px rgba(34,197,94,.6)}.theme-nature a{color:#22c55e}.theme-space{background:#0a0a1a}.theme-space .glass-panel,.theme-space .glass-card{background:#0a0a1af2;border-color:#3b82f6;box-shadow:0 0 20px #3b82f680}.theme-space .nav,.theme-space .nav-legacy-portal{border-color:#3b82f6}.theme-space h1,.theme-space h2,.theme-space .nav-brand,.theme-space .nav-brand-legacy-portal{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.7)}.theme-space a{color:#3b82f6}.theme-neon-lights{background:#0a0a12}.theme-neon-lights .glass-panel,.theme-neon-lights .glass-card{background:#0f0f1cf2;border-color:#ec4899;box-shadow:0 0 25px #ec4899b3,0 0 50px #ec489966;animation:neonPulse 2s ease-in-out infinite}.theme-neon-lights .nav,.theme-neon-lights .nav-legacy-portal{border-color:#ec4899;animation:neonPulse 2s ease-in-out infinite}.theme-neon-lights h1,.theme-neon-lights h2,.theme-neon-lights .nav-brand,.theme-neon-lights .nav-brand-legacy-portal{color:#ec4899;text-shadow:0 0 25px rgba(236,72,153,.9);animation:neonPulse 2s ease-in-out infinite}.theme-neon-lights a{color:#ec4899}@keyframes neonPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.9;filter:brightness(1.2)}}.theme-fire-lava{background:#1a0a0a}.theme-fire-lava .glass-panel,.theme-fire-lava .glass-card{background:#1a0a0af2;border-color:#f60;box-shadow:0 0 20px #f609,0 0 40px #ff66004d}.theme-fire-lava .nav,.theme-fire-lava .nav-legacy-portal{border-color:#f60}.theme-fire-lava h1,.theme-fire-lava h2,.theme-fire-lava .nav-brand,.theme-fire-lava .nav-brand-legacy-portal{color:#f60;text-shadow:0 0 20px rgba(255,102,0,.8)}.theme-fire-lava a{color:#f60}.theme-ocean-wave{background:#0a1a1a}.theme-ocean-wave .glass-panel,.theme-ocean-wave .glass-card{background:#0a1a1af2;border-color:#22d3ee;box-shadow:0 0 20px #22d3ee99,0 0 40px #22d3ee66}.theme-ocean-wave .nav,.theme-ocean-wave .nav-legacy-portal{border-color:#22d3ee}.theme-ocean-wave h1,.theme-ocean-wave h2,.theme-ocean-wave .nav-brand,.theme-ocean-wave .nav-brand-legacy-portal{color:#22d3ee;text-shadow:0 0 20px rgba(34,211,238,.8)}.theme-ocean-wave a{color:#22d3ee}.theme-electric{background:#1a1a0a}.theme-electric .glass-panel,.theme-electric .glass-card{background:#1a1a0af2;border-color:#fbbf24;box-shadow:0 0 25px #fbbf24b3,0 0 50px #fbbf2466}.theme-electric .nav,.theme-electric .nav-legacy-portal{border-color:#fbbf24}.theme-electric h1,.theme-electric h2,.theme-electric .nav-brand,.theme-electric .nav-brand-legacy-portal{color:#fbbf24;text-shadow:0 0 25px rgba(251,191,36,.9)}.theme-electric a{color:#fbbf24}.theme-matrix{background:#0a1a0a;font-family:Courier New,monospace}.theme-matrix .glass-panel,.theme-matrix .glass-card{background:#0a1a0af2;border-color:#22c55e;box-shadow:0 0 20px #22c55e99,0 0 40px #22c55e66}.theme-matrix .nav,.theme-matrix .nav-legacy-portal{border-color:#22c55e}.theme-matrix h1,.theme-matrix h2,.theme-matrix .nav-brand,.theme-matrix .nav-brand-legacy-portal{color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.8);font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.1em}.theme-matrix a{color:#22c55e}.theme-matrix button,.theme-matrix input,.theme-matrix textarea{font-family:Courier New,monospace}@layer animations-gate{body[data-animations=off] *:not(.cc-keep-motion):not(.cc-loading-spinner):not([data-keep-motion]){animation-name:none!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-property:none!important;transition-duration:0s!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-name:none!important;animation-duration:0s!important;transition-property:none!important;transition-duration:0s!important;scroll-behavior:auto!important}}}