:root{--sr-accent:#6573c9;--sr-ink:#263c52;--sr-edge:#c9cbdf;--sr-paper:#fff8e9}
.round{flex-wrap:nowrap;gap:7px;align-items:center}
#size{font-size:16px}
#level-picker{min-height:48px;padding:6px 10px;border:2px solid var(--sr-edge);background:var(--sr-paper);color:var(--sr-ink);font-size:16px;white-space:nowrap}
#auto-cross{width:auto;min-height:48px;gap:6px;padding:8px;font-size:14px;white-space:nowrap}
#auto-cross .sr-control-icon:empty{display:none}
#auto-cross .sr-switch-track{width:34px;height:22px}
#auto-cross .sr-switch-track:after{width:16px;height:16px}
#auto-cross[aria-checked=true] .sr-switch-track:after{transform:translateX(12px)}
#timer,.progress{font-size:16px}
.play{display:flex;flex-direction:column}.progress{order:-1;margin:0 0 8px;min-height:20px}
#timer{font-variant-numeric:tabular-nums;min-width:36px}
.tools button{font-size:14px;min-height:48px;padding:8px}
#status,#storage-status{font-size:14px}
.cell .region{font-size:14px;top:1px;left:2px;padding:0 1px}
#level-list.sr-level-grid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:10px}
.icon-button{min-width:48px;min-height:48px}
@media(min-width:741px) and (max-height:600px){.desktop-note{display:none}.rail{padding:16px}.rule{margin:10px 0}.tools{margin-top:14px}.round{margin-top:10px}}
@media(max-width:740px){:root{--board:min(520px,calc(100vw - 32px),calc(100dvh - 366px))}#app{gap:8px;padding:12px 16px}.rail header,.rule,nav,.round,.tools,#status,#result-open,#storage-status{width:min(520px,calc(100vw - 32px))}.rule{font-size:14px}.round{gap:6px}#level-picker{font-size:14px}nav button{font-size:16px;min-height:48px}.progress{font-size:16px;margin-top:6px}#status{font-size:14px;min-height:20px}.tools button{font-size:14px;padding:8px 5px}.cell .region{font-size:14px}#level-list.sr-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sr-sheet{padding-left:16px;padding-right:16px}}
@media(max-width:360px){#app{padding:10px 12px;gap:6px}:root{--board:min(calc(100vw - 24px),calc(100dvh - 358px))}.round{gap:4px}#level-picker{padding:6px}#auto-cross{padding:6px;gap:4px}.rule{font-size:14px}.tools button{min-width:0}}

/* CEO readability revision: all states, not only play. */
button:not(.cell),.tools button,nav button,#level-picker,#auto-cross{font-size:18px}
.rule,#status,#storage-status,dialog p,#level-summary,.desktop-note p,.badge{font-size:16px}
.rule{line-height:1.35}
#timer,.progress,#size,#result-meta{font-size:20px}
#status{line-height:1.25;min-height:40px}
#result-title{font-size:28px}
#level-picker{padding:6px 8px}
#auto-cross{padding:6px;gap:4px}
#auto-cross .sr-switch-track{width:32px}
#auto-cross[aria-checked=true] .sr-switch-track:after{transform:translateX(10px)}
#timer{min-width:45px}
#result-dialog{padding:16px 20px}
#result-dialog .result-star{margin:0;line-height:0}
#result-dialog .result-star .star-character,#result-dialog .line-badge{width:64px;height:64px}
#result-dialog h2{margin:6px 0}
#result-dialog p{margin:4px 0;line-height:1.4}
#result-dialog .badge{padding:6px 14px}
#result-dialog .primary{margin:16px 0 8px}
#result-dialog #replay{margin-bottom:8px}
#result-dialog #result-close{width:100%}
#level-list button.sr-level-tile{font-size:18px}
@media(min-width:741px) and (max-height:600px){.rail{padding:14px}.round{gap:4px}.rule{font-size:16px}.tools button{font-size:18px;padding:8px 6px}}
@media(max-width:740px){:root{--board:min(520px,calc(100vw - 32px),calc(100dvh - 384px))}.rule{font-size:16px}#status{font-size:16px}.progress{font-size:20px}.tools button{font-size:18px}#level-picker{font-size:18px}.round{gap:4px}nav button{font-size:18px}.sr-sheet p{font-size:16px}#size{font-size:20px}#result-dialog{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:360px){:root{--board:min(calc(100vw - 24px),calc(100dvh - 384px))}.rule{font-size:16px}#level-picker{font-size:18px;padding:6px}.tools button{padding:8px 4px}#auto-cross{font-size:18px}#app{gap:6px}}

#level-picker.sr-icon-label{flex-direction:row-reverse;gap:3px}.progress .sr-icon-label{gap:5px}