/* Shared DailyPlay interface. Game artwork and scoring colors stay game-specific. */
:root{--ink:#171819;--blue:#087d36;--lime:#19d365;--paper:#fff;--muted:#60616b;--line:#dedee3;--play-surface:#09090b;--play-panel:#1b1b1e;--play-border:#55555f;--play-muted:#b7b7c2;--play-action:#19d365}
body{font-family:system-ui,sans-serif;background:var(--paper)}
::selection{background:#19d365;color:#07180e}
:focus-visible{outline:3px solid #087d36;outline-offset:4px}
input,textarea{caret-color:#087d36}
.header{padding-top:18px;padding-bottom:18px}.header nav{font-weight:550}.brand svg{color:#3495c4}.brand-dot{color:#171819}
.button{font-weight:650}.button.dark{background:#171819}.button:hover{background:#087d36;color:#fff}
.page-wrap{width:min(1120px,calc(100% - 48px))}.arcade-wrap{margin-top:12px}.game-heading{padding:10px 0 20px}.game-heading h1{font-family:system-ui,sans-serif;font-weight:750;letter-spacing:-.025em}.game-heading p{color:var(--muted)}
main .arcade-board,main .arcade-board[data-palette]{--arena-field:#09090b;--arena-track:#111114;--arena-secondary:#b7b7c2;background:var(--play-surface);color:#ededf0;border-radius:16px;overflow:hidden;font-family:system-ui,sans-serif}
main .arcade-top{background:#111114;display:flex;flex-wrap:wrap;padding:18px 24px;gap:16px;border-bottom:1px solid #303034;font-size:14px}
main .arcade-top strong{font-weight:650;max-width:none}main .arcade-top [data-score]{font-variant-numeric:tabular-nums;margin-left:auto}
main .arcade-top .text-button,main .arcade-bottom button{font-size:13px;font-weight:550;min-height:44px}
main .arcade-content{padding:32px 24px;min-height:480px}main .arena-intro{max-width:760px;margin:auto;text-align:center}
main .arena-intro h2{font:750 clamp(26px,3vw,40px)/1.2 system-ui,sans-serif;letter-spacing:-.025em;margin:24px 0 12px}
main .arena-intro>p{color:var(--play-muted);max-width:60ch;margin:12px auto 22px}
main .arcade-content .start-button{background:var(--play-action);color:#06190e;font-weight:650;min-height:50px;border-radius:12px;max-width:570px;padding:12px 20px}
main .arcade-content .start-button:hover{background:#39e77d}
main .arcade-board[data-palette=plum]{--play-action:#c5a0ff}
main .arcade-board[data-palette=green]{--play-action:#62d9a0}
main .arcade-board button:disabled{cursor:not-allowed;opacity:.55}
main .arcade-board :is(button,a,input,select,summary,textarea):focus-visible{outline:3px solid #fff;outline-offset:4px}
main .arcade-content :is(input:not([type=range]):not([type=checkbox]),select,textarea),main [data-room-body] :is(input:not([type=checkbox]),select,textarea){background:#1b1b1e;color:#ededf0;border:1px solid #686873;border-radius:12px;padding:12px;min-height:48px;max-width:100%;caret-color:#19d365;color-scheme:dark}
main .arcade-content input::placeholder,main [data-room-body] input::placeholder{color:#b7b7c2;opacity:1}
main .arcade-content input[type=range]{accent-color:var(--play-action)}
main .arena-intro>label{display:block;text-align:left;max-width:570px;margin:20px auto 8px;font-size:14px}main .arena-intro>select{display:block;width:100%;max-width:570px;margin:auto}
main .arcade-content .button.dark,main .arcade-content .button.outline,main .arcade-content .clip-presets button,main .arcade-content .direction-pad button,main .arcade-content .yard-controls button,main .arcade-content .yard-shop button,main .arcade-content .palette-shop button{background:#1b1b1e;color:#ededf0;border:1px solid #686873;box-shadow:none;border-radius:12px;min-height:44px;font-weight:650}
main .arcade-content .button.dark,main .arcade-content .clip-presets button[aria-pressed=true]{background:var(--play-action);color:#06190e;border-color:var(--play-action)}
main .arcade-content .game-review,main .arcade-content .scale-feedback{background:#1b1b1e;color:#ededf0;border:1px solid #45454b;border-radius:12px;padding:14px}
main .arcade-content .game-review :is(h2,p,small),main .arcade-content .scale-feedback :is(h2,p,small){color:inherit}
main .arcade-content .business-list button{background:#1b1b1e;color:#ededf0;border-color:#55555f;border-radius:12px}main .arcade-content .business-list small{color:#b7b7c2}
main .arcade-content .ascent-scene{background:#14251c;border:1px solid #355e43;border-radius:12px}main .arcade-content .ascent-scene small{color:#c5dfce}
main .arcade-content .found-words span,main .arcade-content .word-chain span{background:#183723;color:#dcf7e7}
main .arcade-content .block-board button.filled{background:var(--play-action);border-color:#06190e}
main .arcade-content .piece-preview i{background:var(--play-action)}main .arcade-content .block-pieces button[aria-pressed=true]{outline-color:var(--play-action)}
main .arcade-content .scale-stage .guess-bar:has(.measurement-outline){color:var(--play-action)}
main .arcade-content .logo-part-tabs button[aria-pressed=true]{background:var(--play-action);color:#06190e;border-color:var(--play-action)}
main .arcade-bottom{background:#111114;border-top:1px solid #303034;color:var(--play-muted);padding:14px 24px;gap:16px;font-size:13px;flex-wrap:wrap}
main .arcade-content .game-feedback{color:#d1d1db}main .arcade-content .fineprint{color:#b7b7c2}
main .arcade-content .gameplay-preview{border-color:#45454b;border-radius:12px}
.room-lobby{gap:24px}.room-lobby form,.auth-panel{border-color:#dedee3;border-radius:12px;box-shadow:none}
.room-lobby :is(input:not([type=checkbox]),select),.auth-panel :is(input,select),.checker-form :is(input,select){background:#fff;color:#171819;border:1px solid #898991;border-radius:12px;min-height:48px;padding:12px}
[data-room-body]{padding:24px;color:#ededf0}.room-scores li{background:#1b1b1e;color:#ededf0;border:1px solid #55555f;border-radius:12px}.room-scores li strong{color:#ededf0}main [data-room-body] .room-summary{border:1px solid #21dc6b;border-radius:12px;padding:16px 18px;margin:18px 0}.room-summary h2{margin:0 0 6px}.room-summary .score-total{margin:6px 0}
[data-room-body] .button.dark{background:var(--play-action);color:#06190e}[data-room-body] .button.outline{background:#1b1b1e;color:#ededf0;box-shadow:inset 0 0 0 1px #686873}
.category-tabs button[aria-pressed=true]{background:#171819;color:#fff;border-color:#171819}
.hub-feature:focus-visible,.analytics-panel button:focus-visible{outline-color:#087d36}
.reading-layout aside,.answer-reveal,.check-result,thead{background:#f0f3f1}.prompt-number{background:#e7f5ec}.plan-options section{border-top-color:#171819}
@media(max-width:700px){main .arcade-content .scale-stage{margin:4px 0 34px}main .arcade-content .scale-stage+.fineprint{font-size:12px;line-height:1.35;margin:4px 0}main .arena-intro{display:flex;flex-direction:column}main .arena-intro>.gameplay-preview{order:1;margin:18px auto 0}main .arcade-content .text-button,main .arcade-content [data-pass]{min-height:44px;padding:10px 4px}.page-wrap{width:calc(100% - 32px)}main .arcade-top,main .arcade-bottom{padding:12px 16px;gap:10px}main .arcade-top strong{max-width:45%;overflow-wrap:anywhere}main .arcade-content{padding:24px 16px;min-height:400px}main .arena-intro h2{font-size:27px}main .arcade-content .input-row{flex-wrap:wrap}main .arcade-content .input-row input{flex-basis:180px}main .arcade-content .input-row .button{flex:1}.arcade-bottom>span{font-size:12px}.room-lobby{gap:20px}}
.game-heading h1{line-height:1.18}
main [data-room-body] .start-button{background:var(--play-action);color:#06190e;border-radius:12px;min-height:50px;font-weight:650}
main [data-room-body] button:not(.button):not(.start-button){background:#1b1b1e;color:#ededf0;border:1px solid #686873;border-radius:12px;min-height:44px;padding:10px 14px}
main [data-room-body] label{display:block;margin:16px 0 8px}
main [data-room-body] select{display:block;width:100%;margin:8px 0}
main [data-room-body] section{border-top:1px solid #45454b;margin-top:24px;padding-top:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

main .arcade-content .text-button{font-size:14px;min-height:36px}