.language-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px max(18px,env(safe-area-inset-right));background:#8C1823;color:#F7F4ED;font:13px/1.5 system-ui,sans-serif;border-bottom:1px solid #ffffff30}
.language-bar select{max-width:55vw;min-height:40px;padding:5px 12px;border:1px solid #e7c6b8;border-radius:5px;background:#F7F4ED;color:#24211F;font:inherit}
.language-bar select:focus-visible{outline:3px solid #fff;outline-offset:3px}
.translation-guide{position:relative;margin:0;padding:12px max(20px,calc((100% - 1000px)/2));background:#F7F4ED;color:#24211F;font:12px/1.65 system-ui,sans-serif;border-bottom:1px solid #dfc9b6}
.localized-reading{margin:20px 0;padding:16px 20px;border-left:3px solid #8C1823;background:#fff5e712;font:15px/1.8 system-ui,sans-serif;text-align:left;letter-spacing:normal}
.localized-reading p{margin:0 0 12px}.localized-reading p:last-child{margin:0}
html:lang(en) button,html:lang(vi) button,html:lang(ja) button,html:lang(ko) button{letter-spacing:normal;line-height:1.5;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px}
html:lang(en) .stage-hint,html:lang(vi) .stage-hint,html:lang(ja) .stage-hint,html:lang(ko) .stage-hint{letter-spacing:normal;font-family:system-ui,sans-serif}
@media(max-width:560px){.language-bar{justify-content:space-between}.translation-guide{font-size:11px;padding:12px 18px}.localized-reading{padding:12px;font-size:14px}.actions{flex-wrap:wrap}.actions button{max-width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){html,body,*{scroll-behavior:auto!important}}

.account-banner{position:relative;z-index:1;font:11px/1.6 system-ui,sans-serif;padding:7px 18px}.translation-guide summary{cursor:pointer;min-height:28px}.translation-guide p{margin:10px 0 2px}.stage{min-height:calc(100dvh - 150px)}