#field-story{position:absolute;top:145px;left:20px;max-width:min(360px,85vw);pointer-events:auto;background:#192426ee;color:#ced6c4;border:1px solid #809f8c77;padding:8px;font:12px monospace}#field-archive{max-height:35vh;overflow:auto;padding:8px}#field-story summary{cursor:pointer}#field-story[hidden]{display:none}#chapter-archive p,#field-archive p{line-height:1.5}@media(max-width:900px){#field-story{top:110px;left:12px;max-width:65vw}#field-archive{max-height:25vh}}

.mobile-layout #field-story{top:calc(var(--safe-top) + 160px);left:var(--safe-left)}@media(orientation:landscape) and (max-height:600px){.mobile-layout #field-story{top:calc(var(--safe-top) + 100px)}}
.mobile-layout #menu{scroll-padding-block:20px 100px}.mobile-layout #online-options button{scroll-margin-bottom:100px}
.mobile-layout #menu:has(#online-options[open]) .selection-bottom{position:static;margin-top:12px}

.chapter-active #chapter-radio{font:11px/1.45 monospace;color:#c3cdbb;border-top:1px solid #809f8c44;margin:8px 0 0;padding-top:7px}.chapter-active #chapter-radio[hidden]{display:none}.chapter-active #objective-detail{line-height:1.4}
.mobile-layout.chapter-active #operation-hud{max-height:none;max-width:none}.mobile-layout.chapter-active #operation-hud span{white-space:normal;overflow:visible;line-height:1.35}.mobile-layout.chapter-active #chapter-radio{font-size:9px;line-height:1.35;margin-top:4px;padding-top:4px}.mobile-layout.chapter-active #field-story,.mobile-layout.chapter-active #team-tools{top:calc(var(--safe-top) + 245px)}
@media(orientation:landscape) and (max-height:600px){.mobile-layout.chapter-active #operation-hud{left:calc(var(--safe-left) + 125px);right:calc(var(--safe-right) + 125px)}.mobile-layout.chapter-active #field-story,.mobile-layout.chapter-active #team-tools{top:calc(var(--safe-top) + 145px)}}

.mobile-layout.chapter-active #announcement{top:34%}@media(orientation:landscape) and (max-height:600px){.mobile-layout.chapter-active #announcement{top:33%}}