/* Language controls follow the existing settings and glass-dialog system. */
.sansa-language-row{display:flex;flex-direction:column;align-items:stretch!important;gap:9px;padding-block:16px!important}
.sansa-language-row>label{font-size:14px;font-weight:600}
.sansa-language-row select{box-sizing:border-box;display:block;inline-size:100%;max-inline-size:100%;min-block-size:44px;padding:10px 12px;border:1px solid rgb(77 87 71 / 28%);border-radius:12px;background:rgb(255 255 255 / 20%);color:inherit;color-scheme:dark;font:inherit;font-size:14px;cursor:pointer}
/* Native option panels can use an opaque system surface instead of the glass control. */
.sansa-language-row select option{background-color:#24362e;color:#f1f5f4}
.sansa-language-row select:focus-visible,.sansa-about-open:focus-visible{outline:2px solid #8d7945;outline-offset:3px}
.sansa-language-row small{white-space:normal!important;font-size:12px;line-height:1.65}
.sansa-language-row .sansa-about-open{align-self:flex-start;min-block-size:36px;padding-inline:0;text-align:start}
.game-dialog{max-inline-size:calc(100vw - 32px);overflow-wrap:break-word}
.game-dialog strong,.game-dialog h2,.game-dialog h3,.game-dialog p,.game-dialog small{min-inline-size:0}
.setting-row>div{min-inline-size:0}
/* Keep the next ceremony time readable on both day and night glass surfaces. */
#chant-next{color:var(--regular-ink)}
.game-context-actions button{max-inline-size:100%;white-space:normal}
.game-modes button span{line-height:1.2}
#sansa-about-dialog{box-sizing:border-box;inline-size:min(620px,calc(100vw - 32px));max-block-size:calc(100dvh - 40px);padding:24px;overflow:auto;border:1px solid rgb(255 255 255 / 34%);border-radius:24px;color:#36483f;background:rgb(224 228 220 / 94%);box-shadow:0 24px 90px #0005;backdrop-filter:blur(24px);font-family:'BuddhaSit UI',-apple-system,BlinkMacSystemFont,sans-serif}
#sansa-about-dialog::backdrop{background:#07120c66;backdrop-filter:blur(5px)}
#sansa-about-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:12px}
#sansa-about-dialog>header h2{margin:0;font-size:18px;font-weight:600}
#sansa-about-dialog [data-about-close]{flex:none;min-inline-size:44px;min-block-size:44px;border:1px solid #61706055;border-radius:50%;background:transparent;color:inherit;font:inherit;cursor:pointer}
#sansa-about-dialog h1{font-size:24px;line-height:1.35;margin-block:12px}
#sansa-about-dialog h2,#sansa-about-dialog h3{font-size:16px;line-height:1.5;margin-block:20px 8px}
#sansa-about-dialog p,#sansa-about-dialog li{font-size:14px;line-height:1.8}
#sansa-about-dialog a{color:#294d3e;text-underline-offset:3px}
#sansa-about-dialog nav{margin-block-start:24px}
#sansa-about-dialog .sansa-language-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
#sansa-about-dialog .sansa-language-links h2{grid-column:1/-1}
#sansa-about-dialog nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
#sansa-about-dialog [data-locale-link]{display:inline-flex;align-items:center;min-block-size:40px;padding-block:3px;max-inline-size:100%;overflow-wrap:anywhere}
#sansa-about-dialog [aria-current='page']{font-weight:650}
html[lang]:not([lang='ko']) .game-brand span{letter-spacing:.02em}
html[dir='rtl'] .game-dialog,html[dir='rtl'] #sansa-about-dialog{text-align:right}
html[dir='rtl'] .sansa-language-row .sansa-about-open{align-self:flex-start}
html[dir='rtl'] kbd,html[dir='rtl'] .beads-counter strong,html[dir='rtl'] #game-presence-count{direction:ltr;unicode-bidi:isolate}
html[dir='rtl'] .game-brand span{unicode-bidi:isolate;direction:ltr}
html[dir='rtl'] .game-tools{direction:rtl}
@media(max-width:600px){
  html[lang]:not([lang='ko']) .game-brand{max-inline-size:calc(100vw - 210px);gap:6px}
  html[lang]:not([lang='ko']) .game-brand small{min-inline-size:0}
  html[lang]:not([lang='ko']) .game-brand small>i{display:none}
  .game-dialog{max-block-size:calc(100dvh - 24px)}
  #sansa-about-dialog{padding:18px}
}
@media(prefers-reduced-motion:reduce){#sansa-about-dialog::backdrop{backdrop-filter:none}}
