: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;--off-glyph: #2C3949;--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: 1120px;--display: "Space Grotesk", Figtree, system-ui, sans-serif}*{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}.eyebrow{margin:0 0 10px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.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:var(--display);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)}@media (max-width: 560px){.site-nav a:not(:last-child){display:none}}.hero{position:relative;padding:24px 20px 72px;overflow:hidden}.hero-grid{position:absolute;inset:-10% -5%;display:grid;gap:8px;z-index:0;opacity:.4}.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(70% 70% at 22% 40%,#05070bf2,#05070bc7 55%,#05070b52),linear-gradient(to bottom,rgba(5,7,11,.7),rgba(5,7,11,.3) 45%,var(--bg) 98%)}.hero-inner{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;padding:28px 0 0}.hero-body{max-width:34em}.hero h1{font-family:var(--display);font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1.04;letter-spacing:-.02em;margin:0 0 18px}.lede{font-size:clamp(1rem,1.6vw,1.12rem);color:var(--text-dim);margin:0 0 30px}.store-cta{margin:0}.store-plaque{display:inline-flex;flex-direction:column;gap:1px;margin:0;padding:13px 28px;border-radius:14px;background:linear-gradient(180deg,#2ff0c829,#2ff0c80f);border:1px solid var(--accent-line);box-shadow:0 0 34px #2ff0c829,inset 0 1px #ffffff0f;line-height:1.2}.store-plaque-kicker{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.store-plaque-name{font-family:var(--display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;color:var(--text-color)}.store-note{margin:12px 0 0;font-size:.86rem;color:var(--text-dim)}.demo{background:linear-gradient(180deg,#141b26f5,#0a0e14f5);border:1px solid var(--border-strong);border-radius:24px;padding:22px;box-shadow:0 30px 70px -30px #000000e6}.demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.demo-head .eyebrow{margin-bottom:6px}.demo-title{font-family:var(--display);font-size:1.1rem;margin:0;letter-spacing:-.01em}.demo-score{display:flex;gap:18px;margin:0;text-align:right}.demo-score dt{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.demo-score dd{margin:2px 0 0;font-family:var(--display);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}.demo-board{display:grid;grid-template-columns:repeat(var(--demo-size, 5),1fr);gap:9px}.demo-cell{aspect-ratio:1;appearance:none;padding:0;font:inherit;font-size:clamp(.95rem,2.4vw,1.3rem);font-weight:600;border:1px solid var(--border);border-radius:13px;background:var(--off-color);color:var(--off-glyph);cursor:pointer;transition:transform .07s ease-out,border-color .12s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}@media (hover: hover){.demo-cell:hover{border-color:var(--border-strong);transform:scale(1.05)}}.demo-cell:active{transform:scale(.94)}.demo-cell:focus-visible{outline:2px solid var(--hint-color);outline-offset:2px}.demo-cell[data-type=bishop]{color:var(--color-bish)}.demo-cell[data-type=archer]{color:var(--color-archer)}.demo-cell.is-on{border-color:transparent;color:#001410bf}.demo-cell.is-on[data-type=standard]{background-color:var(--color-std);box-shadow:0 0 24px #2ff0c86b,inset 0 1px #ffffff59}.demo-cell.is-on[data-type=bishop]{background-color:var(--color-bish);box-shadow:0 0 24px #d96bff6b,inset 0 1px #ffffff59}.demo-cell.is-on[data-type=archer]{background-color:var(--color-archer);box-shadow:0 0 24px #9dff3d6b,inset 0 1px #ffffff59}.demo-board.is-solved .demo-cell{cursor:default;opacity:.85}.demo-board.is-solved .demo-cell:hover{transform:none;border-color:var(--border)}.demo-status{min-height:1.4em;margin:14px 0 0;font-size:.88rem;color:var(--text-dim)}.demo-status.is-win{color:var(--accent);font-weight:600}.demo-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 16px;margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}.demo-legend{flex:1 1 262px;list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.8rem;color:var(--text-faint)}.demo-legend li{display:flex;align-items:center;gap:9px}.legend-chip{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.78rem;font-weight:600;background:var(--off-color);border:1px solid var(--border);color:var(--off-glyph)}.demo-legend li[data-type=bishop] .legend-chip{color:var(--color-bish)}.demo-legend li[data-type=archer] .legend-chip{color:var(--color-archer)}.demo-actions{flex:none;margin-left:auto;display:flex;align-items:center;gap:14px}.demo-reset{flex:none;appearance:none;font:inherit;font-size:.8rem;font-weight:600;color:var(--text-dim);background:transparent;border:1px solid var(--border-strong);border-radius:999px;padding:7px 15px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.demo-reset:hover{color:var(--accent);border-color:var(--accent-line)}@media (max-width: 940px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:12px}.hero-body{max-width:none}.demo{max-width:520px}.hero-scrim{background:radial-gradient(90% 55% at 50% 22%,#05070bf2,#05070bcc 55%,#05070b59),linear-gradient(to bottom,rgba(5,7,11,.7),rgba(5,7,11,.4) 45%,var(--bg) 98%)}}@media (max-width: 560px){.hero{padding:12px 20px 52px}.hero-inner{gap:28px}.lede{margin-bottom:22px}.demo{padding:18px 16px;border-radius:20px}.demo-head{flex-direction:column;gap:10px}.demo-score{text-align:left}.demo-foot{flex-direction:column;align-items:stretch}.demo-actions{justify-content:space-between}}.section{max-width:var(--max-width);margin:0 auto;padding:56px 20px}.section-head{margin-bottom:28px}.section-title{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.1rem);margin:0;letter-spacing:-.015em}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.how-card{padding:24px 22px 26px}.how-card h3{font-family:var(--display);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(2,minmax(0,1fr));gap:14px}@media (max-width: 720px){.mode-list{grid-template-columns:minmax(0,1fr)}}.mode-list li{display:flex;align-items:flex-start;gap:14px;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{padding-bottom:80px}.closing-card{padding:36px 32px 38px;background:radial-gradient(120% 140% at 0% 0%,rgba(47,240,200,.09),transparent 60%),var(--panel)}.closing-card h2{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.15;letter-spacing:-.015em;margin:0 0 14px;max-width:26em}.closing-note{margin:0 0 26px;max-width:44em;color:var(--text-dim);font-size:.95rem}.closing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}@media (max-width: 560px){.closing-card{padding:26px 20px 28px}}.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;flex-wrap:wrap;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:var(--display);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-family:var(--display);font-size:1.12rem;margin:36px 0 10px;padding-top:18px;border-top:1px solid var(--border)}.prose h3{font-size:1rem;margin:22px 0 6px}.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)}