/* HUNTER HUD · family: console
   Console pages (pages/console): inline :root tokens (--c, --neon-pink, --neon-orange, --bg-dark),
   .cyber-bg / .glow-orb / .top-navbar + console-library.css
   Loaded after assets/css/hunter-hud.css on pages tagged data-hud-family="console" (scripts/build/apply-hunter-hud.cjs).
   Scope every rule under html.hunter-hud so the page CSS keeps working with ?nohud=1.

   Three skeletons share this family:
   · full pages (snes, ps2, 3ds, nds …): body[data-console] .cyber-bg .glow-orb .top-navbar .og-hero .og-hero-stats
     .og-search-wrap .og-console-nav-pills .og-about-block (.og-wfc-panel on nds) .og-games-section .og-game-card .og-footer
   · library pages (cps1/2/3, zn1/2): body.og-library-page .og-topbar .og-hero .og-console-nav main.og-games-section
   · play.html: a redirect card (body > main).
   Shared chrome that also lands on these pages: the Adsterra slots (.ad-container/.og-desktop-rail), the cookie
   consent banner (/cookie-consent.css), the radio pill (#radioPill, injected by assets/js/radio-pill.js), the unified
   live chat (#chatToggleBtn/#liveChat) and the launcher hand-off dialog.
   The console accent (--c, one colour per system) survives only as the logo glow; everything else is carbon / orange. */

/* ═══════════════ 1 · Tokens ═══════════════ */
html.hunter-hud[data-hud-family="console"]{
  --neon-pink:var(--hh-ember);
  --neon-orange:var(--hh-orange);
  --bg-dark:var(--hh-void);
  --library-accent:var(--hh-orange);
  --library-ink:var(--hh-ink);
  --library-muted:var(--hh-dim);
  --library-line:var(--hh-edge-2);
  --hc-cut:10px;
  --hc-diamond:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='%23ffc400' fill-opacity='.85'/%3E%3C/svg%3E");
  --hc-diamond-visor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='%23a6ff4d'/%3E%3C/svg%3E");
  --hc-diamond-orange:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='%23ff7a00'/%3E%3C/svg%3E");
  --hc-diamond-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0 8 4 4 8 0 4Z' fill='%23ff3b24'/%3E%3C/svg%3E");
  /* hazard rail: visor-yellow and carbon diagonal stripes, used where a bay or a section ends */
  --hc-hazard:repeating-linear-gradient(-45deg,rgba(255,196,0,.88) 0 5px,rgba(10,8,6,.96) 5px 10px);
  /* inner rail line colour for the recessed second surface of heavier plates */
  --hc-rail:rgba(255,150,60,.13);
}
/* Real per-page readouts: the system name (from body[data-console]) and how its games run.
   PS2 / GameCube / Wii / 3DS state "Windows · Launcher required" in their own stats; every other system plays in the browser. */
html.hunter-hud[data-hud-family="console"] body[data-console]{--hc-sys:"SYSTEM";--hc-mode:"RUNS IN BROWSER";--hc-mode-c:var(--hh-visor);--hc-mode-glow:rgba(166,255,77,.75);--hc-mode-dot:var(--hc-diamond-visor)}
html.hunter-hud[data-hud-family="console"] body:is([data-console="ps2"],[data-console="ps3"],[data-console="gamecube"],[data-console="wii"],[data-console="3ds"]){--hc-mode:"WINDOWS LAUNCHER";--hc-mode-c:var(--hh-yellow);--hc-mode-glow:rgba(255,196,0,.75);--hc-mode-dot:var(--hc-diamond)}
html.hunter-hud[data-hud-family="console"] body[data-console="3ds"]{--hc-sys:"3DS"}
html.hunter-hud[data-hud-family="console"] body[data-console="arcade"]{--hc-sys:"ARCADE"}
html.hunter-hud[data-hud-family="console"] body[data-console="cps1"]{--hc-sys:"CPS-1"}
html.hunter-hud[data-hud-family="console"] body[data-console="cps2"]{--hc-sys:"CPS-2"}
html.hunter-hud[data-hud-family="console"] body[data-console="cps3"]{--hc-sys:"CPS-3"}
html.hunter-hud[data-hud-family="console"] body[data-console="gameboy"]{--hc-sys:"GAME BOY"}
html.hunter-hud[data-hud-family="console"] body[data-console="gamecube"]{--hc-sys:"GAMECUBE"}
html.hunter-hud[data-hud-family="console"] body[data-console="gamegear"]{--hc-sys:"GAME GEAR"}
html.hunter-hud[data-hud-family="console"] body[data-console="gba"]{--hc-sys:"GBA"}
html.hunter-hud[data-hud-family="console"] body[data-console="gbc"]{--hc-sys:"GBC"}
html.hunter-hud[data-hud-family="console"] body[data-console="genesis"]{--hc-sys:"GENESIS"}
html.hunter-hud[data-hud-family="console"] body[data-console="mame"]{--hc-sys:"MAME"}
html.hunter-hud[data-hud-family="console"] body[data-console="mastersystem"]{--hc-sys:"MASTER SYSTEM"}
html.hunter-hud[data-hud-family="console"] body[data-console="n64"]{--hc-sys:"N64"}
html.hunter-hud[data-hud-family="console"] body[data-console="namcos12"]{--hc-sys:"SYSTEM 12"}
html.hunter-hud[data-hud-family="console"] body[data-console="namcos256"]{--hc-sys:"SYSTEM 256"}
html.hunter-hud[data-hud-family="console"] body[data-console="nds"]{--hc-sys:"NDS"}
html.hunter-hud[data-hud-family="console"] body[data-console="neogeo"]{--hc-sys:"NEO GEO"}
html.hunter-hud[data-hud-family="console"] body[data-console="nes"]{--hc-sys:"NES"}
html.hunter-hud[data-hud-family="console"] body[data-console="ps1"]{--hc-sys:"PS1"}
html.hunter-hud[data-hud-family="console"] body[data-console="ps2"]{--hc-sys:"PS2"}
html.hunter-hud[data-hud-family="console"] body[data-console="psp"]{--hc-sys:"PSP"}
html.hunter-hud[data-hud-family="console"] body[data-console="segacd"]{--hc-sys:"SEGA CD"}
html.hunter-hud[data-hud-family="console"] body[data-console="snes"]{--hc-sys:"SNES"}
html.hunter-hud[data-hud-family="console"] body[data-console="wii"]{--hc-sys:"WII"}
html.hunter-hud[data-hud-family="console"] body[data-console="zn1"]{--hc-sys:"ZN-1"}
html.hunter-hud[data-hud-family="console"] body[data-console="zn2"]{--hc-sys:"ZN-2"}
/* Three-digit inventory slot numbers (001, 002 … 292) */
@counter-style hc-slot{system:extends decimal;pad:3 "0"}
html.hunter-hud[data-hud-family="console"] body{
  font-family:var(--hh-font-text)!important;
  color:var(--hh-ink);
  background:transparent!important;
}
html.hunter-hud[data-hud-family="console"] body[data-console]{background:transparent!important;color:var(--hh-ink)}

/* ═══════════════ 2 · Old atmosphere off (the core draws the carbon ground, hex field, conduit and embers) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .cyber-bg,
html.hunter-hud[data-hud-family="console"] .glow-orb,
html.hunter-hud[data-hud-family="console"] .nexus-aurora,
html.hunter-hud[data-hud-family="console"] .nexus-grid,
html.hunter-hud[data-hud-family="console"] .nexus-dust{display:none!important}

/* Reveal policy.
   · Normal screens: the core IntersectionObserver reveal plays, and a row of slots cascades left to right (50 ms per
     column), so the grid reads as inventory being populated. No timed failsafe here: a page-wide one would fade in
     every below-the-fold card before the visitor ever scrolled to it.
   · Very tall windows (full-page captures, crawlers, portrait monitors): the observer's -8% bottom margin can leave the
     last rows waiting, so anything still hidden fades in after 100 ms.
   · Print: everything visible. */
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal:nth-child(6n+2){animation-delay:.05s}
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal:nth-child(6n+3){animation-delay:.1s}
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal:nth-child(6n+4){animation-delay:.15s}
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal:nth-child(6n+5){animation-delay:.2s}
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal:nth-child(6n){animation-delay:.25s}
@media(min-height:1400px){html.hunter-hud[data-hud-family="console"] .hh-will-reveal{animation:hc-reveal-failsafe .45s var(--hh-ease-out) .1s forwards}}
@media print{html.hunter-hud[data-hud-family="console"] .hh-will-reveal{opacity:1!important}}
@keyframes hc-reveal-failsafe{to{opacity:1}}
/* Motion vocabulary for this family (transform / opacity / background-position only) */
@keyframes hc-in-rise{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
@keyframes hc-in-fade{0%{opacity:0}100%{opacity:1}}
@keyframes hc-bay-in{0%{opacity:0;transform:scaleY(.82)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes hc-charge{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes hc-lock{0%{opacity:0;transform:scale(1.045)}100%{opacity:1;transform:none}}
@keyframes hc-bay-scan{0%,58%{background-position:0 -70px}100%{background-position:0 calc(100% + 70px)}}
@keyframes hc-live-blink{0%,55%{opacity:1}56%,100%{opacity:.25}}

/* ═══════════════ 3 · Shared eyebrow mixin (lit dash + yellow diamond, HUD caps) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-about-block h2::before,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel h2::before,
html.hunter-hud[data-hud-family="console"] .og-games-section h2::before,
html.hunter-hud[data-hud-family="console"] .og-hero h1::before,
html.hunter-hud[data-hud-family="console"] .og-console-nav-pills::before,
html.hunter-hud[data-hud-family="console"] .og-online-beta-kicker,
html.hunter-hud[data-hud-family="console"] .og-library-page .og-hero > p:first-of-type,
html.hunter-hud[data-hud-family="console"] .cookie-consent-text::before,
html.hunter-hud[data-hud-family="console"] .cookie-settings-box h3::before,
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog h2::before{
  display:inline-flex;align-items:center;
  font:700 10px/1.2 var(--hh-font-hud)!important;letter-spacing:.32em!important;text-transform:uppercase!important;
  color:var(--hh-yellow)!important;text-shadow:0 0 12px rgba(255,122,0,.35);
  padding:0 16px 0 28px;
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) 0 50%/18px 2px no-repeat,
    var(--hc-diamond) right 50%/7px 7px no-repeat;
  filter:drop-shadow(0 0 6px rgba(255,122,0,.6));
}

/* ═══════════════ 4 · Header / nav ═══════════════ */
/* Geometry: og-shared-widgets.css pins the bar padding (10px 16px !important) on both variants, so the bar height is
   decided by the links alone: 28 px links keep the sticky bar at 48.8 px, the same as ?nohud=1. */
html.hunter-hud[data-hud-family="console"] body[data-console] .top-navbar{
  position:sticky;top:0;z-index:100;
  overflow-x:clip;overflow-y:visible;overflow-clip-margin:4px; /* the travelling beam must not widen the page */
  background:
    linear-gradient(90deg,transparent,rgba(255,170,80,.16) 18%,rgba(255,170,80,.05) 50%,transparent 82%) top/100% 1px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,140,40,.07) 0 1px,transparent 1px 5px) bottom/100% 4px no-repeat,
    linear-gradient(180deg,rgba(17,12,8,.97),rgba(7,6,5,.97))!important;
  border-bottom:1px solid var(--hh-edge)!important;
}
html.hunter-hud[data-hud-family="console"] .logo-link{gap:12px;color:var(--hh-ink)}
html.hunter-hud[data-hud-family="console"] .logo-mark{filter:sepia(1) saturate(5) hue-rotate(-12deg) brightness(1.05) drop-shadow(0 0 10px rgba(255,122,0,.75))}
html.hunter-hud[data-hud-family="console"] .logo-text{
  font-family:var(--hh-font-hud)!important;font-weight:700;font-size:1.02rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--hh-ink);text-shadow:0 0 18px rgba(255,122,0,.35);
}
html.hunter-hud[data-hud-family="console"] .logo-text span{color:var(--hh-orange)!important}
html.hunter-hud[data-hud-family="console"] .logo-link::after{
  content:'// CONSOLE';
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-orange);opacity:.85;
  padding:5px 7px;border:1px solid var(--hh-edge-2);
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
  background:rgba(8,6,4,.9);
}
html.hunter-hud[data-hud-family="console"] .nav-links{gap:4px;align-items:center}
/* Run-mode readout at the head of the nav row: a real fact about this system (browser vs Windows launcher), static,
   status-coloured (visor = plays here, yellow = needs the launcher). Hidden where the bar gets tight. */
html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .nav-links::before{
  content:var(--hc-mode);display:inline-flex;align-items:center;
  margin-right:14px;padding:0 0 0 16px;
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.18em;color:var(--hh-dim);
  background:var(--hc-mode-dot) 0 50%/8px 8px no-repeat;
}
@media(max-width:1100px){html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .nav-links::before{display:none!important}}
html.hunter-hud[data-hud-family="console"] .top-navbar .nav-link{display:inline-flex;align-items:center;box-sizing:border-box;height:28px;padding:0 12px!important;line-height:1!important}
html.hunter-hud[data-hud-family="console"] .nav-link[aria-current="page"]{
  color:var(--hh-yellow)!important;text-shadow:0 0 12px rgba(255,150,0,.45)!important;
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) top left/7px 1px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) top left/1px 7px no-repeat,
    linear-gradient(180deg,rgba(255,122,0,.16),rgba(255,122,0,.03))!important;
}
html.hunter-hud[data-hud-family="console"] .nav-link:focus-visible{outline:2px solid var(--hh-yellow)!important;outline-offset:-2px!important;color:var(--hh-ink)!important}
/* Library pages: the compact topbar */
html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar{
  padding:14px max(24px,calc((100vw - 1250px)/2));
  border-bottom:1px solid var(--hh-edge)!important;
  overflow-x:clip;overflow-y:visible;overflow-clip-margin:4px;
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar a:first-child{
  display:inline-flex;align-items:center;gap:12px;
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar strong{
  font-family:var(--hh-font-hud);font-weight:700;font-size:1rem;letter-spacing:.14em;color:var(--hh-ink)!important;text-shadow:0 0 18px rgba(255,122,0,.35);
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar a:first-child::after{
  content:'// CONSOLE';
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-orange);
  padding:5px 7px;border:1px solid var(--hh-edge-2);background:rgba(8,6,4,.9);
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar a:not(:first-child){padding:8px 12px}
/* The portal hamburger, if a page ever renders it */
html.hunter-hud[data-hud-family="console"] .og-library-menu{
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;color:var(--hh-yellow)!important;border:1px solid var(--hh-edge-2)!important;border-radius:0!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
}
html.hunter-hud[data-hud-family="console"] .top-navbar.og-library-menu-open .nav-links{
  background:linear-gradient(165deg,#19120a,#0a0807)!important;border:1px solid var(--hh-edge-2)!important;border-radius:0!important;box-shadow:0 18px 40px #000c!important;
}

/* ═══════════════ 5 · Hero ═══════════════ */
/* THE HARDWARE BAY (family signature). Every system page opens on the same bay: an octagonal housing with riveted frame
   bands, a recessed chamber lit from a ceiling lamp in the system's own colour (--c, the only place it survives besides
   logo glows), and a hazard rail on the floor. The logo sits in the chamber; a scan pass sweeps it every 7 s.
   Geometry is deterministic: the hero's top padding (--hc-pt) and the logo box height (--hc-logo-h, set by
   native-console-logos.css / console-library.css) place the housing without touching markup. */
html.hunter-hud[data-hud-family="console"] .og-hero,
html.hunter-hud[data-hud-family="console"] body[data-console] .og-hero{
  position:relative;border:0!important;isolation:isolate;
  --hc-pt:clamp(56px,6vw,78px);--hc-logo-h:130px;--hc-bay-pad:26px;--hc-bay-floor:14px;
  --hc-bay-w:min(580px,calc(100% - 16px));
  --hc-bay-h:calc(var(--hc-logo-h) + var(--hc-bay-pad)*2 + var(--hc-bay-floor));
  padding-top:var(--hc-pt)!important;
  background:radial-gradient(ellipse 55% 60% at 50% 0,rgba(255,122,0,.09),transparent 70%)!important;
}
html.hunter-hud[data-hud-family="console"] body.og-library-page .og-hero{--hc-logo-h:110px;--hc-pt:64px}
html.hunter-hud[data-hud-family="console"] .og-hero::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  left:0;right:0;margin-inline:auto;
  top:calc(var(--hc-pt) - var(--hc-bay-pad));
  width:var(--hc-bay-w);height:var(--hc-bay-h);
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);
  background:
    /* rivets on the frame bands */
    radial-gradient(circle,#ffcf8a 0 1.2px,#6e4312 1.8px 2.6px,transparent 3.2px) 26px 2px/7px 7px no-repeat,
    radial-gradient(circle,#ffcf8a 0 1.2px,#6e4312 1.8px 2.6px,transparent 3.2px) right 26px top 2px/7px 7px no-repeat,
    radial-gradient(circle,#ffcf8a 0 1.2px,#6e4312 1.8px 2.6px,transparent 3.2px) left 12px bottom 4px/7px 7px no-repeat,
    radial-gradient(circle,#ffcf8a 0 1.2px,#6e4312 1.8px 2.6px,transparent 3.2px) right 12px bottom 4px/7px 7px no-repeat,
    /* lit chamfer cuts on all four corners */
    linear-gradient(to bottom right,transparent calc(50% - .8px),var(--hh-edge-hot) calc(50% - .8px) calc(50% + .8px),transparent calc(50% + .8px)) top left/16px 16px no-repeat,
    linear-gradient(to bottom right,transparent calc(50% - .8px),var(--hh-edge-2) calc(50% - .8px) calc(50% + .8px),transparent calc(50% + .8px)) bottom right/16px 16px no-repeat,
    linear-gradient(to top right,transparent calc(50% - .8px),var(--hh-edge-hot) calc(50% - .8px) calc(50% + .8px),transparent calc(50% + .8px)) top right/16px 16px no-repeat,
    linear-gradient(to top right,transparent calc(50% - .8px),var(--hh-edge-2) calc(50% - .8px) calc(50% + .8px),transparent calc(50% + .8px)) bottom left/16px 16px no-repeat,
    /* hazard rail on the floor band */
    var(--hc-hazard) center bottom 3px/calc(100% - 52px) 7px no-repeat,
    /* ceiling lamp: the system colour, the chamber's only light */
    linear-gradient(90deg,transparent,color-mix(in srgb,var(--c,#ff7a00) 85%,#fff) 22% 78%,transparent) center 10px/46% 2px no-repeat,
    radial-gradient(ellipse 52% 95% at 50% 0,color-mix(in srgb,var(--c,#ff7a00) 36%,transparent),color-mix(in srgb,var(--c,#ff7a00) 9%,transparent) 58%,transparent 80%) 11px 11px/calc(100% - 22px) calc(100% - 11px - var(--hc-bay-floor) - 11px) no-repeat,
    /* side rails: tick ladders on the frame */
    repeating-linear-gradient(180deg,var(--hh-edge-hot) 0 1px,transparent 1px 7px) 3px 26px/5px calc(100% - 60px) no-repeat,
    repeating-linear-gradient(180deg,var(--hh-edge-hot) 0 1px,transparent 1px 7px) right 3px top 26px/5px calc(100% - 60px) no-repeat,
    /* recessed chamber (second surface) inside its inner rail */
    linear-gradient(180deg,#050404,#0a0806 70%,#0d0a07) 11px 11px/calc(100% - 22px) calc(100% - 11px - var(--hc-bay-floor) - 11px) no-repeat,
    linear-gradient(var(--hc-rail),var(--hc-rail)) 10px 10px/calc(100% - 20px) calc(100% - 10px - var(--hc-bay-floor) - 9px) no-repeat,
    /* frame body */
    linear-gradient(180deg,#21180d,#110c08 45%,#17100a);
  box-shadow:inset 0 1px 0 rgba(255,196,120,.26),inset 0 0 0 1px var(--hh-edge-2);
  transform-origin:50% 0;
  animation:hc-bay-in .7s var(--hh-ease-out) both;
}
/* Scan pass through the chamber: the page's one ambient loop. Lives on .og-hero-stats::before (absolute, so its box
   is the hero, the same containing block as the housing) because the hero's own pseudo-elements are taken. */
html.hunter-hud[data-hud-family="console"] body[data-console] .og-hero-stats::before{
  content:'';position:absolute;z-index:1;pointer-events:none;
  left:0;right:0;margin-inline:auto;
  top:calc(var(--hc-pt) - var(--hc-bay-pad) + 11px);
  width:calc(var(--hc-bay-w) - 22px);
  height:calc(var(--hc-bay-h) - 11px - var(--hc-bay-floor) - 11px);
  background:linear-gradient(180deg,transparent,rgba(255,150,40,.035) 45%,rgba(255,190,90,.13) 90%,rgba(255,230,160,.6) 97.5%,transparent) 0 -70px/100% 70px no-repeat;
  animation:hc-bay-scan 7s var(--hh-ease-io) 1.4s infinite;animation-play-state:var(--hud-play);
}
/* Corner brackets framing the hero (full console pages: the hero box is the 1240 px container) */
html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .og-hero{
  background:
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) top left/24px 2px no-repeat,
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) top left/2px 24px no-repeat,
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) top right/24px 2px no-repeat,
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) top right/2px 24px no-repeat,
    linear-gradient(var(--hh-edge),var(--hh-edge)) bottom left/24px 2px no-repeat,
    linear-gradient(var(--hh-edge),var(--hh-edge)) bottom left/2px 24px no-repeat,
    linear-gradient(var(--hh-edge),var(--hh-edge)) bottom right/24px 2px no-repeat,
    linear-gradient(var(--hh-edge),var(--hh-edge)) bottom right/2px 24px no-repeat,
    radial-gradient(ellipse 55% 60% at 50% 0,rgba(255,122,0,.09),transparent 70%)!important;
}
/* The logo: no plate of its own any more (the bay is the housing), a glow in the system colour, and it locks in. */
html.hunter-hud[data-hud-family="console"] .og-hero-cover{
  display:block;position:relative;z-index:0;
  height:var(--hc-logo-h)!important;max-width:calc(var(--hc-bay-w) - 64px);
  margin:0 auto calc(var(--hc-bay-pad) + var(--hc-bay-floor) + 30px)!important;
  object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;
  filter:drop-shadow(0 0 16px color-mix(in srgb,var(--c,#ff7a00) 55%,transparent)) drop-shadow(0 8px 10px rgba(0,0,0,.65));
  animation:hc-lock .75s var(--hh-ease-out) .16s both;
}
html.hunter-hud[data-hud-family="console"] .og-hero h1{
  font-family:var(--hh-font-hud)!important;font-weight:600!important;font-stretch:condensed;
  font-size:clamp(2.05rem,4.5vw,3.6rem)!important;
  letter-spacing:.03em!important;text-transform:uppercase!important;text-wrap:balance;
  color:var(--hh-ink)!important;-webkit-text-fill-color:currentColor!important;background:none!important;
  text-shadow:0 0 28px rgba(255,122,0,.32),0 2px 0 rgba(0,0,0,.7)!important;
  line-height:1.02;margin:0 auto 16px;
}
html.hunter-hud[data-hud-family="console"] .og-hero h1.hh-reveal-x{animation-delay:.26s}
html.hunter-hud[data-hud-family="console"] body[data-console] .og-hero h1::before{
  content:'// SYSTEM LIBRARY';display:flex;justify-content:center;margin:0 auto 16px;width:max-content;line-height:1.2!important;
}
/* library pages already carry their own kicker line above the h1 */
html.hunter-hud[data-hud-family="console"] body.og-library-page .og-hero h1::before{display:none}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-hero > p:first-of-type{display:flex;margin:0 auto 14px;width:max-content;max-width:100%}
/* Reading measure: ~62 characters, not the 760 px page column */
html.hunter-hud[data-hud-family="console"] .og-hero p.lead,
html.hunter-hud[data-hud-family="console"] .og-library-page .og-hero p:not(:first-of-type){
  color:var(--hh-dim)!important;font-family:var(--hh-font-text)!important;
  font-size:clamp(.98rem,1.2vw,1.08rem)!important;line-height:1.7!important;
  max-width:62ch!important;margin-inline:auto!important;text-wrap:pretty;
  animation:hc-in-rise .55s var(--hh-ease-out) .36s both;
}
/* Ruler closing the hero: an energy line over a tick scale; it charges out from the centre once, no loop */
html.hunter-hud[data-hud-family="console"] .og-hero::after{
  content:'';display:block;height:8px;width:min(100%,780px);margin:36px auto 0;
  background:
    linear-gradient(90deg,transparent 0%,rgba(255,122,0,.55) 20%,var(--hh-yellow) 50%,rgba(255,122,0,.55) 80%,transparent 100%) top/100% 2px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,140,40,.5) 0 1px,transparent 1px 12px) bottom/100% 4px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) center bottom/2px 6px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
  filter:drop-shadow(0 0 6px rgba(255,122,0,.45));
  animation:hc-charge .9s var(--hh-ease-out) .72s both;
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-hero::after{margin-top:26px}
/* Stats: one connected instrument cluster. Label on top with a status diamond (orange = count, visor = ok,
   yellow = needs attention: "Windows · Launcher required"), tabular value below, a segmented charge bar. */
html.hunter-hud[data-hud-family="console"] .og-hero-stats{gap:0;margin-top:30px;align-items:stretch}
html.hunter-hud[data-hud-family="console"] .og-stat{
  position:relative;min-width:156px;padding:12px 20px 17px;
  display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start;text-align:left;
  background:
    radial-gradient(220px circle at var(--mx,-999px) var(--my,-999px),rgba(255,140,30,.12),transparent 65%),
    linear-gradient(180deg,#161009,#0b0807 62%,#090706);
  border:1px solid var(--hh-edge-2);
  box-shadow:inset 0 1px 0 rgba(255,196,120,.14),inset 0 -22px 26px -24px rgba(0,0,0,.9);
  transition:border-color .2s,box-shadow .25s,transform .25s var(--hh-ease-out);
  animation:hc-in-rise .5s var(--hh-ease-out) .44s backwards;
}
html.hunter-hud[data-hud-family="console"] .og-stat + .og-stat{margin-left:-1px}
html.hunter-hud[data-hud-family="console"] .og-stat:nth-child(2){--hc-stat-c:var(--hh-visor);animation-delay:.5s}
html.hunter-hud[data-hud-family="console"] .og-stat:nth-child(3){--hc-stat-c:var(--hc-mode-c);animation-delay:.56s}
html.hunter-hud[data-hud-family="console"] .og-stat:first-child{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}
html.hunter-hud[data-hud-family="console"] .og-stat:last-child{clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
html.hunter-hud[data-hud-family="console"] .og-stat::after{
  content:'';position:absolute;left:20px;right:20px;bottom:8px;height:3px;
  background:repeating-linear-gradient(90deg,var(--hc-stat-c,var(--hh-orange)) 0 6px,transparent 6px 8px);
  transform:scaleX(.3);transform-origin:left;opacity:.7;
  transition:transform .5s var(--hh-ease-out),opacity .25s;
}
html.hunter-hud[data-hud-family="console"] .og-stat:hover{z-index:1;border-color:var(--hh-orange);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,196,120,.22),inset 0 -18px 26px -18px rgba(255,122,0,.4)}
html.hunter-hud[data-hud-family="console"] .og-stat:hover::after{transform:scaleX(1);opacity:1}
html.hunter-hud[data-hud-family="console"] .og-stat-num{
  font-family:var(--hh-font-hud)!important;font-weight:700!important;font-stretch:condensed;
  font-size:clamp(1.7rem,2.7vw,2.25rem)!important;font-variant-numeric:tabular-nums lining-nums;letter-spacing:.02em;
  color:var(--hh-yellow)!important;text-shadow:0 0 18px rgba(255,122,0,.5)!important;line-height:1;
}
html.hunter-hud[data-hud-family="console"] .og-stat-lbl{
  display:flex;align-items:center;gap:8px;margin:0 0 8px!important;
  font:700 10.5px/1.2 var(--hh-font-mono)!important;letter-spacing:.18em!important;text-transform:uppercase;
  color:var(--hh-dim)!important;white-space:nowrap;
}
html.hunter-hud[data-hud-family="console"] .og-stat-lbl::before{
  content:'';flex:0 0 auto;width:6px;height:6px;transform:rotate(45deg);
  background:var(--hc-stat-c,var(--hh-orange));box-shadow:0 0 8px var(--hc-stat-c,var(--hh-orange));
}
/* Search: an instrument field. A lens bay on the left behind a divider, a keycap hint on the right, and lock-on
   brackets that close in and turn yellow while the field has focus. */
html.hunter-hud[data-hud-family="console"] .og-search-wrap{
  margin-top:30px;max-width:600px;--hc-br:var(--hh-edge-hot);
  animation:hc-in-rise .55s var(--hh-ease-out) .62s backwards;
}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:focus-within{--hc-br:var(--hh-yellow)}
html.hunter-hud[data-hud-family="console"] .og-search-wrap::before{
  content:'';position:absolute;inset:-7px;z-index:3;pointer-events:none;
  background:
    linear-gradient(var(--hc-br),var(--hc-br)) top left/12px 2px no-repeat,linear-gradient(var(--hc-br),var(--hc-br)) top left/2px 12px no-repeat,
    linear-gradient(var(--hc-br),var(--hc-br)) top right/12px 2px no-repeat,linear-gradient(var(--hc-br),var(--hc-br)) top right/2px 12px no-repeat,
    linear-gradient(var(--hc-br),var(--hc-br)) bottom left/12px 2px no-repeat,linear-gradient(var(--hc-br),var(--hc-br)) bottom left/2px 12px no-repeat,
    linear-gradient(var(--hc-br),var(--hc-br)) bottom right/12px 2px no-repeat,linear-gradient(var(--hc-br),var(--hc-br)) bottom right/2px 12px no-repeat;
  opacity:.7;transform:scale(1.02,1.12);
  transition:opacity .25s,transform .4s var(--hh-ease-out);
}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:hover::before{opacity:.9}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:focus-within::before{opacity:1;transform:none;filter:drop-shadow(0 0 6px rgba(255,170,0,.7))}
html.hunter-hud[data-hud-family="console"] .og-search-input.hh-input,
html.hunter-hud[data-hud-family="console"] .og-search-input,
html.hunter-hud[data-hud-family="console"] .og-library-page input[type=search]{
  font-family:var(--hh-font-hud)!important;font-weight:600;font-size:1.02rem;letter-spacing:.05em;
  color:var(--hh-ink)!important;caret-color:var(--hh-yellow);
  padding-right:108px!important;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
}
html.hunter-hud[data-hud-family="console"] .og-search-input.hh-input{
  height:50px;padding-left:60px!important;
  background-image:
    linear-gradient(var(--hh-edge-2),var(--hh-edge-2)),
    linear-gradient(180deg,#1a130b,#0e0a07),
    linear-gradient(180deg,#080605,#100c08)!important;
  background-size:1px calc(100% - 18px),46px 100%,100% 100%!important;
  background-position:46px 9px,0 0,0 0!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 2px 10px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,160,70,.08)!important;
}
html.hunter-hud[data-hud-family="console"] .og-search-input.hh-input:focus{
  box-shadow:inset 0 2px 10px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,170,0,.35),inset 0 -14px 24px -18px rgba(255,122,0,.45)!important;
}
/* keycap hint pinned inside the field; never eats a click */
html.hunter-hud[data-hud-family="console"] .og-search-wrap::after{
  content:'// FILTER';position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;
  padding:5px 8px;border:1px solid var(--hh-edge-2);background:rgba(20,15,9,.9);
  box-shadow:inset 0 1px 0 rgba(255,190,110,.08),0 1px 0 #000;
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-dim);
  transition:color .2s,border-color .2s;
}
/* The input carries a clip-path, which makes it a stacking context painted after its earlier sibling:
   without an explicit z-index the lens disappears behind the opaque field. */
html.hunter-hud[data-hud-family="console"] .og-search-icon{
  z-index:2;border-color:var(--hh-orange);transform:translateY(-56%);
  box-shadow:0 0 8px rgba(255,122,0,.45),inset 0 0 6px rgba(255,122,0,.35);
  transition:border-color .18s,box-shadow .22s;
}
html.hunter-hud[data-hud-family="console"] .og-search-icon::after{background:var(--hh-orange);border-radius:0;box-shadow:0 0 6px rgba(255,122,0,.6)}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:focus-within .og-search-icon{border-color:var(--hh-yellow);box-shadow:0 0 12px rgba(255,196,0,.65),inset 0 0 7px rgba(255,196,0,.4)}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:focus-within .og-search-icon::after{background:var(--hh-yellow)}
html.hunter-hud[data-hud-family="console"] .og-search-wrap:focus-within::after{color:var(--hh-yellow);text-shadow:0 0 10px rgba(255,122,0,.55)}
/* The native clear control of input[type=search] stays clickable, repainted as a HUD cross */
html.hunter-hud[data-hud-family="console"] .og-search-input::-webkit-search-cancel-button,
html.hunter-hud[data-hud-family="console"] .og-library-page input[type=search]::-webkit-search-cancel-button{
  -webkit-appearance:none;appearance:none;
  width:11px;height:11px;margin-right:5px;cursor:pointer;opacity:.85;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 1 9 9M9 1 1 9' stroke='%23ff9820' stroke-width='1.7' stroke-linecap='square'/%3E%3C/svg%3E") center/11px 11px no-repeat;
}
html.hunter-hud[data-hud-family="console"] .og-search-input::-webkit-search-cancel-button:hover{opacity:1;filter:drop-shadow(0 0 5px rgba(255,122,0,.8))}
html.hunter-hud[data-hud-family="console"] .og-library-page input[type=search]{padding:13px 16px;margin:18px 0 22px}

/* ═══════════════ 6 · Console nav pills → chamfered tags ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-console-nav-pills,
html.hunter-hud[data-hud-family="console"] .og-console-nav{gap:8px}
html.hunter-hud[data-hud-family="console"] .og-console-nav-pills::before{
  content:'// OTHER SYSTEMS';flex-basis:100%;max-width:max-content;justify-content:center;margin:0 auto 4px;
}
/* Keycaps: lit top edge, a dark lip underneath, and a status LED that lights in the target system's own colour
   (each pill carries its --c inline) when the key is hovered or focused. */
html.hunter-hud[data-hud-family="console"] .og-nav-pill{
  position:relative;
  padding:6px 22px 7px 9px!important;
  font:600 11.5px/1.2 var(--hh-font-hud)!important;letter-spacing:.1em;text-transform:uppercase;
  color:var(--hh-dim)!important;
  background:linear-gradient(180deg,#1a130b,#0d0a08 70%,#0a0807)!important;
  border:1px solid var(--hh-edge-2)!important;border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,196,120,.12),inset 0 -2px 0 rgba(0,0,0,.55)!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  transition:color .18s,border-color .18s,box-shadow .22s,transform .2s var(--hh-ease-out)!important;
}
html.hunter-hud[data-hud-family="console"] .og-nav-pill::after{
  content:'';position:absolute;right:9px;top:calc(50% - 2.5px);width:5px;height:5px;transform:rotate(45deg);
  background:var(--hh-edge-2);transition:background-color .2s,box-shadow .2s;
}
html.hunter-hud[data-hud-family="console"] .og-nav-pill:hover,
html.hunter-hud[data-hud-family="console"] .og-nav-pill:focus-visible{
  color:var(--hh-ink)!important;border-color:var(--hh-orange)!important;transform:translateY(-1px);
  background:linear-gradient(180deg,#2a1c0c,#150e07 70%,#100b06)!important;
  box-shadow:inset 0 1px 0 rgba(255,210,140,.22),inset 0 -14px 22px -14px rgba(255,122,0,.5)!important;
}
html.hunter-hud[data-hud-family="console"] .og-nav-pill:hover::after,
html.hunter-hud[data-hud-family="console"] .og-nav-pill:focus-visible::after{
  background:color-mix(in srgb,var(--c,#ff7a00) 80%,#fff);box-shadow:0 0 8px var(--c,#ff7a00);
}
html.hunter-hud[data-hud-family="console"] .og-nav-pill:focus-visible{outline:0!important;box-shadow:inset 0 0 0 2px var(--hh-yellow),inset 0 -14px 22px -14px rgba(255,122,0,.5)!important}
html.hunter-hud[data-hud-family="console"] .og-nav-pill:active{transform:translateY(0)}
html.hunter-hud[data-hud-family="console"] .og-nav-pill.active{color:var(--hh-yellow)!important;border-color:var(--hh-orange)!important;box-shadow:inset 0 0 0 1px rgba(255,122,0,.3),inset 0 -14px 22px -14px rgba(255,122,0,.45)!important}
html.hunter-hud[data-hud-family="console"] .og-nav-pill img{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--c,#ff7a00) 55%,transparent))}

/* ═══════════════ 7 · Section headings (about, games, wfc) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-about-block h2,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel h2,
html.hunter-hud[data-hud-family="console"] .og-games-section h2{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 12px;
  font-family:var(--hh-font-hud)!important;font-weight:600!important;font-stretch:condensed;
  letter-spacing:.05em!important;text-transform:uppercase!important;
  color:var(--hh-ink)!important;text-shadow:0 0 22px rgba(255,122,0,.3)!important;
}
html.hunter-hud[data-hud-family="console"] .og-about-block h2::before,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel h2::before,
html.hunter-hud[data-hud-family="console"] .og-games-section h2::before{flex-basis:100%;max-width:max-content}
html.hunter-hud[data-hud-family="console"] .og-about-block h2::before{content:'// SYSTEM BRIEF'}
html.hunter-hud[data-hud-family="console"] .og-wfc-panel h2::before{content:'// ONLINE LINK'}
html.hunter-hud[data-hud-family="console"] .og-games-section h2::before{content:'// GAME LIBRARY'}
/* Rule after the library title: a lit segment, a fading line and an end tick. It charges in once when the heading is
   revealed (or is simply there when the heading was already on screen). */
html.hunter-hud[data-hud-family="console"] .og-games-section h2::after{
  content:'';flex:1 1 40px;height:7px;min-width:40px;align-self:center;
  background:
    linear-gradient(90deg,var(--hh-yellow),var(--hh-orange) 12%,rgba(255,122,0,.35) 45%,rgba(255,122,0,.12) 85%) left center/100% 1px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) right center/2px 7px no-repeat,
    repeating-linear-gradient(90deg,rgba(255,140,40,.35) 0 1px,transparent 1px 9px) left bottom/100% 3px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.55));mask-image:linear-gradient(90deg,#000 70%,rgba(0,0,0,.55));
  transform-origin:left;
}
html.hunter-hud[data-hud-family="console"] .og-games-section h2.hh-will-reveal::after{transform:scaleX(0)}
html.hunter-hud[data-hud-family="console"] .og-games-section h2.hh-reveal::after{animation:hc-charge .9s var(--hh-ease-out) .15s backwards}
html.hunter-hud[data-hud-family="console"] .og-games-section h2{margin-bottom:24px;font-size:clamp(1.4rem,2.4vw,1.85rem)!important;line-height:1.1}
/* Count: an outlined QTY readout (the page's own number), not another yellow block competing with the primary action */
html.hunter-hud[data-hud-family="console"] .og-section-count{
  display:inline-flex;align-items:baseline;gap:7px;
  font:700 13px/1 var(--hh-font-mono)!important;letter-spacing:.08em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,rgba(40,26,10,.9),rgba(14,10,6,.9))!important;color:var(--hh-yellow)!important;
  border:1px solid var(--hh-edge-hot);padding:6px 10px 5px!important;border-radius:0!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  box-shadow:inset 0 1px 0 rgba(255,196,120,.14),inset 0 -10px 16px -12px rgba(255,122,0,.5);
  text-shadow:0 0 10px rgba(255,150,0,.55);
}
html.hunter-hud[data-hud-family="console"] .og-section-count::before{content:'QTY';font-size:9.5px;letter-spacing:.2em;color:var(--hh-dim);text-shadow:none}

/* ═══════════════ 8 · About / WFC / beta plates ═══════════════ */
/* Plate weights. 3 = the hero bay. 2 = reading/console panels (about, Wi-Fi, beta, launcher dialog): lit top edge,
   inner rail around a recessed second surface, bottom shade. 1 = slots, stats and keys. 0 = strips (nav, footer). */
html.hunter-hud[data-hud-family="console"] .og-about-block,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel{position:relative}
html.hunter-hud[data-hud-family="console"] .og-about-block::before,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel::before{
  content:'';position:absolute;inset:7px;pointer-events:none;
  border:1px solid var(--hc-rail);
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  background:
    linear-gradient(to bottom right,transparent calc(50% - .7px),var(--hc-rail) calc(50% - .7px) calc(50% + .7px),transparent calc(50% + .7px)) top left/9px 9px no-repeat border-box,
    linear-gradient(to bottom right,transparent calc(50% - .7px),var(--hc-rail) calc(50% - .7px) calc(50% + .7px),transparent calc(50% + .7px)) bottom right/9px 9px no-repeat border-box;
}
html.hunter-hud[data-hud-family="console"] .og-about-block.hh-plate,
html.hunter-hud[data-hud-family="console"] .og-wfc-panel.hh-plate{
  box-shadow:inset 0 1px 0 rgba(255,196,120,.13),inset 0 -50px 60px -56px rgba(0,0,0,.95)!important;
}
html.hunter-hud[data-hud-family="console"] .og-about-block{
  --panel-top:#1a130b;color:var(--hh-ink-2);font-family:var(--hh-font-text);font-size:1rem;line-height:1.72;
  padding:30px 38px 32px 50px;
  column-width:28em;column-gap:52px;column-rule:1px solid rgba(255,150,60,.1);
}
/* ticked spine on the left, lit at the head */
html.hunter-hud[data-hud-family="console"] .og-about-block::after{
  content:'';position:absolute;left:24px;top:32px;bottom:32px;width:7px;pointer-events:none;
  background:
    linear-gradient(var(--hh-orange),var(--hh-yellow)) 0 0/2px 34px no-repeat,
    linear-gradient(var(--hh-edge-2),var(--hh-edge-2)) 0 0/1px 100% no-repeat,
    repeating-linear-gradient(180deg,rgba(255,140,40,.4) 0 1px,transparent 1px 10px) 4px 0/3px 100% no-repeat;
}
html.hunter-hud[data-hud-family="console"] .og-about-block h2{column-span:all;font-size:clamp(1.25rem,2vw,1.5rem)!important;line-height:1.15;margin-bottom:16px}
html.hunter-hud[data-hud-family="console"] .og-about-block p{position:relative;orphans:2;widows:2;text-wrap:pretty}
html.hunter-hud[data-hud-family="console"] .og-about-block strong{color:var(--hh-yellow-2)!important}
html.hunter-hud[data-hud-family="console"] .og-about-block p + p{margin-top:12px}
/* Nintendo DS Wi-Fi panel */
html.hunter-hud[data-hud-family="console"] .og-wfc-panel{--panel-top:#1a130b;color:var(--hh-ink-2)!important;font-family:var(--hh-font-text);padding:22px 24px}
html.hunter-hud[data-hud-family="console"] .og-wfc-panel h2{font-size:1.05rem;color:var(--hh-ink)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-panel strong{color:var(--hh-yellow-2)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-note{color:var(--hh-dim)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-note a,
html.hunter-hud[data-hud-family="console"] .og-wfc-platinum a{color:var(--hh-orange-2)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-status{display:inline-flex!important;align-items:center;gap:8px;border-radius:0!important;padding:5px 9px!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-status-dot{border-radius:0!important;transform:rotate(45deg);width:6px;height:6px;background:var(--hh-yellow)!important;box-shadow:0 0 8px var(--hh-yellow)!important;animation:hh-pulse 2s ease-in-out infinite;animation-play-state:var(--hud-play)}
html.hunter-hud[data-hud-family="console"] .og-wfc-status[data-state="ready"] .og-wfc-status-dot{background:var(--hh-visor)!important;box-shadow:0 0 8px rgba(166,255,77,.8)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-status[data-state="unavailable"] .og-wfc-status-dot{background:var(--hh-red)!important;box-shadow:0 0 8px var(--hh-red)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-toggle,
html.hunter-hud[data-hud-family="console"] .og-online-guide-link{padding:11px 14px;font-size:.74rem!important;text-align:center;text-decoration:none}
html.hunter-hud[data-hud-family="console"] .og-wfc-toggle[aria-pressed="true"]{
  color:#0c1a02!important;border-color:#c8ff85!important;
  background:linear-gradient(180deg,#d3ff8f,var(--hh-visor) 55%,#7fd52a)!important;
}
html.hunter-hud[data-hud-family="console"] .og-wfc-toggle:disabled{opacity:.5;filter:saturate(.6)}
html.hunter-hud[data-hud-family="console"] .og-wfc-toggle-hint{color:var(--hh-muted)!important;font-family:var(--hh-font-mono);letter-spacing:.06em}
html.hunter-hud[data-hud-family="console"] .og-wfc-panel[data-og-wfc-opt-in="1"]{--panel-edge:rgba(166,255,77,.45);box-shadow:0 0 0 1px rgba(166,255,77,.15),0 12px 34px rgba(0,0,0,.4)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-panel[data-og-wfc-opt-in="1"] .og-wfc-toggle-hint{color:var(--hh-visor)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-platinum{border:1px dashed var(--hh-edge-hot)!important;border-radius:0!important;background:rgba(8,6,4,.6)!important;color:var(--hh-dim)!important}
html.hunter-hud[data-hud-family="console"] .og-wfc-platinum-kicker{border-radius:0!important;background:rgba(8,6,4,.9)!important;color:var(--hh-yellow)!important;border-color:var(--hh-edge-hot)!important}
/* Online beta announcement (injected by online-beta-announcement.js) */
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement{--panel-top:#1c140a;color:var(--hh-ink)!important}
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement.hh-plate{box-shadow:inset 0 1px 0 rgba(255,196,120,.16),inset 0 -50px 60px -56px rgba(0,0,0,.95)!important}
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement::before{width:3px;background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange),transparent)!important;box-shadow:0 0 12px rgba(255,122,0,.6)}
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,220,150,.09) 50%,transparent 60%);
  background-size:250% 100%;background-repeat:no-repeat;background-position:120% 0;
  /* one pass after the page settles; the banner is not the page's ambient loop */
  animation:hh-nav-sheen 3.2s var(--hh-ease-io) .9s 1 backwards;
}
html.hunter-hud[data-hud-family="console"] .og-online-beta-copy,
html.hunter-hud[data-hud-family="console"] .og-online-beta-actions{position:relative;z-index:1}
html.hunter-hud[data-hud-family="console"] .og-online-beta-kicker{margin-bottom:9px;gap:0}
/* the page's green "live" dot becomes the mono // prefix; the live state moves to a pulsing visor diamond after the label */
html.hunter-hud[data-hud-family="console"] .og-online-beta-kicker{padding-right:0!important;background:linear-gradient(var(--hh-orange),var(--hh-orange)) 0 50%/18px 2px no-repeat!important}
html.hunter-hud[data-hud-family="console"] .og-online-beta-kicker::before{
  content:'//'!important;display:inline!important;width:auto!important;height:auto!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;margin-right:.5em;
}
/* LIVE status chip (red = live, per the HUD status code): the banner announces the beta is live */
html.hunter-hud[data-hud-family="console"] .og-online-beta-kicker::after{
  content:'LIVE';display:inline-flex;align-items:center;margin-left:14px;padding:4px 7px 3px 18px;
  font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.22em;color:#ffd6cc;text-shadow:none;
  border:1px solid rgba(255,59,36,.6);
  background:var(--hc-diamond-red) 6px 50%/7px 7px no-repeat,linear-gradient(180deg,rgba(90,16,6,.7),rgba(40,8,4,.7));
  box-shadow:inset 0 0 10px rgba(255,59,36,.2),0 0 12px rgba(255,59,36,.18);
  animation:hc-live-dot 1.6s steps(1,end) infinite;animation-play-state:var(--hud-play);
}
@keyframes hc-live-dot{0%,60%{background-position:6px 50%,0 0}61%,100%{background-position:-14px 50%,0 0}}
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement h2{
  font-family:var(--hh-font-hud)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.05em!important;
  color:var(--hh-ink)!important;text-shadow:0 0 22px rgba(255,122,0,.3);
}
html.hunter-hud[data-hud-family="console"] .og-online-beta-announcement p{color:var(--hh-dim)!important;font:400 .92rem/1.5 var(--hh-font-text)!important}
html.hunter-hud[data-hud-family="console"] .og-online-beta-action{font-size:.7rem!important;padding:0 16px}
html.hunter-hud[data-hud-family="console"] .og-online-beta-dismiss{
  color:var(--hh-dim)!important;font:700 1rem/1 var(--hh-font-hud)!important;
  border:1px solid var(--hh-edge-2)!important;border-radius:0!important;background:rgba(8,6,4,.9)!important;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  transition:color .18s,border-color .18s;
}
html.hunter-hud[data-hud-family="console"] .og-online-beta-dismiss:hover{color:var(--hh-yellow)!important;border-color:var(--hh-orange)!important}

/* ═══════════════ 9 · Game cards ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-games-grid{gap:16px;counter-reset:hc-card}
html.hunter-hud[data-hud-family="console"] .og-game-card{
  --cut:var(--hc-cut);--panel-top:#161009;--panel-bottom:#090706;
  color:var(--hh-ink);counter-increment:hc-card;
  transition:transform .3s var(--hh-ease-out),box-shadow .3s,border-color .2s!important;
}
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-plate{box-shadow:inset 0 1px 0 rgba(255,196,120,.1),inset 0 -30px 40px -38px rgba(0,0,0,.9)!important}
/* The core reveal fills "both", which pins transform:none after the rise and cancels the hover lift. */
html.hunter-hud[data-hud-family="console"] .og-game-card.hh-reveal{animation-fill-mode:backwards}
/* Top energy line that charges across the card on hover (transform only) */
html.hunter-hud[data-hud-family="console"] .og-game-card::before{
  content:'';position:absolute;left:0;top:0;width:100%;height:2px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,var(--hh-yellow),var(--hh-orange) 70%,transparent);
  box-shadow:0 0 12px rgba(255,122,0,.7);
  transform:scaleX(0);transform-origin:left;transition:transform .4s var(--hh-ease-out);
}
html.hunter-hud[data-hud-family="console"] .og-game-card:hover::before,
html.hunter-hud[data-hud-family="console"] .og-game-card:focus-visible::before{transform:scaleX(1)}
/* Slot tab, HUD inventory style: 001 … 292, tabular (full console pages only; library cards use .og-card-tag there).
   The numbers come from a CSS counter, so they renumber live when the search hides slots. */
html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .og-game-card::after{
  content:counter(hc-card,hc-slot);
  position:absolute;left:0;top:0;z-index:3;pointer-events:none;
  padding:5px 10px 5px 12px;
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--hh-dim);
  background:linear-gradient(180deg,rgba(14,10,7,.95),rgba(6,5,4,.92));
  border-right:1px solid var(--hh-edge-2);border-bottom:1px solid var(--hh-edge-2);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
  transition:color .2s,text-shadow .2s;
}
html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .og-game-card:is(:hover,:focus-visible)::after{color:var(--hh-yellow);text-shadow:0 0 10px rgba(255,122,0,.75)}
/* Hover / focus choreography: border light + inner glow + a 2 px lift on the slot; the reticle overlay locks on and a
   single scan pass runs over the cover; the top line charges; the tab number and the run-mode LED light up. */
html.hunter-hud[data-hud-family="console"] body[data-console] .og-game-card:is(:hover,:focus-visible){
  --panel-edge:var(--hh-orange);--panel-cut:var(--hh-orange-2);
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,214,150,.32),inset 0 0 0 1px rgba(255,122,0,.26),inset 0 -46px 50px -44px rgba(255,122,0,.45)!important;
}
html.hunter-hud[data-hud-family="console"] body[data-console] .og-game-card:focus-visible{
  outline:0!important;
  box-shadow:inset 0 0 0 2px var(--hh-yellow),inset 0 -46px 50px -44px rgba(255,170,0,.45)!important;
}
html.hunter-hud[data-hud-family="console"] .og-game-card:focus-visible .og-card-play{opacity:1}
html.hunter-hud[data-hud-family="console"] .og-card-cover{background:#070605;border-bottom:1px solid var(--hh-edge)}
/* Recessed cover bay: inner shade on all edges and a lit top-right bracket (psp keeps its inner frame, re-cut below) */
html.hunter-hud[data-hud-family="console"] body:not(.console-psp) .og-card-cover::before{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) top right/18px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) top right/2px 18px no-repeat,
    linear-gradient(90deg,transparent,rgba(255,150,60,.35)) bottom/100% 1px no-repeat;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset 0 16px 18px -16px rgba(0,0,0,.75),inset 0 -26px 26px -24px rgba(0,0,0,.8);
}
html.hunter-hud[data-hud-family="console"] .og-game-card:hover .og-card-cover img{transform:scale(1.035)}
/* Overlay: a reticle (four corner ticks) that locks on when the slot is hovered or focused */
html.hunter-hud[data-hud-family="console"] .og-card-play{
  background:
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 9px 9px/11px 2px no-repeat,linear-gradient(var(--hh-yellow),var(--hh-yellow)) 9px 9px/2px 11px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) left 9px bottom 9px/11px 2px no-repeat,linear-gradient(var(--hh-yellow),var(--hh-yellow)) left 9px bottom 9px/2px 11px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) right 9px bottom 9px/11px 2px no-repeat,linear-gradient(var(--hh-yellow),var(--hh-yellow)) right 9px bottom 9px/2px 11px no-repeat,
    radial-gradient(ellipse 58% 46% at 50% 50%,rgba(255,150,40,.16),transparent 72%),
    linear-gradient(180deg,rgba(4,3,2,.12),rgba(4,3,2,.9))!important;
  gap:10px;overflow:hidden;
}
html.hunter-hud[data-hud-family="console"] .og-game-card:is(:hover,:focus-visible) .og-card-play{animation:hc-lock .38s var(--hh-ease-out) backwards}
/* One scan pass per hover over the cover (a single slot at a time, transform-only, no loop) */
html.hunter-hud[data-hud-family="console"] .og-card-play::before{
  content:'';position:absolute;left:0;right:0;top:0;height:42%;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,196,0,.07) 55%,rgba(255,226,140,.34) 95%,transparent);
  transform:translateY(-110%);
}
html.hunter-hud[data-hud-family="console"] .og-game-card:is(:hover,:focus-visible) .og-card-play::before{
  animation:hc-slot-scan .95s var(--hh-ease-io) .08s 1 both;
}
@keyframes hc-slot-scan{0%{opacity:1;transform:translateY(-110%)}90%{opacity:1}100%{opacity:0;transform:translateY(250%)}}
html.hunter-hud[data-hud-family="console"] .og-card-play::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--hh-yellow),var(--hh-orange) 60%,transparent);
  box-shadow:0 0 10px rgba(255,122,0,.7);
}
html.hunter-hud[data-hud-family="console"] .og-play-icon{
  width:46px;height:46px;border-radius:0!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  background:linear-gradient(180deg,var(--hh-yellow) 0%,var(--hh-orange-2) 55%,var(--hh-orange) 100%)!important;
  color:#170900!important;font-size:1.05rem;padding-left:3px;
  box-shadow:0 0 22px rgba(255,150,0,.55),inset 0 1px rgba(255,255,255,.6)!important;
}
html.hunter-hud[data-hud-family="console"] .og-play-text{
  font:700 .68rem/1 var(--hh-font-hud)!important;letter-spacing:.22em!important;text-transform:uppercase;
  color:var(--hh-yellow)!important;text-shadow:0 0 12px rgba(255,122,0,.6);
}
html.hunter-hud[data-hud-family="console"] .og-card-meta{padding:11px 12px 12px;background:linear-gradient(180deg,rgba(255,122,0,.045),transparent 60%)}
/* Run-mode LED: dark at rest, lights visor (plays in the browser) or yellow (needs the Windows launcher) on hover/focus */
html.hunter-hud[data-hud-family="console"] .og-card-meta::before{
  content:'';flex:0 0 6px;width:6px;height:6px;margin-right:10px;transform:rotate(45deg);
  background:var(--hh-edge-hot);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);
  transition:background-color .2s,box-shadow .25s;
}
html.hunter-hud[data-hud-family="console"] .og-game-card:is(:hover,:focus-visible) .og-card-meta::before{
  background:var(--hc-mode-c,var(--hh-orange));box-shadow:0 0 9px var(--hc-mode-glow,rgba(255,122,0,.8));
}
html.hunter-hud[data-hud-family="console"] .og-card-title{
  font-family:var(--hh-font-hud)!important;font-weight:600!important;font-size:.92rem!important;letter-spacing:.025em;line-height:1.26!important;
  color:var(--hh-ink-2)!important;margin:0;text-wrap:balance;
}
html.hunter-hud[data-hud-family="console"] .og-game-card:is(:hover,:focus-visible) .og-card-title{color:var(--hh-ink)!important}
/* End of the inventory: a hazard rail with a readout of the real slot count (the same counter, so it follows the search)
   and how this system's games run. Hidden on systems without catalog games. */
html.hunter-hud[data-hud-family="console"] .og-games-grid::after{
  content:'// END OF INVENTORY · ' counter(hc-card) ' SLOTS · ' var(--hc-mode,'');
  grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:28px;margin-top:14px;padding:0 12px;
  font:700 10.5px/1.4 var(--hh-font-mono);letter-spacing:.22em;font-variant-numeric:tabular-nums;color:var(--hh-dim);text-align:center;
  background:
    linear-gradient(#070605,#070605) center/min(100%,540px) 100% no-repeat,
    linear-gradient(var(--hh-edge-2),var(--hh-edge-2)) center/min(100%,542px) 100% no-repeat,
    var(--hc-hazard) center/100% 8px no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
html.hunter-hud[data-hud-family="console"] .og-games-grid:not(:has(.og-game-card))::after{content:none}
/* Library page (cps/zn) card bar variant */
html.hunter-hud[data-hud-family="console"] .og-library-page .og-card-cover{aspect-ratio:4/5;background:#070605}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-card-play{
  position:absolute;inset:auto 0 0 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:10px 12px;
  background:linear-gradient(180deg,rgba(4,3,2,.3),rgba(4,3,2,.92))!important;color:var(--hh-yellow);
}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-play-icon{width:30px;height:30px;font-size:.8rem;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-card-title{padding:12px 12px 12px 0}
html.hunter-hud[data-hud-family="console"] .og-library-page .og-card-meta{display:flex;align-items:center;padding:0 12px}
html.hunter-hud[data-hud-family="console"] .og-card-tag{position:absolute;top:8px;left:8px;z-index:3;pointer-events:none;color:var(--hh-yellow)!important}
/* Nintendo DS Wi-Fi marker */
html.hunter-hud[data-hud-family="console"] .og-game-card[data-og-nds-wfc-active="1"]{--panel-edge:rgba(166,255,77,.5)}
html.hunter-hud[data-hud-family="console"] .og-game-card[data-og-nds-wfc-active="1"] .og-card-cover::after{
  border-radius:0!important;font:700 .55rem/1.2 var(--hh-font-mono)!important;letter-spacing:.14em;
  background:rgba(8,20,4,.92)!important;border:1px solid rgba(166,255,77,.6)!important;color:var(--hh-visor)!important;
  clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
}
html.hunter-hud[data-hud-family="console"] .og-game-card[data-og-nds-wfc-active="1"] .og-card-play{background:linear-gradient(180deg,transparent 8%,rgba(20,60,8,.9) 100%)!important}
html.hunter-hud[data-hud-family="console"] .og-game-card[data-og-nds-wfc-active="1"]::after{color:var(--hh-visor)!important;border-color:rgba(166,255,77,.45)!important}
/* PSP: box-art variant keeps its inner frame, now chamfered carbon */
html.hunter-hud[data-hud-family="console"] body.console-psp .og-game-card{background-image:none}
html.hunter-hud[data-hud-family="console"] body.console-psp .og-card-cover{background:radial-gradient(circle at 50% 18%,rgba(255,122,0,.16),transparent 48%),linear-gradient(180deg,rgba(255,180,90,.05),rgba(0,0,0,.55))}
html.hunter-hud[data-hud-family="console"] body.console-psp .og-card-cover::before{border-radius:0;border:1px solid var(--hh-edge-2);box-shadow:inset 0 0 24px rgba(0,0,0,.5);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
html.hunter-hud[data-hud-family="console"] body.console-psp .og-card-cover img{border-radius:0;background:#0a0807;box-shadow:0 10px 24px rgba(0,0,0,.5)}
html.hunter-hud[data-hud-family="console"] body.console-psp .og-play-text{border-radius:0;background:rgba(8,6,4,.85);border:1px solid var(--hh-edge-hot);padding:5px 9px;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}
/* Empty state */
html.hunter-hud[data-hud-family="console"] .og-empty-state{
  color:var(--hh-dim)!important;font:600 .95rem/1.7 var(--hh-font-hud);letter-spacing:.06em;text-transform:uppercase;
  border:1px dashed var(--hh-edge-hot);background:rgba(8,6,4,.6);border-radius:0!important;padding:34px 20px;margin-bottom:18px;
}
html.hunter-hud[data-hud-family="console"] .og-empty-state.visible::before{content:'// NO SIGNAL';display:block;font:700 10px/1.2 var(--hh-font-mono);letter-spacing:.3em;color:var(--hh-orange);margin-bottom:8px}

/* ═══════════════ 10 · Ad slots — never hidden, just re-framed as HUD bays ═══════════════ */
html.hunter-hud[data-hud-family="console"] .ad-container,
html.hunter-hud[data-hud-family="console"] .ad-banner-top,
html.hunter-hud[data-hud-family="console"] .ad-banner-infeed,
html.hunter-hud[data-hud-family="console"] .og-content-banner:not(.og-ad-empty){
  position:relative;
  /* The ad script gives the slot a fixed border-box size with overflow:hidden: nothing may take space inside it
     or paint over the creative. No padding, no border, no clip-path; the frame is an outline and the energy
     line is an outer shadow above the box. The '// SPONSORED' label was dropped: the slots have no wrapper to
     carry it outside the clipped area. */
  padding:0!important;
  background:linear-gradient(165deg,#15100a,#090807)!important;
  border:0!important;border-radius:0!important;
  outline:1px solid var(--hh-edge-2);outline-offset:0;
  box-shadow:0 -2px 0 var(--hh-orange),0 12px 30px rgba(0,0,0,.35)!important;
  clip-path:none!important;
}
html.hunter-hud[data-hud-family="console"] .ad-label{
  border-radius:0!important;background:rgba(6,5,4,.8)!important;color:var(--hh-muted)!important;
  font-family:var(--hh-font-mono)!important;letter-spacing:.2em!important;
}
html.hunter-hud[data-hud-family="console"] .ad-wrapper{background:transparent!important;border-radius:0!important}
html.hunter-hud[data-hud-family="console"] .og-desktop-rail:has(iframe){
  border:1px solid var(--hh-edge)!important;
  background:linear-gradient(165deg,rgba(21,16,10,.9),rgba(9,8,7,.9))!important;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.08);
}
/* An empty slot keeps whatever height the page reserves for it (no layout shift when the creative arrives), just unframed */
html.hunter-hud[data-hud-family="console"] .ad-container:empty{padding:0!important;border:0!important;outline:0;box-shadow:none!important}
/* Mobile top strip: fixed 320x50 box — nothing may take space inside it; the line sits outside */
html.hunter-hud[data-hud-family="console"] body > [data-ad-slot="mobile-top"]:not(:empty){
  padding:0!important;
  border:0!important;
  background:#090807!important;
  box-shadow:0 1px 0 var(--hh-edge-hot);
}

/* ═══════════════ 11 · Footer ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-footer{
  position:relative;padding:40px 22px 46px;
  border-top:1px solid var(--hh-edge)!important;
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) 22px calc(100% - 22px)/18px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 22px calc(100% - 38px)/2px 18px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) calc(100% - 40px) calc(100% - 22px)/18px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) calc(100% - 24px) calc(100% - 38px)/2px 18px no-repeat,
    linear-gradient(180deg,rgba(255,122,0,.05),transparent 40%),
    linear-gradient(180deg,rgba(10,8,6,.6),#050403);
  color:var(--hh-dim)!important;font-family:var(--hh-font-text);
}
html.hunter-hud[data-hud-family="console"] .og-footer::before{
  content:'';display:block;width:min(100%,300px);height:6px;margin:0 auto 22px;
  background:repeating-linear-gradient(90deg,var(--hh-orange) 0 13px,transparent 13px 17px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent);
  opacity:.7;
}
/* Static breadcrumb readout (real: site // family // this system). The family runs with the fixed telemetry tag off
   (chat + radio pills own both bottom corners). */
html.hunter-hud[data-hud-family="console"] .og-footer::after{
  content:'OLDGAMES.GAMES // CONSOLE // ' var(--hc-sys,'LIBRARY');
  display:inline-flex;align-items:center;margin-top:22px;padding-left:17px;
  font:700 10px/1.4 var(--hh-font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--hh-dim);
  background:var(--hc-diamond-orange) left 50%/7px 7px no-repeat;
}
html.hunter-hud[data-hud-family="console"] .og-footer p:first-child{font-family:var(--hh-font-text);color:var(--hh-dim)}
html.hunter-hud[data-hud-family="console"] .og-footer strong{
  color:var(--hh-yellow)!important;font-family:var(--hh-font-hud);font-weight:700;letter-spacing:.14em;text-shadow:0 0 14px rgba(255,122,0,.5);
}
html.hunter-hud[data-hud-family="console"] .og-footer a{
  color:var(--hh-dim)!important;font:600 11px/1.6 var(--hh-font-hud);letter-spacing:.12em;text-transform:uppercase;
  transition:color .18s,text-shadow .2s;
}
html.hunter-hud[data-hud-family="console"] .og-footer a:hover{color:var(--hh-yellow)!important;text-shadow:0 0 10px rgba(255,122,0,.6)}

/* ═══════════════ 12 · Launcher hand-off dialog (ps2 / gamecube / wii / 3ds) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog{
  --panel-top:#1c140a;--cut:14px;
  color:var(--hh-ink)!important;font:400 15px/1.6 var(--hh-font-text)!important;padding:28px 30px 30px;
  box-shadow:0 30px 100px #000d,0 0 0 1px rgba(255,122,0,.15)!important;
}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog::backdrop{background:rgba(4,3,2,.82);backdrop-filter:blur(6px)}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog :focus-visible{outline:2px solid var(--hh-yellow)!important;outline-offset:3px}
html.hunter-hud[data-hud-family="console"] .og-launcher-close{margin:0 0 20px auto;padding:6px 12px;font-size:.72rem!important}
html.hunter-hud[data-hud-family="console"] .og-launcher-identity img{background:#0a0807!important}
html.hunter-hud[data-hud-family="console"] .og-launcher-identity small{font-size:10px;letter-spacing:.2em}
html.hunter-hud[data-hud-family="console"] .og-launcher-identity h3{
  font-family:var(--hh-font-hud)!important;font-weight:600;font-size:22px;letter-spacing:.03em;text-transform:uppercase;
  color:var(--hh-ink)!important;text-shadow:0 0 20px rgba(255,122,0,.35);
}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog h2{
  display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;
  font-family:var(--hh-font-hud)!important;font-weight:600;font-size:20px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--hh-ink)!important;margin:24px 0 8px;
}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog h2::before{content:'// LAUNCHER';flex-basis:100%;max-width:max-content}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog p{color:var(--hh-dim)!important}
html.hunter-hud[data-hud-family="console"] .og-launcher-actions>*{border-radius:0!important;font-size:.78rem!important;padding:13px 15px}
html.hunter-hud[data-hud-family="console"] .og-launcher-dialog .og-launcher-note{color:var(--hh-muted)!important;font-family:var(--hh-font-mono);font-size:11.5px;letter-spacing:.04em}
html.hunter-hud[data-hud-family="console"] .og-launcher-status{color:var(--hh-visor)!important;font-family:var(--hh-font-mono);letter-spacing:.06em}
html.hunter-hud[data-hud-family="console"] .og-launcher-status:not(:empty)::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;transform:rotate(45deg);background:var(--hh-visor);box-shadow:0 0 8px rgba(166,255,77,.8);animation:hh-pulse 1.6s ease-in-out infinite;animation-play-state:var(--hud-play)}

/* ═══════════════ 13 · play.html redirect card ═══════════════ */
html.hunter-hud[data-hud-family="console"] body:not([data-console]) > main{
  border:1px solid var(--hh-edge-2);border-radius:0;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) top right/20px 3px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) top right/3px 20px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) bottom left/20px 3px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) bottom left/3px 20px no-repeat,
    linear-gradient(165deg,#19120a,#0a0807 72%);
  color:var(--hh-ink);
}
html.hunter-hud[data-hud-family="console"] body:not([data-console]) > main h1{font-family:var(--hh-font-hud);font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 22px rgba(255,122,0,.3)}
html.hunter-hud[data-hud-family="console"] body:not([data-console]) > main h1::before{content:'// HAND-OFF';display:block;font:700 10px/1.2 var(--hh-font-mono);letter-spacing:.3em;color:var(--hh-yellow);margin-bottom:10px}
html.hunter-hud[data-hud-family="console"] body:not([data-console]) > main p{color:var(--hh-dim)}
html.hunter-hud[data-hud-family="console"] body:not([data-console]) > main a{
  border-radius:0;font-family:var(--hh-font-hud);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;
  color:#170900;background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange));border:1px solid #ffd24d;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}

/* ═══════════════ 14 · Cookie consent (site-wide bar + settings modal) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .cookie-consent-overlay{
  padding:18px 20px 20px!important;
  background:linear-gradient(180deg,rgba(17,12,8,.97),rgba(5,4,3,.985))!important;
  border-top:1px solid var(--hh-edge-hot)!important;
  box-shadow:0 -18px 50px rgba(0,0,0,.6)!important;
  color:var(--hh-dim)!important;font-family:var(--hh-font-text)!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-overlay::before{
  content:'';position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--hh-yellow) 0 56px,var(--hh-orange) 56px 130px,rgba(255,122,0,.25) 130px 45%,transparent 80%);
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-text{color:var(--hh-dim)!important;line-height:1.55}
html.hunter-hud[data-hud-family="console"] .cookie-consent-text::before{content:'// PRIVACY PROTOCOL';display:flex;width:max-content;margin-bottom:8px}
html.hunter-hud[data-hud-family="console"] .cookie-consent-text a{color:var(--hh-orange-2)!important;text-decoration-color:var(--hh-edge-hot)}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn{
  border-radius:0!important;
  font-family:var(--hh-font-hud)!important;font-weight:700!important;font-size:12px!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  transition:color .18s,background-color .18s,border-color .18s,box-shadow .22s!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn:hover{transform:none!important}
/* Consent choices carry equal weight: "Accept all" is a lit secondary, not a second yellow primary on the page */
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.accept{
  color:var(--hh-yellow-2)!important;border:1px solid var(--hh-edge-hot)!important;
  background:linear-gradient(180deg,#2a1b0b,#150e07)!important;
  box-shadow:inset 0 1px 0 rgba(255,210,140,.18),inset 0 -12px 20px -14px rgba(255,122,0,.45)!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.accept:hover{
  color:#fff!important;border-color:var(--hh-orange)!important;
  background:linear-gradient(180deg,#3a250d,#1c1208)!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn:focus-visible{outline:0!important;box-shadow:inset 0 0 0 2px var(--hh-yellow)!important}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.reject,
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.settings{
  color:var(--hh-ink-2)!important;border:1px solid var(--hh-edge-2)!important;
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.reject:hover,
html.hunter-hud[data-hud-family="console"] .cookie-consent-btn.settings:hover{
  color:#fff!important;border-color:var(--hh-orange)!important;
  background:linear-gradient(180deg,#2c1d0c,#170f07)!important;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.25),inset 0 -14px 22px -14px rgba(255,122,0,.55)!important;
}
html.hunter-hud[data-hud-family="console"] .cookie-settings-modal{background:rgba(4,3,2,.82)!important}
html.hunter-hud[data-hud-family="console"] .cookie-settings-box{
  background:linear-gradient(165deg,#19120a,#0a0807 72%)!important;border:1px solid var(--hh-edge-2)!important;border-radius:0!important;
  color:var(--hh-ink-2)!important;font-family:var(--hh-font-text)!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:0 30px 100px #000d;
}
html.hunter-hud[data-hud-family="console"] .cookie-settings-box h3{
  font-family:var(--hh-font-hud)!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:var(--hh-ink)!important;text-shadow:0 0 20px rgba(255,122,0,.3);
}
html.hunter-hud[data-hud-family="console"] .cookie-settings-box h3::before{
  content:'// CONSENT MATRIX';display:flex;width:max-content;margin-bottom:10px;
}
html.hunter-hud[data-hud-family="console"] .cookie-category{
  background:rgba(8,6,4,.72)!important;border:1px solid var(--hh-edge)!important;border-radius:0!important;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
html.hunter-hud[data-hud-family="console"] .cookie-category-header strong{font-family:var(--hh-font-hud);letter-spacing:.06em;text-transform:uppercase;color:var(--hh-ink)!important}
html.hunter-hud[data-hud-family="console"] .cookie-category p{color:var(--hh-muted)!important}
html.hunter-hud[data-hud-family="console"] .cookie-toggle-slider{background:#221a10!important;border:1px solid var(--hh-edge-2);border-radius:0!important}
html.hunter-hud[data-hud-family="console"] .cookie-toggle-slider:before{border-radius:0!important;background:var(--hh-dim)!important}
html.hunter-hud[data-hud-family="console"] .cookie-toggle input:checked + .cookie-toggle-slider{background:linear-gradient(180deg,var(--hh-orange-2),var(--hh-orange))!important;border-color:#ffd24d}
html.hunter-hud[data-hud-family="console"] .cookie-toggle input:checked + .cookie-toggle-slider:before{background:#1a0d00!important}

/* ═══════════════ 15 · Floating site widgets (radio pill, live chat) ═══════════════ */
/* Radio pill + panel: one token override re-paints the whole injected widget. */
html.hunter-hud[data-hud-family="console"] body #radioPill,
html.hunter-hud[data-hud-family="console"] body #radioPanel{
  --rp-disp:var(--hh-font-hud);
  --rp-txt:var(--hh-ink);--rp-txt2:var(--hh-dim);--rp-txt3:var(--hh-muted);
  --rp-stroke:var(--hh-edge-2);--rp-magenta:var(--hh-orange);--rp-violet:var(--hh-yellow);
}
html.hunter-hud[data-hud-family="console"] body #radioPill{
  border-radius:0!important;background:linear-gradient(180deg,rgba(21,16,10,.94),rgba(8,6,5,.94))!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 1px rgba(255,180,90,.07)!important;
}
html.hunter-hud[data-hud-family="console"] body #radioPill:hover{border-color:var(--hh-orange)!important}
html.hunter-hud[data-hud-family="console"] body #radioPill .eq i{border-radius:0!important;box-shadow:0 0 6px rgba(255,122,0,.55)!important}
html.hunter-hud[data-hud-family="console"] body #radioPanel{
  border-radius:0!important;background:linear-gradient(165deg,#19120a,#0a0807 72%)!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:0 30px 70px rgba(0,0,0,.7),0 0 44px rgba(255,122,0,.08)!important;
}
html.hunter-hud[data-hud-family="console"] body #radioPanel .rbtn{border-radius:0!important}
html.hunter-hud[data-hud-family="console"] body #radioPanel .livechip{border-radius:0!important;color:var(--hh-yellow)!important;background:rgba(8,6,4,.9)!important;border-color:var(--hh-edge-hot)!important}
/* Unified live chat launcher + shell */
html.hunter-hud[data-hud-family="console"] body #chatToggleBtn,
html.hunter-hud[data-hud-family="console"] body #chatToggleBtn.chat-toggle-btn{
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(21,16,10,.94),rgba(8,6,5,.94))!important;
  border:1px solid var(--hh-edge-2)!important;color:var(--hh-ink-2)!important;
  font-family:var(--hh-font-hud)!important;letter-spacing:.16em!important;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
  box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 1px rgba(255,180,90,.07)!important;
}
html.hunter-hud[data-hud-family="console"] body #chatToggleBtn:hover{border-color:var(--hh-orange)!important;color:#fff!important}
html.hunter-hud[data-hud-family="console"] body #chatToggleBtn.nexus-chat-open{border-color:var(--hh-orange)!important;box-shadow:0 14px 40px rgba(0,0,0,.6),0 0 24px rgba(255,122,0,.2)!important}
html.hunter-hud[data-hud-family="console"] body #chatToggleBtn .chat-badge{
  border-radius:0!important;color:#170900!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange))!important;
  box-shadow:0 0 12px rgba(255,122,0,.55)!important;
}
html.hunter-hud[data-hud-family="console"] body #liveChat,
html.hunter-hud[data-hud-family="console"] body #liveChat.live-chat{
  border-radius:0!important;border:1px solid var(--hh-edge-2)!important;
  background:linear-gradient(180deg,rgba(18,13,9,.97),rgba(7,6,5,.98))!important;
  color:var(--hh-ink)!important;font-family:var(--hh-font-text)!important;
}
html.hunter-hud[data-hud-family="console"] body #liveChat .chat-header{
  background:linear-gradient(180deg,rgba(26,18,10,.96),rgba(12,9,6,.92))!important;
  border-bottom:1px solid var(--hh-edge)!important;
}
html.hunter-hud[data-hud-family="console"] body #liveChat .chat-title{font-family:var(--hh-font-hud)!important;letter-spacing:.16em!important;color:var(--hh-ink)!important}
html.hunter-hud[data-hud-family="console"] body #liveChat .chat-tabs{background:rgba(8,6,4,.5)!important}
html.hunter-hud[data-hud-family="console"] body #liveChat .chat-input-container{background:rgba(8,6,4,.92)!important}
html.hunter-hud[data-hud-family="console"] body #liveChat .chat-input{
  border-radius:0!important;border:1px solid var(--hh-edge-2)!important;background:#0c0a07!important;
  color:var(--hh-ink)!important;font-family:var(--hh-font-hud)!important;
}
html.hunter-hud[data-hud-family="console"] body #liveChat .send-btn{
  border-radius:0!important;border:1px solid #ffd24d!important;color:#170900!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;
}

/* ═══════════════ 16 · Mobile auth gate (injected by mobile-auth-gate.js) ═══════════════ */
html.hunter-hud[data-hud-family="console"] .og-auth-gate{
  --og-cyan:var(--hh-orange);--og-magenta:var(--hh-ember);--og-violet:var(--hh-yellow);--og-lime:var(--hh-visor);
  --og-text:var(--hh-ink);--og-muted:var(--hh-dim);
  font-family:var(--hh-font-text)!important;
}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .back{background:rgba(4,3,2,.9)!important}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .authcard,
html.hunter-hud[data-hud-family="console"] .og-auth-gate .nxcard{
  border-radius:0!important;border:1px solid var(--hh-edge-2)!important;
  background:linear-gradient(165deg,#19120a,#0a0807 72%)!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .auth-visual{background:linear-gradient(145deg,rgba(255,122,0,.12),transparent 46%),rgba(8,6,4,.6)!important;border-right:1px solid var(--hh-edge)!important}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .auth-kicker,
html.hunter-hud[data-hud-family="console"] .og-auth-gate .auth-label{color:var(--hh-yellow)!important;font-family:var(--hh-font-hud)!important;letter-spacing:.22em!important}
html.hunter-hud[data-hud-family="console"] .og-auth-gate h2,
html.hunter-hud[data-hud-family="console"] .og-auth-gate h3{font-family:var(--hh-font-hud)!important;color:var(--hh-ink)!important;letter-spacing:.04em!important;text-transform:uppercase}
html.hunter-hud[data-hud-family="console"] .og-auth-gate input{
  border-radius:0!important;border:1px solid var(--hh-edge-2)!important;background:#0c0a07!important;color:var(--hh-ink)!important;
  font-family:var(--hh-font-hud)!important;
}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .nxbtn{
  border-radius:0!important;font-family:var(--hh-font-hud)!important;letter-spacing:.08em!important;text-transform:uppercase;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
}
html.hunter-hud[data-hud-family="console"] .og-auth-gate .nxbtn.primary,
html.hunter-hud[data-hud-family="console"] .og-auth-gate button[type=submit]{
  color:#170900!important;border:1px solid #ffd24d!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;
}

/* ═══════════════ 16b · Focus ═══════════════
   A clip-path also clips an outline, so every chamfered control draws its yellow ring inside the shape. */
html.hunter-hud[data-hud-family="console"] :is(.og-online-beta-action,.og-online-beta-dismiss,.og-wfc-toggle,.og-online-guide-link,.og-launcher-close,.og-launcher-open,.og-launcher-download).hh-btn:focus-visible{
  outline:0!important;box-shadow:inset 0 0 0 2px var(--hh-yellow),inset 0 -12px 20px -14px rgba(255,122,0,.5)!important;
}
html.hunter-hud[data-hud-family="console"] :is(.og-online-beta-action,.og-wfc-toggle,.og-launcher-download).hh-primary:focus-visible{
  box-shadow:inset 0 0 0 2px #1a0b00,inset 0 0 0 4px #fff1b8!important;
}
html.hunter-hud[data-hud-family="console"] .og-footer a:focus-visible{outline:2px solid var(--hh-yellow)!important;outline-offset:3px;color:var(--hh-yellow)!important}

/* ═══════════════ 17 · Mobile ═══════════════ */
@media(max-width:768px){
  html.hunter-hud[data-hud-family="console"] .top-navbar .nav-link{height:24.4px;padding:0 9px!important;font-size:11.5px!important}
  html.hunter-hud[data-hud-family="console"] .og-hero,
  html.hunter-hud[data-hud-family="console"] body[data-console] .og-hero{--hc-pt:48px;--hc-bay-pad:20px;--hc-bay-floor:12px;--hc-bay-w:calc(100% - 20px)}
  html.hunter-hud[data-hud-family="console"] .og-hero::before{
    clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);
  }
  html.hunter-hud[data-hud-family="console"] .og-hero-cover{max-width:calc(100% - 64px)!important;margin-bottom:calc(var(--hc-bay-pad) + var(--hc-bay-floor) + 24px)!important}
  html.hunter-hud[data-hud-family="console"] .og-hero h1::before{font-size:9.5px!important;letter-spacing:.26em!important;margin-bottom:12px}
  html.hunter-hud[data-hud-family="console"] .og-hero::after{margin-top:28px}
  html.hunter-hud[data-hud-family="console"] .og-hero-stats{margin-top:24px}
  html.hunter-hud[data-hud-family="console"] .og-stat{min-width:0;flex:1 1 0;padding:10px 10px 15px}
  html.hunter-hud[data-hud-family="console"] .og-stat::after{left:10px;right:10px;bottom:7px}
  html.hunter-hud[data-hud-family="console"] .og-stat-num{font-size:clamp(1.25rem,5.6vw,1.6rem)!important;max-width:100%;overflow-wrap:anywhere}
  html.hunter-hud[data-hud-family="console"] .og-stat-lbl{letter-spacing:.1em!important;font-size:10px!important;gap:6px;white-space:normal;line-height:1.25!important}
  html.hunter-hud[data-hud-family="console"] .og-search-input.hh-input{padding-right:92px!important}
  html.hunter-hud[data-hud-family="console"] .og-search-wrap::after{right:9px;letter-spacing:.14em;padding:5px 6px}
  html.hunter-hud[data-hud-family="console"] .og-console-nav-pills::before{font-size:9.5px!important;letter-spacing:.24em!important}
  html.hunter-hud[data-hud-family="console"] .og-games-grid{gap:10px}
  html.hunter-hud[data-hud-family="console"] .og-game-card{--cut:8px}
  /* Touch: the overlay is always shown, so it stays quiet: no reticle, an outlined play key instead of a yellow block */
  html.hunter-hud[data-hud-family="console"] body:not(.console-psp) .og-card-play{
    justify-content:flex-end;gap:6px;padding-bottom:10px;
    background:linear-gradient(180deg,transparent 28%,rgba(4,3,2,.6) 58%,rgba(4,3,2,.94))!important;
  }
  html.hunter-hud[data-hud-family="console"] .og-play-text{text-shadow:0 1px 2px #000,0 0 10px rgba(0,0,0,.9)!important}
  html.hunter-hud[data-hud-family="console"] .og-play-icon{
    width:30px;height:30px;font-size:.78rem;
    background:linear-gradient(180deg,rgba(30,20,9,.92),rgba(12,8,5,.92))!important;color:var(--hh-yellow)!important;
    box-shadow:inset 0 0 0 1px var(--hh-edge-hot),0 0 12px rgba(0,0,0,.6)!important;
  }
  html.hunter-hud[data-hud-family="console"] .og-play-text{font-size:.62rem!important;letter-spacing:.14em!important}
  html.hunter-hud[data-hud-family="console"] .og-card-title{font-size:.82rem!important}
  html.hunter-hud[data-hud-family="console"] .og-card-meta{padding:9px 10px 10px}
  html.hunter-hud[data-hud-family="console"] .og-games-grid::after{
    flex-direction:column;min-height:0;padding:16px 8px 0;letter-spacing:.14em;font-size:10px;
    background:var(--hc-hazard) center top/100% 7px no-repeat;
  }
  html.hunter-hud[data-hud-family="console"] .og-about-block{padding:22px 18px 22px 34px;column-width:auto;column-count:1}
  html.hunter-hud[data-hud-family="console"] .og-about-block::after{left:14px;top:24px;bottom:24px}
  html.hunter-hud[data-hud-family="console"] .og-launcher-dialog{padding:22px 18px 24px}
  html.hunter-hud[data-hud-family="console"] .cookie-consent-overlay{padding:16px 14px 18px!important}
  html.hunter-hud[data-hud-family="console"] .cookie-consent-text::before{justify-content:center;margin:0 auto 6px}
  html.hunter-hud[data-hud-family="console"] .og-footer::after{letter-spacing:.16em;font-size:9.5px}
}
/* native-console-logos.css drops the logo box to 104 px here, and its 6px link padding makes the page's links 26.4 px tall */
@media(max-width:600px){
  html.hunter-hud[data-hud-family="console"] body[data-console]:not(.og-library-page) .og-hero{--hc-logo-h:104px}
  html.hunter-hud[data-hud-family="console"] .top-navbar .nav-link{height:26.4px}
}
@media(max-width:480px){
  html.hunter-hud[data-hud-family="console"] .logo-link::after,
  html.hunter-hud[data-hud-family="console"] .og-library-page .og-topbar a:first-child::after{display:none}
  /* keep the sticky header on one row (same height as ?nohud=1) */
  html.hunter-hud[data-hud-family="console"] .nav-links{gap:2px!important}
  html.hunter-hud[data-hud-family="console"] .top-navbar .nav-link{padding:0 6px!important;font-size:11px!important;letter-spacing:.04em!important}
  html.hunter-hud[data-hud-family="console"] .og-stat{padding:9px 8px 14px}
  html.hunter-hud[data-hud-family="console"] .og-stat::after{left:8px;right:8px}
  /* the keycap hint is decoration: on narrow phones the placeholder gets the room */
  html.hunter-hud[data-hud-family="console"] .og-search-wrap::after{display:none}
  html.hunter-hud[data-hud-family="console"] .og-search-input.hh-input{padding-right:14px!important}
}

html.hunter-hud[data-hud-family="console"] body[data-console="ps3"]{--hc-sys:"PS3"}