:root{--ink:#e7edf5;--muted:#7c8798;--page:#0d1117;--line:#1e2733}*{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;touch-action:none;flex-direction:column;margin:0;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;display:flex;overflow:hidden}.hud{border-bottom:1px solid var(--line);flex:none;align-items:baseline;gap:1rem;padding:.85rem clamp(.85rem,3vw,2rem);display:flex}.hud h1{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:600}.hud nav a{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;text-decoration:none}.hud nav a:hover,.hud nav a:focus-visible{color:var(--ink)}.score{font-variant-numeric:tabular-nums;margin:0 0 0 auto;font-size:clamp(1.5rem,2.4vh,2.25rem);font-weight:600;line-height:1}main{flex:auto;min-height:0;padding:clamp(.5rem,2vw,1.5rem);display:flex}.board{flex:auto;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}canvas{touch-action:none;border-radius:12px;display:block}