#game{--sd-err:#c62828;--sd-thick:#3a423d}
@media (prefers-color-scheme:dark){#game{--sd-err:#ff7b7b;--sd-thick:#aab4ad}}
#game .sd-info{display:flex;gap:18px;font-size:15px;margin:0 0 10px;color:var(--fg)}
#game .sd-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
#game .sd-board{width:min(100%,468px);aspect-ratio:1/1;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--sd-thick);background:var(--card);container-type:inline-size;outline:none;border-radius:4px;overflow:hidden}
#game .sd-board:focus-visible{box-shadow:0 0 0 3px var(--accent)}
#game .sd-c{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:22px;font-size:7cqw;line-height:1;color:var(--accent);font-weight:600;cursor:pointer;min-width:0;min-height:0}
#game .sd-c.br{border-right:2px solid var(--sd-thick)}
#game .sd-c.bb{border-bottom:2px solid var(--sd-thick)}
#game .sd-c.ec{border-right:0}
#game .sd-c.er{border-bottom:0}
#game .sd-c.g{color:var(--fg);font-weight:700}
#game .sd-c.peer{background:color-mix(in srgb,var(--accent) 9%,transparent)}
#game .sd-c.same{background:color-mix(in srgb,var(--accent) 26%,transparent)}
#game .sd-c.sel{background:color-mix(in srgb,var(--accent2) 60%,transparent)}
#game .sd-c.bad{color:var(--sd-err)}
#game .sd-c.bad::after{content:"";position:absolute;left:18%;right:18%;bottom:10%;height:2px;background:var(--sd-err);border-radius:2px}
#game .sd-n{position:absolute;inset:1px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:9px;font-size:2.7cqw;font-weight:500;color:var(--muted);text-align:center;align-items:center;line-height:1}
#game .sd-n .hi{color:var(--accent);font-weight:800}
#game .sd-pad{width:min(100%,468px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
#game .sd-pad button{padding:4px 0;min-height:50px;font-size:22px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
#game .sd-pad button small{font-size:11px;font-weight:500;color:var(--muted)}
#game .sd-pad button.full{opacity:.35}
#game .sd-pad button.er{font-size:15px}
#game .sd-board.won .sd-c{background:color-mix(in srgb,var(--accent) 14%,transparent)}
#game [aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
@media (min-width:820px){
#game .sd-wrap{flex-direction:row;align-items:flex-start;justify-content:center;gap:18px}
#game .sd-pad{width:216px;grid-template-columns:repeat(3,1fr)}
#game .sd-pad button{min-height:64px;font-size:26px}
#game .sd-pad button.er{grid-column:1/-1;min-height:46px}
}