/* Preserve the upstream responsive board; adapt Korean labels and touch targets. */
:root { --tap: 52px; --font-ui: system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; --font-display: var(--font-ui); }
body { font-size:16px; }
.btn, .btn--big, .seg button, .switch { min-height:52px; font-size:16px; letter-spacing:0; }
.btn--icon { min-width:52px; }
.brand-name { font-size:18px; white-space:nowrap; }
.title { font-size:clamp(32px,8vmin,58px); letter-spacing:0; line-height:1.1; }
.title small, .hints, #appNotice, #appRow, #appStatus, .overlay--title .fine, .overlay--title .records, .version-line { display:none!important; }
.tagline, .daily-line, .saved, .records, .fine, .receipt, .setting-name, .keys, .how, .how-trap, .how-expert, .how-daily { font-size:16px; line-height:1.5; word-break:keep-all; }
.panel { max-height:100%; overflow:auto; }
.console { font-size:16px; min-height:24px; }
.pp-back { text-decoration:none; }
.pp-license { position:fixed; bottom:4px; right:12px; font-size:14px; z-index:5; }
.pp-license a { color:var(--muted); }
@media(max-width:600px) { .bar { gap:8px; } .actions { gap:4px; } .brand-mark { display:none; } .brand-name { font-size:16px; } .pp-back { padding-inline:8px; } .btn--icon { min-width:48px; } .btn--ghost.btn--adaptive { padding-inline:8px; } .cta { gap:8px; } .btn--big { padding-inline:14px; } .dialog-body { font-size:16px; } }
/* Sound, pause and settings move into the measured shared bar with their handlers intact. */
html[data-classroom-playing] .chrome { max-width:none; padding-inline:16px; }
html[data-classroom-playing] .hud { min-height:54px; padding:8px 0; gap:8px 20px; }
html[data-classroom-playing] .stat-key { font-size:14px; letter-spacing:0; }
html[data-classroom-playing] .stat-target { font-size:16px; }
html[data-classroom-playing] .stat-val { font-size:24px; }
html[data-classroom-playing] .console { font-size:16px; }
@media(max-width:900px) { html[data-classroom-playing] .stat--runners{display:none} }