:root{--bg: #05070B;--bg-soft: #0A0E14;--panel: #0F141D;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text-color: #F2F6FA;--text-dim: #8A97AB;--text-faint: #5B6B80;--off-color: #121924;--color-std: #2ff0c8;--color-bish: #d96bff;--color-bomb: #ff6a3d;--color-wall: #64748b;--color-archer: #9dff3d;--color-heavy: #4d8dff;--color-mirror: #35c4e8;--hint-color: #ffd166;--accent: var(--color-std);--accent-soft: rgba(47, 240, 200, .1);--accent-line: rgba(47, 240, 200, .28);--accent-glow: rgba(47, 240, 200, .35);--radius: 16px;--radius-lg: 20px;--max-width: 1040px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}body{margin:0;background:var(--bg);color:var(--text-color);font-family:Figtree,system-ui,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--max-width);margin:0 auto;padding:22px 20px}.wordmark{font-family:Space Grotesk,Figtree,system-ui,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:.14em;text-decoration:none}.wordmark.small{font-size:.95rem}.wordmark .accent{color:var(--accent)}.site-nav{display:flex;gap:20px;font-size:.9rem;color:var(--text-dim)}.site-nav a{text-decoration:none;transition:color .2s ease}.site-nav a:hover{color:var(--accent)}.hero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;padding:40px 20px 80px;overflow:hidden}.hero-grid{position:absolute;inset:-10% -5%;display:grid;gap:8px;z-index:0}.hero-cell{border-radius:10px;background:var(--off-color);animation:heroPulse var(--dur, 7s) ease-in-out infinite;animation-delay:var(--delay, 0s)}@keyframes heroPulse{0%,to{background:var(--off-color);box-shadow:none}14%{background:var(--tint, var(--color-std));box-shadow:0 0 18px var(--accent-glow)}34%{background:var(--off-color);box-shadow:none}}.hero-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(78% 62% at 50% 42%,#05070bf0,#05070bcc 55%,#05070b4d),linear-gradient(to bottom,rgba(5,7,11,.72),rgba(5,7,11,.18) 42%,var(--bg) 97%)}.hero-body{position:relative;z-index:2;max-width:660px;margin:0 auto;text-align:center}.hero h1{font-family:Space Grotesk,Figtree,system-ui,sans-serif;font-size:clamp(2.4rem,7vw,4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 18px}.lede{font-size:clamp(1rem,2.4vw,1.14rem);color:var(--text-dim);margin:0 auto 30px;max-width:34em}.cta-row{display:flex;flex-direction:column;align-items:center;gap:14px}.cta-primary{display:inline-block;background:var(--accent);color:#04130f;font-weight:800;font-size:1.02rem;text-decoration:none;padding:15px 34px;border-radius:999px;box-shadow:0 0 30px var(--accent-glow);transition:transform .15s ease,box-shadow .2s ease}.cta-primary:hover{transform:translateY(-1px);box-shadow:0 0 44px var(--accent-glow)}.cta-secondary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.badge-soon{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:7px 15px;font-size:.82rem;font-weight:700}.badge-soon:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.cta-note{font-size:.82rem;color:var(--text-faint)}.hero-foot{margin:26px 0 0;font-size:.86rem;color:var(--text-faint)}.section-title{font-family:Space Grotesk,Figtree,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2rem);text-align:center;margin:0 0 34px;letter-spacing:-.01em}.how,.modes,.closing{max-width:var(--max-width);margin:0 auto;padding:60px 20px}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.how-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px 26px}.how-card h3{font-size:1.05rem;margin:20px 0 8px}.how-card p{margin:0;color:var(--text-dim);font-size:.92rem}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:176px}.mini-cell{aspect-ratio:1;border-radius:8px;background:var(--off-color);display:grid;place-items:center;font-size:.8rem;color:#ffffff47}.mini-cell.on{background:var(--tint, var(--color-std));color:#0000008c;box-shadow:0 0 14px var(--accent-glow)}.mode-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.mode-list li{display:flex;align-items:flex-start;gap:14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.mode-icon{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:700;color:#0009}.mode-icon[data-mode=daily]{background:var(--color-std)}.mode-icon[data-mode=gauntlet]{background:var(--color-bomb)}.mode-icon[data-mode=blitz]{background:var(--hint-color)}.mode-icon[data-mode=practice]{background:var(--color-bish)}.mode-list strong{display:block;font-size:.98rem;margin-bottom:3px}.mode-list span{color:var(--text-dim);font-size:.88rem}.closing{text-align:center;padding-bottom:80px}.closing h2{font-family:Space Grotesk,Figtree,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2.1rem);margin:0 0 24px}.closing-note{margin:22px auto 0;max-width:34em;font-size:.86rem;color:var(--text-faint)}.site-footer{border-top:1px solid var(--border);padding:26px 20px 40px}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.site-footer nav{display:flex;gap:20px;font-size:.86rem;color:var(--text-dim)}.site-footer a{text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:var(--accent)}.prose{max-width:680px;margin:0 auto;padding:40px 20px 80px}.prose h1{font-family:Space Grotesk,Figtree,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.4rem);margin:0 0 6px}.prose .updated{color:var(--text-faint);font-size:.85rem;margin:0 0 32px}.prose h2{font-size:1.12rem;margin:36px 0 10px;padding-top:18px;border-top:1px solid var(--border)}.prose p,.prose li{color:var(--text-dim)}.prose li{margin-bottom:8px}.prose strong{color:var(--text-color)}.prose code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.88em;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:1px 6px}.callout{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);padding:16px 18px;margin:24px 0}.callout p{margin:0;color:var(--text-color)}