:root{color:#252525;font-synthesis:none;text-rendering:optimizelegibility;--background:#f4f2ed;--surface:#fffefa;--text-primary:#252525;--text-secondary:#77756e;--border:#d8d5cc;--accent:#d95d39;--space-page:clamp(1.25rem, 5vw, 5rem);--space-grid:clamp(.35rem, 1.25vw, .75rem);background:#f4f2ed;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,a{font:inherit}.page-shell{min-height:100vh;padding:var(--space-page);place-items:center;display:grid}.number-board{width:min(100%,72rem)}.board-header{margin-bottom:clamp(2rem,5vw,3.5rem)}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .9rem;font-size:.72rem;font-weight:750;line-height:1}h1{color:var(--text-primary);letter-spacing:-.07em;margin:0;font-size:clamp(2.5rem,7vw,5.75rem);font-weight:700;line-height:.95}.subtitle{color:var(--text-secondary);margin:1.25rem 0 0;font-size:clamp(.9rem,1.5vw,1.05rem);line-height:1.5}.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);font-variant-numeric:tabular-nums;place-items:center;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);background:#fff8f2;transform:translateY(-2px)}.tile:focus-within{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}@media (width<=520px){.page-shell{align-items:start;padding-top:2.5rem}.board-header{margin-bottom:2rem}h1{font-size:clamp(2.5rem,15vw,4rem)}.subtitle{margin-top:.9rem}.grid{--space-grid:.25rem}.tile{font-size:clamp(.65rem,3vw,.85rem)}}@media (prefers-reduced-motion:reduce){.tile{transition:none}}