/* Page canvas and safe areas share the adjacent section colors. */
html{background:var(--hunter-page-edge,#ffff00)}
body{margin:0;background:#080808}
#hunter-play-homepage a,#hunter-play-homepage button,#hunter-play-homepage summary,#hunter-play-homepage label{-webkit-tap-highlight-color:transparent}
@media(max-width:760px){
 html #hunter-play-homepage #hunter-play-hero header{padding-top:calc(22px + env(safe-area-inset-top,0px))}
 html #hunter-play-homepage .hm-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
}
/* A text underline acknowledges touch without dimming a rectangular hit area. */
@media(hover:none),(pointer:coarse){
 #hunter-play-homepage a:active:not(.hs-name):not(.hm-social-icon),
 #hunter-play-homepage button:active:not([class*="-target"]):not(.hs-tap-cue),
 #hunter-play-homepage summary:active{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:.24em}
 #hunter-play-homepage .hs-name:active{opacity:1;filter:none}
}

/* Mobile-only navigation disclosure; desktop retains its existing layout. */
#hunter-play-homepage .hs-menu-toggle{display:none}
@media(max-width:760px){
 #hunter-play-homepage #hunter-play-hero header{z-index:50}
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav] .hs-menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:inherit;font:700 14px/1.5 'Plus Jakarta Sans',Arial,sans-serif}
 #hunter-play-homepage .hs-menu-toggle svg{width:28px;height:28px}
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav] .hm-nav{position:absolute;top:100%;left:7%;right:7%;display:none;flex-direction:column;align-items:stretch;gap:0;margin:8px 0 0;padding:8px 16px;border:1px solid currentColor;background:var(--hs-field,#ffff00);color:var(--hs-type,#000);max-height:calc(100dvh - 110px);overflow-y:auto}
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav][data-menu-open=true] .hm-nav{display:flex}
 #hunter-play-homepage #hunter-play-hero header .hm-nav a{display:flex}
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav] .hm-nav a,
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav] .hm-nav .hs-nav{display:flex;align-items:center;min-height:48px;width:100%;margin:0;padding:10px 0;text-align:left;border:0;border-radius:0;background:transparent;color:inherit;font:600 16px/1.5 'Plus Jakarta Sans',Arial,sans-serif}
 #hunter-play-homepage #hunter-play-hero header[data-mobile-nav] .hm-nav>*+*{border-top:1px solid currentColor}
 #hunter-play-homepage .hs-menu-toggle:focus-visible,#hunter-play-homepage .hm-nav a:focus-visible,#hunter-play-homepage .hm-nav button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
 #hunter-play-homepage #hunter-play-hero header:not([data-mobile-nav]){flex-wrap:wrap}
 #hunter-play-homepage #hunter-play-hero header:not([data-mobile-nav]) .hm-nav{display:flex;flex-wrap:wrap}
}