.display-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:12px;align-items:center;padding:8px 0 22px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.display-settings select{width:100%;min-width:0;padding:10px;border:1px solid #b49dc2;border-radius:6px;background:#f5eede;color:#43314e}
.display-settings p{grid-column:1/-1;margin:0;line-height:1.45;font-size:calc(13px * var(--text-scale,1));color:#77657e}
#display-status:empty{display:none}
.choice{white-space:normal;overflow-wrap:anywhere;min-height:48px;height:auto}
html[data-text-size="large"] .topbar,html[data-text-size="extra"] .topbar{height:auto;min-height:62px;gap:12px;flex-wrap:wrap}
html[data-text-size="large"] .topbar nav,html[data-text-size="extra"] .topbar nav{flex-wrap:wrap}
html[lang="ru"] .choice{letter-spacing:.02em}
html[lang="ru"] .metric-help{letter-spacing:0}
@media(max-width:600px){.display-settings{grid-template-columns:1fr}.display-settings p{grid-column:1}.topbar nav{gap:12px}.choice{padding:15px 12px}.modal-head h2{overflow-wrap:anywhere}}
@media(orientation:landscape) and (max-height:600px){html[data-text-size="large"] .topbar,html[data-text-size="extra"] .topbar{min-height:42px;padding:5px 12px;flex-wrap:nowrap}html[data-text-size="large"] .play-area,html[data-text-size="extra"] .play-area{top:54px;max-height:calc(100dvh - 94px);overflow-y:auto}html[data-text-size="large"] .topbar .brand,html[data-text-size="extra"] .topbar .brand{font-size:16px}html[data-text-size="large"] .topbar nav,html[data-text-size="extra"] .topbar nav{flex-wrap:nowrap}dialog{max-height:calc(100dvh - 24px);overflow-y:auto}}