/* Keep existing route buttons and cat cues; simplify their menu on every screen. */
.main-nav.mobile-navigation{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:8px;margin:0 0 16px;padding:6px 0 10px;overflow:visible}
.main-nav.mobile-navigation>button[data-mobile-nav-managed][hidden],.main-nav.mobile-navigation>.mobile-nav-more[hidden],.main-nav.mobile-navigation>.worker-art[hidden]{display:none!important}
.main-nav.mobile-navigation>button[data-tab]{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;justify-content:start;gap:1px 9px;flex:0 1 auto;min-width:120px;min-height:56px;margin:0;padding:8px 16px;border-radius:13px;font-size:13px;line-height:1.25;text-align:left;box-shadow:inset 0 1px 0 #b7fff321,0 2px 0 #092f3c30}
.main-nav.mobile-navigation>button[data-tab]>.nav-play-icon{grid-column:1;grid-row:1/3;width:26px;height:26px;flex-basis:26px}
.main-nav.mobile-navigation>button[data-tab]>.nav-play-label{grid-column:2;grid-row:1;align-self:end;text-align:left;overflow-wrap:anywhere;font-size:13px;line-height:1.25}
.main-nav.mobile-navigation>button[data-tab]>.nav-play-status{grid-column:2;grid-row:2;align-self:start;min-height:0;font-size:10px;line-height:1.3}
.main-nav.mobile-navigation>button[data-tab]>.nav-play-status:empty{display:none}
.main-nav.mobile-navigation>button[data-tab]>.nav-play-flourish{right:3px;top:25px;width:26px;height:16px}
.main-nav.mobile-navigation>button[data-nav-cue=running],.main-nav.mobile-navigation>button[data-nav-cue=attention]{padding-right:29px}
.main-nav.mobile-navigation>button[data-mobile-nav-primary=false]{min-height:48px;padding:7px 13px;min-width:118px;max-width:210px;flex:0 1 auto;order:1}
.main-nav.mobile-navigation>button[data-mobile-nav-primary=false]>.nav-play-icon{width:23px;height:23px}
.main-nav.mobile-navigation>.mobile-nav-more{display:grid;grid-template-columns:18px minmax(0,1fr) 12px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:1px 8px;flex:0 1 auto;min-width:112px;max-width:260px;min-height:56px;margin:0;padding:8px 13px;border:1px solid var(--line,#51858b);border-radius:13px;background:var(--surface,#edf6f3);color:var(--ink,#194850);font-size:13px;line-height:1.3;text-align:left;white-space:normal;touch-action:manipulation}
.mobile-nav-more-title{grid-column:2;grid-row:1;font-weight:700}.mobile-nav-more-icon{grid-column:1;grid-row:1/3;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-nav-current{grid-column:2;grid-row:2;min-width:0;color:var(--muted,#567875);font-size:10px;overflow-wrap:anywhere;line-height:1.3}.mobile-nav-current:empty{display:none}
.mobile-nav-chevron{grid-column:3;grid-row:1/3;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.main-nav.mobile-navigation>.mobile-nav-more.has-current-section{border-color:var(--accent-strong,#22acac);background:var(--accent-soft,#cbeee8)}.mobile-nav-more.has-current-section .mobile-nav-current{color:inherit}
.mobile-nav-more[aria-expanded=true] .mobile-nav-chevron{transform:rotate(180deg)}.main-nav.mobile-navigation>.mobile-nav-more:focus-visible{outline:3px solid var(--accent-strong,#22acac);outline-offset:3px}
:root[data-theme=dark] .main-nav.mobile-navigation>.mobile-nav-more{background:linear-gradient(140deg,#164b58,#103742);color:#dcf9f5;border-color:#3e7d82}
:root[data-theme=dark] .main-nav.mobile-navigation>.mobile-nav-more.has-current-section{background:#145c66;border-color:#63cbbc}
.main-nav.mobile-navigation[data-navigation-expanded=true]::after{content:'';display:block;flex-basis:100%;height:0;order:0}
@media(max-width:600px){
 .main-nav.mobile-navigation{gap:7px;margin-bottom:12px;padding:4px 0 9px}
 .main-nav.mobile-navigation>button[data-mobile-nav-primary=true]{flex:1 1 0;min-width:0;min-height:60px;padding:7px 4px;grid-template-columns:23px minmax(0,1fr);gap:1px 4px}
 .main-nav.mobile-navigation>button[data-mobile-nav-primary=true]>.nav-play-icon{width:23px;height:23px}
 .main-nav.mobile-navigation>button[data-tab]>.nav-play-label{font-size:12px}.main-nav.mobile-navigation>button[data-tab]>.nav-play-status{font-size:9px}
 .main-nav.mobile-navigation>button[data-mobile-nav-primary=true]>.nav-play-label{white-space:nowrap;overflow-wrap:normal}
 .main-nav.mobile-navigation>button[data-mobile-nav-primary=true][data-nav-cue=attention]>.nav-play-attention,.main-nav.mobile-navigation>button[data-mobile-nav-primary=true][data-nav-cue=running]>.nav-play-work-fallback{right:-2px;top:-3px;transform:scale(.8);transform-origin:top right}
 .main-nav.mobile-navigation>.mobile-nav-more{flex:1.05 1 0;min-width:0;max-width:none;min-height:60px;padding:7px;gap:1px 5px;grid-template-columns:14px minmax(0,1fr) 10px;font-size:12px}
 .mobile-nav-more-icon{width:14px;height:14px}.mobile-nav-chevron{width:10px;height:10px}.mobile-nav-current{font-size:9px}
 .main-nav.mobile-navigation>button[data-mobile-nav-primary=false]{flex:1 1 calc(50% - 8px);max-width:none;min-width:0;min-height:48px;padding:8px 12px}
 header.app-header{padding:12px 0 10px;gap:9px}.app-header .header-actions{gap:6px!important}.app-header .header-actions button{min-height:44px!important}.app-header .brand{min-height:44px}
}
@media(max-width:350px){.main-nav.mobile-navigation>button[data-mobile-nav-primary=true]>.nav-play-label{font-size:11px}}
@media(forced-colors:active){.main-nav.mobile-navigation>.mobile-nav-more{background:ButtonFace;color:ButtonText;border-color:ButtonText}.main-nav.mobile-navigation>.mobile-nav-more.has-current-section{outline:2px solid Highlight}}