:root{--accent:#c9b0ff;--muted:#9493b0;background:#111222}body{background:#111222}.topbar{background:#0d0e1a}.sidebar h1{font-size:62px;letter-spacing:-.075em}.sidebar h1 span{font-size:104px;letter-spacing:-.075em;color:#ffbb9c}.sidebar h1 em{color:#eeeaf7}.cn-title{font-size:17px}.playfield{min-height:670px}.stage{box-shadow:inset 0 0 80px #0004}.actions .primary{background:#e6d9ff}.stat strong{font-size:27px}.touch-controls{justify-content:flex-start}.field-top{color:#dbd7ee}.field-bottom{color:#d3bacd}.overlay .message{background:#211d3be8}.message #end-undo{display:block;margin:12px auto 0;border:0;background:transparent;color:#d6c9f0;font-size:11px}.toast{max-width:245px;line-height:1.7}.options button{padding:7px 10px;font-size:10px}
@media(max-width:1100px) and (min-width:761px){.sidebar h1{font-size:52px}.sidebar h1 span{font-size:90px}.playfield{min-height:620px}}
@media(max-width:760px){.sidebar h1{font-size:30px}.sidebar h1 span{font-size:40px;margin-left:12px}.cn-title{font-size:12px}.stats{gap:12px}.stat strong{font-size:20px}.playfield{min-height:450px;height:59svh}.touch-controls{justify-content:center}.toast{margin:6px 0;max-width:none}.options{grid-column:1/-1}.actions{margin:8px 0}}

@media(min-width:761px){.playfield{position:sticky;top:16px;height:calc(100svh - 125px);min-height:460px;align-self:start}}

.visual-themes{display:flex;gap:5px;flex-wrap:wrap;margin:24px 0 14px}.visual-themes>span{width:100%;font:8px Arial;letter-spacing:2px;opacity:.5;margin-bottom:5px}.visual-themes button{padding:10px 8px;border-radius:3px;font-size:10px}.visual-themes button[aria-pressed=true]{background:#b8a27c;border-color:#b8a27c;color:#15222b}body[data-visual=real],body[data-visual=fantasy]{background:#111d26;--accent:#c5b28c;--muted:#95a7b1}body[data-visual=real] .topbar,body[data-visual=fantasy] .topbar{background:#0d1820}body[data-visual=real] .sidebar h1 span,body[data-visual=fantasy] .sidebar h1 span{color:#c8b48d}body[data-visual=fantasy]{background:#111e25;--accent:#add3c9}body[data-visual=fantasy] .sidebar h1 span{color:#add3c9}body[data-visual=real] .actions .primary,body[data-visual=fantasy] .actions .primary{background:#c3b38d}@media(max-width:760px){.visual-themes{grid-column:1/-1;margin:8px 0 4px}.visual-themes>span{font-size:7px}.visual-themes button{flex:1;padding:9px 6px}}