.game{align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.sbar{width:100%;max-width:360px;color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.clock{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.hint-toggle{align-items:center;gap:var(--space-1);cursor:pointer;min-height:44px;display:inline-flex}.hint-toggle input{width:20px;height:20px;accent-color:var(--kobalt)}.sboard{--gap:2px;width:min(360px, calc(100vw - 2 * var(--space-4)));aspect-ratio:1;gap:var(--gap);border-radius:var(--radius-md);background-color:var(--line-strong);grid-template-rows:repeat(9,1fr);padding:4px;display:grid}.srow{gap:var(--gap);grid-template-columns:repeat(9,1fr);display:grid}.srow:nth-child(3),.srow:nth-child(6){margin-bottom:2px}.scell:nth-child(3),.scell:nth-child(6){margin-right:2px}.scell.alt{background-color:color-mix(in srgb, var(--ink) 9%, var(--surface-raised))}.scell{background-color:var(--surface-raised);min-width:0;color:var(--kobalt);font-family:var(--font-display);cursor:pointer;border:0;border-radius:3px;place-items:center;padding:0;font-size:clamp(16px,5.4vw,24px);font-weight:700;line-height:1;display:grid}.scell.given{color:var(--ink);font-weight:800}.scell.peer{background-color:color-mix(in srgb, var(--kobalt) 12%, var(--surface-raised))}.scell.same{background-color:color-mix(in srgb, var(--kobalt) 28%, var(--surface-raised))}.scell.sel{background-color:var(--kobalt);color:var(--on-kobalt)}.scell.bad{text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:2px}.scell:focus-visible{box-shadow:var(--focus-ring);z-index:1;position:relative}.notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;padding:1px;display:grid}.notes i{font-family:var(--font-sans);color:var(--ink-muted);place-items:center;font-size:clamp(7px,2vw,10px);font-style:normal;font-weight:700;display:grid}.scell.sel .notes i{color:var(--on-kobalt)}.spad{gap:var(--space-1);grid-template-columns:repeat(9,1fr);width:100%;max-width:500px;margin-top:auto;display:grid}.spad .sg-key{font-family:var(--font-display);font-size:22px}.stools{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:100%;max-width:500px;display:grid}.stools .sg-btn{padding:0 var(--space-2);gap:var(--space-1)}.stools .sg-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.after{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.after p{margin:0}.scell.hop{animation:.42s ease-out both s-hop}@keyframes s-hop{40%{background-color:var(--mango);color:var(--on-mango);transform:translateY(-6px)}}