:root{color:#242321;font-synthesis:none;text-rendering:optimizelegibility;--background:#f5f3ee;--surface:#fffdf9;--surface-muted:#ebe8df;--text-primary:#242321;--text-secondary:#77736a;--border:#d6d1c7;--accent:#e6603d;--accent-dark:#bd4325;--space-page:clamp(1.25rem, 5vw, 5rem);--space-grid:clamp(.35rem, 1.1vw, .7rem);background:#f5f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{min-height:100vh;padding:var(--space-page);place-items:center;display:grid}.number-board{width:min(100%,72rem)}.board-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(1.75rem,4vw,3rem);display:flex}.eyebrow,.selection-label{color:var(--accent-dark);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800;line-height:1}h1{max-width:10ch;color:var(--text-primary);letter-spacing:-.075em;margin:.8rem 0 0;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:700;line-height:.9}.subtitle{color:var(--text-secondary);margin:1.25rem 0 0;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.5}.range-mark{color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:.65rem;padding-bottom:.35rem;font-size:.72rem;font-weight:700;display:flex}.range-line{background:var(--border);width:clamp(2rem,7vw,6rem);height:1px}.selection{border-left:3px solid var(--accent);background:var(--surface-muted);align-items:baseline;gap:.75rem;min-height:4.5rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);padding:1rem 1.25rem;display:flex}.selection strong{color:var(--text-primary);letter-spacing:-.035em;font-size:clamp(1.2rem,2.5vw,1.75rem);font-weight:650}.selection-number{color:var(--accent-dark);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem;font-weight:750}.grid{gap:var(--space-grid);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.tile{aspect-ratio:1;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:0;place-items:center;padding:0;font-size:clamp(.78rem,2vw,1.15rem);line-height:1;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:grid}.tile:hover{border-color:var(--accent);color:var(--accent-dark);background:#fff7f0;transform:translateY(-2px)}.tile:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:3px}.tile.is-selected{border-color:var(--accent);background:var(--accent);color:#fffdf9;font-weight:750}.tile.is-selected:hover{background:var(--accent-dark);color:#fffdf9}@media (width<=520px){.page-shell{align-items:start;padding-top:2.5rem}.board-header{align-items:flex-start;margin-bottom:1.75rem}.range-mark{display:none}h1{font-size:clamp(2.5rem,15vw,4rem)}.subtitle{margin-top:.9rem}.selection{gap:.5rem;padding:.9rem 1rem}.selection-label{font-size:.6rem}.selection strong{font-size:1.1rem}.grid{--space-grid:.25rem}.tile{font-size:clamp(.65rem,3vw,.85rem)}}@media (prefers-reduced-motion:reduce){.tile{transition:none}}