:root {--blue:#2563eb;--gold:#a16207;} :root[data-theme=dark] {--blue:#93c5fd;--gold:#facc15;}
#board {grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;} .cell {font-size:1.55rem;position:relative;} .cell.color-0 {color:var(--blue);} .cell.color-1 {color:var(--gold);}
.cell.given::after {content:'•';position:absolute;right:4px;bottom:0;font-size:.7rem;color:var(--muted);} .cell.invalid {box-shadow:inset 0 0 0 2px var(--error);} .cell.selected {outline:3px solid #2563eb;outline-offset:-3px;}
.input-row button {flex:1;padding:8px 2px;} #blue {color:var(--blue);} #gold {color:var(--gold);} .cell:disabled {opacity:1;}
@media(max-width:360px) {.cell {font-size:1.3rem;} main {width:calc(100% - 16px);} #board {gap:2px;}}

@media(prefers-color-scheme:dark) {:root:not([data-theme=light]) {--blue:#93c5fd;--gold:#facc15;}}