:root {--tree:#166534;--tent:#b45309;} :root[data-theme=dark] {--tree:#86efac;--tent:#fbbf24;}
@media(prefers-color-scheme:dark) {:root:not([data-theme=light]) {--tree:#86efac;--tent:#fbbf24;}}
#board {grid-template-columns:24px repeat(5,minmax(0,1fr));grid-template-rows:24px repeat(5,minmax(44px,1fr));grid-auto-rows:auto;gap:2px;}
.cell {font-size:1.65rem;} .cell.mark-2 {color:var(--tree);font-weight:800;} .cell.mark-1 {color:var(--tent);font-weight:800;} .cell.mark-0 {color:var(--muted);font-size:1rem;}
.cell.invalid {box-shadow:inset 0 0 0 2px var(--error);} .cell.selected {outline:3px solid #2563eb;outline-offset:-3px;} .cell:disabled {opacity:1;}
.count {font-size:1rem;} .count.satisfied {color:var(--tree);} .count.over {color:var(--error);text-decoration:underline;}
.input-row button {flex:1;padding:8px 2px;} #tent {color:var(--tent);} #grass {color:var(--muted);}
@media(max-width:360px) {main {width:calc(100% - 16px);} .game-header h1 {font-size:1rem;}.cell {font-size:1.4rem;} #board {grid-template-columns:22px repeat(5,minmax(0,1fr));}}