.lumea-mobile-nav,.lumea-mobile-menu{display:none}
@media(max-width:1024px){
 html body.lumea-sport:has(.lumea-mobile-nav){padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));--lm-mobile-nav-height:calc(72px + env(safe-area-inset-bottom,0px))}
 html body.lumea-sport .platform-header>.platform-nav{display:none}
 html body.lumea-sport .lumea-mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:70;padding:6px max(6px,env(safe-area-inset-right,0px)) max(6px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:var(--lm-bg);border-top:2px solid var(--lm-accent);gap:3px;isolation:isolate}
 html body.lumea-sport .lumea-mobile-nav :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:58px;padding:7px 2px;border:0;border-radius:0;background:transparent;color:var(--lm-muted);font:700 10px/1.2 system-ui,sans-serif;text-decoration:none;cursor:pointer;text-transform:none;letter-spacing:0;transform:none}
 .lumea-mobile-nav svg{width:21px;height:21px;flex:none}
 html body.lumea-sport .lumea-mobile-nav :is([aria-current=page],[data-active=true],[aria-expanded=true]){color:var(--lm-accent-ink);background:var(--lm-raised)}
 html body.lumea-sport .lumea-mobile-nav :is(a,button):focus-visible{outline:2px solid var(--lm-accent);outline-offset:-3px}
 html body.lumea-sport .lumea-mobile-menu[open]{display:block;position:fixed;inset:auto 12px calc(86px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);max-width:600px;max-height:calc(100dvh - 122px - env(safe-area-inset-bottom,0px));margin:0 auto;padding:0;overflow:auto;overscroll-behavior:contain;background:var(--lm-panel);color:var(--lm-ink);border:1px solid var(--lm-line);border-top:4px solid var(--lm-accent);border-radius:0;animation:lumea-menu-in .24s cubic-bezier(.16,1,.3,1) both}
 .lumea-mobile-menu::backdrop{background:rgb(0 0 0 / .72)}
 /* taste-skill-ignore: the user chose Strike borders; this rule separates the fixed menu heading from links. */ .lumea-mobile-menu-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 14px;gap:16px;border-bottom:1px solid var(--lm-line);position:sticky;top:0;background:var(--lm-panel);z-index:1}
 .lumea-mobile-menu-heading span{font-size:11px;font-weight:850;letter-spacing:.06em;color:var(--lm-accent-ink)}
 .lumea-mobile-menu h2{font-size:25px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.045em;margin:5px 0 0;line-height:1.1}
 .lumea-mobile-menu-heading>button{display:grid;place-items:center;min-width:44px;min-height:44px;background:var(--lm-bg);border:1px solid var(--lm-line);color:var(--lm-ink);font-size:30px;line-height:1;cursor:pointer}
 .lumea-mobile-menu>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 16px;gap:4px 10px}
 /* taste-skill-ignore: Strike navigation rows retain the user's requested sharp outlines. */ html body.lumea-sport .lumea-mobile-menu nav a{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:8px;min-height:66px;padding:10px 4px;color:var(--lm-ink);border-bottom:1px solid var(--lm-line);text-decoration:none;font-size:12px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
 .lumea-mobile-menu nav a>svg{width:22px;height:22px;color:var(--lm-accent-ink)}
 .lumea-mobile-menu nav a>span:last-child{color:var(--lm-muted)}
 html body.lumea-sport .lumea-mobile-menu nav a[aria-current=page]{color:var(--lm-accent-ink)}
 .lumea-mobile-menu :is(a,button):focus-visible{outline:2px solid var(--lm-accent-ink);outline-offset:2px}
 html:has(.lumea-mobile-menu[open]){overflow:hidden}
}
@media(max-width:360px){.lumea-mobile-menu>nav{grid-template-columns:minmax(0,1fr)}html body.lumea-sport .lumea-mobile-menu nav a{min-height:56px;font-size:14px}}
@keyframes lumea-menu-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
html[data-lumea-motion=reduced] .lumea-mobile-menu[open]{animation:none!important}
@media(prefers-reduced-motion:reduce){.lumea-mobile-menu[open]{animation:none!important}}
