:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef2ff;background:#0b1230;--ink:#eef2ff;--night:#0b1230;--panel:#111c43;--cyan:#2ee6ff;--lime:#baf73c;--rose:#ff7b9c;--paper:#f6f2e9;--paper-ink:#171b2b;--muted:#aeb9de;--line:#34446f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:18px;top:-100px;background:white;color:#111;padding:12px 18px;z-index:10}.skip:focus{top:12px}.top{width:min(1120px,calc(100% - 40px));margin:auto;display:flex;justify-content:space-between;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);font-size:.82rem}.brand{font-weight:850;letter-spacing:.12em;text-decoration:none}.hero{width:min(1120px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding:70px 0 60px}.eyebrow{margin:0 0 15px;font:800 .75rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.11em;color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.035em}h1{font-size:clamp(3rem,7vw,6rem);margin-bottom:24px;max-width:12ch}h1 span{color:var(--lime)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.25rem}.lead{font-size:1.08rem;max-width:57ch;color:#dce4ff}.fine{font-size:.78rem;color:var(--muted);max-width:60ch;margin-top:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 19px;border:2px solid var(--cyan);background:var(--cyan);color:#071026;font-weight:800;text-decoration:none}.button.secondary{background:transparent;color:var(--ink);border-color:var(--muted)}.button.light{background:var(--paper);border-color:var(--paper);color:#17204a}.target-card{border:2px solid var(--cyan);background:var(--panel);padding:32px;display:flex;align-items:center;gap:25px;box-shadow:11px 11px 0 #17285e}.target-card p{margin:0}.target-card strong{font-size:.75rem;letter-spacing:.12em;color:var(--cyan)}.target-card small{color:var(--muted)}.target-shape{width:92px;height:82px;background:var(--cyan);clip-path:polygon(50% 0,100% 100%,0 100%);flex:none}.game{background:var(--paper);color:var(--paper-ink);padding:42px max(20px,calc((100vw - 1080px)/2));border-block:6px solid var(--cyan)}.game .eyebrow{color:#2056a5}.game-bar{display:flex;justify-content:space-between;gap:30px;align-items:end}.game-bar h2{margin-bottom:8px}.game-bar p:last-child{font:700 .8rem ui-monospace,monospace}.instructions{max-width:65ch}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:26px 0}.cell{position:relative;min-height:100px;border:2px solid #74809f;background:#fff;color:#171b2b;display:grid;place-items:center;padding:10px}.cell:hover{border-color:#2056a5;background:#edf5ff}.cell[aria-pressed="true"]{border-color:#2056a5;box-shadow:inset 0 0 0 3px #2056a5;background:#e4f4ff}.cell.correct{border-color:#187344;background:#e0f4e7}.cell.missed{border-color:#9c3e12;background:#fff0e6}.cell.extra{border-color:#a51d4d;background:#ffe7ef}.shape{width:43px;height:43px;background:#d45775}.shape.blue{background:#205dc2}.shape.gold{background:#9b6b00}.shape.circle{border-radius:50%}.shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);width:48px}.shape.diamond{transform:rotate(45deg);width:36px;height:36px}.cell-label{position:absolute;left:6px;bottom:4px;font:700 .62rem ui-monospace,monospace;color:#49506a}.cell-state{position:absolute;right:6px;top:4px;font-size:.65rem;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap}.game .button{background:#2056a5;border-color:#2056a5;color:white}.game .button.secondary{background:transparent;color:#1d2748;border-color:#65708c}.status{min-height:1.5em;margin:16px 0 0;font-weight:750;color:#2056a5}.result{border-top:1px solid #aeb5c5;margin-top:25px;padding-top:24px}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.count{border:1px solid #aeb5c5;padding:14px;background:#fff}.count strong{display:block;font-size:1.7rem;color:#2056a5}.comparison,.guide,.app,footer{width:min(1120px,calc(100% - 40px));margin:auto}.comparison{padding:65px 0}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-grid article{border:1px solid var(--line);background:var(--panel);padding:24px}.compare-grid h3{color:var(--lime)}.limit{color:var(--muted);max-width:80ch;margin:24px 0 0}.guide{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.guide h3{margin:28px 0 8px}.guide h3:first-child{margin-top:0}.guide p{color:#dce4ff}.app{background:#2540a3;padding:48px;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:center}.app-id{display:flex;gap:16px;align-items:center}.app-id img{border-radius:18px}.app-id p{margin:0}.app-id span{color:#cbd5ff;font-size:.85rem}.app h2{margin:24px 0 14px}.light-copy{color:#dce4ff}.app figure{margin:0;text-align:center}.app figure img{max-width:100%;height:auto;border-radius:24px}.app figcaption{font-size:.75rem;color:#cbd5ff;margin-top:10px}footer{padding:40px 0;color:var(--muted);font-size:.8rem}footer p{max-width:90ch}
@media(max-width:760px){.hero,.guide,.app{grid-template-columns:1fr}.hero{gap:32px;padding:48px 0}.target-card{max-width:440px}.board{grid-template-columns:repeat(5,minmax(0,1fr))}.cell{min-height:88px}.compare-grid{grid-template-columns:1fr}.guide{gap:24px}.app{padding:30px}.app figure{order:-1}.app figure img{width:180px}.game-bar{align-items:start;flex-direction:column;gap:4px}}
@media(max-width:470px){.top{font-size:.7rem}.hero{width:calc(100% - 28px)}h1{font-size:2.9rem}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.cell{min-height:72px;padding:6px}.shape{width:32px;height:32px}.shape.triangle{width:36px}.shape.diamond{width:28px;height:28px}.actions .button{flex:1 1 100%}.counts{grid-template-columns:1fr}.comparison,.guide,.app,footer{width:calc(100% - 28px)}.app{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}