.mapleSiteHeader,.mapleSiteHeader *,.mapleSiteHeader *::before,.mapleSiteHeader *::after{box-sizing:border-box}
.mapleSiteHeader{
  position:sticky;
  top:0;
  z-index:1000;
  display:block;
  width:100%;
  height:88px;
  min-height:88px;
  margin:0;
  padding:0;
  color-scheme:light;
  color:#493d32;
  background:#fffaf0;
  border-bottom:3px solid #c3a27a;
  box-shadow:0 3px 0 rgba(123,89,49,.09);
}
.mapleSiteHeader__shell{
  position:relative;
  width:min(var(--site-content-max,1480px),calc(100% - 24px));
  height:85px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:24px;
  background:transparent;
}
.mapleSiteHeader__brand{
  position:relative;
  flex:0 0 126px;
  width:126px;
  height:84px;
  margin:0;
  padding:0;
  display:block;
  border:0;
  overflow:visible;
  text-decoration:none;
}
.mapleSiteHeader__brand img{display:block;max-width:none;margin:0;object-fit:contain;object-position:center}
.mapleSiteHeader__brandArt{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.mapleSiteHeader__gameLogo{position:absolute;z-index:1;left:33%;top:13%;width:38%;height:24%;object-fit:contain}
.mapleSiteHeader__libraryLogo{width:110px;height:48px}
.mapleSiteHeader__nav{
  width:100%;
  height:64px;
  min-width:0;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  background:transparent;
}
.mapleSiteHeader__nav>.mapleSiteHeader__tab{
  position:relative;
  flex:0 0 112px;
  min-width:0;
  width:auto;
  height:44px;
  min-height:44px;
  margin:0;
  padding:4px 6px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #bda17e;
  border-radius:9px;
  color:#493d32;
  background:#fffaf0;
  box-shadow:none;
  text-decoration:none;
  font-size:13px;
  font-style:normal;
  font-weight:700;
  line-height:1.16;
  letter-spacing:-.025em;
  text-align:left;
  white-space:normal;
  overflow:hidden;
  transform:none;
}
.mapleSiteHeader__tab--active{
  color:#425b32;
  background:#eaf0da;
  box-shadow:inset 0 0 0 1px #869a67;
}
.mapleSiteHeader__icon{
  display:block;
  flex:0 0 36px;
  width:36px;
  height:36px;
  min-width:36px;
  max-width:36px;
  margin:0;
  object-fit:contain;
  object-position:center;
}
.mapleSiteHeader__tab>.mapleSiteHeader__label{
  display:block;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  text-align:left;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
@media(max-width:899px){
  .mapleSiteHeader{height:128px;min-height:128px}
  .mapleSiteHeader__shell{height:125px;flex-wrap:wrap;gap:2px}
  .mapleSiteHeader__brand{flex-basis:114px;width:114px;height:76px}
  .mapleSiteHeader__nav{height:47px;flex-basis:100%}
  .mapleSiteHeader__nav>.mapleSiteHeader__tab{height:40px;min-height:40px}
}

/* Keep the static, keyboard-accessible fallback in the same warm shell while
   the three-category menu initializes. Brand bounds apply before JavaScript. */
.mapleSiteHeader.mapleSiteHeader--enhanced{height:88px;min-height:88px;color-scheme:light;background:#fffaf0;border-bottom:3px solid #c3a27a;box-shadow:0 3px 0 rgba(123,89,49,.09);color:#493d32}
.mapleSiteHeader--enhanced .mapleSiteHeader__shell{position:relative;display:flex;align-items:center;gap:24px;width:min(var(--site-content-max,1480px),calc(100% - 24px));height:85px;background:transparent}
.mapleSiteHeader--enhanced .mapleSiteHeader__brand{position:relative;flex:0 0 126px;display:block;width:126px;height:84px;padding:0;border:0;overflow:visible}
.mapleSiteHeader--enhanced .mapleSiteHeader__brandArt{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.mapleSiteHeader--enhanced .mapleSiteHeader__gameLogo{position:absolute;z-index:1;left:33%;top:13%;width:38%;height:24%;object-fit:contain}
.mapleSiteHeader--enhanced .mapleSiteHeader__libraryLogo{width:110px;height:48px}
.mapleSiteHeader--enhanced .mapleSiteHeader__nav{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:12px;min-width:0;width:auto;height:auto;overflow:visible;background:transparent}
.mapleSiteHeader--enhanced .siteNavigation__primary{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.mapleSiteHeader--enhanced .siteNavigation__groupIcon{display:block;flex:0 0 24px;width:24px;height:24px;object-fit:contain}
.mapleSiteHeader--enhanced .siteNavigation__groupButton,
.mapleSiteHeader--enhanced .siteNavigation__updates,
.mapleSiteHeader--enhanced .siteNavigation__toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin:0;padding:10px 16px;border:2px solid #bda17e;border-radius:14px 14px 9px 9px;background:linear-gradient(180deg,#fffdf7,#f5ead5);box-shadow:0 3px 0 #d2b997,inset 0 1px 0 #fff;color:#493d32;font-size:var(--ui-type-l3-size);font-style:normal;font-weight:var(--ui-type-l3-weight);line-height:var(--ui-type-l3-line);letter-spacing:-.025em;text-decoration:none;white-space:nowrap;cursor:pointer;transform:none}
.mapleSiteHeader--enhanced .siteNavigation__groupButton::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.65}
.mapleSiteHeader--enhanced .siteNavigation__groupButton[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.mapleSiteHeader--enhanced .siteNavigation__youtubeBadge{display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border:1px solid #d6a18b;border-radius:4px;background:#fff3e9;color:#a43725;font-size:var(--ui-type-note-size);font-weight:var(--ui-type-l4-weight);line-height:1.2;letter-spacing:0;white-space:nowrap}
.mapleSiteHeader--enhanced .siteNavigation__groupButton.is-current,
.mapleSiteHeader--enhanced .siteNavigation__updates[aria-current]{border-color:#b56f3c;background:#fce4c4;box-shadow:0 3px 0 #ce9866,inset 0 1px 0 #fff4e2;color:#7c3c20}
.mapleSiteHeader--enhanced .siteNavigation__groupButton[aria-expanded="true"],
.mapleSiteHeader--enhanced .siteNavigation__toggle[aria-expanded="true"]{border-color:#839666;background:#e9efda;box-shadow:0 2px 0 #b6c399,inset 0 1px 0 #f9fcec;color:#455933}
.mapleSiteHeader--enhanced .siteNavigation__current{display:none}
.mapleSiteHeader--enhanced .siteNavigation__toggle{display:inline-flex;flex:0 0 auto;gap:7px;padding:10px 12px;border-radius:10px}
.mapleSiteHeader--enhanced .siteNavigation__toggleIcon{position:relative;display:block;width:13px;height:10px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.mapleSiteHeader--enhanced .siteNavigation__toggleIcon::after{position:absolute;top:3px;left:0;width:100%;border-top:1.5px solid currentColor;content:""}
/* The panel overlaps the header's bottom border so hover never crosses a gap. */
.mapleSiteHeader--enhanced .siteNavigation__panel{position:absolute;top:calc(100% + 2px);right:0;z-index:10;width:min(640px,100%);max-height:min(560px,calc(70vh - 73px));max-height:min(560px,calc(70dvh - 73px));overflow-y:auto;overscroll-behavior:contain;padding:20px;border:3px solid #b69a74;border-radius:18px;background:#f7f1e3;box-shadow:0 5px 0 #d7c19f,0 14px 26px rgba(93,68,40,.16),inset 0 0 0 2px #fffaf0;text-align:left;scrollbar-width:thin;scrollbar-color:#b39c79 #f7f1e3}
.mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(900px,100%)}
.mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"]>.siteNavigation__section[data-navigation-group="library"]{grid-column:1/-1}
.mapleSiteHeader--enhanced .siteNavigation__libraryGroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.mapleSiteHeader--enhanced .siteNavigation__libraryGroup{min-width:0;margin:0;padding:0;border:0;background:transparent}
.mapleSiteHeader--enhanced .siteNavigation__libraryGroup>.siteNavigation__links{grid-template-columns:minmax(0,1fr)}
.mapleSiteHeader--enhanced .siteNavigation__libraryHeading{margin:0 0 10px;padding:0;color:#806b52;font-size:var(--ui-type-l3-size);font-weight:var(--ui-type-l3-weight);line-height:var(--ui-type-l3-line);letter-spacing:-.02em}
.mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"] .siteNavigation__libraryGroup>.siteNavigation__links{grid-template-columns:repeat(2,minmax(0,1fr))}
.mapleSiteHeader--enhanced .siteNavigation__panel [hidden],
.mapleSiteHeader--enhanced .siteNavigation__panel[hidden]{display:none!important}
.mapleSiteHeader--enhanced .siteNavigation__section{min-width:0;margin:0;padding:0;border:0;background:transparent}
.mapleSiteHeader--enhanced .siteNavigation__heading{margin:0 0 12px;padding:0 0 0 9px;border-left:4px solid #c9602f;color:#6f5237;font-size:var(--ui-type-l2-size);font-weight:var(--ui-type-l2-weight);line-height:var(--ui-type-l2-line);letter-spacing:0}
.mapleSiteHeader--enhanced .siteNavigation__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mapleSiteHeader--enhanced .siteNavigation__links>.mapleSiteHeader__tab,
.mapleSiteHeader--enhanced .siteNavigation__link:not(.siteNavigation__updates){position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:54px;width:auto;height:auto;margin:0;padding:10px 12px;border:2px solid #d1bc9b;border-radius:11px;background:#fffaf0;box-shadow:0 2px 0 #e2d2b8;color:#493d32;text-decoration:none;font-size:var(--ui-type-l4-size);font-weight:var(--ui-type-l4-weight);font-style:normal;line-height:var(--ui-type-l4-line);letter-spacing:-.02em;text-align:left;white-space:normal;overflow-wrap:anywhere;transform:none}
.mapleSiteHeader--enhanced .siteNavigation__link:not(.siteNavigation__updates){flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
.mapleSiteHeader--enhanced .siteNavigation__hint{display:block;color:#7e6a53;font-size:var(--ui-type-note-size);font-weight:var(--ui-type-l4-weight);line-height:var(--ui-type-l4-line);letter-spacing:0}
.mapleSiteHeader--enhanced .mapleSiteHeader__tab .mapleSiteHeader__icon{flex:0 0 28px;width:28px;height:28px;min-width:28px;max-width:28px;object-fit:contain}
.mapleSiteHeader--enhanced .mapleSiteHeader__tab>.mapleSiteHeader__label{font-size:inherit;line-height:inherit;text-align:left}
.mapleSiteHeader--enhanced .siteNavigation__links>.mapleSiteHeader__tab--active,
.mapleSiteHeader--enhanced .siteNavigation__link[aria-current]:not(.siteNavigation__updates){border-color:#8b9c6a;background:#eaf0dc;color:#40542d;box-shadow:0 2px 0 #bdcba1}
.mapleSiteHeader--enhanced .siteNavigation__fan{margin-top:18px;padding-top:10px;border-top:2px dashed #cdb696}
.mapleSiteHeader--enhanced .siteNavigation__subheading{margin:0 0 8px;color:#806b52;font-size:var(--ui-type-l3-size);font-weight:var(--ui-type-l3-weight);line-height:var(--ui-type-l3-line);letter-spacing:0}
.mapleSiteHeader--enhanced a:focus-visible,
.mapleSiteHeader--enhanced button:focus-visible{outline:3px solid #a44c25;outline-offset:3px}
@media(hover:hover){
  .mapleSiteHeader--enhanced .siteNavigation__groupButton:hover,
  .mapleSiteHeader--enhanced .siteNavigation__updates:hover,
  .mapleSiteHeader--enhanced .siteNavigation__toggle:hover,
  .mapleSiteHeader--enhanced .siteNavigation__links>.mapleSiteHeader__tab:hover,
  .mapleSiteHeader--enhanced .siteNavigation__link:not(.siteNavigation__updates):hover{background:#fff0d6;color:#743a20;border-color:#b77644}
}
@media(max-width:899px){
  .mapleSiteHeader.mapleSiteHeader--enhanced{height:128px;min-height:128px}
  .mapleSiteHeader--enhanced .mapleSiteHeader__shell{display:grid;grid-template-columns:114px minmax(0,1fr) auto;grid-template-rows:64px 56px;align-items:center;column-gap:8px;row-gap:3px;width:calc(100% - 24px);height:125px;padding-bottom:2px}
  .mapleSiteHeader--enhanced .mapleSiteHeader__brand{grid-column:1;grid-row:1;width:114px;height:76px}
  .mapleSiteHeader--enhanced .mapleSiteHeader__libraryLogo{width:66px;height:38px}
  .mapleSiteHeader--enhanced .siteNavigation__current{grid-column:2;grid-row:1;display:block;min-width:0;color:#6f5a43;font-size:var(--ui-type-note-size);font-weight:var(--ui-type-l4-weight);line-height:var(--ui-type-l4-line);word-break:keep-all;overflow-wrap:anywhere}
  .mapleSiteHeader--enhanced .mapleSiteHeader__nav{display:contents}
  .mapleSiteHeader--enhanced .siteNavigation__primary{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:6px;width:100%;height:56px;align-items:stretch}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton{min-width:0;width:100%;min-height:56px;gap:3px;padding:7px 4px;border-radius:11px 11px 7px 7px}
  .mapleSiteHeader--enhanced .siteNavigation__groupIcon{flex-basis:16px;width:16px;height:16px}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton[data-navigation-group="youtube"]{display:grid;grid-template-columns:16px minmax(0,1fr) 6px;column-gap:3px;row-gap:0;padding:5px 4px}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton[data-navigation-group="youtube"]>.siteNavigation__groupIcon{grid-column:1;grid-row:1}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton[data-navigation-group="youtube"]>.siteNavigation__groupLabel{grid-column:2/-1;grid-row:1;white-space:normal;word-break:keep-all}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton[data-navigation-group="youtube"]>.siteNavigation__youtubeBadge{grid-column:2;grid-row:2;justify-self:center;padding:1px 5px}
  .mapleSiteHeader--enhanced .siteNavigation__groupButton[data-navigation-group="youtube"]::after{grid-column:3;grid-row:2}
  .mapleSiteHeader--enhanced .siteNavigation__toggle{grid-column:3;grid-row:1;display:inline-flex;gap:6px;padding:9px 8px;border-color:#bfa07a}
  .mapleSiteHeader--enhanced .siteNavigation__panel{top:calc(100% + 2px);width:100%;max-height:min(520px,calc(70vh - 100px));max-height:min(520px,calc(70dvh - 100px));padding:12px 10px;border-radius:15px}
  .mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:12px}
  .mapleSiteHeader--enhanced .siteNavigation__libraryGroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"] .siteNavigation__libraryGroups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mapleSiteHeader--enhanced .siteNavigation__libraryGroup>.siteNavigation__links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"]>.siteNavigation__section+.siteNavigation__section{padding-top:10px;border-top:2px dashed #cdb696}
  .mapleSiteHeader--enhanced .siteNavigation__heading{margin-bottom:10px;color:#6f5237}
  .mapleSiteHeader--enhanced .siteNavigation__links{gap:7px}
  .mapleSiteHeader--enhanced .siteNavigation__links>.mapleSiteHeader__tab,
  .mapleSiteHeader--enhanced .siteNavigation__link:not(.siteNavigation__updates){gap:7px;padding:7px;min-height:44px}
  .mapleSiteHeader--enhanced .mapleSiteHeader__tab .mapleSiteHeader__icon{flex-basis:24px;width:24px;height:24px;min-width:24px;max-width:24px}
}
.mapleSiteHeader--enhanced .siteNavigation__extraLinks{grid-column:1/-1}
@media(max-width:600px){
  .mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"],
  .mapleSiteHeader--enhanced .siteNavigation__libraryGroups,
  .mapleSiteHeader--enhanced .siteNavigation__panel[data-navigation-mode="all"] .siteNavigation__libraryGroups{grid-template-columns:minmax(0,1fr)}
  .mapleSiteHeader--enhanced .siteNavigation__libraryGroup+.siteNavigation__libraryGroup{padding-top:10px;border-top:1px dashed #cdb696}
}
@media(max-width:359px){
  .mapleSiteHeader--enhanced .mapleSiteHeader__shell{width:calc(100% - 16px);column-gap:6px}
  .mapleSiteHeader--enhanced .siteNavigation__links,
  .mapleSiteHeader--enhanced .siteNavigation__libraryGroup>.siteNavigation__links{grid-template-columns:minmax(0,1fr)}
}

/* The first paint uses the same three categories; native details retains no-JS access. */
.mapleSiteHeader--enhanced .siteNavigation__fallback{display:block;flex:0 0 auto}
.mapleSiteHeader--enhanced .siteNavigation__fallback>summary{list-style:none}
.mapleSiteHeader--enhanced .siteNavigation__fallback>summary::-webkit-details-marker{display:none}
.mapleSiteHeader--enhanced .siteNavigation__fallback:not([open])>.siteNavigation__panel{display:none}
.mapleSiteHeader--enhanced .siteNavigation__fallback[open]>.siteNavigation__toggle{border-color:#839666;background:#e9efda;box-shadow:0 2px 0 #b6c399,inset 0 1px 0 #f9fcec;color:#455933}
@media(max-width:899px){.mapleSiteHeader--enhanced .siteNavigation__fallback{grid-column:3;grid-row:1}}