/* Flexible localized labels and compact accessible language control. */
.languageControl{display:flex;align-items:center;gap:6px;font:11px system-ui;margin:0}.languageControl select{font:12px system-ui;max-width:160px;min-height:30px;padding:4px;border:1px solid #9ca8b6;border-radius:7px;background:#fffaf0;color:#394659}header{flex-wrap:wrap;gap:8px}.languageControl>span{font-size:11px}button,select{font-family:inherit}.contentControls{flex-wrap:wrap}.contentControls label{max-width:100%}.contentControls select{max-width:100%;min-width:0}.panel,.play,.table,.scorecard,.layout>*,.workspace>*{min-width:0}.scoreRow span{white-space:normal;overflow-wrap:anywhere}.scoreRow{height:auto;min-height:35px;gap:5px}.scoreRow b{flex-shrink:0}.contentControls #contentInfo{overflow-wrap:anywhere}.status strong{white-space:normal}.boardFooter{gap:12px}.boardFooter span{max-width:50%}.dieWrap small{padding-left:1px!important;padding-right:1px!important;white-space:normal;min-height:16px}.tableBottom{gap:8px}.tableBottom>*{min-width:0}.tableBottom a{flex-shrink:0}.rollButton{white-space:normal}.intro h1,.heading h1{overflow-wrap:anywhere}.record,.best{flex-shrink:0}dialog{max-width:calc(100vw - 28px)}#dialogText{white-space:pre-line;overflow-wrap:anywhere}#dialogAction{white-space:normal;height:auto;min-height:40px}.contentControls label>span{margin-right:4px}
@media(max-width:760px){.languageControl{margin-left:auto}.languageControl select{max-width:144px}h1{font-size:28px!important}.intro,.heading{gap:8px}.record{font-size:10px}.status{gap:8px}.status strong{font-size:12px}.boardFooter{font-size:10px}.tableBottom a{max-width:42%;white-space:normal}.tableTitle p,.rollArea p{line-height:1.4}}
@media(min-aspect-ratio:13/10) and (max-height:620px){header{gap:5px}.languageControl{margin-left:auto}.languageControl>span{display:none}.languageControl select{font-size:10px;min-height:28px;max-width:130px}.contentControls #contentInfo{white-space:normal;line-height:1.25}.contentControls{height:auto}.scoreRow{font-size:10px;min-height:29px}.tableTitle h2{font-size:11px}.tableBottom{font-size:9px}.rollButton{font-size:12px}.intro h1,.heading h1{font-size:20px!important}}

.languageControl>span{white-space:nowrap;flex-shrink:0}.gameTitle{font:inherit}
@media(min-aspect-ratio:13/10) and (max-height:620px){.intro{left:125px;right:145px;justify-content:center;pointer-events:none}.intro h1{font-size:16px!important;letter-spacing:0;text-align:center}}
@media(max-width:640px) and (orientation:portrait){.contentControls label{grid-column:1/-1}.contentControls button{grid-row:2}.contentControls>span{grid-row:3}}