@font-face{font-family:space grotesk;font-weight:400;src:url(/fonts/space-grotesk-400.woff2)format("woff2");font-display:swap}@font-face{font-family:space grotesk;font-weight:700;src:url(/fonts/space-grotesk-700.woff2)format("woff2");font-display:swap}@font-face{font-family:jetbrains mono;font-weight:500;src:url(/fonts/jetbrains-mono-500.woff2)format("woff2");font-display:swap}:root{--bg:#0f1b2d;--panel:#16263f;--ink:#eef3fb;--mute:#9db0cc;--acc:#ffd23f;--acc2:#3ee0c0;--bad:#ff6b6b;--r:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#25417a55,transparent),var(--bg);color:var(--ink);font:17px/1.55 space grotesk,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:min(980px,92vw);margin:0 auto;padding:2rem 0}a{color:var(--acc2)}.mono,.balls b,.ball{font-family:jetbrains mono,monospace;font-weight:500}.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 4vw;border-bottom:2px dashed #fff2}.brand{display:flex;gap:.5rem;align-items:center;font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none}.brand img,.card img{filter:invert(1)}.brand span{color:var(--acc)}nav{display:flex;gap:1.2rem;align-items:center}nav a{color:var(--ink);text-decoration:none}.btn{display:inline-block;background:var(--acc);color:#14213a;border:0;border-radius:999px;padding:.75rem 1.5rem;font:700 1rem space grotesk,sans-serif;cursor:pointer;text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:0 0;color:var(--ink);box-shadow:inset 0 0 0 2px #ffffff44}.btn.small{padding:.35rem 1rem;font-size:.9rem}:focus-visible{outline:3px solid var(--acc2);outline-offset:2px}.hero{padding:3rem 0 2rem}.hero h1{font-size:clamp(2.6rem,8vw,5rem);line-height:1;margin:.3em 0}.hero em{color:var(--acc);font-style:normal;background:linear-gradient(transparent 85%,var(--acc2) 85%)}.kicker{color:var(--acc2)}.lead{font-size:1.25rem;color:var(--mute);max-width:36rem}.balls{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:2rem}.balls b,.ball{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#14213a;box-shadow:inset -4px -6px #0002}.balls b:nth-child(even){background:var(--acc2)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}.card{background:var(--panel);border-radius:var(--r);padding:1.5rem;border:1px solid #ffffff14}.card h2{margin:.5rem 0 .2rem;font-size:1.2rem}.card p{color:var(--mute)}.narrow{max-width:460px;margin:2rem auto}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{padding:.5rem;border-bottom:1px solid #ffffff1f;text-align:left}form label{display:block;margin:.8rem 0;font-weight:700}input{display:block;width:100%;margin-top:.3rem;padding:.7rem .9rem;border-radius:10px;border:2px solid #ffffff2a;background:#0b1424;color:var(--ink);font:inherit}.tabs{display:flex;gap:.5rem;margin:1rem 0}.tabs button{flex:1;padding:.5rem;border-radius:10px;border:2px solid #ffffff2a;background:0 0;color:var(--mute);font:inherit;cursor:pointer}.tabs [aria-selected=true]{color:#14213a;background:var(--acc2);border-color:var(--acc2);font-weight:700}.msg{min-height:1.5rem;color:var(--bad)}.msg.ok{color:var(--acc2)}.fine{font-size:.85rem;color:var(--mute)}.bar{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--mute)}.bar b{color:var(--ink)}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:.4rem;margin:1rem 0}.board button{aspect-ratio:1;border-radius:50%;border:2px solid #ffffff2a;background:#0b1424;color:var(--ink);font:500 1rem jetbrains mono,monospace;cursor:pointer}.board button[aria-pressed=true]{background:var(--acc);color:#14213a;border-color:var(--acc)}.result{min-height:4rem;font-size:1.1rem}.result .ball{display:inline-grid;margin:.15rem;width:2.6rem;height:2.6rem}.result .ball.hit{background:var(--acc2)}.result .ball.miss{background:#fff2;color:var(--ink)}.history{color:var(--mute);font-family:jetbrains mono,monospace;font-size:.9rem;padding-left:1.2rem}footer{text-align:center;color:var(--mute);padding:1rem;font-size:.85rem}.ruler{height:14px;margin:0;background:repeating-linear-gradient(90deg,var(--mute) 0 1px,transparent 1px 10px);opacity:.5}[hidden]{display:none!important}