@font-face{font-family:Super Trend;src:url(/fonts/super-trend.ttf)format("truetype");font-display:swap}:root{--color-primary:#ff6b35;--color-secondary:#f7931e;--color-background:#1a1a2e;--color-surface:#16213e;--color-surface-raised:#1f2b4d;--color-splash:#082e6c;--color-easy:#4caf50;--color-complex:#ff9800;--color-hard:#4a4a4a;--color-joker:#9c27b0;--color-text:#fff;--color-text-secondary:#b8b8c8;--color-border:#ffffff1a;--font-display:"Super Trend", "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-md:12px;--radius-lg:20px;--space-section:clamp(56px, 9vw, 104px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-secondary)}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px;border-radius:4px}h1,h2,h3{margin:0 0 .5em;line-height:1.2}ul,ol{margin:0;padding:0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.muted{color:var(--color-text-secondary)}.small{font-size:.875rem}.center{text-align:center}.accent{color:var(--color-primary)}.eyebrow{color:var(--color-primary);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:800}.display{font-family:var(--font-display);letter-spacing:.01em;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:400;line-height:1.05}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:10;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);padding:8px 16px;top:16px;left:16px}.site-header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#1a1a2ed9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{color:var(--color-text);font-family:var(--font-display);align-items:center;gap:10px;font-size:1.5rem;text-decoration:none;display:flex}.brand img{border-radius:10px}.nav-list{gap:4px;list-style:none;display:flex}.nav-list a{border-radius:var(--radius-md);color:var(--color-text-secondary);padding:10px 12px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.nav-list a:hover,.nav-list a[aria-current=page]{color:var(--color-text);background:var(--color-surface)}.button,.store-button{border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 22px;font-weight:800;text-decoration:none;display:inline-flex}.button{background:var(--color-primary);color:#fff;box-shadow:0 8px 24px #ff6b3559}.button:hover{color:#fff;background:#ff7d4d}.store-button{color:#fff;background:#000;border:1px solid #ffffff59;padding:8px 20px}.store-button:hover{color:#fff;border-color:#fff}.store-button.is-disabled{opacity:.75;cursor:default}.store-button-text{flex-direction:column;line-height:1.15;display:flex}.store-button-text small{font-size:.7rem;font-weight:500}.store-button-text strong{font-size:1.15rem}.hero{background:radial-gradient(circle at 80% 30%, #9c27b059, transparent 45%), radial-gradient(circle at 15% 80%, #ff6b3540, transparent 50%), linear-gradient(180deg, var(--color-splash), var(--color-background));position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(48px,8vw,96px);display:grid}.lead{color:var(--color-text-secondary);max-width:34em;margin:0 0 28px;font-size:1.2rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-actions p{margin:0}.hero-logo{filter:drop-shadow(0 24px 48px #00000080);width:min(100%,440px);margin:0 auto;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}.section{padding:var(--space-section) 0}.section-alt{background:var(--color-surface)}.section-title{font-family:var(--font-display);text-align:center;margin-bottom:40px;font-size:clamp(1.9rem,4vw,2.75rem);font-weight:400}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.section-alt .card{background:var(--color-surface-raised)}.card h3{font-size:1.15rem}.card p{margin:0}.card-icon{margin-bottom:12px;font-size:2rem;display:block}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.split{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.split .section-title{text-align:left}.subheading{margin-bottom:20px;font-size:1.25rem}.steps{counter-reset:step;gap:24px;list-style:none;display:grid}.steps li{counter-increment:step;padding-left:64px;position:relative}.steps li:before{content:counter(step);background:var(--color-primary);width:44px;height:44px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:1.4rem;display:grid;position:absolute;top:0;left:0}.steps h3{margin-bottom:4px;font-size:1.15rem}.steps p{margin:0}.difficulty-list{gap:14px;list-style:none;display:grid}.difficulty-list li{background:var(--color-surface-raised);border-radius:var(--radius-md);grid-template-columns:36px auto 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.tile{border-radius:8px 8px 50% 50%/8px 8px 30% 30%;width:36px;height:36px}.tile-easy{background:var(--color-easy)}.tile-complex{background:var(--color-complex)}.tile-hard{border:1px solid var(--color-hard);background:#111}.tile-joker{background:var(--color-joker)}.screenshot-row{grid-template-columns:repeat(3,minmax(0,280px));justify-content:center;gap:28px;list-style:none;display:grid}.screenshot-row img{border:1px solid var(--color-border);border-radius:28px;box-shadow:0 20px 50px #00000073}.screenshot-row li:nth-child(2){transform:translateY(-24px)}.mode-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px;list-style:none;display:grid}.mode-card{align-items:flex-start;gap:16px;display:flex}.mode-card .card-icon{margin:0}.mode-card h3{align-items:center;gap:10px;margin-bottom:4px;display:flex}.badge{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:#8be08f;background:#4caf5033;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:800}.badge-premium{color:var(--color-secondary);background:#f7931e33}.callout{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff6b351f,#9c27b01f);border:1px solid #ff6b3566;max-width:820px;margin:0 auto;padding:clamp(24px,4vw,40px)}.callout h2{font-size:1.5rem}.callout p:last-child{margin-bottom:0}.prose-page{max-width:820px;padding-top:clamp(40px,7vw,72px);padding-bottom:var(--space-section)}.page-hero h1{font-size:clamp(2rem,5vw,2.9rem);font-weight:800}.summary-card{border-radius:var(--radius-lg);background:var(--color-surface);border-left:4px solid var(--color-primary);margin-top:24px;padding:20px 24px}.summary-card p{margin-top:0}.summary-card p:last-child{margin-bottom:0}.prose section{margin-top:40px}.prose h2{font-size:1.35rem}.prose p,.prose li{color:#dcdce6}.prose ul{gap:8px;padding-left:1.25em;display:grid}.faq{gap:12px;display:grid}.faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px 20px}.faq summary{cursor:pointer;padding:14px 0;font-weight:700;list-style-position:outside}.faq details p{margin-top:0}.info-list{grid-template-columns:max-content 1fr;gap:10px 24px;margin:0;display:grid}.info-list dt{color:var(--color-text-secondary)}.info-list dd{margin:0}.not-found{text-align:center;padding-top:var(--space-section);padding-bottom:var(--space-section)}.site-footer{border-top:1px solid var(--color-border);background:#141426;padding:40px 0 24px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.footer-brand{font-family:var(--font-display);margin:0 0 4px;font-size:1.5rem}.footer-inner p{max-width:32em;margin:0}.footer-links{flex-wrap:wrap;gap:8px 20px;list-style:none;display:flex}.footer-links a{color:var(--color-text-secondary)}.footer-links a:hover{color:var(--color-text)}.copyright{margin-top:28px;font-size:.8rem}@media (width<=900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-inner,.split{grid-template-columns:1fr}.hero-visual{order:-1}.hero-logo{width:min(70%,320px)}}@media (width<=640px){body{font-size:16px}.header-inner{flex-direction:column;align-items:flex-start;gap:0;padding-top:10px}.nav-list{margin-left:-12px}.feature-grid,.mode-grid{grid-template-columns:1fr}.screenshot-row{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,70%);justify-content:start;padding-bottom:12px;overflow-x:auto}.screenshot-row li{scroll-snap-align:center}.screenshot-row li:nth-child(2){transform:none}.info-list{grid-template-columns:1fr;gap:2px}.info-list dd{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo{animation:none}}