/* Flexible space for longer translations, with the original artwork and motion. */
.breaker-language{display:flex;align-items:center;gap:6px;font-size:12px;color:#f6e5ce}
.breaker-language select{max-width:145px;min-height:36px;background:#231d27;color:#fff0dc;border:1px solid #725d75;border-radius:8px;padding:6px;font:inherit}
body.breaker-mode-shell{display:flex;flex-direction:column;min-height:100svh;height:100svh}
.breaker-mode-shell .menu{height:auto;min-height:118px;flex-shrink:0;flex-wrap:wrap;gap:12px 20px}
.breaker-mode-shell .note{flex:1;min-width:190px;margin:0}
.breaker-mode-shell .frames{flex:1;min-height:280px;height:auto}
html:not([lang="en"]) .breaker-mode-shell .modes button{max-width:260px}
html:not([lang="en"]) .cabinet .top-actions button{white-space:normal;min-width:0}
html:not([lang="en"]) .cabinet .top-actions{flex-wrap:wrap}
html:not([lang="en"]) .cabinet .card h2{font-size:clamp(22px,5vw,42px);overflow-wrap:anywhere}
html:not([lang="en"]) .cabinet .card p{line-height:1.45}
html:not([lang="en"]) .cabinet .card{max-height:100%;overflow:auto}
html:not([lang="en"]) .cabinet .controls{flex-wrap:wrap}
html:not([lang="en"]) .cabinet .controls button{white-space:normal;min-width:0}
html:not([lang="en"]) .cabinet .underboard{flex-wrap:wrap;gap:6px}
html:not([lang="en"]) .cabinet .chambers li{min-width:0}
html:not([lang="en"]) .cabinet .chambers li>span{overflow-wrap:anywhere}
html:not([lang="en"]) .breaker-feature .breaker-mode-label{white-space:normal}
html:not([lang="en"]) .breaker-feature .breaker-cta{max-width:100%;white-space:normal}
html:not([lang="en"]) .breaker-feature .breaker-lede{overflow-wrap:anywhere}
@media(max-width:740px){
 .breaker-mode-shell .menu{min-height:158px;padding:10px 12px;gap:8px}
 .breaker-mode-shell .modes{order:3;width:100%}
 .breaker-mode-shell .modes button{max-width:none!important}
 .breaker-mode-shell .note{order:4;max-width:none;flex-basis:100%;font-size:10px}
 .breaker-mode-shell .breaker-language{margin-left:auto}
 html:not([lang="en"]) .cabinet header{flex-wrap:wrap;height:auto;gap:8px}
 html:not([lang="en"]) .cabinet .header-label{white-space:normal}
 html:not([lang="en"]) .cabinet .top-actions{margin-left:auto}
}