/* The language choice remains reachable in the page and inside modal focus traps. */
.aida-language{display:flex!important;align-items:center;gap:2px;width:max-content;padding:3px;border:1px solid rgba(219,190,139,.45);border-radius:22px;background:rgba(34,20,29,.94);color:#f9ebd5;font:12px/1.2 system-ui,sans-serif;letter-spacing:.06em;box-sizing:border-box}
body>.aida-language{position:fixed;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:1001}
.aida-language button{appearance:none;min-width:40px;min-height:36px;margin:0!important;padding:7px 9px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#f9ebd5!important;font:inherit!important;letter-spacing:inherit!important;box-shadow:none!important;cursor:pointer;transform:none!important;line-height:1.2!important}
.aida-language button[aria-pressed=true]{background:#dbc395!important;color:#24151e!important}
.aida-language button:focus-visible{outline:2px solid #fff!important;outline-offset:2px}
.panel>article>.aida-language,#journal>.notebook>.aida-language{position:relative;margin:0 50px 20px 0!important;z-index:3}
body.panel-open>.aida-language,body:has(#journal:not([hidden]))>.aida-language{display:none!important}
html[lang=en] .study-actions button{letter-spacing:.04em}
html[lang=en] .study-caption h2{max-width:15ch}
@media(max-width:600px){body>main>header,body>header,#experience>header{padding-right:110px!important}.aida-language button{min-width:38px;min-height:38px}.aida-language{letter-spacing:.03em}body>.aida-language{right:10px;top:max(10px,env(safe-area-inset-top))}html[lang=en] .study-actions button{font-size:clamp(11px,2.7vw,14px)}}
#study .enchantment-toggle{right:118px}
@media(min-width:651px){body:has(#app)>main>header{padding-right:110px}}
@media(max-width:420px){#study .enchantment-toggle{top:calc(70px + env(safe-area-inset-top));right:14px}}