/* Sherwood · mobile menu (hamburger + left drawer). The drawer DOM only exists while open. */
.mnav-btn{display:none;position:relative;flex:0 0 auto;width:40px;height:40px;margin:0 2px 0 -4px;padding:0;border:1px solid rgba(242,193,78,.28);border-radius:12px;
  background:rgba(8,17,12,.55);color:#f2c14e;cursor:pointer;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s}
.mnav-btn:hover{background:rgba(242,193,78,.1);border-color:rgba(242,193,78,.5)}
.mnav-btn:focus-visible,.mnav-x:focus-visible{outline:2px solid #f2c14e;outline-offset:2px}
.mnav-l{position:absolute;left:11px;width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.22,.8,.24,1),opacity .2s}
.mnav-l:nth-child(1){top:13px}.mnav-l:nth-child(2){top:19px}.mnav-l:nth-child(3){top:25px}
.is-x .mnav-l:nth-child(1){transform:translateY(6px) rotate(45deg)}.is-x .mnav-l:nth-child(2){opacity:0;transform:scaleX(.3)}.is-x .mnav-l:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* where the hamburger shows (each page's own nav hides at these widths) */
@media (max-width:1020px){html.mnav-p-home .mnav-btn{display:inline-flex}}
@media (max-width:860px){html.mnav-p-arena .mnav-btn{display:inline-flex}html.mnav-p-arena .bar .back{display:none!important}}
@media (max-width:760px){html.mnav-p-orbio .mnav-btn{display:inline-flex}
  html.mnav-p-orbio header.top .nav{display:none!important}
  html.mnav-p-orbio header.top .wrap{flex-wrap:nowrap;padding:0;height:64px}}
@media (max-width:640px){html.mnav-p-corgi .mnav-btn{display:inline-flex;width:38px;height:38px}html.mnav-p-corgi .mnav-btn .mnav-l{left:10px}}
html.mnav-p-arena .mnav-btn{background:rgba(6,12,9,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* ---------- drawer ---------- */
.mnav-root{position:fixed;inset:0;z-index:9500;pointer-events:none}
.mnav-bd{position:absolute;inset:0;background:rgba(2,7,4,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease;pointer-events:auto;touch-action:none}
.mnav{position:absolute;left:0;top:0;bottom:0;width:min(86vw,340px);display:flex;flex-direction:column;pointer-events:auto;overflow:hidden;
  background:radial-gradient(120% 60% at 0% 0%,rgba(242,193,78,.10),transparent 60%),linear-gradient(180deg,#0f1f15 0%,#08130c 100%);
  border-right:1px solid rgba(242,193,78,.22);box-shadow:24px 0 60px rgba(0,0,0,.5);color:#e9e4d4;font:400 15px/1.35 "Instrument Sans",system-ui,-apple-system,sans-serif;
  transform:translate3d(-104%,0,0);transition:transform .3s cubic-bezier(.22,.8,.24,1);will-change:transform;
  padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);touch-action:pan-y}
.mnav-root.on .mnav{transform:translate3d(0,0,0)}.mnav-root.on .mnav-bd{opacity:1}
.mnav-root.drag .mnav{transition:none}
.mnav-h{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px 18px 10px var(--hpad,64px);border-bottom:1px solid rgba(242,193,78,.12)}
.mnav-h img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 0 12px rgba(242,193,78,.4))}
.mnav-h b{font:400 15px/1 "Silkscreen","Press Start 2P",ui-monospace,monospace;letter-spacing:.14em;color:#f6efdc;text-transform:uppercase}
.mnav-b{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 10px 6px;-webkit-overflow-scrolling:touch}
.mnav-a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 14px;border-radius:12px;color:#e9e4d4;text-decoration:none;font-size:17px;font-weight:500;letter-spacing:-.005em;
  transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent;opacity:0;transform:translate3d(-12px,0,0)}
.mnav-root.on .mnav-a{opacity:1;transform:none;transition:background .15s,color .15s,opacity .3s ease var(--d,0ms),transform .35s cubic-bezier(.22,.8,.24,1) var(--d,0ms)}
.mnav-a:hover,.mnav-a:focus-visible{background:rgba(242,193,78,.09);color:#fff;outline:none}
.mnav-a:focus-visible{box-shadow:inset 0 0 0 2px rgba(242,193,78,.6)}
.mnav-a[aria-current="page"]{background:linear-gradient(90deg,rgba(242,193,78,.18),rgba(242,193,78,.04));color:#ffe7a3;box-shadow:inset 3px 0 0 #f2c14e}
.mnav-a .ic{width:22px;text-align:center;color:#f2c14e;opacity:.9;font-size:15px;flex:0 0 22px}
.mnav-a .live{margin-left:auto;font:400 9px/1 "Silkscreen",ui-monospace,monospace;letter-spacing:.12em;color:#1b1206;background:#f2c14e;padding:4px 6px;border-radius:5px;box-shadow:0 0 14px rgba(242,193,78,.45)}
.mnav-a .arr{margin-left:auto;color:#8d9a85;font-size:14px}
.mnav-sub{margin:14px 14px 6px;font:400 10px/1 "Silkscreen",ui-monospace,monospace;letter-spacing:.16em;color:#8d9a85;text-transform:uppercase}
.mnav-a.sm{min-height:42px;font-size:15px;color:#c9ccbd;padding-left:48px}
.mnav-f{padding:12px 18px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(242,193,78,.12);display:grid;gap:12px}
.mnav-buy{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;background:#f2c14e;color:#1b1206;font-weight:650;font-size:16px;text-decoration:none;box-shadow:0 8px 24px rgba(242,193,78,.25)}
.mnav-buy:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mnav-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#8d9a85}
.mnav-row a{color:#e9e4d4;text-decoration:none;display:inline-flex;align-items:center;gap:7px;min-height:36px}
.mnav-row a:hover,.mnav-row a:focus-visible{color:#f2c14e}
.mnav-row .xl{font-weight:600}.mnav-row .xl span{font-size:16px}
.mnav-row .dev b{color:#f2c14e;font-weight:600}
/* the close control: sits exactly where the hamburger was and morphs ≡ -> × */
.mnav-x{position:fixed;z-index:9501;margin:0;display:inline-flex}
@media (prefers-reduced-motion:reduce){.mnav{transition:opacity .15s;transform:none;opacity:0}.mnav-root.on .mnav{opacity:1}.mnav-a,.mnav-root.on .mnav-a{opacity:1;transform:none;transition:none}.mnav-l{transition:none}}
html.mnav-lock,html.mnav-lock body{overscroll-behavior:none}
/* narrow phones: make room for the hamburger without clipping the Buy button */
@media (max-width:420px){html.mnav-p-home header.top .wrap,html.mnav-p-orbio header.top .wrap{gap:10px}
  html.mnav-p-home header.top .mark,html.mnav-p-orbio header.top .mark{font-size:15px;gap:8px}
  html.mnav-p-home header.top .mark img,html.mnav-p-orbio header.top .mark img{width:28px;height:28px}}
@media (max-width:370px){html.mnav-p-home header.top .btn.sm,html.mnav-p-orbio header.top .btn.sm{padding-left:12px;padding-right:12px}}