/* Shared Aether site navigation — Home / EA Space / Performance / My EA */
.site-brand{position:fixed!important;z-index:120!important;left:var(--side)!important;top:20px!important;display:block!important;width:160px!important;height:auto!important;font-size:0!important;letter-spacing:0!important;mix-blend-mode:normal!important}
.site-brand img{display:block;width:100%;height:auto}
.site-topbar{position:fixed!important;z-index:110!important;top:21px!important;left:0!important;right:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:24px!important;padding:0 var(--side)!important;pointer-events:none!important;color:#fff}
.site-topbar>*{pointer-events:auto}
 .site-nav-shell{position:relative!important;grid-column:2!important;top:auto!important;left:auto!important;right:auto!important;width:max-content!important;max-width:none!important;margin:0!important;transform:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important}
.site-nav-link{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:10px 17px!important;border:1px solid rgba(121,251,195,.24)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(15,46,39,.48),rgba(4,23,19,.34))!important;color:rgba(230,249,241,.76)!important;font-family:var(--aether-font,'Aether LINE Seed KR',Arial,Helvetica,sans-serif)!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;text-decoration:none!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.08)!important;backdrop-filter:blur(18px) saturate(118%)!important;-webkit-backdrop-filter:blur(18px) saturate(118%)!important;transition:background .28s,color .28s,border-color .28s,transform .28s,box-shadow .28s!important}
.site-nav-link:after{display:none!important;content:none!important}
.site-nav-link:hover{border-color:rgba(121,251,195,.46)!important;background:linear-gradient(180deg,rgba(25,66,55,.58),rgba(7,32,27,.42))!important;color:#effff8!important;transform:translateY(-1px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.11)!important}
.site-nav-link.active{border-color:rgba(121,251,195,.52)!important;background:linear-gradient(180deg,rgba(48,119,96,.34),rgba(10,49,40,.34))!important;color:var(--mint)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 24px rgba(70,224,177,.07)!important}
.site-myea{grid-column:3!important;justify-self:end!important;margin-left:0!important;display:inline-flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:0 15px!important;border:1px solid rgba(121,251,195,.28)!important;border-radius:999px!important;background:linear-gradient(115deg,rgba(121,251,195,.12),rgba(121,251,195,.025))!important;color:#effff8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 32px rgba(0,0,0,.14)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;transition:transform .35s var(--ease),border-color .35s,background .35s,box-shadow .35s!important}
.site-myea i,.site-mobile-myea i{display:block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(121,251,195,.08),0 0 16px rgba(121,251,195,.8)}
.site-myea b,.site-mobile-myea b{font-size:15px;font-weight:400;transition:transform .35s var(--ease)}
.site-myea:hover{transform:translateY(-2px);border-color:rgba(121,251,195,.58)!important;background:linear-gradient(115deg,rgba(121,251,195,.2),rgba(121,251,195,.05))!important;box-shadow:0 14px 40px rgba(36,208,157,.12)!important}
.site-myea:hover b{transform:translate(2px,-2px)}
.site-mobile-myea{display:none!important}
.site-menu-toggle{display:none!important;margin-left:auto!important;background:none;border:0;padding:10px 0 10px 10px;cursor:pointer;color:#fff}
.site-menu-toggle i{display:block;width:26px;height:1px;margin:6px 0;background:currentColor;transition:transform .35s,opacity .35s}
.site-menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Keep language controls interactive above the shared product drawer. */
body.ea-product-open .language-switcher,
body.ea-product-open .member-language{z-index:1250!important;pointer-events:auto!important}
body.a2-control-open .member-language{z-index:1700!important;pointer-events:auto!important}

@media(max-width:1100px) and (min-width:901px){
  .site-topbar{gap:12px!important}
  .site-nav-link{padding-left:12px!important;padding-right:12px!important;font-size:13px!important;min-height:40px!important}
  .site-myea{padding-left:12px!important;padding-right:12px!important}
}

@media(max-width:1390px){
  body.menu-open{overflow:hidden}
  body.menu-open:before{content:"";position:fixed;z-index:100;inset:0;width:100dvw;height:100dvh;min-height:100svh;pointer-events:none;background-color:#03100e;background-image:radial-gradient(circle at 84% 11%,rgba(70,224,177,.17),transparent 30%),radial-gradient(circle at 4% 91%,rgba(41,128,103,.14),transparent 34%),linear-gradient(155deg,#061b16 0%,#03100e 48%,#020b0a 100%)}
  body.menu-open .site-brand{z-index:120!important}
  body.menu-open .site-topbar{z-index:130!important}
  .site-brand{top:18px!important;width:136px!important}
  .site-topbar{left:0!important;top:18px!important;right:0!important;width:100%!important;display:flex!important;padding:0 20px!important;gap:0!important}
  .site-myea{display:none!important}
  .site-nav-shell{display:none!important}
  .site-nav-shell.open,.site-nav-shell.mobile-open{display:flex!important;position:fixed!important;z-index:1!important;inset:0!important;left:0!important;width:100dvw!important;height:100dvh!important;min-height:100svh!important;overflow-x:hidden!important;overflow-y:auto!important;transform:none!important;padding:clamp(104px,15vh,142px) 22px 64px!important;border:0!important;border-radius:0!important;background-color:#03100e!important;background-image:radial-gradient(circle at 84% 11%,rgba(70,224,177,.14),transparent 30%),radial-gradient(circle at 4% 91%,rgba(41,128,103,.11),transparent 34%),linear-gradient(155deg,rgba(6,27,22,.98),rgba(3,16,14,.995) 48%,rgba(2,11,10,.998))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:6px!important}
  .site-nav-shell.open:before,.site-nav-shell.mobile-open:before{content:"AETHER / MENU";position:absolute;top:78px;left:22px;color:rgba(190,255,233,.48);font-size:13px;font-weight:600;letter-spacing:.18em}
  .site-nav-shell.open:after,.site-nav-shell.mobile-open:after{content:"NAVIGATION / 06";position:absolute;right:22px;bottom:28px;color:rgba(190,255,233,.3);font-size:13px;letter-spacing:.16em}
  .site-nav-shell.open .site-nav-link,.site-nav-shell.mobile-open .site-nav-link{display:grid!important;grid-template-columns:34px minmax(0,1fr) 24px!important;align-items:center!important;width:min(100%,560px)!important;min-height:clamp(54px,9.4vh,76px)!important;margin:0 auto!important;padding:0 14px!important;position:relative!important;top:-64px!important;border:1px solid transparent!important;border-bottom-color:rgba(190,255,233,.1)!important;border-radius:15px!important;font-size:clamp(36px,10.5vw,58px)!important;line-height:.9!important;letter-spacing:-.055em!important;transition:background .3s,border-color .3s,transform .3s var(--ease)!important}
  .site-nav-shell.open .site-nav-link:before,.site-nav-shell.mobile-open .site-nav-link:before{color:rgba(158,236,211,.38);font-size:13px;letter-spacing:.12em}
  .site-nav-shell .site-nav-link:nth-of-type(1):before{content:"01"}.site-nav-shell .site-nav-link:nth-of-type(2):before{content:"02"}.site-nav-shell .site-nav-link:nth-of-type(3):before{content:"03"}.site-nav-shell .site-nav-link:nth-of-type(4):before{content:"04"}.site-nav-shell .site-nav-link:nth-of-type(5):before{content:"05"}.site-nav-shell .site-nav-link:nth-of-type(6):before{content:"06"}
  .site-nav-shell.open .site-nav-link:after,.site-nav-shell.mobile-open .site-nav-link:after{content:"↗"!important;position:static!important;display:block!important;width:auto!important;height:auto!important;color:rgba(189,250,230,.38)!important;background:none!important;font-size:18px!important;transform:none!important;transition:color .3s,transform .3s var(--ease)!important}
  .site-nav-shell.open .site-nav-link:hover,.site-nav-shell.open .site-nav-link.active,.site-nav-shell.mobile-open .site-nav-link:hover,.site-nav-shell.mobile-open .site-nav-link.active{border-color:rgba(121,251,195,.2)!important;background:rgba(121,251,195,.075)!important;transform:translateX(3px)!important}
  .site-nav-shell.open .site-nav-link:hover:after,.site-nav-shell.open .site-nav-link.active:after,.site-nav-shell.mobile-open .site-nav-link:hover:after,.site-nav-shell.mobile-open .site-nav-link.active:after{color:var(--mint)!important;transform:translate(2px,-2px)!important}
  .site-nav-shell.open .site-mobile-myea,.site-nav-shell.mobile-open .site-mobile-myea{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:min(100%,560px)!important;min-height:56px!important;margin:18px auto 0!important;padding:0 24px!important;border:0!important;border-radius:999px!important;background:var(--mint)!important;color:var(--ink)!important;box-shadow:0 14px 40px rgba(72,211,169,.13)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important}
  .site-nav-shell.open .site-mobile-myea i,.site-nav-shell.mobile-open .site-mobile-myea i{background:var(--ink);box-shadow:0 0 0 4px rgba(2,16,14,.08)}
  .site-nav-shell.open .site-mobile-myea b,.site-nav-shell.mobile-open .site-mobile-myea b{margin-left:auto}
  .site-menu-toggle{display:grid!important;place-items:center!important;position:relative!important;z-index:2!important;width:46px!important;height:46px!important;padding:0!important;border:1px solid rgba(215,255,241,.18)!important;border-radius:50%!important;background:rgba(5,25,21,.56)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  .site-menu-toggle i{position:absolute;margin:0}.site-menu-toggle i:first-child{transform:translateY(-4px)}.site-menu-toggle i:last-child{transform:translateY(4px)}
  .site-menu-toggle[aria-expanded="true"] i:first-child{transform:rotate(45deg)}.site-menu-toggle[aria-expanded="true"] i:last-child{transform:rotate(-45deg)}
}

/* v0.60 — EA Aether top-level menu removed globally. The section can still exist internally. */
.site-nav-link[href*="#ea-aether"],.nav-link[href*="#ea-aether"]{display:none!important}


/* v0.94 — mobile menu mirrors the visible desktop navigation exactly.
   EA Aether is intentionally hidden in desktop navigation; keep it hidden
   when the same nav shell switches to the mobile overlay. Visible items are
   numbered with a counter so stale/hidden links cannot break numbering. */
@media(max-width:1390px){
  .site-nav-shell.open,.site-nav-shell.mobile-open{counter-reset:aetherMobileNav!important}
  .site-nav-shell.open .site-nav-link,.site-nav-shell.mobile-open .site-nav-link{counter-increment:aetherMobileNav!important}
  .site-nav-shell.open .site-nav-link:before,.site-nav-shell.mobile-open .site-nav-link:before{content:counter(aetherMobileNav, decimal-leading-zero)!important}
  .site-nav-shell.open .site-nav-link[href*="#ea-aether"],
  .site-nav-shell.mobile-open .site-nav-link[href*="#ea-aether"],
  .nav-shell.mobile-open .nav-link[href*="#ea-aether"]{display:none!important;counter-increment:none!important}
  .site-nav-shell.open:after,.site-nav-shell.mobile-open:after,.nav-shell.mobile-open:after{content:"NAVIGATION / 06"!important}
}

/* Tutorial nav 2026-10: fit long Thai label without clipping on desktop or mobile. */
.site-nav-link.aether-tutorial-menu{letter-spacing:0!important}
@media (min-width:1391px) and (max-width:1650px){
 .site-nav-shell{gap:5px!important}
 .site-nav-link{font-size:12px!important;padding:9px 11px!important;min-height:40px!important}
 .site-topbar{gap:12px!important}
}
@media(max-width:1390px){
 .site-nav-shell.open .aether-tutorial-menu,
 .site-nav-shell.mobile-open .aether-tutorial-menu{
   white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;
   font-size:clamp(17px,3.8vw,29px)!important;line-height:1.3!important;
   min-height:68px!important;letter-spacing:0!important;overflow:visible!important;
 }
 .site-nav-shell.open .site-nav-link:before,.site-nav-shell.mobile-open .site-nav-link:before{letter-spacing:0!important}
}