:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8fc;--surface:#fff;--text:#111827;--muted:#667085;--primary:#4f46e5;--primary-hover:#4338ca;--success:#047857;--error:#b42318;--warning:#b54708;--focus:#2563eb;--border:#e4e7ec;--ink-blue:#272b61;font-family:InterVariable,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.skip-link{z-index:100;background:var(--text);color:#fff;border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#ffffffd1;height:76px;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:28px;max-width:1180px;height:100%;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:-.035em;align-items:center;gap:10px;font-size:20px;font-weight:820;text-decoration:none;display:inline-flex}.brand-dot{color:var(--primary);font-weight:760}.brand-mark{color:#fff;background:var(--primary);border-radius:11px;place-items:center;width:34px;height:34px;font-family:ui-monospace,monospace;display:grid;position:relative;box-shadow:inset 0 -2px #0000001f,0 6px 15px #4f46e538}.brand-mark:before{content:"";border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute}.brand-mark span{font-size:13px;font-weight:900;transform:translate(7px,7px)}.header-inner nav{align-items:center;gap:28px;display:flex}.header-inner nav a{color:var(--muted);font-size:14px;font-weight:680;text-decoration:none;position:relative}.header-inner nav a.active{color:var(--text)}.header-inner nav a.active:after{content:"";background:var(--primary);border-radius:9px;width:22px;height:3px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.icon-button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--muted);cursor:pointer;border-radius:12px}.home-shell{grid-template-columns:minmax(0,.9fr) minmax(430px,.7fr);align-items:center;gap:clamp(48px,8vw,112px);max-width:1180px;min-height:calc(100vh - 76px);margin:auto;padding:64px 28px 48px;display:grid;position:relative;overflow:clip}.home-shell:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e517,#4f46e500 67%);border-radius:50%;width:520px;height:520px;position:absolute;top:40px;right:-160px}.hero-copy{align-self:center}.eyebrow,.section-kicker{color:var(--primary);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:820}.live-dot{background:#16a34a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #16a34a1a}h1{letter-spacing:-.062em;max-width:660px;color:var(--ink-blue);margin:20px 0 18px;font-size:clamp(44px,5.5vw,76px);line-height:.98}h1 span{color:var(--primary)}.hero-copy>p{max-width:600px;color:var(--muted);font-size:18px;line-height:1.7}.quick-stats{gap:38px;margin-top:42px;display:flex}.quick-stats div{border-left:2px solid var(--border);gap:5px;padding-left:14px;display:grid}.quick-stats strong{font-variant-numeric:tabular-nums;color:var(--ink-blue);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:18px}.quick-stats span{color:var(--muted);font-size:12px}.game-card{z-index:1;background:var(--surface);border:1px solid #e4e7ece6;border-radius:28px;width:100%;min-height:520px;padding:38px;position:relative;overflow:hidden;box-shadow:0 26px 70px #1f235b21,0 4px 12px #1f235b0d}.game-card:before{content:"";background:linear-gradient(90deg, var(--primary), #7c3aed, #22c55e);height:4px;position:absolute;inset:0 0 auto}.game-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.game-badge{color:var(--primary);background:#eef2ff;border-radius:99px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:760;display:inline-flex}.game-intro h2{letter-spacing:-.035em;color:var(--ink-blue);margin:20px 0 6px;font-size:28px}.game-intro>p{color:var(--muted);font-size:14px}.preview-equation{color:var(--ink-blue);letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:44px 0 38px;font:750 50px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-equation span{color:var(--primary)}.primary-button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:15px;width:100%;max-width:330px;min-height:56px;padding:0 24px;font-weight:760;transition:transform .11s,background .11s;box-shadow:0 8px 22px #4f46e540}.primary-button:hover{background:var(--primary-hover)}.primary-button:active{transform:translateY(1px)scale(.99)}.primary-button span{margin-left:18px}.privacy-note{margin:18px 0 0!important;font-size:12px!important}.turnstile-gate{justify-items:center;gap:6px;min-height:88px;display:grid}.turnstile-gate p{color:var(--muted);margin:0;font-size:12px}.keyboard-hint{text-align:center;color:var(--muted);grid-column:2;margin:-28px 0 0;font-size:11px}kbd{border:1px solid var(--border);color:var(--text);background:#fff;border-bottom-width:2px;border-radius:5px;margin-left:8px;padding:3px 6px;font:10px ui-monospace,monospace}.active-game{flex-direction:column;align-items:center;display:flex}.game-status{justify-content:space-between;width:100%;display:flex}.game-status div{gap:3px;display:grid}.game-status div:last-child{text-align:right}.game-status span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.game-status strong{color:var(--ink-blue);font-variant-numeric:tabular-nums;font:760 28px ui-monospace,monospace}.timer-track{background:#eef0f6;border-radius:99px;width:100%;height:5px;margin:16px 0 56px;overflow:hidden}.timer-track span{background:var(--primary);height:100%;transition:width 1s linear;display:block}.equation{color:var(--ink-blue);font-variant-numeric:tabular-nums;align-items:center;gap:15px;font:760 48px/1 ui-monospace,monospace;display:flex}.equation b{color:var(--primary);font-weight:600}.answer-input{text-align:center;width:155px;height:72px;color:var(--ink-blue);background:#f8faff;border:2px solid #c7d2fe;border-radius:15px;outline:none;margin:26px 0 8px;font:760 38px ui-monospace,monospace}.answer-input:focus{border-color:var(--focus);box-shadow:0 0 0 4px #2563eb26}.feedback{height:20px;color:var(--muted);margin:0 0 14px;font-size:13px}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,300px);display:grid}.keypad button{border:1px solid var(--border);min-height:48px;color:var(--ink-blue);cursor:pointer;background:#f9fafb;border-radius:11px;font-weight:760}.keypad button:active{background:#eef2ff;transform:scale(.97)}.keypad .submit-key{background:var(--primary);color:#fff;border-color:var(--primary)}.result-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-label{color:var(--muted);margin:36px 0 0}.result-score{color:var(--primary);font:800 104px/1 ui-monospace,monospace}.result-copy{max-width:300px;color:var(--muted);margin:20px 0 32px;line-height:1.5}.below-fold{background:var(--ink-blue);color:#fff;padding:86px max(28px,50vw - 562px)}.below-fold>div:first-child{justify-content:space-between;align-items:end;gap:30px;display:flex}.below-fold h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(34px,5vw,54px)}.section-kicker{color:#a5b4fc}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;display:grid}.feature-grid article{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:28px}.feature-grid article>span{color:#a5b4fc;font:700 12px ui-monospace,monospace}.feature-grid h3{margin:25px 0 10px}.feature-grid p{color:#cbd5e1;margin:0;font-size:14px;line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=820px){.home-shell{grid-template-columns:1fr;gap:34px;padding-top:42px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.quick-stats{justify-content:center}.game-card{max-width:520px;margin:auto}.keyboard-hint{grid-column:1;margin-top:-18px}}@media (width<=560px){.site-header{height:64px}.header-inner{padding:0 16px}.header-inner nav{display:none}.home-shell{min-height:calc(100vh - 64px);padding:32px 14px 40px}.hero-copy .eyebrow{font-size:10px}h1{margin-top:16px;font-size:clamp(40px,12.5vw,58px)}.hero-copy>p{font-size:15px;line-height:1.6}.quick-stats{gap:16px;margin-top:28px}.quick-stats div{padding-left:9px}.quick-stats strong{font-size:14px}.quick-stats span{font-size:10px}.game-card{border-radius:22px;min-height:480px;padding:26px 20px}.preview-equation{margin:42px 0 36px;font-size:42px}.keyboard-hint{display:none}.feature-grid{grid-template-columns:1fr}.below-fold{padding-top:64px;padding-bottom:64px}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0f172a;--surface:#162033;--text:#f8fafc;--muted:#94a3b8;--border:#334155;--primary:#818cf8;--primary-hover:#a5b4fc;--success:#34d399;--error:#fca5a5;--warning:#fbbf24;--ink-blue:#f8fafc}[data-theme=dark] .site-header{background:#0f172ad9}[data-theme=dark] .game-badge{background:#818cf81f}[data-theme=dark] .answer-input,[data-theme=dark] .keypad button,[data-theme=dark] kbd,[data-theme=dark] .icon-button{background:#111b2d}[data-theme=dark] .keypad .submit-key{background:var(--primary);color:#111827}[data-theme=dark] .primary-button{color:#111827}[data-theme=dark] .shortcut-section,[data-theme=dark] .editorial-section,[data-theme=dark] .faq-section,[data-theme=dark] .config-card,[data-theme=dark] .leaderboard-card,[data-theme=dark] .trend-card,[data-theme=dark] .recent-card,[data-theme=dark] .device-notice,[data-theme=dark] .settings-panel,[data-theme=dark] .content-sections section,[data-theme=dark] .mode-guide aside,[data-theme=dark] .technique-section article{background:var(--surface)}[data-theme=dark] .mode-chips button,[data-theme=dark] .segmented button,[data-theme=dark] .table-chips button,[data-theme=dark] select,[data-theme=dark] .settings-panel input,[data-theme=dark] .split-heading input{color:var(--text);background:#111b2d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-motion=on] *,[data-motion=on] :before,[data-motion=on] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.header-actions{align-items:center;gap:10px;display:flex}.streak-pill{color:var(--warning);align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.mobile-nav{display:none}.text-link,.back-link{color:var(--primary);text-underline-offset:3px;font-size:13px;font-weight:740}.game-intro .text-link{margin-top:18px}.notice{color:var(--muted);max-width:420px;font-size:12px;line-height:1.45}.secondary-button{border:1px solid var(--border);min-height:48px;color:var(--text);cursor:pointer;background:0 0;border-radius:13px;padding:0 20px;font-weight:730}.text-button{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:730}.game-status{grid-template-columns:repeat(3,1fr);display:grid}.game-status .status-score{text-align:center}.combo-value{text-align:right;opacity:.55}.combo-value.visible{opacity:1;color:var(--primary)}.timer-track.urgent span{background:var(--warning)}.feedback-correct .answer-input{border-color:var(--success);box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 14%, transparent)}.feedback-incorrect .answer-input{border-color:var(--error)}.feedback-correct .feedback{color:var(--success);font-weight:750}.feedback-incorrect .feedback{color:var(--error);font-weight:750}.skip-button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;font-weight:700}.skip-button span{border:1px solid var(--border);border-radius:5px;margin-left:5px;padding:2px 6px;font-size:10px}.result-statement{color:var(--success);margin-top:16px;font-size:20px;font-weight:820}.result-metrics{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:18px;display:grid}.result-metrics div{border:1px solid var(--border);border-radius:12px;gap:3px;padding:12px 6px;display:grid}.result-metrics strong{color:var(--ink-blue);font:760 17px ui-monospace,monospace}.result-metrics span{color:var(--muted);font-size:10px}.result-actions{justify-items:center;gap:9px;width:100%;display:grid}.shortcut-section{background:#fff;padding:80px max(28px,50vw - 562px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2{letter-spacing:-.04em;color:var(--ink-blue);margin:10px 0 0;font-size:clamp(30px,4vw,48px)}.section-heading>a{color:var(--primary);font-weight:730}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px;display:grid}.shortcut-grid a{border:1px solid var(--border);border-radius:17px;gap:7px;padding:24px;text-decoration:none;transition:transform .12s,border-color .12s;display:grid}.shortcut-grid a:hover{border-color:#c7d2fe;transform:translateY(-2px)}.shortcut-grid a>span{width:40px;height:40px;color:var(--primary);background:#eef2ff;border-radius:11px;place-items:center;font:760 23px ui-monospace,monospace;display:grid}.shortcut-grid a strong{color:var(--ink-blue);margin-top:12px}.shortcut-grid a small{color:var(--muted);line-height:1.45}.editorial-section{background:#fff;grid-template-columns:minmax(0,1fr) 340px;gap:80px;padding:94px max(28px,50vw - 562px);display:grid}.editorial-section h2,.faq-section h2,.technique-section h2,.related-section h2{color:var(--ink-blue);letter-spacing:-.04em;margin:12px 0 26px;font-size:clamp(32px,4vw,48px)}.editorial-section article p{color:var(--muted);font-size:16px;line-height:1.8}.editorial-section aside{border:1px solid var(--border);background:var(--background);border-radius:19px;align-self:start;padding:28px}.editorial-section aside h2{margin:0 0 24px;font-size:23px}.editorial-section ol{gap:22px;padding-left:22px;display:grid}.editorial-section li{padding-left:6px}.editorial-section li strong,.editorial-section li span{display:block}.editorial-section li span{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.45}.editorial-section aside a{color:var(--primary);font-size:13px;font-weight:740}.faq-section{background:var(--background);padding:88px max(28px,50vw - 465px)}.faq-section details{border-top:1px solid var(--border);padding:20px 0}.faq-section details:last-child{border-bottom:1px solid var(--border)}.faq-section summary{cursor:pointer;color:var(--ink-blue);font-weight:760}.faq-section details p{color:var(--muted);max-width:750px;line-height:1.65}.app-page{max-width:1180px;min-height:calc(100vh - 76px);margin:auto;padding:70px 28px 110px}.narrow-page{max-width:940px}.page-heading{margin-bottom:34px}.page-heading h1,.config-copy h1,.content-page h1,.seo-copy h1{color:var(--ink-blue);letter-spacing:-.055em;margin:14px 0;font-size:clamp(43px,6vw,72px);line-height:1}.page-heading>p,.config-copy>p{color:var(--muted);font-size:17px}.split-heading{justify-content:space-between;align-items:end;display:flex}.split-heading label{color:var(--muted);gap:7px;font-size:12px;font-weight:720;display:grid}.split-heading input{border:1px solid var(--border);border-radius:10px;min-height:44px;padding:0 12px}.configurator{grid-template-columns:.7fr 1.3fr;align-items:start;gap:62px;display:grid}.configurator>*,.config-card,.config-row,.segmented{min-width:0;max-width:100%}.config-card{border:1px solid var(--border);background:#fff;border-radius:23px;padding:32px;box-shadow:0 20px 60px #1f235b14}fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}legend{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin-bottom:11px;font-size:11px;font-weight:800}.mode-chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode-chips button{border:1px solid var(--border);min-height:68px;color:var(--muted);cursor:pointer;background:#fafbfe;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.mode-chips button span{color:var(--ink-blue);font:750 21px ui-monospace,monospace}.mode-chips button.selected,.segmented button.selected,.table-chips button.selected{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#eef2ff}.config-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.segmented{border:1px solid var(--border);border-radius:12px;padding:4px;display:flex;overflow-x:auto}.segmented button{min-height:40px;color:var(--muted);cursor:pointer;background:#fff;border:0;border-radius:8px;flex:1 0 auto;padding:0 11px;font-size:12px;font-weight:700}.segmented button.selected{box-shadow:none}.table-chips{flex-wrap:wrap;gap:7px;display:flex}.table-chips button{border:1px solid var(--border);width:42px;height:42px;color:var(--text);cursor:pointer;background:#fff;border-radius:10px;font-weight:740}.config-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.config-footer>div{gap:2px;display:grid}.config-footer>div span{color:var(--muted);font-size:11px}.config-footer>div strong{font:760 27px ui-monospace,monospace}.practice-game-wrap{max-width:680px;margin:auto}.practice-game-wrap .back-link{cursor:pointer;background:0 0;border:0;margin-bottom:18px;display:inline-block}.device-notice{background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;gap:14px;padding:18px;display:flex}.device-notice>span{color:var(--primary)}.device-notice strong,.device-notice p{margin:0;display:block}.device-notice p{color:var(--muted);margin-top:3px;font-size:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.metric-grid article{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;min-height:160px;padding:21px;display:flex}.metric-grid article>span{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:760}.metric-grid article>strong{color:var(--ink-blue);margin-top:14px;font:780 32px ui-monospace,monospace}.metric-grid small{color:var(--muted);font-size:11px}.metric-grid article p{color:var(--muted);margin-top:auto;font-size:11px;line-height:1.45}.activity-strip{gap:4px;margin-top:auto;display:flex}.activity-strip i{background:var(--border);border-radius:4px;width:100%;height:8px}.activity-strip i.active{background:var(--success)}.trend-card,.recent-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-top:20px;padding:28px}.trend-card{grid-template-columns:1fr 1.5fr;align-items:end;gap:30px;display:grid}.trend-card h2,.recent-card h2{color:var(--ink-blue);margin:7px 0 0}.mini-chart{border-bottom:1px solid var(--border);align-items:end;gap:12px;height:150px;display:flex}.mini-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.mini-chart>div span{background:linear-gradient(var(--primary), #818cf8);border-radius:6px 6px 0 0;width:75%;min-height:4px;max-height:120px;display:block}.mini-chart small{color:var(--muted)}.attempt-list article{border-top:1px solid var(--border);grid-template-columns:1fr 50px 60px;align-items:center;gap:12px;padding:15px 0;display:grid}.attempt-list article>div{text-transform:capitalize;gap:3px;display:grid}.attempt-list article>div span,.attempt-list article>span{color:var(--muted);font-size:11px}.attempt-list article>strong{font:760 18px ui-monospace,monospace}.empty-state{text-align:center;padding:58px 20px}.empty-state strong{font-size:20px}.empty-state p{color:var(--muted);margin-bottom:24px}.empty-state .primary-button{place-items:center;text-decoration:none;display:inline-grid}.danger-link{color:var(--error);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:22px;text-decoration:underline}.confirm-dialog,.settings-dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:20px;box-shadow:0 30px 100px #00000040}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c}.confirm-dialog{max-width:500px;padding:30px}.confirm-dialog p{color:var(--muted);line-height:1.6}.confirm-dialog>div{justify-content:end;gap:10px;display:flex}.danger-button{background:var(--error);color:#fff;border:0;border-radius:12px;min-height:48px;padding:0 18px;font-weight:730}.leaderboard-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:28px}.leaderboard-tabs{border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.leaderboard-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 17px;font-weight:720}.leaderboard-tabs button.selected{background:var(--primary);color:#fff}.verified-count{color:var(--muted);font-size:12px}.verified-count span{color:var(--success)}.ranking-table{margin-top:24px}.ranking-head,.ranking-table [role=row]{border-top:1px solid var(--border);grid-template-columns:70px 1fr 80px 90px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:grid}.ranking-head{min-height:38px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.ranking-table [role=row]>span{color:var(--muted);font:12px ui-monospace,monospace}.ranking-table [role=row].you{color:var(--primary);background:#eef2ff;border-top-color:#0000;border-radius:10px}.table-state{min-height:230px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.table-state strong{color:var(--ink-blue)}.verification-link{color:var(--primary);margin-top:20px;font-size:12px;font-weight:720;display:inline-block}.settings-dialog{width:min(440px,100% - 28px);max-height:calc(100dvh - 28px);padding:0}.settings-panel{padding:27px}.settings-panel header{justify-content:space-between;align-items:start;display:flex}.settings-panel header h2{margin:6px 0 0;font-size:28px}.settings-panel header button{border:1px solid var(--border);width:40px;height:40px;color:var(--text);background:0 0;border-radius:10px;font-size:23px}.settings-panel section{border-bottom:1px solid var(--border);padding:20px 0}.settings-panel section h3{margin:0 0 14px;font-size:13px}.settings-panel section>label:not(.toggle-row){color:var(--muted);grid-template-columns:1fr 150px;align-items:center;gap:10px;margin-top:10px;font-size:13px;display:grid}.settings-panel select,.settings-panel input{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);border-radius:9px;padding:0 10px}.toggle-row{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.toggle-row span{gap:2px;display:grid}.toggle-row small,.settings-panel section>small{color:var(--muted)}.toggle-row input{width:22px;min-height:22px;accent-color:var(--primary)}.name-row{gap:8px;display:flex}.name-row input{flex:1}.name-row button{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:0 14px;font-weight:720}.settings-panel footer{flex-wrap:wrap;align-items:center;gap:15px;padding-top:20px;display:flex}.settings-panel footer a{color:var(--primary);font-size:12px}.settings-panel footer .danger-link{margin:0 0 0 auto}.challenge-page{max-width:1100px}.challenge-wrap{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;display:grid}.challenge-callout h1{color:var(--ink-blue);letter-spacing:-.055em;font-size:clamp(42px,6vw,68px);line-height:1.02}.challenge-callout>p{color:var(--muted);font-size:18px}.challenge-callout>div{flex-wrap:wrap;gap:10px;display:flex}.challenge-callout>div span{color:var(--primary);background:#eef2ff;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:720}.challenge-loading,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:620px;margin:auto;display:flex}.error-state>span{color:var(--primary);font:800 70px ui-monospace,monospace}.error-state h1{font-size:32px;line-height:1.1}.error-state p{color:var(--muted)}.error-state .primary-button{place-items:center;margin-top:16px;text-decoration:none;display:grid}.share-result-page{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:50px;display:flex}.share-result-page h1{color:var(--ink-blue);letter-spacing:-.06em;margin:18px 0;font-size:clamp(50px,8vw,90px)}.share-result-page p{color:var(--muted)}.share-result-page .primary-button{place-items:center;margin-top:24px;text-decoration:none;display:grid}.shared-metrics{gap:12px;display:flex}.shared-metrics div{border:1px solid var(--border);border-radius:14px;gap:4px;padding:18px;display:grid}.shared-metrics span{color:var(--muted);font-size:11px}.seo-game-page{padding-bottom:80px}.seo-game-hero{grid-template-columns:.9fr minmax(430px,.7fr);align-items:center;gap:80px;max-width:1180px;min-height:calc(100vh - 76px);margin:auto;padding:64px 28px;display:grid}.seo-copy>p{max-width:590px;color:var(--muted);font-size:17px;line-height:1.7}.seo-copy ul{color:var(--muted);flex-wrap:wrap;gap:10px 24px;padding:0;font-size:12px;list-style:none;display:flex}.seo-copy li:before{content:"✓";color:var(--success);margin-right:6px;font-weight:900}.mode-guide{background:var(--surface);grid-template-columns:1.5fr .7fr;gap:70px;padding:90px max(28px,50vw - 525px);display:grid}.mode-guide h2{color:var(--ink-blue);letter-spacing:-.035em;font-size:34px}.mode-guide p{color:var(--muted);line-height:1.75}.mode-guide aside{border:1px solid var(--border);background:var(--background);border-radius:17px;padding:26px}.mode-guide aside h2{margin-top:0;font-size:21px}.mode-guide aside>strong{color:var(--primary);font:740 16px ui-monospace,monospace}.mode-guide aside a{color:var(--primary);font-size:12px;font-weight:720}.technique-section{padding:90px max(28px,50vw - 550px)}.technique-section>div{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.technique-section article{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:26px}.technique-section article>span{color:var(--primary);font:720 14px ui-monospace,monospace}.technique-section h3{color:var(--ink-blue);margin:24px 0 8px}.technique-section p{color:var(--muted);font-size:14px;line-height:1.6}.related-section{text-align:center;padding:70px max(28px,50vw - 475px)}.related-section h2{font-size:30px}.related-section>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.related-section a{border:1px solid var(--border);color:var(--primary);border-radius:99px;padding:10px 14px;font-size:13px;font-weight:720;text-decoration:none}.content-page{max-width:950px;margin:auto;padding:100px 28px}.content-page>header{max-width:800px;margin-bottom:60px}.content-page>header>p{color:var(--muted);font-size:20px;line-height:1.65}.content-sections{gap:15px;display:grid}.content-sections section{border:1px solid var(--border);background:var(--surface);border-radius:17px;padding:28px}.content-sections h2{color:var(--ink-blue);margin:0 0 10px;font-size:21px}.content-sections p{color:var(--muted);margin:0;line-height:1.75}.content-cta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:50px;padding:25px 0;display:flex}.content-cta .primary-button{place-items:center;text-decoration:none;display:grid}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:28px;display:flex}.not-found>span{color:var(--primary);font:800 90px ui-monospace,monospace}.not-found h1{margin:5px 0;font-size:clamp(40px,7vw,68px)}.not-found p{color:var(--muted)}.not-found .primary-button{place-items:center;margin-top:20px;text-decoration:none;display:grid}@media (width<=900px){.shortcut-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.editorial-section,.configurator,.challenge-wrap,.mode-guide,.seo-game-hero{grid-template-columns:1fr;gap:40px}.seo-copy{text-align:center}.seo-copy>p{margin-left:auto;margin-right:auto}.seo-copy ul{justify-content:center}.trend-card{grid-template-columns:1fr}}@media (width<=640px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.mobile-nav{z-index:20;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{min-height:48px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:720;text-decoration:none;display:flex}.mobile-nav a span{font:740 18px ui-monospace,monospace}.mobile-nav a.active{color:var(--primary)}.header-actions .streak-pill{display:none}.shortcut-section,.editorial-section,.faq-section,.app-page,.content-page,.technique-section,.related-section{padding-left:16px;padding-right:16px}.shortcut-grid,.metric-grid,.technique-section>div{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(2,1fr)}.shortcut-grid a{padding:17px}.editorial-section{gap:35px}.below-fold>div:first-child,.section-heading,.split-heading{flex-direction:column;align-items:start}.config-card{padding:20px 14px}.mode-chips{scroll-snap-type:x mandatory;padding-bottom:5px;display:flex;overflow-x:auto}.mode-chips button{scroll-snap-align:start;min-width:92px}.config-row{grid-template-columns:1fr;gap:0}.config-footer{flex-direction:column;align-items:stretch}.config-footer .primary-button{max-width:none}.leaderboard-card{padding:16px 10px}.leaderboard-tabs{width:100%}.leaderboard-tabs button{flex:1;padding:0 8px;font-size:11px}.ranking-head,.ranking-table [role=row]{grid-template-columns:45px 1fr 55px 60px;gap:5px;padding:0 6px;font-size:11px}.challenge-page{padding-top:42px}.challenge-callout{text-align:center}.challenge-callout>div{justify-content:center}.seo-game-hero{min-height:auto;padding:42px 14px 60px}.mode-guide{padding:65px 16px}.technique-section{padding-top:65px}.content-cta{flex-direction:column;align-items:stretch}.share-result-page{min-height:480px;padding:24px 16px}.shared-metrics{flex-direction:column}.game-card.active-game{border-left:0;border-right:0;border-radius:0;width:calc(100% + 28px);min-height:calc(100dvh - 108px);margin-left:-14px}.active-game~.mobile-nav,body[data-game-active=true] .mobile-nav{display:none}body[data-game-active=true]{padding-bottom:0;overflow:hidden}}