@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@500;600;700;800&display=swap";.animated-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{opacity:0;animation:float-particle var(--float-dur,8s) ease-in-out infinite;animation-delay:var(--float-delay,0s);will-change:transform, opacity;border-radius:50%;position:absolute}.particle--1{--float-dur:8s;--float-delay:0s;background:#00e5ff;width:4px;height:4px;top:15%;left:10%}.particle--2{--float-dur:10s;--float-delay:2s;background:#7c4dff;width:3px;height:3px;top:25%;right:15%}.particle--3{--float-dur:9s;--float-delay:4s;background:#448aff;width:5px;height:5px;top:60%;left:20%}.particle--4{--float-dur:11s;--float-delay:1s;background:#00e5ff;width:3px;height:3px;top:70%;right:25%}.particle--5{--float-dur:7s;--float-delay:3s;background:#7c4dff;width:2px;height:2px;top:40%;left:50%}.particle--6{--float-dur:12s;--float-delay:5s;background:#00e5ff;width:4px;height:4px;top:80%;left:70%}.particle--7{--float-dur:9.5s;--float-delay:6s;background:#448aff;width:3px;height:3px;top:10%;right:40%}.particle--8{--float-dur:8.5s;--float-delay:7s;background:#7c4dff;width:2px;height:2px;top:50%;left:85%}.particle-ring{opacity:0;animation:float-ring var(--ring-dur,12s) ease-in-out infinite;animation-delay:var(--ring-delay,0s);border:1px solid;border-radius:50%;position:absolute}.ring--1{--ring-dur:12s;--ring-delay:0s;border-color:#00e5ff26;width:60px;height:60px;top:20%;left:30%}.ring--2{--ring-dur:14s;--ring-delay:6s;border-color:#7c4dff1f;width:40px;height:40px;top:60%;right:20%}@keyframes float-particle{0%{opacity:0;transform:translate(0)scale(0)}20%{opacity:.6;transform:translate(10px,-20px)scale(1)}50%{opacity:.3;transform:translate(-8px,-40px)scale(.8)}80%{opacity:.5;transform:translate(5px,-15px)scale(1)}to{opacity:0;transform:translate(0)scale(0)}}@keyframes float-ring{0%{opacity:0;transform:translate(0)rotate(0)scale(.8)}25%{opacity:.3;transform:translate(15px,-25px)rotate(90deg)scale(1)}50%{opacity:.15;transform:translate(-10px,-50px)rotate(180deg)scale(.9)}75%{opacity:.25;transform:translate(-20px,-20px)rotate(270deg)scale(1)}to{opacity:0;transform:translate(0)rotate(360deg)scale(.8)}}@media (prefers-reduced-motion:reduce){.particle,.particle-ring{display:none;animation:none!important}}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a26;--bg-hover:#22223a;--text-primary:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#606078;--accent-cyan:#00e5ff;--accent-purple:#7c4dff;--accent-green:#00e676;--accent-orange:#ff9100;--accent-red:#ff5252;--accent-pink:#ff4081;--border-subtle:#ffffff0f;--border-medium:#ffffff1f;--border-strong:#fff3;--gradient-hero:linear-gradient(135deg, #0a0a0f 0%, #1a1040 50%, #0a0a0f 100%);--gradient-card:linear-gradient(180deg, #1a1a26 0%, #12121a 100%);--gradient-accent:linear-gradient(135deg, #00e5ff, #7c4dff);--gradient-accent-hover:linear-gradient(135deg, #33eaff, #9b6fff);--shadow-glow-cyan:0 0 20px #00e5ff26;--shadow-glow-purple:0 0 20px #7c4dff26;--shadow-glow-green:0 0 20px #00e67626;--shadow-card:0 4px 24px #0000004d;--shadow-card-hover:0 8px 40px #00000080;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-display:"Outfit", "Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--text-primary);font-weight:700}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-purple)}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{color:var(--text-secondary);margin-bottom:var(--space-2)}:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px;border-radius:var(--radius-sm)}::selection{color:var(--text-primary);background-color:#00e5ff33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;background-clip:text}.bg-pattern{position:relative}.bg-pattern:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#ffffff08 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #00e5ff4d}50%{box-shadow:0 0 20px #00e5ff99}}.animate-fade-in{animation:.5s forwards fadeIn}.game-container{position:relative}.game-container:after{content:"";width:60px;height:2px;margin:var(--space-6) auto 0;background:var(--gradient-accent);border-radius:var(--radius-full);opacity:.3;display:block}.game-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;text-decoration:none;display:inline-flex}.game-btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow-cyan)}.game-btn--primary:hover{background:var(--gradient-accent-hover);transform:translateY(-1px);box-shadow:0 0 30px #00e5ff4d}.game-btn--secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.game-btn--secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px)}.game-btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.game-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-stats{gap:var(--space-8);margin:var(--space-6) 0;flex-wrap:wrap;justify-content:center;display:flex}.stat-value{font-family:var(--font-mono);color:var(--accent-cyan);font-size:2rem;font-weight:700;transition:all .2s;display:block}.stat-value.changed{animation:.3s cubic-bezier(.34,1.56,.64,1) stat-pop}@keyframes stat-pop{0%{transform:scale(1)}50%{color:var(--accent-purple);transform:scale(1.3)}to{transform:scale(1)}}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1)}.stat{text-align:center}.stat-value{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--accent-cyan);font-weight:600;display:block}.stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;font-weight:600;display:inline-flex}.badge--easy{color:var(--accent-green);background:#00e67626}.badge--medium{color:var(--accent-orange);background:#ff910026}.badge--hard{color:var(--accent-red);background:#ff525226}.badge--variable{color:var(--accent-purple);background:#7c4dff26}@media (width<=768px){:root{--text-5xl:2.5rem;--text-4xl:2rem;--text-3xl:1.5rem;--text-2xl:1.25rem;--header-height:56px}.container{padding:0 var(--space-4)}.game-container{padding:var(--space-4)}.game-stats{gap:var(--space-4)}}.ad-container{min-height:90px;margin:var(--space-8) 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-placeholder{background:var(--bg-tertiary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);width:100%;min-height:90px;color:var(--text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.content-section{margin:var(--space-12) 0}.content-section h2{margin-bottom:var(--space-6);display:inline-block;position:relative}.content-section h2:after{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);width:60%;height:2px;position:absolute;bottom:-4px;left:0}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.faq-question{padding:var(--space-4) var(--space-6);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-question:hover{background:var(--bg-tertiary)}.faq-answer{padding:0 var(--space-6) var(--space-4);color:var(--text-secondary);line-height:var(--leading-relaxed)}.tips-list{padding:0;list-style:none}.tips-list li{padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-left:3px solid var(--accent-cyan);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-2)}.tutorial-step{gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex}.tutorial-step-number{background:var(--gradient-accent);border-radius:var(--radius-full);width:32px;height:32px;font-weight:700;font-size:var(--text-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-step-content{color:var(--text-secondary);line-height:var(--leading-relaxed)}:root{--p2m-duration-slow:4s;--p2m-duration-medium:2s;--p2m-duration-fast:.3s;--p2m-ease-float:cubic-bezier(.45, 0, .55, 1);--p2m-ease-pulse:cubic-bezier(.4, 0, .2, 1);--p2m-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--p2m-ease-smooth:cubic-bezier(.4, 0, .2, 1)}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text{background:linear-gradient(135deg,#00e5ff 0%,#448aff 33%,#7c4dff 66%,#00e5ff 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;background-clip:text;animation:4s infinite gradient-shift}@keyframes hero-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes hero-title-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{animation:.8s cubic-bezier(.4,0,.2,1) forwards hero-title-enter}.hero-tagline{opacity:0;animation:.8s cubic-bezier(.4,0,.2,1) .15s forwards hero-title-enter}.feature-card{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s,border-color .4s}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 12px 32px #0000004d}.feature-icon{animation:icon-float 4s var(--p2m-ease-float) infinite;animation-delay:calc(var(--feature-index,0) * .3s);display:inline-block}.game-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s}.game-btn:hover{transform:translateY(-2px)}.game-btn:active{transform:translateY(0)scale(.97)}@keyframes underline-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.section-title{position:relative}.section-title:after{content:"";background:var(--gradient-accent);border-radius:var(--radius-full);width:60px;height:3px;animation:.6s cubic-bezier(.4,0,.2,1) .3s forwards underline-expand;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scaleX(0)}.filter-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn.active{animation:filter-pulse 2s var(--p2m-ease-pulse) infinite}@keyframes filter-pulse{0%,to{box-shadow:0 0 #00e5ff00}50%{box-shadow:0 0 0 4px #00e5ff26}}.badge{transition:all .3s}.badge:hover{transform:scale(1.05)}.nav-link{position:relative}.nav-link:after{content:"";background:var(--accent-cyan);border-radius:var(--radius-full);width:60%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover:after{transform:translate(-50%)scaleX(1)}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gradient-text{background-position:0%;animation:none!important}.section-title:after{transform:translate(-50%)scaleX(1);animation:none!important}}body{visibility:hidden}html[data-loaded] body{visibility:visible}.skip-link{background:var(--accent-cyan);color:#000;border-radius:var(--radius-sm);z-index:1000;padding:8px 16px;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:8px}.skip-link:focus{top:8px}.animated-logo[data-astro-cid-bd4omsvg]{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);z-index:101;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.animated-logo[data-astro-cid-bd4omsvg]:hover{transform:scale(1.05)}.animated-logo[data-astro-cid-bd4omsvg]:hover .logo-svg[data-astro-cid-bd4omsvg]{filter:drop-shadow(0 0 12px #00e5ff66)}.logo-svg[data-astro-cid-bd4omsvg]{transition:filter .3s}.logo-text[data-astro-cid-bd4omsvg]{transition:text-shadow .3s}.animated-logo[data-astro-cid-bd4omsvg]:hover .logo-text[data-astro-cid-bd4omsvg]{text-shadow:0 0 20px #7c4dff4d}@media (prefers-reduced-motion:reduce){.logo-svg[data-astro-cid-bd4omsvg] [data-astro-cid-bd4omsvg][dur]{animation:none!important}}.header[data-astro-cid-isef26zo]{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);height:var(--header-height);background:#0a0a0fd9;position:sticky;top:0}.header-inner[data-astro-cid-isef26zo]{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-list[data-astro-cid-isef26zo]{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-link[data-astro-cid-isef26zo]{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.nav-link[data-astro-cid-isef26zo]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-menu-btn[data-astro-cid-isef26zo]{cursor:pointer;padding:var(--space-2);z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.hamburger-line[data-astro-cid-isef26zo]{background:var(--text-primary);border-radius:var(--radius-full);width:24px;height:2px;transition:all var(--transition-fast)}.mobile-nav[data-astro-cid-isef26zo]{top:var(--header-height);background:var(--bg-primary);padding:var(--space-8);z-index:99;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav[data-astro-cid-isef26zo][aria-hidden=false]{display:block}.mobile-nav-list[data-astro-cid-isef26zo]{margin:0;padding:0;list-style:none}.mobile-nav-link[data-astro-cid-isef26zo]{padding:var(--space-4);color:var(--text-primary);font-size:var(--text-lg);border-radius:var(--radius-md);transition:background var(--transition-fast);font-weight:600;display:block}.mobile-nav-link[data-astro-cid-isef26zo]:hover{background:var(--bg-tertiary)}@media (width<=768px){.nav-desktop[data-astro-cid-isef26zo]{display:none}.mobile-menu-btn[data-astro-cid-isef26zo]{display:flex}}.footer[data-astro-cid-oenwriqq]{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-16)}.footer-grid[data-astro-cid-oenwriqq]{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr;display:grid}.footer-logo[data-astro-cid-oenwriqq]{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);margin-bottom:var(--space-4);text-decoration:none;display:flex}.footer-tagline[data-astro-cid-oenwriqq]{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.footer-description[data-astro-cid-oenwriqq]{font-size:var(--text-sm);color:var(--text-muted);max-width:400px}.footer-heading[data-astro-cid-oenwriqq]{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-4);font-weight:600}.footer-links[data-astro-cid-oenwriqq] ul[data-astro-cid-oenwriqq]{margin:0;padding:0;list-style:none}.footer-links[data-astro-cid-oenwriqq] li[data-astro-cid-oenwriqq]{margin-bottom:var(--space-2)}.footer-links[data-astro-cid-oenwriqq] a[data-astro-cid-oenwriqq]{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links[data-astro-cid-oenwriqq] a[data-astro-cid-oenwriqq]:hover{color:var(--accent-cyan)}.footer-bottom[data-astro-cid-oenwriqq]{border-top:1px solid var(--border-subtle);padding-top:var(--space-8);text-align:center}.footer-copyright[data-astro-cid-oenwriqq]{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.footer-disclosure[data-astro-cid-oenwriqq]{font-size:var(--text-xs);color:var(--text-muted)}.footer-disclosure[data-astro-cid-oenwriqq] a[data-astro-cid-oenwriqq]{color:var(--text-muted);text-decoration:underline}@media (width<=768px){.footer[data-astro-cid-oenwriqq]{padding:var(--space-12) 0 var(--space-6)}.footer-grid[data-astro-cid-oenwriqq]{gap:var(--space-8);grid-template-columns:1fr}}