:root{--bg:#f8faf9;--surface:#eaf0ee;--card:#fff;--text:#33403f;--heading:#17201f;--muted:#61716e;--border:#b4c0bd;--accent:#0f766e;--accent2:#0b5f59;--on:#fff} [data-theme="dark"]{--bg:#101417;--surface:rgba(255,255,255,.035);--card:#171d20;--text:#e7edef;--heading:#e7edef;--muted:#ced4da;--border:rgba(255,255,255,.18);--accent:#79c9d4;--accent2:#b3e4e9;--on:#101417;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}.game-page{display:flex;flex-direction:column}.utility-header{width:min(100% - 2.5rem,64rem);min-height:5rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.site-link{color:var(--heading);font-weight:700;text-decoration:none}.theme-toggle{width:2.8rem;height:1.55rem;padding:.14rem;border:1px solid var(--border);border-radius:999px;background:var(--card);cursor:pointer}.track{position:relative;display:block;width:100%;height:100%;border-radius:999px;background:var(--border)}.thumb{position:absolute;top:.12rem;left:.12rem;width:.9rem;height:.9rem;border-radius:50%;background:var(--heading);transition:transform .2s,background .2s}.theme-toggle[aria-pressed="true"] .thumb{transform:translateX(1.26rem);background:var(--accent)}.game-shell{width:min(100% - 2.5rem,64rem);margin:auto;padding:3.5rem 0}.container{width:min(100%,36rem);margin:auto;padding:clamp(1.5rem,5vw,2.5rem);background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.container:has(.game-container){width:100%;max-width:none}h1,h2{color:var(--heading)}h1{margin:0 0 1rem;font-size:clamp(2rem,7vw,4rem);line-height:1;letter-spacing:-.06em;text-align:center}h2{text-align:center}.lede,p{color:var(--muted)}label{display:block;color:var(--heading);font-weight:650;margin-bottom:.7rem}input[type=range]{width:calc(100% - 3.5rem);accent-color:var(--accent)}output{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;margin-left:.75rem;border:1px solid var(--border);border-radius:50%;color:var(--heading);background:var(--card);font-weight:700}button,.button-link{display:inline-block;width:100%;padding:.75rem 1rem;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--on);font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}button:hover,.button-link:hover{background:var(--accent2);border-color:var(--accent2)}button:disabled{opacity:.45;cursor:default}.game-container{display:inline-flex;width:calc(25% - 1rem);min-width:9rem;margin:.5rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:.65rem}.card{width:100%;margin:0}.container>button{margin-top:1rem}.page-footer{margin:2rem 0 0;text-align:center;font-size:.85rem;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:46rem){.utility-header,.game-shell{width:min(100% - 2rem,64rem)}.game-shell{padding:2.5rem 0}.game-container{width:calc(50% - 1rem);min-width:0}.container{padding:1.4rem}}@media(max-width:24rem){.game-container{width:100%;margin:.4rem 0}}