:root[data-theme=dark] {--guess-edge:#94a3b8}
@media(prefers-color-scheme:dark) {:root:not([data-theme=light]) {--guess-edge:#94a3b8}}
:root {--guess-edge:#64748b;--c1:#dc2626;--c2:#2563eb;--c3:#15803d;--c4:#a16207;--c5:#7e22ce;--c6:#0e7490;}
#board {display:block;width:100%;max-width:430px;max-height:min(36svh,240px);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--guess-edge);border-radius:10px;scrollbar-gutter:stable;} .guess-row {display:grid;grid-template-columns:22px minmax(0,1fr) minmax(94px,1.2fr);align-items:center;gap:7px;min-height:44px;padding:5px 8px;border-bottom:1px solid var(--guess-edge);} .guess-row:last-child {border-bottom:0;} .row-number {font-size:.75rem;color:var(--muted);} .history-code {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;} .feedback {font-size:.75rem;line-height:1.4;}
.history-chip,.answer-chip {display:flex;align-items:center;justify-content:center;border:1px solid var(--guess-edge);border-radius:6px;min-width:20px;height:28px;font-weight:750;font-size:.9rem;} [data-color="1"] {background:var(--c1);color:#fff;} [data-color="2"] {background:var(--c2);color:#fff;} [data-color="3"] {background:var(--c3);color:#fff;} [data-color="4"] {background:var(--c4);color:#fff;} [data-color="5"] {background:var(--c5);color:#fff;} [data-color="6"] {background:var(--c6);color:#fff;} [data-color="0"] {background:var(--surface);color:var(--muted);}
#draft-label {max-width:430px;margin:4px auto;font-size:.8rem;color:var(--muted);} #draft {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-width:430px;margin:0 auto 8px;} .draft-chip {min-height:44px;font-size:1.2rem;font-weight:750;} .draft-chip.selected {outline:3px solid #2563eb;outline-offset:1px;box-shadow:none;} #palette {display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:5px;max-width:430px;margin:0 auto 8px;} .palette-chip {min-width:44px;min-height:44px;padding:0;font-size:1.15rem;font-weight:750;touch-action:manipulation;} .play-actions {grid-template-columns:repeat(3,minmax(0,1fr));} .aux-actions {display:flex;justify-content:center;margin-top:6px;} .aux-actions button {font-size:.8rem;} #answer {display:flex;gap:8px;align-items:center;justify-content:center;margin:8px auto;} .answer-chip {width:36px;height:36px;} button:disabled {opacity:.65;}
@media(max-width:360px) {main {width:calc(100% - 16px);} #palette {gap:4px;} .guess-row {padding:4px 6px;gap:5px;grid-template-columns:18px minmax(0,1fr) minmax(94px,1.2fr);} .history-code {gap:3px;}}

.guess-row[hidden] {display:none;}
body.classic-shell #submit:not(:disabled) {background:#1d4ed8;border-color:#1d4ed8;color:#fff;}