/* Story pages use the same menu frame, with readable prose and no menu scroll. */
body #menu.menu[data-mode=levels] #chapterRead{position:absolute;inset:12px 12px auto auto;z-index:2;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid #c3b08088;border-radius:3px 9px 3px 9px;background:#071c23e8;box-shadow:inset 0 0 0 3px #b8ad7520;font-size:15px;color:#e5d2a6}
body[dir=rtl] #menu.menu[data-mode=levels] #chapterRead{right:auto;left:12px}
body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuPanel{width:min(720px,100%);height:min(780px,100%);grid-template-rows:auto minmax(0,1fr) auto;gap:18px}
body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuChapter{font-size:26px;line-height:1.25;letter-spacing:.02em}
body #menu.menu[data-mode] #loreReader{grid-row:2;min-height:0;height:100%;padding:22px 26px;border:1px solid #a89f7044;border-radius:3px 14px 3px 14px;background:linear-gradient(145deg,#152c31f5,#0a2027f5);box-shadow:inset 0 0 0 4px #071a2055,0 10px 35px #020b1033;overflow:hidden}
body #menu.menu[data-mode] #lorePage{height:100%;min-height:0;display:flow-root;overflow:hidden;font:400 20px/1.55 Oswald,Arial,sans-serif;color:#e0d8bb;text-align:start;letter-spacing:.005em;white-space:normal;overflow-wrap:anywhere;text-transform:none}
body #menu.menu[data-mode] #lorePage p{margin:0 0 .85em;font:inherit;letter-spacing:inherit;text-transform:none}
body #menu.menu[data-mode] #lorePage p:last-child{margin-bottom:0}
html:is(:lang(ar),:lang(hi),:lang(ja),:lang(ko),:lang(zh)) body #menu.menu[data-mode] #lorePage{font-family:Arial,sans-serif;line-height:1.65;letter-spacing:0}
body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuButtons{display:grid;grid-template-columns:minmax(0,1fr) 46px 62px 46px;gap:8px;align-items:center}
body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuButtons>[data-action=back]{justify-self:start;min-width:0;padding:10px 4px}
body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuButtons>:is([data-action=previousPage],[data-action=nextPage]){width:46px;min-height:46px;padding:0;font-size:29px;font-weight:400;border-radius:4px}
body #menu.menu[data-mode] .lore-position{text-align:center;font:400 16px/1.2 Oswald,Arial,sans-serif;color:#bdc8af;letter-spacing:.05em;font-variant-numeric:tabular-nums}
body #menu.menu[data-mode=about] #creditsTab[aria-pressed=true]{color:#eed9a7;border-color:#b6a579;background:#29413f}
@media(max-width:599px){
 body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuPanel{gap:14px}
 body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuChapter{font-size:23px}
 body #menu.menu[data-mode] #loreReader{padding:18px 17px}
 body #menu.menu[data-mode] #lorePage{font-size:18px}
}
@media(max-height:519px){
 body #menu.menu:is([data-mode=story],[data-mode=chapterStory]){padding-block:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-bottom))}
 body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuPanel{gap:9px}
 body #menu.menu:is([data-mode=story],[data-mode=chapterStory]) #menuChapter{font-size:21px;padding-bottom:8px}
 body #menu.menu[data-mode] #loreReader{padding:10px 17px}
 body #menu.menu[data-mode] #lorePage{font-size:18px;line-height:1.45}
 body #menu.menu[data-mode=levels] #chapterRead{inset:9px 9px auto auto;width:44px;height:44px;padding:0;justify-content:center;font-size:22px}
 body #menu.menu[data-mode=levels] #chapterReadLabel{display:none}
 body[dir=rtl] #menu.menu[data-mode=levels] #chapterRead{right:auto;left:9px}
 body #menu.menu[data-mode=levels] .chapter-copy{padding-inline-end:66px}
}