@media(max-width:980px){
  .app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .22s ease}.menu-open .sidebar{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.55)}.sidebar-scrim[hidden]{display:none}.mobile-menu-button,.topbar-title{display:block}.topbar-threshold{margin-left:auto}.control-grid{grid-template-columns:1fr}.book-spread{grid-template-columns:1fr}.book-spread:after{display:none}.book-page{padding:42px 28px 58px}.book-page.right{border-top:1px solid rgba(83,65,38,.18)}.realm-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:rgba(7,17,29,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.mobile-nav button{border:0;background:none;color:#9dabc0;padding:13px 4px;font-family:"IBM Plex Mono";font-size:.56rem;text-transform:uppercase}.mobile-nav button.active{color:var(--teal-bright)}.view-wrap,.control-stage,.codex-stage,.realm-stage{padding-bottom:90px}.field-grid{grid-template-columns:1fr}.full{grid-column:auto}
}
@media(max-width:620px){.realm-cards{grid-template-columns:1fr}.threshold-card{padding:42px 24px}.threshold-card h1{font-size:4.4rem}.topbar{padding:0 13px}.topbar-threshold{display:none}.metric-grid{grid-template-columns:1fr 1fr}.system-hero{padding:20px}.book-page{padding:34px 22px 54px}}