/* HUNTER HUD · family: game
   Game landing pages (games/*.html: game-page.css --gp-* tokens, .gp-nav/.gp-hero/.gp-play-btn/.gp-section) and the
   games portal (games/index.html: inline :root --neon-*, games-portal.css --ogp-*, console-library.css --library-*,
   nexus-theme.css body.nexus-skin --nx-*). Shared floating widgets (live chat, OldGames Live, radio, live-now toast,
   cookie banner) are re-skinned here too because both pages render them.
   Loaded after assets/css/hunter-hud.css on pages tagged data-hud-family="game" (scripts/build/apply-hunter-hud.cjs).
   Every rule is scoped under html.hunter-hud so the page CSS keeps working with ?nohud=1. */

/* ══════════════════════════════════════════════════════════════════════════
   1. Tokens: remap every palette the two pages use onto the HUD palette
   ══════════════════════════════════════════════════════════════════════════ */
html.hunter-hud{
  /* game-page.css */
  --gp-bg:var(--hh-void);--gp-bg-2:#0a0807;--gp-panel:var(--hh-glass);--gp-panel-2:rgba(24,18,12,.86);
  --gp-line:var(--hh-edge-2);--gp-line-strong:var(--hh-stroke-2);--gp-text:var(--hh-ink);--gp-muted:var(--hh-dim);
  --gp-cyan:var(--hh-orange);--gp-blue:var(--hh-orange-2);--gp-magenta:var(--hh-ember);--gp-green:var(--hh-visor);--gp-gold:var(--hh-yellow);
  /* games/index.html inline :root */
  --neon-pink:var(--hh-orange);--neon-cyan:var(--hh-yellow);--neon-purple:var(--hh-amber);--neon-orange:var(--hh-ember);--neon-yellow:var(--hh-yellow);
  --bg-dark:var(--hh-void);--bg-darker:#020202;
  /* games-portal.css */
  --ogp-yellow:var(--hh-yellow);--ogp-red:var(--hh-ember);--ogp-cyan:var(--hh-orange);--ogp-green:var(--hh-visor);
  --ogp-panel:rgba(12,9,6,.96);--ogp-border:var(--hh-edge-2);
  /* console-library.css */
  --library-accent:var(--hh-yellow);--library-ink:var(--hh-ink);--library-muted:var(--hh-dim);--library-line:var(--hh-edge-2);
  /* family helpers */
  --gph-diamond-y: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'/%3E%3C/svg%3E");
  --gph-diamond-g: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");
  --gph-eyebrow-bg:linear-gradient(var(--hh-orange),var(--hh-orange)) 0 50%/18px 2px no-repeat,var(--gph-diamond-y) 100% 50%/6px 6px no-repeat;
  --gph-plate:linear-gradient(165deg,#19120a,#0a0807 72%);
  --gph-cut8:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  --gph-cut6:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  --gph-cut4:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);
  --gph-cut10:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  /* hazard strip (yellow on carbon) and the launch chevrons of the PLAY key cap */
  --gph-hazard:repeating-linear-gradient(-45deg,rgba(255,196,0,.7) 0 5px,transparent 5px 10px);
  --gph-chevrons:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill='none' stroke='%232b1100' stroke-width='2.2'%3E%3Cpath d='M1.5 1.5 6 6l-4.5 4.5' opacity='.35'/%3E%3Cpath d='M7.5 1.5 12 6l-4.5 4.5' opacity='.65'/%3E%3Cpath d='M13.5 1.5 18 6l-4.5 4.5'/%3E%3C/g%3E%3C/svg%3E");
  --gph-energy:linear-gradient(90deg,transparent,var(--hh-orange) 28%,var(--hh-yellow) 50%,var(--hh-orange) 72%,transparent);
  --gph-ticks:repeating-linear-gradient(90deg,var(--hh-orange) 0 13px,transparent 13px 17px);
}
/* nexus-theme.css tokens live on body.nexus-skin; console-library.css re-declares them on body.og-games-portal-v2. */
html.hunter-hud body.nexus-skin,
html.hunter-hud body.og-games-portal-v2{
  --nx-void:var(--hh-void);--nx-deep:var(--hh-carbon);
  --nx-glass:rgba(16,13,10,.9);--nx-glass2:rgba(24,18,12,.84);
  --nx-stroke:var(--hh-edge-2);--nx-stroke2:var(--hh-edge-hot);
  --nx-cyan:var(--hh-orange);--nx-violet:var(--hh-amber);--nx-magenta:var(--hh-ember);--nx-lime:var(--hh-visor);--nx-amber:var(--hh-yellow);
  --nx-txt:var(--hh-ink);--nx-txt2:var(--hh-dim);--nx-txt3:var(--hh-muted);
  --nx-disp:var(--hh-font-hud);--nx-ui:var(--hh-font-text);
  font-family:var(--hh-font-text)!important;
  color:var(--hh-ink);
  counter-reset:gph-file gph-sys;
  scrollbar-color:#61400f #070605;scrollbar-width:auto;
}
html.hunter-hud body.gp-nexus-page{font-family:var(--hh-font-text);color:var(--hh-ink)}
html.hunter-hud body.nexus-skin::before{background:var(--hh-void)}
/* Old atmospheres: the core draws the carbon ground, hex field and embers. */
html.hunter-hud .bg-animation,
html.hunter-hud .cyber-bg,
html.hunter-hud .grid-overlay,
html.hunter-hud .glow-orb,
html.hunter-hud .nexus-aurora,
html.hunter-hud .nexus-gridfloor,
html.hunter-hud .nexus-dust{display:none!important}
/* Scrollbars: nexus paints cyan gradients on body.nexus-skin *::-webkit-scrollbar-*. */
html.hunter-hud body.nexus-skin *::-webkit-scrollbar-track{background:#070605;border-left:1px solid #1d150b}
html.hunter-hud body.nexus-skin *::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#3d2810,#61400f);border:2px solid #070605;border-radius:0}
html.hunter-hud body.nexus-skin *::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,var(--hh-orange),#92500c)}
html.hunter-hud body.nexus-skin a:focus-visible,
html.hunter-hud body.nexus-skin button:focus-visible{outline:2px solid var(--hh-yellow)!important;outline-offset:3px!important}

/* ══════════════════════════════════════════════════════════════════════════
   2. Shared HUD details: "// TAG" eyebrows with a lit dash and a diamond, motion
   ══════════════════════════════════════════════════════════════════════════ */
/* The core's header beam is a 22%-wide strip animated with hh-scan-x (translateX up to 560%), which pushes it past
   the right edge of the bar. body has overflow-x:hidden but <html> does not, so the travelling beam briefly widens
   documentElement.scrollWidth (≈2050 px at 1440) and the page gets a horizontal scrollbar for ~3 s of every loop.
   Same travel, clamped: (100% - 22%)/22% = 354% lands the strip flush with the right edge, never beyond it.
   Applied to every .hh-header on this family (the game nav and the portal navbar) — no geometry change, no overflow. */
@keyframes gph-scan-x{0%{transform:translateX(-110%)}100%{transform:translateX(352%)}}
html.hunter-hud .hh-header:after{animation-name:gph-scan-x}

html.hunter-hud .gp-hero-info::before,
html.hunter-hud .gp-section h2::before,
html.hunter-hud .og-hero::before,
html.hunter-hud .og-section-title::before,
html.hunter-hud .og-about h2::before,
html.hunter-hud .og-cta h2::before,
html.hunter-hud .og-console-header h2::before,
html.hunter-hud .ogp-favorites-head h2::before,
html.hunter-hud .live-streams-title h3::before{
  content:'// HUD';display:block;width:max-content;max-width:100%;margin:0 0 12px;padding:0 16px 0 28px;
  font:700 10px/1.4 var(--hh-font-hud);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,122,0,.5);
  color:var(--hh-yellow);background:var(--gph-eyebrow-bg);
  -webkit-text-fill-color:var(--hh-yellow);
}
html.hunter-hud .og-hero::before{content:'// LIBRARY INDEX · ALL SYSTEMS';margin:0 auto 16px}
html.hunter-hud .og-section-title::before{content:'// CONSOLE PICKER';margin:0 auto 12px}
html.hunter-hud .og-about h2::before{content:'// LIBRARY NOTES'}
html.hunter-hud .og-cta h2::before{content:'// NEXT DESTINATION';margin:0 auto 12px}
html.hunter-hud .og-console-header h2::before{counter-increment:gph-sys;content:'// SYSTEM ' counter(gph-sys,decimal-leading-zero);margin-bottom:6px;font-size:9px}
html.hunter-hud .ogp-favorites-head h2::before{content:'// SAVED';margin-bottom:6px}
html.hunter-hud .live-streams-title h3::before{content:'// BROADCAST';margin-bottom:4px}

/* Headings pulled to the HUD type: condensed caps with a soft orange glow (the .hh-h utility is applied via classMap). */
html.hunter-hud .gp-hero h1.hh-h,
html.hunter-hud body.nexus-skin .og-hero h1.hh-h{font-weight:700!important;line-height:1!important;letter-spacing:.03em!important}

/* ══════════════════════════════════════════════════════════════════════════
   2b. Material, focus and motion vocabulary shared by both page types
   ══════════════════════════════════════════════════════════════════════════ */
/* Plate material. The core plate is one flat gradient; here every plate gains a lit top edge that falls off to the
   right (--gph-lit, drawn just inside the border), a soft light wash under that edge and a bottom shade, so panels
   read as raised hardware instead of flat rectangles. Weight is tuned per element with --gph-lit / --panel-* only.
   Declared before sections 3–4 so their element rules (same specificity) still win. */
html.hunter-hud[data-hud-family="game"] .hh-plate{
  background:
    radial-gradient(360px circle at var(--mx,-999px) var(--my,-999px),rgba(255,140,30,.10),transparent 65%),
    linear-gradient(90deg,transparent 3%,var(--gph-lit,rgba(255,214,150,.3)) 20%,rgba(255,150,50,.08) 62%,transparent 94%) 0 0/100% 1px no-repeat padding-box,
    linear-gradient(to bottom right,transparent calc(50% - .9px),var(--panel-cut,var(--hh-edge-hot)) calc(50% - .9px) calc(50% + .9px),transparent calc(50% + .9px)) top left/var(--cut) var(--cut) no-repeat border-box,
    linear-gradient(to bottom right,transparent calc(50% - .9px),var(--panel-cut,var(--hh-edge-hot)) calc(50% - .9px) calc(50% + .9px),transparent calc(50% + .9px)) bottom right/var(--cut) var(--cut) no-repeat border-box,
    linear-gradient(var(--panel-accent,var(--hh-orange)),var(--panel-accent,var(--hh-orange))) top right/20px 3px no-repeat border-box,
    linear-gradient(var(--panel-accent,var(--hh-orange)),var(--panel-accent,var(--hh-orange))) top right/3px 20px no-repeat border-box,
    linear-gradient(var(--panel-accent,var(--hh-orange)),var(--panel-accent,var(--hh-orange))) bottom left/20px 3px no-repeat border-box,
    linear-gradient(var(--panel-accent,var(--hh-orange)),var(--panel-accent,var(--hh-orange))) bottom left/3px 20px no-repeat border-box,
    linear-gradient(180deg,rgba(255,170,80,.04),transparent 110px) padding-box,
    linear-gradient(165deg,var(--panel-top,#19120a),var(--panel-bottom,#0a0807) 72%)!important;
  box-shadow:inset 0 -1px rgba(0,0,0,.55),inset 0 -80px 70px -70px rgba(0,0,0,.5)!important;
}
/* Focus. Chamfered controls are clip-path shapes, and a clip-path cuts away any outline drawn outside the box, so
   the core's outside ring never showed on them. They get the yellow ring inside their own edge instead; the power
   button (yellow) gets a dark inner ring. */
html.hunter-hud[data-hud-family="game"] :is(.hh-btn,.hh-plate,.og-nav-chip,.og-filter-chip):focus-visible{outline:2px solid var(--hh-yellow)!important;outline-offset:-4px!important}
html.hunter-hud[data-hud-family="game"] .hh-primary:focus-visible{outline-color:#1c0b00!important;outline-offset:-6px!important}
html.hunter-hud[data-hud-family="game"] .hh-navlink:focus-visible{outline-offset:-2px!important}

@keyframes gph-rise{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes gph-in-x{0%{opacity:0;transform:translateX(-14px)}100%{opacity:1;transform:none}}
@keyframes gph-fade{0%{opacity:0}100%{opacity:1}}
@keyframes gph-tile-in{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes gph-bay-lock{0%{opacity:0;transform:scale(1.08)}55%{opacity:1}100%{opacity:1;transform:none}}
@keyframes gph-bay-dock{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
/* Bay scan: 9 s cycle, the beam crosses in ~1.7 s and the bay rests for the remainder. Hover plays gph-bay-pass once. */
@keyframes gph-bay-scan{0%,64%{opacity:0;transform:translateY(-12%)}67%{opacity:1}84%{opacity:1;transform:translateY(352%)}87%,100%{opacity:0;transform:translateY(360%)}}
@keyframes gph-bay-pass{0%{opacity:0;transform:translateY(-12%)}12%{opacity:1}84%{opacity:1}100%{opacity:0;transform:translateY(360%)}}
@keyframes gph-cursor{0%,32%,66%{opacity:1}16%,50%,84%,100%{opacity:0}}
@keyframes gph-orbit-once{0%{opacity:0;transform:rotate(-220deg)}100%{opacity:.85;transform:none}}
@keyframes gph-orbit-turn{0%{transform:none}100%{transform:rotate(360deg)}}
@keyframes gph-sweep{0%,58%{background-position:-40% 0}100%{background-position:140% 0}}
@keyframes gph-cta-arm{0%{opacity:0}100%{opacity:1}}

/* ══════════════════════════════════════════════════════════════════════════
   3. Game landing pages (games/<slug>.html) · CARTRIDGE DOSSIER
   One idea carries all 1204 landing pages: the cover is a cartridge docked in a scanning bay (reticles, mid ticks,
   a SYS readout read from the play link, one slow scan pass), PLAY arms a launch (key cap, chevrons, READY/ARMED
   status), and the copy below reads as the numbered files of one dossier (// FILE 01 / 04 … // END OF FILE).
   Plate weight follows importance: T1 primary file (spec sheet), T2 working file (controls), T3 reference file
   (FAQ transcript, linked files).
   ══════════════════════════════════════════════════════════════════════════ */

/* 3.0 Real readout values. The system code comes from the hero's own play link (every catalog play URL carries
   system=<code>&, checked across games/*.html); the file count comes from the sections that follow. Unknown codes
   leave --gph-sys undefined, which makes the derived tags invalid, so every readout falls back to its plain form. */
html.hunter-hud .gp-hero{--gph-sys-tag:' · ' var(--gph-sys);--gph-sys-slash:' // ' var(--gph-sys);--gph-sys-bay:'SYS // ' var(--gph-sys) '  ·  ';--gph-sys-code:'SYS // ' var(--gph-sys)}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=nes&" i]){--gph-sys:'NES'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=snes&" i]){--gph-sys:'SNES'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=n64&" i]){--gph-sys:'N64'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=gamecube&" i]){--gph-sys:'GAMECUBE'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=wii&" i]){--gph-sys:'WII'}
html.hunter-hud .gp-hero:has(.gp-play-btn:is([href*="system=gameboy&" i],[href*="system=gb&" i])){--gph-sys:'GB'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=gbc&" i]){--gph-sys:'GBC'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=gba&" i]){--gph-sys:'GBA'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=nds&" i]){--gph-sys:'NDS'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=3ds&" i]){--gph-sys:'3DS'}
html.hunter-hud .gp-hero:has(.gp-play-btn:is([href*="system=segams&" i],[href*="system=mastersystem&" i])){--gph-sys:'SMS'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=genesis&" i]){--gph-sys:'GENESIS'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=segacd&" i]){--gph-sys:'SEGA CD'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=gamegear&" i]){--gph-sys:'GAME GEAR'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=ps1&" i]){--gph-sys:'PS1'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=ps2&" i]){--gph-sys:'PS2'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=psp&" i]){--gph-sys:'PSP'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=cps1&" i]){--gph-sys:'CPS-1'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=cps2&" i]){--gph-sys:'CPS-2'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=cps3&" i]){--gph-sys:'CPS-3'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=zn1&" i]){--gph-sys:'ZN-1'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=zn2&" i]){--gph-sys:'ZN-2'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=neogeo&" i]){--gph-sys:'NEO GEO'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=namcos12&" i]){--gph-sys:'NAMCO S12'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=namcos256&" i]){--gph-sys:'NAMCO S256'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=arcade&" i]){--gph-sys:'ARCADE'}
html.hunter-hud .gp-hero:has(.gp-play-btn[href*="system=mame&" i]){--gph-sys:'MAME'}
/* File count for "// FILE 01 / 04": sections are siblings under body (catalog-rich template), main (catalog template)
   or article.gp-content (hand-built nexus pages). The child combinator keeps :has invalidation to direct children. */
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section){--gph-files:'01'}
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section ~ .gp-section){--gph-files:'02'}
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section ~ .gp-section ~ .gp-section){--gph-files:'03'}
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section ~ .gp-section ~ .gp-section ~ .gp-section){--gph-files:'04'}
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section ~ .gp-section ~ .gp-section ~ .gp-section ~ .gp-section){--gph-files:'05'}
html.hunter-hud :is(body,main,.gp-content):has(> .gp-section ~ .gp-section ~ .gp-section ~ .gp-section ~ .gp-section ~ .gp-section){--gph-files:'06'}

/* 3.1 Nav: sticky carbon bar (.hh-header via classMap) with the brand link and HUD nav links. */
/* The core's .hh-header sets position:relative, which would turn game-page.css's `position:sticky;top:0` nav into a
   bar that scrolls away on all 1204 landing pages. The bar is in flow, so restoring sticky changes nothing else. */
html.hunter-hud .gp-nav.hh-header{position:sticky;top:0;z-index:80}
html.hunter-hud .gp-nav{gap:4px;min-height:72px;padding:12px clamp(16px,4vw,58px);border-radius:0}
/* Only the plain <a> children of the minimal template get the nav-link treatment (the classMap hands .hh-navlink to
   `.gp-nav > a:not([class])`); the rich template's branded pills keep their own button skins below. */
html.hunter-hud .gp-nav > a.hh-navlink{
  display:inline-flex;align-items:center;min-height:38px;padding:0 12px;text-decoration:none!important;
}
html.hunter-hud .gp-nav > a:first-child.hh-navlink{
  margin-right:14px;padding-left:0!important;
  font-size:15px!important;letter-spacing:.16em!important;color:var(--hh-ink)!important;background:transparent!important;
  text-shadow:0 0 14px rgba(255,122,0,.35);
}
html.hunter-hud .gp-nav > a:first-child.hh-navlink::before{
  content:'';position:static;width:10px;height:10px;margin-right:12px;flex:0 0 10px;
  background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange));transform:rotate(45deg);
  box-shadow:0 0 10px var(--hh-orange);transition:none;
}
html.hunter-hud .gp-nav > a:first-child.hh-navlink::after{
  content:'// NEXUS';margin-left:10px;font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-orange);
}
html.hunter-hud .gp-nav > a:last-child.hh-navlink{
  margin-left:auto;font-family:var(--hh-font-mono)!important;font-size:11px!important;color:var(--hh-yellow)!important;letter-spacing:.2em!important;
  border:1px solid var(--hh-edge-2)!important;background:rgba(8,6,4,.9)!important;clip-path:var(--gph-cut4);min-height:30px;padding:0 10px;
}
html.hunter-hud .gp-nav > a:last-child.hh-navlink::before{content:'SYS // ';color:var(--hh-muted);position:static;width:auto;height:auto;background:none;box-shadow:none}
html.hunter-hud .gp-nav > a:last-child.hh-navlink:hover{border-color:var(--hh-orange)!important;color:var(--hh-ink)!important}
html.hunter-hud .gp-nav > a:last-child.hh-navlink:focus-visible{outline-offset:-4px!important}
/* Rich-markup variants of the same template (brand plate, nav pills, avatar menu, breadcrumb).
   Here .gp-nav's direct children are the branded pills, so they keep the .hh-btn skin instead of the nav-link one. */
html.hunter-hud .gp-brand{text-decoration:none!important}
html.hunter-hud .gp-brand-mark{width:44px;height:44px}
/* The orbit ring powers up once (one turn, then it rests as a lit gauge arc) and turns again when the brand is
   hovered: a brand mark should not compete with the page's one ambient loop. */
html.hunter-hud .gp-og-orbit{
  border-radius:50%!important;clip-path:none;opacity:.85;
  background:conic-gradient(from 0deg,transparent,var(--hh-orange),var(--hh-yellow),transparent 72%);
  filter:drop-shadow(0 0 10px rgba(255,122,0,.45));animation:gph-orbit-once 1.5s var(--hh-ease-out) .15s backwards;
}
html.hunter-hud .gp-brand:is(:hover,:focus-visible) .gp-og-orbit{animation:gph-orbit-turn 1.3s var(--hh-ease-io) 1}
html.hunter-hud .gp-og-core{width:36px;height:36px;border-color:var(--hh-edge-hot);border-radius:0;clip-path:var(--gph-cut6);background:linear-gradient(165deg,#1c150c,#0a0807);color:var(--hh-yellow);font-family:var(--hh-font-hud);font-size:.62rem;letter-spacing:.06em;text-shadow:0 0 10px rgba(255,122,0,.7)}
html.hunter-hud .gp-brand-copy strong{font-family:var(--hh-font-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--hh-ink);text-shadow:0 0 14px rgba(255,122,0,.3)}
html.hunter-hud .gp-brand-copy small{font-family:var(--hh-font-mono);font-size:.54rem;letter-spacing:.2em;color:var(--hh-orange);opacity:1}
html.hunter-hud .gp-brand-copy small::before{content:'// '}
html.hunter-hud .gp-navlinks{gap:2px}
html.hunter-hud .gp-navlinks a.hh-navlink{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;text-decoration:none!important}
html.hunter-hud .gp-favorites-pill,
html.hunter-hud .gp-pro-pill,
html.hunter-hud .gp-signin,
html.hunter-hud .gp-cta{min-height:38px;padding:0 14px;font-size:11px!important;letter-spacing:.12em!important;transform:none!important}
html.hunter-hud .gp-favorites-pill{gap:8px;padding:0 11px}
html.hunter-hud .gp-pro-pill{color:var(--hh-yellow-2)!important;border-color:rgba(255,196,0,.45)!important;background:linear-gradient(180deg,#2a1c08,#140d05)!important;box-shadow:inset 0 1px rgba(255,214,120,.14)!important}
html.hunter-hud .gp-pro-pill::before{content:'★';margin-right:7px;color:var(--hh-yellow);text-shadow:0 0 8px rgba(255,196,0,.6)}
html.hunter-hud .gp-signin{color:var(--hh-yellow-2)!important;border-color:var(--hh-edge-hot)!important;cursor:pointer}
/* Nav "Play Now" duplicates the hero's PLAY, so it is not a second power button: it is a launch key waiting in
   standby (yellow edge, yellow label, launch glyph). It lights up (armed glow on ::after) only once the hero's
   PLAY has scrolled out under the sticky bar, through a view timeline on that button, so exactly one launch
   control is lit per view. Browsers without view timelines keep the standby key, which is still clearly an action. */
html.hunter-hud .gp-cta.hh-btn{
  position:relative;overflow:hidden;gap:9px;padding:0 17px 0 15px;
  font-weight:700!important;letter-spacing:.16em!important;color:var(--hh-yellow)!important;
  border-color:rgba(255,196,0,.58)!important;background:linear-gradient(180deg,#241808,#120c05)!important;
  box-shadow:inset 0 1px rgba(255,214,120,.16),inset 0 0 0 1px rgba(255,196,0,.06)!important;
}
html.hunter-hud .gp-cta.hh-btn::before{
  content:'';display:block!important;position:static;inset:auto;flex:0 0 auto;width:0;height:0;
  border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;
  background:none;transform:none;animation:none!important;filter:drop-shadow(0 0 5px rgba(255,196,0,.55));
}
html.hunter-hud .gp-cta.hh-btn::after{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:0;border-radius:0;
  background:linear-gradient(180deg,rgba(255,206,60,.22),rgba(255,122,0,.07) 55%,rgba(255,122,0,.2));
  box-shadow:inset 0 0 0 1px rgba(255,226,140,.6),inset 0 -12px 18px -10px rgba(255,122,0,.75);
}
html.hunter-hud .gp-cta.hh-btn:hover{
  color:var(--hh-yellow-2)!important;border-color:var(--hh-yellow)!important;transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#34220a,#180f06)!important;
  box-shadow:inset 0 1px rgba(255,226,150,.28),inset 0 -14px 20px -12px rgba(255,150,30,.6)!important;
}
@supports (timeline-scope:--gph-launch){
  html.hunter-hud body.gp-nexus-page{timeline-scope:--gph-launch}
  html.hunter-hud .gp-hero .gp-play-btn{view-timeline:--gph-launch block;view-timeline-inset:84px 0}
  html.hunter-hud .gp-cta.hh-btn::after{animation:gph-cta-arm linear both;animation-timeline:--gph-launch;animation-range:exit 0% exit 100%}
}
html.hunter-hud .gp-nav-status{border:1px solid var(--hh-edge-2);border-radius:0;clip-path:var(--gph-cut6);background:rgba(8,6,4,.9);color:var(--hh-dim);font-family:var(--hh-font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums}
html.hunter-hud .gp-nav-status strong{font-family:var(--hh-font-hud);color:#dfffc0;font-variant-numeric:tabular-nums}
html.hunter-hud .gp-nav-status .gp-live-dot{border-radius:0;transform:rotate(45deg)}
html.hunter-hud .gp-favorites-pill strong{border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,196,0,.16);color:var(--hh-yellow);font-family:var(--hh-font-mono);font-variant-numeric:tabular-nums}
html.hunter-hud .gp-avatar-ring{background:conic-gradient(from 0deg,var(--hh-yellow),var(--hh-orange),var(--hh-ember),var(--hh-yellow));border-radius:0;clip-path:var(--gph-cut4);padding:2px}
html.hunter-hud .gp-avatar-ring img{border-radius:0;background:#0a0807}
html.hunter-hud .gp-avatar-copy small{color:var(--hh-orange);font-family:var(--hh-font-mono);letter-spacing:.1em}
html.hunter-hud .gp-user-menu button{border-radius:0;color:var(--hh-ink-2);font-family:var(--hh-font-hud);letter-spacing:.06em;text-transform:uppercase}
html.hunter-hud .gp-user-menu button:hover{color:#fff;background:linear-gradient(90deg,rgba(255,122,0,.16),transparent)}
/* Breadcrumb as a file path. */
html.hunter-hud .gp-breadcrumb{color:var(--hh-muted);font-family:var(--hh-font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
html.hunter-hud .gp-breadcrumb::before{content:'PATH //';margin-right:12px;color:var(--hh-orange);font-weight:700;letter-spacing:.22em}
html.hunter-hud .gp-breadcrumb a{color:var(--hh-dim);text-decoration:none;transition:color .18s}
html.hunter-hud .gp-breadcrumb a:hover{color:var(--hh-yellow)}
html.hunter-hud .gp-breadcrumb .gp-sep{color:var(--hh-orange)}
html.hunter-hud .gp-breadcrumb > span:last-child{color:var(--hh-ink-2)}

/* 3.2 Hero: the dossier header. */
html.hunter-hud .gp-hero{padding-top:clamp(26px,4vw,56px)}
html.hunter-hud .gp-hero::before{background:var(--gph-energy);opacity:.55}
/* Header tab, top right: how many files this dossier holds (a count of the sections below, never invented). */
html.hunter-hud .gp-hero::after{
  content:'DOSSIER // ' var(--gph-files,'01') ' FILES';position:absolute;right:clamp(16px,4vw,58px);top:6px;pointer-events:none;
  padding-bottom:10px;font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.24em;color:var(--hh-muted);font-variant-numeric:tabular-nums;
  background:var(--gph-ticks) 100% 100%/136px 5px no-repeat;opacity:.9;
  animation:gph-fade .6s ease .9s backwards;
}

/* 3.3 The scanning bay. The wrapper stays still and becomes the bay: ::before is the recessed mat with reticle
   corners, mid ticks, a barcode tag and the SYS readout; the <img> is the docked cartridge (chamfered, lit top edge);
   ::after is the scan beam. The old float is gone: a bay that drifts reads as loose, a still bay makes the scan the
   single ambient loop on the page. Geometry is unchanged: the bay paints outside the box (-14px, readout band -38px). */
html.hunter-hud .gp-hero .gp-cover-wrap.hh-cover{
  overflow:visible;clip-path:none;border:0!important;background:transparent;box-shadow:none!important;
  transform:none;animation:none;isolation:isolate;
}
html.hunter-hud .gp-hero .gp-cover-wrap::before{
  content:var(--gph-sys-bay,'') 'BOX ART  ·  3:4';
  position:absolute;inset:-14px -14px -38px;z-index:-1;pointer-events:none;
  display:flex;align-items:flex-end;padding:0 76px 11px 16px;
  font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-dim);white-space:nowrap;overflow:hidden;
  background:
    /* reticle corners */
    linear-gradient(var(--hh-orange),var(--hh-orange)) 0 0/24px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 0 0/2px 24px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 100% 0/24px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 100% 0/2px 24px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 0 100%/24px 2px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 0 100%/2px 24px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 100% 100%/24px 2px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 100% 100%/2px 24px no-repeat,
    /* mid ticks (top centre, left and right of the cartridge) */
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) 50% 3px/1px 8px no-repeat,
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) 3px calc(50% - 12px)/8px 1px no-repeat,
    linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) calc(100% - 3px) calc(50% - 12px)/8px 1px no-repeat,
    /* barcode tag in the readout band + the band's top rule */
    repeating-linear-gradient(90deg,var(--hh-dim) 0 1px,transparent 1px 3px,var(--hh-dim) 3px 5px,transparent 5px 6px,var(--hh-dim) 6px 7px,transparent 7px 10px) calc(100% - 16px) calc(100% - 11px)/46px 9px no-repeat,
    linear-gradient(90deg,var(--hh-edge-2),rgba(77,53,20,.2)) 14px calc(100% - 30px)/calc(100% - 28px) 1px no-repeat,
    /* recessed mat */
    radial-gradient(ellipse 70% 50% at 50% 40%,rgba(255,122,0,.07),transparent 70%),
    linear-gradient(180deg,#0b0806,#050403);
  box-shadow:inset 0 0 0 1px #1e150b,inset 0 10px 22px rgba(0,0,0,.75);
  transform-origin:50% 45%;
  transition:transform .35s var(--hh-ease-out),color .25s;
  animation:gph-bay-lock .75s var(--hh-ease-out) .05s backwards;
}
html.hunter-hud .gp-hero .gp-cover-wrap img{
  position:relative;z-index:1;border:1px solid var(--hh-edge-hot);border-top-color:#c27a26;border-bottom-color:#2a1d0e;
  border-radius:0;clip-path:var(--gph-cut10);background:#0a0807;
  animation:gph-bay-dock .7s var(--hh-ease-out) .16s backwards;
}
html.hunter-hud .gp-hero .gp-cover-wrap::after{
  content:'';position:absolute;inset:0 0 auto 0;height:22%;z-index:2;pointer-events:none;
  mix-blend-mode:screen;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,140,30,.08) 50%,rgba(255,196,80,.34) 88%,rgba(255,244,210,.85) 97%,transparent);
  animation:gph-bay-scan 9s linear 1.2s infinite;animation-play-state:var(--hud-play);
}
/* Hover: the reticles close in, the readout switches to SCAN and one fast pass crosses the cartridge. */
html.hunter-hud .gp-hero .gp-cover-wrap:hover::before{content:'SCAN // ' var(--gph-sys,'BOX ART') '  ·  LOCKED';color:var(--hh-yellow);transform:scale(.985)}
html.hunter-hud .gp-hero .gp-cover-wrap:hover::after{animation:gph-bay-pass 1.15s var(--hh-ease-io) 1 both}

/* 3.4 Title block. */
html.hunter-hud .gp-hero-info::before{
  content:'// GAME DOSSIER' var(--gph-sys-tag,'');
  display:block;width:max-content;max-width:100%;margin:0 0 16px;padding:0 16px 0 28px;
  font:700 10px/1.4 var(--hh-font-hud);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 0 12px rgba(255,122,0,.5);
  color:var(--hh-yellow);background:var(--gph-eyebrow-bg);-webkit-text-fill-color:var(--hh-yellow);
  animation:gph-in-x .5s var(--hh-ease-out) .08s backwards;
}
html.hunter-hud .gp-hero h1.hh-h{
  margin-bottom:18px;font-size:clamp(2.5rem,4.9vw,4.6rem);line-height:.94!important;letter-spacing:.012em!important;font-weight:700!important;
  text-wrap:balance;animation-delay:.14s;
}
/* Terminal cursor: blinks three times after the title wipes in, then clears (entrance only, not a loop). */
html.hunter-hud .gp-hero h1::after{
  content:'';display:inline-block;width:.3em;height:.1em;margin-left:.14em;vertical-align:baseline;
  background:var(--hh-yellow);box-shadow:0 0 12px var(--hh-orange);opacity:0;
  animation:gph-cursor 2.1s steps(1,end) .8s 1 both;
}
/* Tags as status chips: the system is the cartridge (orange); FREE / NO DOWNLOAD are confirmations (visor green). */
html.hunter-hud .gp-tags{gap:6px;margin-bottom:20px;animation:gph-rise .5s var(--hh-ease-out) .22s backwards}
html.hunter-hud .gp-tag.hh-tag{display:inline-flex;align-items:center;gap:8px;min-height:26px;padding:0 10px 0 9px!important;letter-spacing:.14em}
html.hunter-hud .gp-tag.gp-tag-console{color:var(--hh-orange-2)!important;border-color:var(--hh-edge-hot)!important;background:linear-gradient(180deg,#24170a,#110c07)!important}
html.hunter-hud .gp-tag.gp-tag-console::before{content:'';flex:0 0 auto;width:10px;height:7px;border:1px solid currentColor;border-top-width:3px;opacity:.9}
html.hunter-hud .gp-tag.gp-tag-year{color:var(--hh-ink-2)!important;font-variant-numeric:tabular-nums}
html.hunter-hud .gp-tag.gp-tag-genre{color:var(--hh-ink-2)!important}
html.hunter-hud .gp-tag:not(.gp-tag-console,.gp-tag-year,.gp-tag-genre){color:#e2f6cf!important;border-color:rgba(166,255,77,.34)!important}
html.hunter-hud .gp-tag:not(.gp-tag-console,.gp-tag-year,.gp-tag-genre)::before{content:'';flex:0 0 auto;width:6px;height:6px;background:var(--hh-visor);transform:rotate(45deg);box-shadow:0 0 6px rgba(166,255,77,.75)}
html.hunter-hud .gp-hero-info p,
html.hunter-hud .gp-tagline{
  max-width:58ch;margin-bottom:26px;color:var(--hh-ink-2);font-family:var(--hh-font-text);font-size:clamp(1.02rem,1.25vw,1.14rem);line-height:1.62;
  animation:gph-rise .5s var(--hh-ease-out) .28s backwards;
}

/* 3.5 Launch row: PLAY is the one power button of the page and reads as a launch key being armed. The right cap is
   a darker key segment with three chevrons; hover/focus arms it (lift, inner charge glow, chevrons advance, the
   sweep crosses) and the status beside it switches from READY (visor green) to ARMED (yellow). */
html.hunter-hud .gp-play-row{align-items:center;gap:12px 16px;animation:gph-rise .5s var(--hh-ease-out) .34s backwards}
html.hunter-hud .gp-play-btn,
html.hunter-hud .gp-play-btn-secondary{min-height:56px;font-size:.92rem!important;letter-spacing:.1em!important}
html.hunter-hud .gp-hero .gp-play-btn.hh-primary{
  gap:12px;padding:0 70px 0 26px;
  background:
    var(--gph-chevrons) right 20px center/20px 12px no-repeat,
    linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 46%) 0 0/100% 100% no-repeat,
    linear-gradient(104deg,transparent 0 12px,rgba(255,240,196,.7) 12px 13px,rgba(122,44,0,.26) 13px) 100% 0/60px 100% no-repeat,
    linear-gradient(180deg,var(--hh-yellow) 0%,var(--hh-orange-2) 56%,var(--hh-orange) 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.65),inset 0 -3px rgba(130,45,0,.5),inset 0 0 0 1px rgba(255,236,170,.25)!important;
  transition:transform .22s var(--hh-ease-out),box-shadow .25s,background-position .35s var(--hh-ease-out),color .18s,border-color .18s!important;
}
html.hunter-hud .gp-hero .gp-play-btn.hh-primary:is(:hover,:focus-visible){
  color:#000!important;border-color:#fff0b3!important;transform:translateY(-2px)!important;
  background-position:right 13px center,0 0,100% 0,0 0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.85),inset 0 -3px rgba(130,45,0,.4),inset 0 0 28px rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,248,214,.5)!important;
}
html.hunter-hud .gp-hero .gp-play-btn.hh-primary:active{transform:translateY(0)!important}
/* The catalog template (data-play-url) labels the button "Play <game>" with no glyph, so the HUD adds the triangle;
   the older hand-written pages already print a ▶ in the label and must not get a second one. */
html.hunter-hud .gp-play-btn[data-play-url]::before{
  content:'';width:0;height:0;margin-right:4px;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;
  filter:drop-shadow(0 0 4px rgba(0,0,0,.25));
}
html.hunter-hud .gp-play-btn-secondary.hh-btn{padding:0 22px}
html.hunter-hud .gp-play-btn-secondary.hh-btn:hover{transform:translateY(-1px)!important}
html.hunter-hud .gp-play-row::after{
  content:'READY' var(--gph-sys-slash,'');display:inline-flex;align-items:center;padding-left:18px;
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.22em;color:#cdeeb0;white-space:nowrap;font-variant-numeric:tabular-nums;
  background:var(--gph-diamond-g) 0 50%/8px 8px no-repeat;
  animation:gph-fade .45s ease .75s backwards;
}
html.hunter-hud .gp-play-row:has(.gp-play-btn:is(:hover,:focus-visible))::after{
  content:'ARMED' var(--gph-sys-slash,'');color:var(--hh-yellow);background-image:var(--gph-diamond-y);
}

/* 3.6 Dossier files (.gp-section). One material for every plate on these pages (see 7.1): a lit top edge that falls
   off to the right, a bottom shade, the chamfer cuts and brackets. Each file adds a binder rail with rivets on the
   left, a lit segment at the heading, an outline index numeral at the top right, and a hazard strip where the
   primary file ends. Tiers only change custom properties. */
html.hunter-hud .gp-section{
  --panel-top:#16100a;--panel-bottom:#090706;
  position:relative;isolation:isolate;counter-increment:gph-file;counter-reset:gph-q;
  width:min(1180px,calc(100% - 2*clamp(16px,4vw,58px)));max-width:none;margin:30px auto 0;
  padding:clamp(28px,3.4vw,46px) clamp(22px,3.4vw,54px) clamp(30px,3.6vw,48px) clamp(40px,5vw,80px);
}
html.hunter-hud .gp-section + .gp-section{border-top-color:var(--panel-edge,var(--hh-edge-2))!important}
html.hunter-hud .gp-section::before{
  content:'';position:absolute;z-index:-1;left:clamp(14px,2vw,30px);top:30px;bottom:30px;width:7px;pointer-events:none;
  background:
    radial-gradient(circle,#ffd48a 0 1.1px,#8a5212 1.5px 2.5px,transparent 3px) 50% 0/7px 7px no-repeat,
    radial-gradient(circle,#9a6a2a 0 1.1px,#4d3514 1.5px 2.5px,transparent 3px) 50% 100%/7px 7px no-repeat,
    linear-gradient(180deg,var(--gph-rail-lit,var(--hh-orange)),var(--hh-orange) 70%,rgba(255,122,0,.2)) 50% 22px/2px 62px no-repeat,
    linear-gradient(var(--hh-edge-2),var(--hh-edge-2)) 50% 8px/1px calc(100% - 16px) no-repeat;
  filter:drop-shadow(0 0 4px rgba(255,122,0,.35));
}
html.hunter-hud .gp-section::after{
  content:counter(gph-file,decimal-leading-zero);
  position:absolute;z-index:-1;right:clamp(20px,3vw,46px);top:clamp(16px,2.2vw,28px);bottom:20px;min-width:128px;pointer-events:none;
  text-align:right;font:700 clamp(3.4rem,5.6vw,5.5rem)/.86 var(--hh-font-hud);font-stretch:condensed;letter-spacing:.01em;font-variant-numeric:tabular-nums;
  color:transparent;-webkit-text-stroke:1px var(--gph-numeral,rgba(255,140,40,.24));
}
/* T1 · primary file: hotter edge, yellow rail light, brighter numeral, hazard strip at the end of the file. */
html.hunter-hud .gp-section:is(:has(.gp-meta-grid),main > .gp-section:only-of-type,.gp-content > .gp-section:first-of-type){
  --panel-edge:#6e4515;--panel-top:#1b130a;--gph-lit:rgba(255,226,160,.62);--gph-rail-lit:var(--hh-yellow);--gph-numeral:rgba(255,170,60,.34);
}
html.hunter-hud .gp-section:is(:has(.gp-meta-grid),main > .gp-section:only-of-type,.gp-content > .gp-section:first-of-type)::after{
  background:var(--gph-hazard) 100% 100%/118px 6px no-repeat;
}
/* T3 · reference files (FAQ transcript, linked files): thinner chrome, no brackets, a dimmer rail and numeral. */
html.hunter-hud .gp-section:is(:has(.gp-related-grid),:has(> h3:not(.gp-sub)):not(:has(.gp-meta-grid))){
  --panel-edge:#3b2a12;--panel-top:#110c08;--panel-bottom:#080605;--panel-accent:transparent;--panel-cut:var(--hh-edge-2);
  --gph-lit:rgba(255,200,120,.2);--gph-rail-lit:rgba(255,122,0,.55);--gph-numeral:rgba(255,140,40,.16);
}

/* 3.7 Type inside the files: condensed HUD headings on a real scale, a 65ch reading measure, tabular figures. */
html.hunter-hud .gp-section h2::before{counter-increment:none;content:'// FILE ' counter(gph-file,decimal-leading-zero) ' / ' var(--gph-files,'01')}
html.hunter-hud .gp-section h2.hh-h{
  max-width:calc(100% - 120px);margin-bottom:18px;font-size:clamp(1.5rem,2.3vw,2.1rem);line-height:1.06;letter-spacing:.035em!important;font-weight:700!important;text-wrap:balance;
}
html.hunter-hud .gp-section h2::before{font-variant-numeric:tabular-nums}
html.hunter-hud .gp-section p{max-width:65ch;margin-bottom:16px;color:var(--hh-ink-2);font-family:var(--hh-font-text);font-size:1.02rem;line-height:1.72}
html.hunter-hud .gp-section p a{color:var(--hh-orange-2);text-underline-offset:3px}
html.hunter-hud .gp-section p a:hover{color:var(--hh-yellow)}
html.hunter-hud .gp-section h3.gp-sub.hh-h{
  display:flex;align-items:center;gap:12px;max-width:65ch;margin:36px 0 12px;padding:0;
  color:var(--hh-yellow-2)!important;font-size:1.02rem!important;font-weight:700!important;letter-spacing:.12em!important;text-shadow:none!important;
}
html.hunter-hud .gp-section h3.gp-sub::before{content:'';flex:0 0 22px;height:2px;background:linear-gradient(90deg,var(--hh-orange),var(--hh-yellow));box-shadow:0 0 8px rgba(255,122,0,.6)}
html.hunter-hud .gp-section h3.gp-sub::after{content:'';flex:1 1 auto;max-width:240px;height:1px;background:linear-gradient(90deg,var(--hh-edge-2),transparent)}
/* Tips: numbered entries of the file. */
html.hunter-hud .gp-tips{counter-reset:gph-tip;display:grid;gap:12px;max-width:68ch;margin:8px 0 6px}
html.hunter-hud .gp-tips li{counter-increment:gph-tip;margin:0;padding-left:46px;color:var(--hh-ink-2);font-size:1rem;line-height:1.66}
html.hunter-hud .gp-tips li::before{
  content:counter(gph-tip,decimal-leading-zero);left:0;top:.18em;width:30px;height:auto;padding:0 0 3px;
  border-radius:0;transform:none;background:none;box-shadow:none;border-bottom:1px solid var(--hh-edge-hot);
  font:700 11px/1.3 var(--hh-font-mono);letter-spacing:.08em;color:var(--hh-orange);font-variant-numeric:tabular-nums;
}
/* FAQ transcript: Q01 … chips, answers hang off a thin rail aligned with the question text. The questions carry
   inline sizes in the markup, hence the !important on size and margin. */
html.hunter-hud .gp-section > h3:not(.gp-sub).hh-h{
  counter-increment:gph-q;display:flex;align-items:baseline;gap:12px;max-width:65ch;margin:30px 0 8px!important;
  color:var(--hh-ink)!important;font-size:1.08rem!important;font-weight:600!important;line-height:1.3;letter-spacing:.03em!important;text-shadow:none!important;
}
html.hunter-hud .gp-section > h2 + h3:not(.gp-sub).hh-h{margin-top:14px!important}
html.hunter-hud .gp-section > h3:not(.gp-sub)::before{
  content:'Q' counter(gph-q,decimal-leading-zero);flex:0 0 auto;padding:4px 6px 3px;transform:translateY(-2px);
  font:700 10px/1 var(--hh-font-mono);letter-spacing:.12em;color:var(--hh-orange-2);font-variant-numeric:tabular-nums;
  border:1px solid var(--hh-edge-hot);clip-path:var(--gph-cut4);background:rgba(255,122,0,.07);
}
html.hunter-hud .gp-section > h3:not(.gp-sub) + p{margin-left:19px;padding-left:31px;border-left:1px solid var(--hh-edge);color:var(--hh-dim);max-width:calc(65ch + 50px)}

/* 3.8 Spec sheet and controls: recessed wells (the second surface) holding raised tiles, with a mono tally. */
html.hunter-hud .gp-meta-grid,
html.hunter-hud .gp-controls-grid{
  position:relative;gap:10px;margin:28px 0 4px;padding:12px;
  background:linear-gradient(180deg,#050403,#0b0806);border:1px solid #22180c;clip-path:var(--gph-cut8);
  box-shadow:inset 0 3px 14px rgba(0,0,0,.9),inset 0 -1px rgba(255,160,60,.1);
}
html.hunter-hud .gp-meta-grid{counter-reset:gph-meta}
html.hunter-hud .gp-controls-grid{counter-reset:gph-key}
html.hunter-hud .gp-meta-item{counter-increment:gph-meta}
html.hunter-hud .gp-control-row{counter-increment:gph-key}
html.hunter-hud .gp-meta-grid::after,
html.hunter-hud .gp-controls-grid::after{
  grid-column:1/-1;justify-self:end;padding:2px 4px 0 18px;
  font:700 9.5px/1.3 var(--hh-font-mono);letter-spacing:.2em;color:var(--hh-muted);font-variant-numeric:tabular-nums;white-space:nowrap;
  background:linear-gradient(var(--hh-edge-hot),var(--hh-edge-hot)) 0 60%/10px 1px no-repeat;
}
html.hunter-hud .gp-meta-grid::after{content:'// ' counter(gph-meta,decimal-leading-zero) ' FIELDS ON RECORD'}
html.hunter-hud .gp-controls-grid::after{content:'// ' counter(gph-key,decimal-leading-zero) ' INPUTS MAPPED · DEFAULT LAYOUT'}
html.hunter-hud .gp-meta-item.hh-plate,
html.hunter-hud .gp-control-row.hh-plate{
  --panel-top:#1e160c;--panel-bottom:#0f0b07;--panel-edge:#43301a;--panel-accent:transparent;--gph-lit:rgba(255,214,150,.4);
}
html.hunter-hud .gp-meta-item.hh-plate{min-height:76px;padding:12px 14px 13px}
html.hunter-hud .gp-meta-label.hh-eyebrow{gap:8px;margin-bottom:9px;font:700 9.5px/1.2 var(--hh-font-mono)!important;letter-spacing:.2em!important;color:var(--hh-dim)!important}
html.hunter-hud .gp-meta-label.hh-eyebrow::before{flex-basis:10px;box-shadow:0 0 6px rgba(255,122,0,.7)}
html.hunter-hud .gp-meta-label.hh-eyebrow::after{display:none}
html.hunter-hud .gp-meta-value{color:var(--hh-ink);font:600 1.12rem/1.22 var(--hh-font-hud);font-stretch:condensed;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums lining-nums}
html.hunter-hud .gp-control-row.hh-plate{min-height:52px;gap:12px;padding:8px 12px;color:var(--hh-ink-2);font:600 .98rem/1.2 var(--hh-font-hud);font-stretch:condensed;letter-spacing:.07em;text-transform:uppercase}
html.hunter-hud .gp-meta-grid::before{
  content:'// SPEC SHEET';grid-column:1/-1;padding:0 4px 2px;
  font:700 9.5px/1.3 var(--hh-font-hud);letter-spacing:.3em;color:var(--hh-yellow);text-shadow:0 0 10px rgba(255,122,0,.45);
}
/* Wide screens: the primary file becomes text + a sticky spec card, so the metadata sits beside the reading column
   instead of the right half of the plate staying empty. Pure placement inside the plate (grid areas, no markup
   change). The trailing 1fr row absorbs a card taller than the text, so paragraphs never spread apart. */
@media (min-width:1100px){
  html.hunter-hud .gp-section:has(> .gp-meta-grid){
    display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);column-gap:clamp(40px,4.4vw,72px);
    grid-template-rows:repeat(16,auto) 1fr;align-items:start;
  }
  html.hunter-hud .gp-section:has(> .gp-meta-grid) > *{grid-column:1}
  html.hunter-hud .gp-section:has(> .gp-meta-grid) > h2{grid-column:1 / -1}
  html.hunter-hud .gp-section:has(> .gp-meta-grid) > h3.gp-sub{margin-top:22px}
  html.hunter-hud .gp-section:has(> .gp-meta-grid) > .gp-meta-grid{
    grid-column:2;grid-row:2 / -1;position:sticky;top:100px;margin:6px 0 0;grid-template-columns:1fr;gap:6px;padding:12px 10px 10px;
  }
}
/* Wherever the sheet is a single column (the sticky card, phones) its tiles read as label → value rows. */
@media (min-width:1100px),(max-width:760px){
  html.hunter-hud .gp-meta-grid .gp-meta-item.hh-plate{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:0;padding:11px 14px 11px 12px}
  html.hunter-hud .gp-meta-grid .gp-meta-label.hh-eyebrow{flex:0 0 auto;margin:0}
  html.hunter-hud .gp-meta-grid .gp-meta-value{min-width:0;text-align:right;font-size:1.02rem;line-height:1.25}
}
html.hunter-hud .gp-key.hh-mono{
  min-width:42px;min-height:30px;padding:0 8px;border:1px solid #9a5c17!important;border-radius:0;clip-path:var(--gph-cut4);
  background:linear-gradient(180deg,#3b2711,#1e1409 70%,#150e07);
  box-shadow:inset 0 1px rgba(255,214,140,.38),inset 0 -3px rgba(0,0,0,.6);
  color:var(--hh-yellow-2)!important;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;
  text-shadow:0 0 8px rgba(255,160,40,.45);
}

/* 3.9 Linked files (related games): index chip, a reticle that closes on the cover, lift + edge light + inner glow. */
html.hunter-hud .gp-related-grid{counter-reset:gph-link;gap:14px;margin-top:24px}
html.hunter-hud .gp-related-card.hh-plate{
  counter-increment:gph-link;position:relative;isolation:isolate;
  --panel-top:#17110a;--panel-bottom:#0a0807;--panel-edge:#3e2c14;--panel-accent:transparent;--gph-lit:rgba(255,214,150,.3);
  box-shadow:inset 0 -1px rgba(0,0,0,.6)!important;
  transition:transform .3s var(--hh-ease-out),border-color .2s,box-shadow .25s!important;
}
html.hunter-hud .gp-related-card.hh-plate:is(:hover,:focus-visible){
  transform:translateY(-2px);border-color:var(--hh-orange)!important;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.2),inset 0 -46px 40px -38px rgba(255,122,0,.55)!important;
}
html.hunter-hud .gp-related-card::before{
  content:counter(gph-link,decimal-leading-zero);position:absolute;left:8px;top:8px;z-index:3;pointer-events:none;
  padding:4px 6px 3px;font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.12em;color:var(--hh-yellow);font-variant-numeric:tabular-nums;
  background:rgba(8,6,4,.9);border:1px solid rgba(255,196,0,.34);clip-path:var(--gph-cut4);
}
html.hunter-hud .gp-related-card::after{
  content:'';position:absolute;left:0;right:0;top:0;aspect-ratio:3/4;z-index:2;pointer-events:none;opacity:0;transform:scale(1.08);
  background:
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 10px 10px/16px 2px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) 10px 10px/2px 16px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) calc(100% - 10px) 10px/16px 2px no-repeat,
    linear-gradient(var(--hh-yellow),var(--hh-yellow)) calc(100% - 10px) 10px/2px 16px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 10px calc(100% - 10px)/16px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 10px calc(100% - 10px)/2px 16px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) calc(100% - 10px) calc(100% - 10px)/16px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) calc(100% - 10px) calc(100% - 10px)/2px 16px no-repeat,
    linear-gradient(180deg,rgba(255,122,0,.18),transparent 30%,transparent 70%,rgba(8,6,4,.5));
  transition:opacity .22s,transform .35s var(--hh-ease-out);
}
html.hunter-hud .gp-related-card:is(:hover,:focus-visible)::after{opacity:1;transform:none}
html.hunter-hud .gp-related-card img{background:#0a0807;transition:transform .55s var(--hh-ease-out)}
html.hunter-hud .gp-related-card:is(:hover,:focus-visible) img{transform:scale(1.045)}
html.hunter-hud .gp-related-info{position:relative;z-index:3;border-top:1px solid var(--hh-edge)}
html.hunter-hud .gp-related-info .name{color:var(--hh-ink);font-family:var(--hh-font-hud);font-stretch:condensed;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:color .2s}
html.hunter-hud .gp-related-card:is(:hover,:focus-visible) .gp-related-info .name{color:var(--hh-yellow-2)}
html.hunter-hud .gp-related-info .console{margin-top:3px;font-size:.64rem;text-transform:uppercase}
html.hunter-hud .gp-related-info .console::before{content:'// '}

/* 3.10 Ad slot: never resized or hidden — just framed as a HUD bay so the creative does not float on bare carbon.
   :has(*) keeps the frame off empty slots (browsers without :has simply drop the rule). */
html.hunter-hud .gp-ad-banner{position:relative;border:0;background:transparent}
html.hunter-hud .gp-ad-banner:has(*){box-shadow:0 0 0 1px var(--hh-edge);background:rgba(10,8,6,.5)}
html.hunter-hud .gp-ad-banner:has(*)::before{
  content:'// SPONSORED';position:absolute;left:0;top:-13px;pointer-events:none;
  font:700 8.5px/1 var(--hh-font-mono);letter-spacing:.24em;color:var(--hh-faint);
}
html.hunter-hud .gp-ad-banner:has(*)::after{
  content:'';position:absolute;inset:-1px;pointer-events:none;opacity:.8;
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) top left/14px 1px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) top left/1px 14px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) bottom right/14px 1px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) bottom right/1px 14px no-repeat;
}

/* 3.11 Footer: the dossier closes with an END OF FILE mark over a hazard strip. */
html.hunter-hud .gp-footer{
  margin-top:44px;padding:26px clamp(16px,4vw,58px) 34px;border-top:1px solid var(--hh-edge);
  background:linear-gradient(180deg,rgba(10,8,6,.2),rgba(8,6,5,.9));color:var(--hh-muted);
  font:700 10.5px/1.9 var(--hh-font-mono);letter-spacing:.16em;text-transform:uppercase;
}
html.hunter-hud .gp-footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--gph-energy);opacity:.9}
html.hunter-hud .gp-footer::after{
  content:'// END OF FILE';display:block;width:max-content;margin:20px auto 0;padding-top:13px;
  font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.32em;color:var(--hh-muted);
  background:var(--gph-hazard) 50% 0/100% 5px no-repeat;
}
/* Mono caps shrink the inline box of the footer links to ~12 px tall; padding gives the tap target its height back
   (the links sit on one baseline row, so the extra padding does not move anything). */
html.hunter-hud .gp-footer a{display:inline-block;padding:5px 0;color:var(--hh-dim);margin:0 10px;transition:color .18s,text-shadow .18s}
html.hunter-hud .gp-footer a:hover{color:var(--hh-yellow);text-shadow:0 0 10px rgba(255,196,0,.6)}

/* 3.12 Choreography. Hero: eyebrow → title wipe → tags → copy → launch row → READY (80–750 ms). Files: when a file
   rises into view its heading wipes in and its tiles follow at 45 ms steps; linked files stagger by column. */
html.hunter-hud .gp-section.hh-reveal h2.hh-h{animation:hh-reveal-x .6s var(--hh-ease-out) .12s backwards}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row){animation:gph-tile-in .45s var(--hh-ease-out) .2s backwards}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(2){animation-delay:.245s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(3){animation-delay:.29s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(4){animation-delay:.335s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(5){animation-delay:.38s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(6){animation-delay:.425s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(7){animation-delay:.47s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(8){animation-delay:.515s}
html.hunter-hud .gp-section.hh-reveal :is(.gp-meta-item,.gp-control-row):nth-child(n+9){animation-delay:.56s}
html.hunter-hud .gp-related-card.hh-reveal:nth-child(6n+2){animation-delay:55ms}
html.hunter-hud .gp-related-card.hh-reveal:nth-child(6n+3){animation-delay:110ms}
html.hunter-hud .gp-related-card.hh-reveal:nth-child(6n+4){animation-delay:165ms}
html.hunter-hud .gp-related-card.hh-reveal:nth-child(6n+5){animation-delay:220ms}
html.hunter-hud .gp-related-card.hh-reveal:nth-child(6n){animation-delay:275ms}

/* ══════════════════════════════════════════════════════════════════════════
   4. Games portal (games/index.html) · LIBRARY INDEX
   Same material as the dossier: the stat tiles sit in a recessed readout well, search is the primary instrument
   and carries the page's one ambient loop (a light sweep along its edge), hub cards are indexed plates with a
   recessed logo well, and each block ends on a hazard strip or an END OF INDEX mark.
   ══════════════════════════════════════════════════════════════════════════ */
/* Navbar: keep the fixed geometry games-portal.css relies on, but paint it as the full-width carbon bar. */
html.hunter-hud body.og-games-portal-v2 .top-navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}
/* games-portal.js reserves max(bar height, 86 px desktop / 96 px touch) + 1 px under the fixed bar (--ogp-nav-offset
   on body), and mobile-site-polish.css sizes the bar from that offset. A fixed 72 px bar left an empty 15–25 px band
   under it, so the bar fills the reserved offset again (offset - 1 px keeps the measurement stable). */
html.hunter-hud body.nexus-skin .top-navbar{
  margin:0!important;max-width:none!important;min-height:max(72px,calc(var(--ogp-nav-offset,73px) - 1px))!important;padding:10px clamp(14px,3vw,40px)!important;
  border-radius:0!important;isolation:auto;
}
html.hunter-hud body.nexus-skin .top-navbar.hh-header::before{
  content:''!important;display:block!important;position:absolute;left:0;right:0;bottom:-1px;top:auto;height:1px;width:auto;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,var(--hh-yellow) 0 56px,var(--hh-orange) 56px 130px,rgba(255,122,0,.25) 130px 45%,transparent 80%)!important;
  box-shadow:none!important;
}
html.hunter-hud body.nexus-skin .top-navbar.hh-header::after{
  content:''!important;display:block!important;position:absolute;left:0;bottom:-2px;top:auto;width:22%;height:3px;pointer-events:none;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(255,196,0,.95),transparent)!important;box-shadow:none!important;
  animation:gph-scan-x 7.5s var(--hh-ease-io) infinite;animation-play-state:var(--hud-play);
}
html.hunter-hud body.nexus-skin .logo-link{gap:12px}
html.hunter-hud body.nexus-skin .logo-icon,
html.hunter-hud body.nexus-skin .top-navbar .logo-icon{
  display:grid;place-items:center;width:40px;height:40px;font-size:1.25rem;
  border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;clip-path:var(--gph-cut6);
  background:linear-gradient(165deg,#22180c,#0a0807);box-shadow:inset 0 1px rgba(255,190,100,.12),0 0 16px rgba(255,122,0,.2)!important;
  filter:sepia(1) saturate(2.6) hue-rotate(-14deg) brightness(1.05);animation:none;
}
html.hunter-hud body.nexus-skin .logo-text{
  display:inline-block;white-space:nowrap;line-height:1;
  font-family:var(--hh-font-hud)!important;font-weight:600;font-size:1rem;letter-spacing:.18em;color:var(--hh-ink);text-shadow:0 0 14px rgba(255,122,0,.35);
}
html.hunter-hud body.nexus-skin .logo-text span{color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .logo-text::after{content:'// LIBRARY';display:block;margin-top:4px;font:700 8.5px/1 var(--hh-font-mono);letter-spacing:.24em;color:var(--hh-orange);text-shadow:none}
html.hunter-hud body.nexus-skin .nav-links{gap:2px}
html.hunter-hud body.nexus-skin .top-navbar .nav-link{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;font-size:12px!important}
html.hunter-hud body.nexus-skin .top-navbar .nav-link:hover,
html.hunter-hud body.nexus-skin .top-navbar .nav-link[aria-current="page"]{border-color:transparent!important;box-shadow:none!important;background:linear-gradient(90deg,rgba(255,122,0,.10),transparent 80%)!important}
html.hunter-hud body.nexus-skin .top-navbar .nav-link[aria-current="page"]{color:var(--hh-yellow-2)!important}
html.hunter-hud body.og-games-portal-v2 .og-library-menu{
  background:linear-gradient(165deg,#1c150c,#0a0807)!important;color:var(--hh-yellow)!important;border:1px solid var(--hh-edge-2)!important;border-radius:0!important;clip-path:var(--gph-cut6);
}
html.hunter-hud body.og-games-portal-v2 .top-navbar.og-library-menu-open .nav-links{
  background:var(--gph-plate)!important;border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;clip-path:var(--gph-cut8);box-shadow:0 18px 40px rgba(0,0,0,.6)!important;
}
/* Front-nav pills (Active users, Favorites, Sign in, user menu, Live, Premium): carbon buttons via .hh-btn. */
html.hunter-hud body.nexus-skin .ogp-front-nav{gap:8px}
html.hunter-hud body.nexus-skin .nav-active-users-pill,
html.hunter-hud body.nexus-skin .ogp-community-btn,
html.hunter-hud body.nexus-skin .nav-subscribe-btn,
html.hunter-hud body.nexus-skin .nav-favorites-btn,
html.hunter-hud body.nexus-skin .auth-btn,
html.hunter-hud body.nexus-skin .user-btn{min-height:40px;padding:0 13px;font-size:11.5px!important}
@media (max-width:480px){
  html.hunter-hud body.nexus-skin .ogp-front-nav{gap:5px}
  html.hunter-hud body.nexus-skin .nav-active-users-pill,
  html.hunter-hud body.nexus-skin .nav-favorites-btn,
  html.hunter-hud body.nexus-skin .auth-btn{padding:0 8px;letter-spacing:.06em!important}
  html.hunter-hud body.nexus-skin .logo-link{gap:8px}
  html.hunter-hud body.nexus-skin .logo-text{letter-spacing:.1em}
}
html.hunter-hud body.nexus-skin .nav-active-users-pill{color:var(--hh-dim)!important;cursor:default}
html.hunter-hud body.nexus-skin .nav-active-users-pill:hover{border-color:rgba(166,255,77,.4)!important}
html.hunter-hud body.nexus-skin .nav-active-dot{width:7px;height:7px;animation:hh-pulse 2s ease-in-out infinite;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin .nav-active-count,
html.hunter-hud body.nexus-skin .nav-fav-count,
html.hunter-hud body.nexus-skin .ogp-mini-count,
html.hunter-hud body.nexus-skin .subscribe-badge{
  min-width:22px;height:22px;padding:0 6px;border-radius:0!important;clip-path:var(--gph-cut4);
  background:rgba(255,196,0,.14)!important;border:1px solid rgba(255,196,0,.35);color:var(--hh-yellow)!important;
  font:700 .68rem/1 var(--hh-font-mono)!important;letter-spacing:.06em;font-variant-numeric:tabular-nums;
}
html.hunter-hud body.nexus-skin .nav-active-count{color:#d9ffb0!important;background:rgba(166,255,77,.1)!important;border-color:rgba(166,255,77,.32)}
html.hunter-hud body.nexus-skin .nav-fav-icon,
html.hunter-hud body.nexus-skin .subscribe-icon{color:var(--hh-yellow)!important;text-shadow:0 0 8px rgba(255,196,0,.6)}
html.hunter-hud body.nexus-skin .auth-btn{color:var(--hh-yellow-2)!important;border-color:var(--hh-edge-hot)!important}
html.hunter-hud body.nexus-skin .nav-subscribe-btn,
html.hunter-hud body.nexus-skin .nav-subscribe-btn.is-premium{
  color:var(--hh-yellow-2)!important;border-color:rgba(255,196,0,.45)!important;
  background:linear-gradient(180deg,#2a1c08,#140d05)!important;box-shadow:inset 0 1px rgba(255,214,120,.14)!important;animation:none!important;
}
html.hunter-hud body.nexus-skin .ogp-live-dot{border-radius:50%;background:var(--hh-red);box-shadow:0 0 12px var(--hh-red);animation:hh-blink 1.1s steps(2,jump-none) infinite;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin .ogp-radio-mini-state{border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,196,0,.14);color:var(--hh-yellow);font:700 .62rem/1 var(--hh-font-mono)}
html.hunter-hud body.nexus-skin .user-avatar{border-radius:0;clip-path:var(--gph-cut4);border:1px solid rgba(255,196,0,.5);background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange));color:#1a0d00}
html.hunter-hud body.nexus-skin .user-avatar img{border-radius:0}
html.hunter-hud body.nexus-skin .profile-dropdown{--panel-edge:var(--hh-edge-hot);padding:8px}
html.hunter-hud body.nexus-skin .dropdown-header{border-radius:0;clip-path:var(--gph-cut6);background:rgba(255,122,0,.08);border:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .dropdown-user-email{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .dropdown-item{border-radius:0;color:var(--hh-ink-2);font-family:var(--hh-font-hud);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .dropdown-item:hover{background:linear-gradient(90deg,rgba(255,122,0,.16),transparent);color:#fff}
html.hunter-hud body.nexus-skin .dropdown-divider{background:var(--hh-edge)}
html.hunter-hud body.nexus-skin .logout-item{color:#ffb39a}

/* Online beta bulletin: a T2 plate with an orange energy edge. Its actions are a lit standby key and a plain key:
   the portal's primary control is search, so the bulletin never shows a second power button in the first view. */
html.hunter-hud body.nexus-skin .og-online-beta-announcement{--panel-edge:var(--hh-edge-hot);--panel-top:#1a1209;--gph-lit:rgba(255,226,160,.5);color:var(--hh-ink)}
html.hunter-hud body.nexus-skin .og-online-beta-announcement::before{width:3px;background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange),var(--hh-ember));box-shadow:0 0 12px rgba(255,122,0,.6)}
html.hunter-hud body.nexus-skin .og-online-beta-kicker{margin-bottom:10px}
html.hunter-hud body.nexus-skin .og-online-beta-kicker::after{opacity:1!important;box-shadow:0 0 8px rgba(255,196,0,.8)}
html.hunter-hud body.nexus-skin .og-online-beta-announcement h2{color:var(--hh-ink);font:700 clamp(1.02rem,1.6vw,1.24rem)/1.22 var(--hh-font-hud);font-stretch:condensed;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 18px rgba(255,122,0,.25);text-wrap:balance}
html.hunter-hud body.nexus-skin .og-online-beta-announcement p{max-width:72ch;color:var(--hh-dim);font:500 .92rem/1.55 var(--hh-font-text)}
html.hunter-hud body.nexus-skin .og-online-beta-action{min-height:42px;padding:0 16px;font-size:11px!important;letter-spacing:.14em!important;transform:none!important}
html.hunter-hud body.nexus-skin .og-online-beta-action:not(.secondary).hh-btn{
  color:var(--hh-yellow)!important;border-color:rgba(255,196,0,.55)!important;background:linear-gradient(180deg,#241808,#120c05)!important;
  box-shadow:inset 0 1px rgba(255,214,120,.16),inset 0 -12px 18px -12px rgba(255,150,30,.35)!important;
}
html.hunter-hud body.nexus-skin .og-online-beta-action:not(.secondary).hh-btn:hover{color:var(--hh-yellow-2)!important;border-color:var(--hh-yellow)!important;box-shadow:inset 0 1px rgba(255,226,150,.28),inset 0 -14px 20px -12px rgba(255,150,30,.6)!important;transform:translateY(-1px)!important}
html.hunter-hud body.nexus-skin .og-online-beta-dismiss{width:32px;height:32px;padding:0;font-size:1rem}

/* Hero: display headline on the type scale, a 58ch lead, the readout well of stats, search as the instrument. */
html.hunter-hud body.nexus-skin .og-hero{padding-top:36px}
html.hunter-hud body.nexus-skin .og-hero::before{animation:gph-fade .5s ease .05s backwards}
html.hunter-hud body.nexus-skin .og-hero h1{
  font-size:clamp(2.2rem,4.8vw,4.2rem)!important;line-height:.98!important;letter-spacing:.015em!important;font-weight:700!important;margin-bottom:16px;text-wrap:balance;
  filter:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation-delay:.1s;
}
html.hunter-hud body.nexus-skin .og-cta h2{filter:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
html.hunter-hud body.nexus-skin .og-hero h1 span{color:var(--hh-yellow)!important;-webkit-text-fill-color:var(--hh-yellow)!important;text-shadow:0 0 24px rgba(255,196,0,.4)}
html.hunter-hud body.nexus-skin .og-hero p.lead{max-width:58ch;margin-inline:auto;color:var(--hh-dim)!important;font-family:var(--hh-font-text);font-size:16px;line-height:1.68;animation:gph-rise .5s var(--hh-ease-out) .2s backwards}
html.hunter-hud body.nexus-skin .og-hero-stats{
  display:flex;width:max-content;max-width:100%;gap:8px;margin:28px auto 0;padding:8px;
  background:linear-gradient(180deg,#050403,#0b0806);border:1px solid #22180c;clip-path:var(--gph-cut8);
  box-shadow:inset 0 3px 14px rgba(0,0,0,.9),inset 0 -1px rgba(255,160,60,.1);
  animation:gph-rise .5s var(--hh-ease-out) .28s backwards;
}
html.hunter-hud body.nexus-skin .og-stat{--cut:8px;--panel-top:#1e160c;--panel-bottom:#0d0906;--panel-edge:#43301a;--panel-accent:transparent;--gph-lit:rgba(255,214,150,.42);min-width:118px;padding:12px 16px 11px;backdrop-filter:none}
html.hunter-hud body.nexus-skin .og-stat-num{font-family:var(--hh-font-hud)!important;font-stretch:condensed;font-weight:700;font-size:28px;line-height:1.05;color:var(--hh-yellow)!important;text-shadow:0 0 18px rgba(255,122,0,.55);font-variant-numeric:tabular-nums lining-nums}
html.hunter-hud body.nexus-skin .og-stat-lbl{margin-top:5px;color:var(--hh-dim)!important;font:700 9.5px/1.2 var(--hh-font-mono);letter-spacing:.22em;white-space:nowrap}
html.hunter-hud body.nexus-skin .og-search-wrap{
  margin-top:24px;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;
  animation:gph-rise .5s var(--hh-ease-out) .36s backwards;
}
html.hunter-hud body.nexus-skin .og-search-wrap:focus-within{box-shadow:none!important}
html.hunter-hud body.nexus-skin .og-search-input{
  min-height:56px;padding:12px 108px 12px 50px;border-radius:0!important;clip-path:var(--gph-cut10);
  border-color:var(--hh-edge-hot)!important;font-family:var(--hh-font-text)!important;font-size:1.02rem;font-weight:500;
  box-shadow:inset 0 2px 10px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,200,120,.06)!important;
}
html.hunter-hud body.nexus-skin .og-search-input::placeholder{color:var(--hh-muted)!important}
html.hunter-hud body.nexus-skin .og-search-input:focus{border-color:var(--hh-yellow)!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,196,0,.35),inset 0 -18px 24px -18px rgba(255,150,30,.35)!important;background-color:#0f0b08!important}
/* The chamfer on the field is a clip-path, which makes the input its own stacking context; because the input comes
   after the icon in the markup it then paints over the absolutely positioned 🔍 and the field looks iconless.
   Lifting the icon one layer puts it back on top without touching the geometry games-portal.css set. */
html.hunter-hud body.nexus-skin .og-search-icon{position:absolute;z-index:2;opacity:.9;filter:sepia(1) saturate(3) hue-rotate(-14deg)}
html.hunter-hud body.nexus-skin .og-search-wrap::after{
  content:'// SEARCH';position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2;
  font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.22em;color:var(--hh-orange);transition:color .2s;
}
html.hunter-hud body.nexus-skin .og-search-wrap:focus-within::after{content:'// TYPE TO FILTER';color:var(--hh-yellow)}
/* The portal's one ambient loop: a light runs along the search field's lower edge every few seconds. */
html.hunter-hud body.nexus-skin .og-search-wrap::before{
  content:'';position:absolute;left:12px;right:12px;bottom:0;height:2px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,214,120,.95),transparent) -40% 0/34% 100% no-repeat;
  animation:gph-sweep 6.5s var(--hh-ease-io) 1.4s infinite;animation-play-state:var(--hud-play);
}
html.hunter-hud body.nexus-skin .og-search-wrap:focus-within::before{animation-play-state:paused}

/* Console nav chips: chamfered carbon tags; the active chip becomes the yellow power tag. */
html.hunter-hud body.nexus-skin .og-nav-chip{
  min-height:40px;padding:6px 12px 6px 8px;gap:9px;border-radius:0!important;clip-path:var(--gph-cut6);
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-ink-2)!important;
  font-family:var(--hh-font-hud)!important;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:inset 0 1px rgba(255,190,100,.07)!important;transition:color .18s,border-color .18s,background-color .18s,box-shadow .2s,transform .12s;
}
html.hunter-hud body.nexus-skin .og-nav-chip:hover{
  color:#fff!important;border-color:var(--hh-orange)!important;transform:translateY(-1px);
  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 body.nexus-skin .og-nav-chip-img{border-radius:0;clip-path:var(--gph-cut4);background:rgba(0,0,0,.5);border:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .og-nav-all .og-nav-chip-img{color:var(--hh-yellow);font-family:var(--hh-font-mono);font-size:.4rem;letter-spacing:.08em}
html.hunter-hud body.nexus-skin .og-nav-chip em{
  padding:2px 6px;border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,196,0,.12);border:1px solid rgba(255,196,0,.3);
  color:var(--hh-yellow)!important;font:700 .66rem/1.2 var(--hh-font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;
}
html.hunter-hud body.nexus-skin .og-nav-chip.active,
html.hunter-hud body.nexus-skin .og-nav-chip[aria-current="true"]{
  color:#170900!important;border-color:#ffd24d!important;
  background:linear-gradient(180deg,var(--hh-yellow) 0%,var(--hh-orange-2) 55%,var(--hh-orange) 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.6),inset 0 -3px rgba(130,45,0,.45),0 10px 26px rgba(255,122,0,.3)!important;
}
html.hunter-hud body.nexus-skin .og-nav-chip.active em,
html.hunter-hud body.nexus-skin .og-nav-chip[aria-current="true"] em{color:#170900!important;background:rgba(255,255,255,.45);border-color:rgba(120,50,0,.3)}
html.hunter-hud body.nexus-skin .og-nav-chip.active .og-nav-chip-img,
html.hunter-hud body.nexus-skin .og-nav-all.active .og-nav-chip-img{color:#170900;background:rgba(255,255,255,.4);border-color:rgba(120,50,0,.3)}
html.hunter-hud body.nexus-skin .og-filter-chip{border-radius:0!important;clip-path:var(--gph-cut6);font-size:11px!important}
html.hunter-hud body.nexus-skin .og-filter-chip.active{
  color:#170900!important;border-color:#ffd24d!important;
  background:linear-gradient(180deg,var(--hh-yellow) 0%,var(--hh-orange-2) 55%,var(--hh-orange) 100%)!important;box-shadow:0 8px 22px rgba(255,122,0,.3)!important;
}

/* Library status plate + Nintendo DS Wi-Fi panel (rendered by games-portal.js). */
html.hunter-hud body.nexus-skin .ogp-library-status{--panel-edge:var(--hh-edge-hot);padding:16px 20px 17px}
html.hunter-hud body.nexus-skin .ogp-library-status[data-filter="all"]{--panel-edge:var(--hh-edge-2)}
html.hunter-hud body.nexus-skin .ogp-library-status strong,
html.hunter-hud body.nexus-skin .ogp-library-status[data-filter="all"] strong{color:var(--hh-yellow)!important;font-family:var(--hh-font-hud)!important;font-stretch:condensed;font-weight:700;font-size:1.12rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 14px rgba(255,122,0,.4)}
html.hunter-hud body.nexus-skin .ogp-library-status strong:first-child::before{
  content:'// LIBRARY STATUS';display:block;width:max-content;margin-bottom:8px;padding:0 14px 0 26px;
  font:700 9.5px/1.3 var(--hh-font-hud);letter-spacing:.3em;color:var(--hh-yellow);text-shadow:0 0 10px rgba(255,122,0,.45);
  background:var(--gph-eyebrow-bg);
}
html.hunter-hud body.nexus-skin .ogp-soft{color:var(--hh-dim);font-variant-numeric:tabular-nums}
html.hunter-hud body.nexus-skin #ogpLibraryRenderCount:not(:empty){display:flex;align-items:center;gap:9px;margin-top:6px;color:#d7efc2;font:600 .9rem/1.4 var(--hh-font-text)}
html.hunter-hud body.nexus-skin #ogpLibraryRenderCount:not(:empty)::before{content:'';flex:0 0 auto;width:7px;height:7px;background:var(--hh-visor);transform:rotate(45deg);box-shadow:0 0 8px rgba(166,255,77,.7)}
html.hunter-hud body.nexus-skin .ogp-show-more,
html.hunter-hud body.nexus-skin .ogp-show-all{min-height:40px;padding:0 16px;font-size:11px!important;letter-spacing:.12em!important;transform:none!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-panel{--panel-edge:var(--hh-edge-hot)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-icon{border:1px solid var(--hh-edge-hot);border-radius:0;clip-path:var(--gph-cut6);background:rgba(255,122,0,.1);color:var(--hh-yellow);box-shadow:inset 0 0 18px rgba(255,122,0,.14)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-heading h2{margin-top:6px;color:var(--hh-ink);font:600 1.05rem/1.2 var(--hh-font-hud);letter-spacing:.05em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-status{border-radius:0!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-status[data-state="ready"]{color:#e2f6cf!important;border-color:rgba(166,255,77,.4)!important;background:rgba(166,255,77,.08)!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-status[data-state="unavailable"]{color:#ffb39a!important;border-color:#6e2614!important;background:rgba(255,59,36,.08)!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-copy p{color:var(--hh-ink-2)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-note{color:var(--hh-dim)!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-guide{color:var(--hh-orange);font-family:var(--hh-font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle{min-height:48px}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle[aria-checked="true"]{color:#e2f6cf!important;border-color:rgba(166,255,77,.5)!important}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle-track{border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,255,255,.14)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle-track span{border-radius:0;background:var(--hh-dim)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle[aria-checked="true"] .ogp-nds-wifi-toggle-track{background:rgba(166,255,77,.35)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-toggle[aria-checked="true"] .ogp-nds-wifi-toggle-track span{background:var(--hh-visor);box-shadow:0 0 10px var(--hh-visor)}
html.hunter-hud body.nexus-skin .ogp-nds-wifi-action small{color:var(--hh-dim)}

/* Console picker: title on the scale, intro on a reading measure, indexed hub cards. */
html.hunter-hud body.nexus-skin .og-section-title{font-size:clamp(1.55rem,2.6vw,2.2rem)!important;font-weight:700!important;line-height:1.05;margin-bottom:10px;text-wrap:balance}
html.hunter-hud body.nexus-skin .og-section-title span{color:var(--hh-yellow)!important;-webkit-text-fill-color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .og-library-intro{max-width:64ch;margin:6px auto 26px;color:var(--hh-dim);text-align:center;font-family:var(--hh-font-text);font-size:15px;line-height:1.7}
html.hunter-hud body.nexus-skin .og-hub-grid{counter-reset:gph-hub}
/* Hub card: T2 plate with a lit top edge, a recessed logo well carrying the card's index (01–27), a mode chip whose
   colour means something (visor green = plays in this browser, yellow = needs the Windows launcher) and a
   lift + edge light + inner glow on hover. */
html.hunter-hud body.nexus-skin .og-hub-card{
  counter-increment:gph-hub;
  --panel-top:#18110a;--panel-bottom:#090706;--panel-edge:#4a3315;--gph-lit:rgba(255,220,150,.42);
  backdrop-filter:none!important;box-shadow:inset 0 -1px rgba(0,0,0,.6),inset 0 -70px 60px -60px rgba(0,0,0,.5)!important;
  transition:transform .28s var(--hh-ease-out),border-color .2s,box-shadow .25s!important;
}
html.hunter-hud body.nexus-skin .og-hub-card::before{left:20px;width:44px;height:2px;background:var(--hh-orange);box-shadow:0 0 10px var(--hh-orange)}
html.hunter-hud body.nexus-skin .og-hub-card::after{background:linear-gradient(100deg,transparent,rgba(255,200,90,.16),transparent)}
html.hunter-hud body.nexus-skin .og-hub-card:is(:hover,:focus-visible){
  transform:translateY(-2px);border-color:var(--hh-orange)!important;
  box-shadow:inset 0 0 0 1px rgba(255,122,0,.22),inset 0 -42px 44px -34px rgba(255,122,0,.5)!important;
}
html.hunter-hud body.nexus-skin .og-library-eyebrow{justify-content:flex-start;gap:8px;padding-left:22px;font:700 9.5px/1.4 var(--hh-font-hud);letter-spacing:.24em;color:var(--hh-yellow);background:none;text-shadow:0 0 10px rgba(255,122,0,.45)}
html.hunter-hud body.nexus-skin .og-library-eyebrow::before{content:'// ';margin-left:-22px;padding-left:22px;background:linear-gradient(var(--hh-orange),var(--hh-orange)) 0 50%/14px 2px no-repeat}
@media (max-width:640px){
  html.hunter-hud body.nexus-skin .og-library-eyebrow{padding-left:28px}
  html.hunter-hud body.nexus-skin .og-library-eyebrow::before{margin-left:-28px;padding-left:28px;background-position:9px 50%;background-size:12px 2px}
}
html.hunter-hud body.nexus-skin .og-library-mode{
  display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:3px 7px!important;white-space:nowrap;
  font-size:8.5px!important;letter-spacing:.12em;color:#dcf3c6!important;border-color:rgba(166,255,77,.3)!important;
}
html.hunter-hud body.nexus-skin .og-library-mode::before{content:'';flex:0 0 auto;width:5px;height:5px;background:var(--hh-visor);transform:rotate(45deg);box-shadow:0 0 5px rgba(166,255,77,.7)}
/* The four launcher systems named in the portal's own about copy (PlayStation 2, GameCube, Wii, Nintendo 3DS). */
html.hunter-hud body.nexus-skin .og-hub-card:is([data-library-console="ps2"],[data-library-console="gamecube"],[data-library-console="wii"],[data-library-console="3ds"]) .og-library-mode{color:var(--hh-yellow-2)!important;border-color:rgba(255,196,0,.42)!important}
html.hunter-hud body.nexus-skin .og-hub-card:is([data-library-console="ps2"],[data-library-console="gamecube"],[data-library-console="wii"],[data-library-console="3ds"]) .og-library-mode::before{background:var(--hh-yellow);box-shadow:0 0 5px rgba(255,196,0,.7)}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-media{
  position:relative;
  background:radial-gradient(ellipse at 50% 55%,rgba(255,122,0,.09),transparent 70%),linear-gradient(180deg,#060504,#0c0907);
  border:1px solid #23190d;border-radius:0;clip-path:var(--gph-cut6);margin-top:12px;
  box-shadow:inset 0 3px 12px rgba(0,0,0,.85),inset 0 -1px rgba(255,160,60,.08);
}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-media::before{
  content:'';position:absolute;inset:7px;pointer-events:none;opacity:0;transform:scale(1.05);
  background:
    linear-gradient(var(--hh-orange),var(--hh-orange)) 0 0/12px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 0 0/2px 12px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 100% 100%/12px 2px no-repeat,
    linear-gradient(var(--hh-orange),var(--hh-orange)) 100% 100%/2px 12px no-repeat;
  transition:opacity .22s,transform .35s var(--hh-ease-out);
}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-media::after{
  content:counter(gph-hub,decimal-leading-zero);position:absolute;right:8px;top:6px;pointer-events:none;
  font:700 9px/1 var(--hh-font-mono);letter-spacing:.12em;color:var(--hh-muted);font-variant-numeric:tabular-nums;
}
html.hunter-hud body.nexus-skin .og-hub-card:is(:hover,:focus-visible) .og-hub-media::before{opacity:1;transform:none}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-media img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.7)) drop-shadow(0 0 12px rgba(255,122,0,.16));transition:transform .5s var(--hh-ease-out)}
html.hunter-hud body.nexus-skin .og-hub-card:is(:hover,:focus-visible) .og-hub-media img{transform:scale(1.05)}
html.hunter-hud body.nexus-skin .og-hub-card h3{font-size:17px!important;font-weight:700!important;font-stretch:condensed;letter-spacing:.05em!important;color:var(--hh-ink)!important}
html.hunter-hud body.nexus-skin .og-hub-card p{color:var(--hh-dim);font-family:var(--hh-font-text)}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-count{align-self:stretch;width:auto!important;justify-content:space-between;gap:10px;border-top:1px solid var(--hh-edge);color:var(--hh-orange-2)!important;font:700 11px/1.4 var(--hh-font-mono)!important;letter-spacing:.14em;text-transform:uppercase;font-variant-numeric:tabular-nums}
html.hunter-hud body.nexus-skin .og-hub-card .og-hub-count::after{flex:0 0 auto;color:var(--hh-yellow);transition:transform .25s var(--hh-ease-out)}
html.hunter-hud body.nexus-skin .og-hub-card:is(:hover,:focus-visible) .og-hub-count::after{transform:translate(2px,-2px)}
/* Staggered entrance by column (5 across on desktop, 2 on phones — see section 6). */
html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(5n+2){animation-delay:50ms}
html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(5n+3){animation-delay:100ms}
html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(5n+4){animation-delay:150ms}
html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(5n){animation-delay:200ms}

/* Per-console sections: header plate with "// SYSTEM 0n", game cards as small plates with the yellow play tile. */
html.hunter-hud body.nexus-skin .og-console-header{--panel-edge:var(--hh-edge-hot);--gph-lit:rgba(255,226,160,.5);gap:20px;padding:20px 24px!important;border-radius:0!important}
html.hunter-hud body.nexus-skin .og-console-header h2{font-size:22px!important;font-weight:700!important;margin:0 0 4px}
html.hunter-hud body.nexus-skin .og-count{margin-left:10px;padding:3px 8px!important;font-size:10px!important;vertical-align:middle;color:var(--hh-yellow)!important;border-color:rgba(255,196,0,.35)!important;background:rgba(255,196,0,.1)!important;font-variant-numeric:tabular-nums}
html.hunter-hud body.nexus-skin .og-console-tagline{color:var(--hh-dim)!important;font-family:var(--hh-font-text)}
html.hunter-hud body.nexus-skin .og-console-icon{filter:drop-shadow(0 0 14px rgba(255,122,0,.18))}
html.hunter-hud body.nexus-skin .og-hub-link{min-height:38px;padding:0 14px;font-size:11px!important;color:var(--hh-yellow-2)!important;transform:none!important}
html.hunter-hud body.nexus-skin .og-game-card{--cut:8px;--panel-top:#17110a;--panel-bottom:#0a0807;--panel-accent:transparent;--gph-lit:rgba(255,214,150,.3);transition:transform .28s var(--hh-ease-out),border-color .22s,box-shadow .25s}
html.hunter-hud body.nexus-skin .og-game-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:var(--hh-orange)!important;box-shadow:inset 0 0 0 1px rgba(255,122,0,.22),inset 0 -40px 40px -34px rgba(255,122,0,.45)!important}
html.hunter-hud body.nexus-skin .og-game-card::after{background:linear-gradient(100deg,transparent,rgba(255,200,90,.14),transparent)}
html.hunter-hud body.nexus-skin .og-card-cover{background:#0a0807}
/* System tag moves to the top left: the favourite star owns the top right, and long labels ("Super Nintendo")
   used to slide underneath it and read as clipped. */
html.hunter-hud body.nexus-skin .og-card-tag{
  top:8px;left:8px;right:auto;z-index:2;max-width:calc(100% - 58px);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  padding:3px 7px!important;font-size:8.5px!important;letter-spacing:.12em;
  color:var(--hh-yellow)!important;background:rgba(8,6,4,.92)!important;border:1px solid rgba(255,196,0,.4)!important;box-shadow:none!important;text-shadow:none;
}
html.hunter-hud body.nexus-skin .og-card-play{background:linear-gradient(180deg,rgba(6,4,3,.15),rgba(6,4,3,.92) 70%)!important}
html.hunter-hud body.nexus-skin .og-play-icon{
  border-radius:0!important;clip-path:var(--gph-cut6);color:#170900!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;
  box-shadow:0 8px 22px rgba(255,122,0,.45),inset 0 1px rgba(255,255,255,.6)!important;
}
html.hunter-hud body.nexus-skin .og-play-text{font-family:var(--hh-font-hud)!important;font-weight:700;font-size:.72rem;letter-spacing:.24em;color:var(--hh-yellow)!important;text-shadow:0 0 12px rgba(255,122,0,.7)}
html.hunter-hud body.nexus-skin .og-card-meta{padding:10px 12px}
html.hunter-hud body.nexus-skin .og-card-title{font-family:var(--hh-font-hud)!important;font-stretch:condensed;font-weight:600;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;color:var(--hh-ink)!important}
html.hunter-hud body.nexus-skin .og-game-card:hover .og-card-title{color:var(--hh-yellow-2)!important}
html.hunter-hud body.nexus-skin .ogp-card-fav{
  border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(8,6,4,.86)!important;border:1px solid rgba(255,196,0,.4)!important;color:var(--hh-yellow)!important;backdrop-filter:none;
}
html.hunter-hud body.nexus-skin .ogp-card-fav:hover,
html.hunter-hud body.nexus-skin .ogp-card-fav.is-favorite,
html.hunter-hud body.nexus-skin .ogp-card-fav.is-fav,
html.hunter-hud body.nexus-skin .ogp-card-fav[aria-pressed="true"]{background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange))!important;color:#170900!important;border-color:transparent!important;box-shadow:0 6px 18px rgba(255,122,0,.4)!important}
html.hunter-hud body.nexus-skin .og-library-empty{--panel-edge:var(--hh-edge-2);border-style:dashed!important;color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .og-library-empty strong{color:var(--hh-ink);font-family:var(--hh-font-hud);letter-spacing:.05em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .og-library-empty a{color:var(--hh-orange);font-family:var(--hh-font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .og-empty-state{color:var(--hh-dim)!important;font-family:var(--hh-font-text)}

/* About (T3 notes), CTA (T1, the bottom view's one power button, hazard strip), ads frame, footer. */
html.hunter-hud body.nexus-skin .og-about{--panel-accent:transparent;--panel-edge:#3b2a12;--panel-top:#110c08;--gph-lit:rgba(255,200,120,.22);color:var(--hh-ink-2);font-family:var(--hh-font-text);font-size:.96rem;line-height:1.72}
html.hunter-hud body.nexus-skin .og-about h2{font-size:1.3rem!important;font-weight:700!important;margin-bottom:12px}
html.hunter-hud body.nexus-skin .og-about p{max-width:70ch}
html.hunter-hud body.nexus-skin .og-about a{color:var(--hh-orange);text-decoration:underline;text-underline-offset:3px}
html.hunter-hud body.nexus-skin .og-cta{position:relative;isolation:isolate;--panel-edge:#6e4515;--panel-top:#1d140a;--gph-lit:rgba(255,226,160,.6);padding:36px 24px 42px}
html.hunter-hud body.nexus-skin .og-cta::after{content:'';position:absolute;z-index:-1;left:50%;bottom:16px;width:118px;height:6px;margin-left:-59px;pointer-events:none;background:var(--gph-hazard)}
html.hunter-hud body.nexus-skin .og-cta h2{font-size:clamp(1.45rem,2.8vw,2rem)!important;font-weight:700!important;margin-bottom:10px}
html.hunter-hud body.nexus-skin .og-cta p{max-width:60ch;margin-inline:auto;color:var(--hh-dim);font-family:var(--hh-font-text);line-height:1.65}
html.hunter-hud body.nexus-skin .og-cta-btn{min-height:50px;padding:0 28px;font-size:12px!important;letter-spacing:.14em!important;transform:none!important}
html.hunter-hud body.nexus-skin .og-cta-btn.hh-primary:hover{transform:translateY(-2px)!important}
html.hunter-hud body.nexus-skin .ad-container,
html.hunter-hud body.nexus-skin .ad-wrapper,
html.hunter-hud body.nexus-skin .og-desktop-rail{background:rgba(10,8,6,.6)!important;border:1px solid var(--hh-edge)!important;border-radius:0!important;backdrop-filter:none}
html.hunter-hud body.nexus-skin .og-ad-empty{color:var(--hh-muted)!important;border-color:var(--hh-edge-2)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin .og-footer{
  position:relative;padding:36px 24px 34px;border-top:1px solid var(--hh-edge)!important;
  background:linear-gradient(180deg,rgba(10,8,6,.3),rgba(8,6,5,.92))!important;backdrop-filter:none!important;color:var(--hh-muted)!important;
  font:500 .9rem/1.6 var(--hh-font-text)!important;
}
html.hunter-hud body.nexus-skin .og-footer::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--gph-energy)}
html.hunter-hud body.nexus-skin .og-footer::after{
  content:'// END OF INDEX';display:block;width:max-content;margin:22px auto 0;padding-top:13px;
  font:700 9.5px/1 var(--hh-font-mono);letter-spacing:.32em;color:var(--hh-muted);
  background:var(--gph-hazard) 50% 0/100% 5px no-repeat;
}
html.hunter-hud body.nexus-skin .og-footer .logo{font-size:1.2rem!important;letter-spacing:.2em!important;color:var(--hh-ink)!important;animation:none!important;text-shadow:0 0 16px rgba(255,122,0,.35)!important}
html.hunter-hud body.nexus-skin .og-footer .logo::after{content:' // LIBRARY';font:700 9px/1 var(--hh-font-mono);letter-spacing:.24em;color:var(--hh-orange)}
html.hunter-hud body.nexus-skin .og-footer .links{margin-top:12px;font:700 10.5px/2 var(--hh-font-mono);letter-spacing:.16em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .og-footer .links a{display:inline-block;padding:5px 0;color:var(--hh-dim)!important;margin:0 8px}
html.hunter-hud body.nexus-skin .og-footer .links a:hover{color:var(--hh-yellow)!important;text-shadow:0 0 10px rgba(255,196,0,.6)}

/* ══════════════════════════════════════════════════════════════════════════
   5. Shared floating widgets: live chat, OldGames Live, radio, live-now toast, side sheets, cookie consent
   ══════════════════════════════════════════════════════════════════════════ */
/* Chat toggle (og-shared-widgets.css paints a glass pill with !important on body.nexus-skin #chatToggleBtn). */
html.hunter-hud body.nexus-skin #chatToggleBtn,
html.hunter-hud body.nexus-skin #chatToggleBtn.chat-toggle-btn{
  border-radius:0!important;clip-path:var(--gph-cut8);
  font-family:var(--hh-font-hud)!important;font-size:.72rem!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;
  color:var(--hh-ink-2)!important;background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-hot)!important;
  backdrop-filter:none;box-shadow:inset 0 1px rgba(255,190,100,.08),0 14px 34px rgba(0,0,0,.6)!important;
}
html.hunter-hud body.nexus-skin #chatToggleBtn:hover{border-color:var(--hh-orange)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:inset 0 0 0 1px rgba(255,122,0,.25),inset 0 -14px 22px -14px rgba(255,122,0,.55),0 14px 34px rgba(0,0,0,.6)!important}
html.hunter-hud body.nexus-skin #chatToggleBtn .chat-toggle-icon{filter:sepia(1) saturate(2.4) hue-rotate(-14deg)}
html.hunter-hud body.nexus-skin #chatToggleBtn .chat-badge{border-radius:0!important;clip-path:var(--gph-cut4);color:#fff!important;background:linear-gradient(135deg,var(--hh-ember),var(--hh-red))!important;box-shadow:0 0 12px rgba(255,77,0,.6)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin #chatToggleBtn.nexus-chat-open{border-color:var(--hh-yellow)!important}
/* Chat panel. */
html.hunter-hud body.nexus-skin #liveChat,
html.hunter-hud body.nexus-skin #liveChat.live-chat{
  border-radius:0!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);
  background:linear-gradient(165deg,#15100a,#0a0807 60%)!important;border:1px solid var(--hh-edge-hot)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 40px rgba(255,122,0,.08)!important;font-family:var(--hh-font-text)!important;
}
html.hunter-hud body.nexus-skin #liveChat .live-chat-bg-overlay{background:rgba(8,6,4,.55)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-header{background:linear-gradient(180deg,rgba(28,21,12,.9),rgba(10,8,6,.5))!important;border-bottom:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--hh-yellow) 0 40px,var(--hh-orange) 40px 90px,rgba(255,122,0,.25) 90px 50%,transparent 85%)}
html.hunter-hud body.nexus-skin #liveChat .chat-header-glow{background:radial-gradient(120px 40px at 50% 0,rgba(255,122,0,.25),transparent 70%)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-title{font-family:var(--hh-font-hud)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.2em!important;color:var(--hh-ink)!important;text-shadow:0 0 12px rgba(255,122,0,.35)}
html.hunter-hud body.nexus-skin #liveChat .online-badge{border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(166,255,77,.06)!important;border:1px solid rgba(166,255,77,.22)!important;color:#d9ffb0!important;font-family:var(--hh-font-mono)!important;font-size:.72rem!important;letter-spacing:.08em!important}
html.hunter-hud body.nexus-skin #liveChat .online-badge .online-dot-anim,
html.hunter-hud body.nexus-skin #liveChat .online-dot-anim{background:var(--hh-visor)!important;box-shadow:0 0 8px var(--hh-visor)!important;border-radius:0!important;transform:rotate(45deg);animation:hh-pulse 2s ease-in-out infinite!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin #liveChat .chat-btn{border-radius:0!important;clip-path:var(--gph-cut4);color:var(--hh-dim)!important;background:rgba(255,255,255,.03)!important;border:1px solid var(--hh-edge-2)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-btn:hover{color:#fff!important;background:rgba(255,122,0,.12)!important;border-color:var(--hh-orange)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-tabs{border-bottom:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-tab{border-radius:0!important;color:var(--hh-muted)!important;font-family:var(--hh-font-hud)!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase;font-size:.76rem!important}
html.hunter-hud body.nexus-skin #liveChat .chat-tab.active{color:var(--hh-ink)!important;background:linear-gradient(90deg,rgba(255,122,0,.14),rgba(255,122,0,.04))!important;box-shadow:inset 0 -2px 0 var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-welcome{color:var(--hh-dim)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-message-box{border-radius:0!important;clip-path:var(--gph-cut6);background:rgba(255,140,30,.06)!important;border:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-message-box.own-message{background:rgba(255,196,0,.08)!important;border-color:rgba(255,196,0,.3)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-msg-text{font-family:var(--hh-font-text)!important;color:var(--hh-ink)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-msg-name{color:var(--hh-yellow-2)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-msg-datetime{color:var(--hh-muted)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-date-separator,
html.hunter-hud body.nexus-skin #liveChat .chat-date-separator span{border-color:var(--hh-edge)!important;color:var(--hh-muted)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-input-container{border-top:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-input,
html.hunter-hud body.nexus-skin #liveChat .chat-input-wrapper .chat-input{border-radius:0!important;clip-path:var(--gph-cut4);background:#0c0a07!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-ink)!important;font-family:var(--hh-font-text)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-input:focus{border-color:var(--hh-orange)!important;box-shadow:0 0 0 1px rgba(255,122,0,.35),0 0 18px rgba(255,122,0,.2)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-input.chat-input-throttled{border-color:var(--hh-red)!important;box-shadow:0 0 0 2px rgba(255,59,36,.2)!important}
html.hunter-hud body.nexus-skin #liveChat .emoji-picker-btn,
html.hunter-hud body.nexus-skin #liveChat .chat-input-wrapper .emoji-picker-btn{border-radius:0!important;clip-path:var(--gph-cut4);border:1px solid var(--hh-edge-2)!important;background:linear-gradient(180deg,#1c150c,#0f0b07)!important;box-shadow:none!important}
html.hunter-hud body.nexus-skin #liveChat .emoji-picker-btn:hover{border-color:var(--hh-orange)!important;background:linear-gradient(180deg,#2c1d0c,#170f07)!important;box-shadow:none!important}
html.hunter-hud body.nexus-skin #liveChat .send-btn,
html.hunter-hud body.nexus-skin #liveChat .chat-send-btn,
html.hunter-hud body.nexus-skin #liveChat .chat-input-wrapper .send-btn{border-radius:0!important;clip-path:var(--gph-cut4);background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;color:#170900!important;box-shadow:inset 0 1px rgba(255,255,255,.6),0 8px 20px rgba(255,122,0,.3)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-login-overlay{background:rgba(8,6,4,.92)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-login-btn{border-radius:0!important;clip-path:var(--gph-cut6);background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;color:#170900!important;font-family:var(--hh-font-hud)!important;font-size:.76rem!important;font-weight:700!important;letter-spacing:.14em!important;box-shadow:0 10px 26px rgba(255,122,0,.3)!important}
html.hunter-hud body.nexus-skin #liveChat .online-list-summary{border-radius:0!important;clip-path:var(--gph-cut4);background:linear-gradient(135deg,rgba(255,122,0,.1),rgba(255,196,0,.04))!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-dim)!important;font-family:var(--hh-font-mono)!important;letter-spacing:.14em!important}
html.hunter-hud body.nexus-skin #liveChat .online-list-summary strong{border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(166,255,77,.1)!important;border:1px solid rgba(166,255,77,.3)!important;color:var(--hh-visor)!important}
html.hunter-hud body.nexus-skin #liveChat .online-user-card{border-radius:0!important;clip-path:var(--gph-cut6);background:linear-gradient(135deg,rgba(255,140,30,.07),rgba(255,196,0,.03))!important;border:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin #liveChat .online-user-card::before{background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange))!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #liveChat .online-user-card:hover{border-color:var(--hh-orange)!important;background:linear-gradient(135deg,rgba(255,122,0,.12),rgba(255,196,0,.04))!important}
html.hunter-hud body.nexus-skin #liveChat .online-user-card.is-current-user{border-color:rgba(166,255,77,.34)!important;background:linear-gradient(135deg,rgba(166,255,77,.08),rgba(255,122,0,.04))!important}
html.hunter-hud body.nexus-skin #liveChat .online-user-card.is-playing{border-color:rgba(255,77,0,.35)!important;background:radial-gradient(circle at 18% 20%,rgba(255,77,0,.14),transparent 38%),linear-gradient(135deg,rgba(255,122,0,.08),rgba(255,196,0,.04))!important}
html.hunter-hud body.nexus-skin #liveChat .online-avatar-img,
html.hunter-hud body.nexus-skin #liveChat .online-avatar-fallback{background:rgba(255,122,0,.14)!important;color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin #liveChat .online-dot{background:var(--hh-visor)!important;border-color:#0a0807!important;box-shadow:0 0 10px rgba(166,255,77,.75)!important}
html.hunter-hud body.nexus-skin #liveChat .online-dot.playing{background:var(--hh-ember)!important;box-shadow:0 0 10px rgba(255,77,0,.8)!important}
html.hunter-hud body.nexus-skin #liveChat .online-self-chip{border-radius:0!important;background:rgba(166,255,77,.12)!important;color:var(--hh-visor)!important;border-color:rgba(166,255,77,.3)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin #liveChat .online-status{color:var(--hh-muted)!important}
html.hunter-hud body.nexus-skin #liveChat .online-status.playing{color:var(--hh-orange-2)!important}
html.hunter-hud body.nexus-skin #liveChat .online-console{color:var(--hh-muted)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin #liveChat .online-game-cover{border-radius:0!important;border:1px solid var(--hh-edge-hot)!important;box-shadow:0 0 14px rgba(255,122,0,.14)!important;background:#0a0807!important}
html.hunter-hud body.nexus-skin #liveChat .online-arrow{color:var(--hh-orange)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-connection-status{color:var(--hh-yellow)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-connection-status[data-state="offline"]{color:var(--hh-red)!important}
html.hunter-hud body.nexus-skin #liveChat .chat-tab:focus-visible,
html.hunter-hud body.nexus-skin #liveChat .chat-btn:focus-visible,
html.hunter-hud body.nexus-skin #liveChat .emoji-picker-btn:focus-visible,
html.hunter-hud body.nexus-skin #liveChat .send-btn:focus-visible,
html.hunter-hud body.nexus-skin #chatToggleBtn:focus-visible{outline:2px solid var(--hh-yellow)!important}

/* OldGames Live toggle + slide-in panel (games-portal.js). */
html.hunter-hud body.nexus-skin #liveStreamsToggle.live-streams-toggle,
html.hunter-hud body.nexus-skin .live-streams-toggle{
  border-radius:0!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-hot)!important;border-left:0!important;
  color:var(--hh-ink-2)!important;font-family:var(--hh-font-hud)!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important;
}
html.hunter-hud body.nexus-skin .live-streams-toggle:hover{border-color:var(--hh-red)!important;box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 0 22px rgba(255,59,36,.18)!important}
html.hunter-hud body.nexus-skin .live-streams-toggle.has-streams{animation:none;box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 22px rgba(255,59,36,.28)!important}
html.hunter-hud body.nexus-skin .live-toggle-text{color:var(--hh-red)!important;font-family:var(--hh-font-mono)!important;font-size:.62rem;letter-spacing:.24em;text-shadow:0 0 10px rgba(255,59,36,.6)}
html.hunter-hud body.nexus-skin .live-toggle-dot,
html.hunter-hud body.nexus-skin .live-badge-dot,
html.hunter-hud body.nexus-skin .live-dot-indicator,
html.hunter-hud body.nexus-skin .live-streams-toggle [class*="dot"]{background:var(--hh-red)!important;box-shadow:0 0 12px var(--hh-red)!important;animation:hh-blink 1.1s steps(2,jump-none) infinite!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin .live-toggle-count{border-radius:0;clip-path:var(--gph-cut4);background:var(--hh-yellow);color:#170900;font-family:var(--hh-font-mono)}
html.hunter-hud body.nexus-skin #liveStreamsPanel.live-streams-panel,
html.hunter-hud body.nexus-skin .live-streams-panel{
  border-radius:0!important;background:linear-gradient(180deg,#100c08,#080605)!important;border:0!important;border-right:1px solid var(--hh-edge-hot)!important;
  box-shadow:12px 0 50px rgba(0,0,0,.6),0 0 40px rgba(255,59,36,.08)!important;backdrop-filter:none!important;font-family:var(--hh-font-text)!important;
}
html.hunter-hud body.nexus-skin .live-streams-panel-header{background:linear-gradient(180deg,rgba(28,21,12,.98),rgba(10,8,6,.96))!important;border-bottom:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin .live-streams-title h3{margin:0;font-size:.9rem!important}
html.hunter-hud body.nexus-skin .live-badge-header{border-radius:0!important;color:#ffd6cc!important;border-color:rgba(255,59,36,.5)!important;background:rgba(255,59,36,.14)!important}
html.hunter-hud body.nexus-skin .close-live-panel{width:36px;height:36px;padding:0}
html.hunter-hud body.nexus-skin .streams-count-badge{border-radius:0;clip-path:var(--gph-cut4);background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange));color:#170900;font-family:var(--hh-font-hud)}
html.hunter-hud body.nexus-skin .streams-count-text{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .stream-nav-dot{border-radius:0;transform:rotate(45deg);background:var(--hh-faint)}
html.hunter-hud body.nexus-skin .stream-nav-dot.active{background:var(--hh-yellow);box-shadow:0 0 8px var(--hh-yellow)}
html.hunter-hud body.nexus-skin .stream-card-featured{--panel-edge:var(--hh-edge-hot);color:var(--hh-ink)}
html.hunter-hud body.nexus-skin .stream-thumbnail-large{background:linear-gradient(135deg,rgba(255,77,0,.22),rgba(0,0,0,.7));background-color:#080605}
html.hunter-hud body.nexus-skin .live-badge-overlay,
html.hunter-hud body.nexus-skin .viewers-badge-overlay{border-radius:0!important;clip-path:var(--gph-cut4);font-family:var(--hh-font-mono)!important;letter-spacing:.1em}
html.hunter-hud body.nexus-skin .live-badge-overlay{background:rgba(255,59,36,.18)!important;border:1px solid rgba(255,59,36,.5)!important;color:#ffd6cc!important}
html.hunter-hud body.nexus-skin .live-badge-overlay.room-badge{background:rgba(166,255,77,.14)!important;border-color:rgba(166,255,77,.4)!important;color:#e2f6cf!important}
html.hunter-hud body.nexus-skin .live-badge-overlay.is-playing{background:rgba(255,196,0,.14)!important;border-color:rgba(255,196,0,.4)!important;color:var(--hh-yellow-2)!important}
html.hunter-hud body.nexus-skin .viewers-badge-overlay{background:rgba(8,6,4,.8)!important;border:1px solid var(--hh-edge-2)}
html.hunter-hud body.nexus-skin .streamer-avatar-large,
html.hunter-hud body.nexus-skin .game-cover-small{border-radius:0;clip-path:var(--gph-cut4);border-color:var(--hh-edge-2);background:rgba(255,255,255,.04)}
html.hunter-hud body.nexus-skin .streamer-avatar-large{border-color:rgba(255,59,36,.5)}
html.hunter-hud body.nexus-skin .online-status{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .game-console-tag{color:var(--hh-yellow)!important;background:rgba(255,196,0,.1)!important;border-color:rgba(255,196,0,.32)!important}
html.hunter-hud body.nexus-skin .watch-btn-large{
  border-radius:0;clip-path:var(--gph-cut6);background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange));color:#170900;
  font-family:var(--hh-font-hud);font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.6),0 8px 20px rgba(255,122,0,.3);
}
html.hunter-hud body.nexus-skin .room-avatar,
html.hunter-hud body.nexus-skin .room-watch{background:linear-gradient(135deg,#8fdc3c,#4f9a1c)!important;color:#0d1a02}
html.hunter-hud body.nexus-skin .streams-section-divider{color:var(--hh-visor);font-family:var(--hh-font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .no-streams-message{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .no-streams-text{color:var(--hh-ink);font-family:var(--hh-font-hud);letter-spacing:.06em;text-transform:uppercase}

/* Live / chat side sheets and the favorites dialog (games-portal.js). */
html.hunter-hud body.nexus-skin .ogp-side-sheet{background:rgba(3,2,1,.6);backdrop-filter:blur(4px)}
html.hunter-hud body.nexus-skin .ogp-side-dialog{background:linear-gradient(180deg,#120e09,#080605)!important;border-left:1px solid var(--hh-edge-hot)!important;box-shadow:-26px 0 70px rgba(0,0,0,.6)!important}
html.hunter-hud body.nexus-skin .ogp-side-head{border-bottom:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .ogp-side-head h2{font-size:.95rem!important}
html.hunter-hud body.nexus-skin .ogp-live-list p,
html.hunter-hud body.nexus-skin .ogp-chat-list p{border-radius:0;clip-path:var(--gph-cut6);color:var(--hh-dim);background:rgba(255,140,30,.05);border:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .ogp-live-row{border-radius:0!important;clip-path:var(--gph-cut6);background:linear-gradient(165deg,#19120a,#0a0807)!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-ink)}
html.hunter-hud body.nexus-skin .ogp-live-row img{border-radius:0;background:#0a0807}
html.hunter-hud body.nexus-skin .ogp-live-copy strong{font-family:var(--hh-font-hud);letter-spacing:.04em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .ogp-live-copy em{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .ogp-live-badge{border-radius:0!important;background:rgba(255,59,36,.14)!important;border:1px solid rgba(255,59,36,.45)!important;color:#ffd6cc!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud body.nexus-skin .ogp-chat-row img{border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,196,0,.14)}
html.hunter-hud body.nexus-skin .ogp-chat-row span{border-radius:0;clip-path:var(--gph-cut6);background:rgba(255,140,30,.06);border:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .ogp-chat-row strong{color:var(--hh-yellow)}
html.hunter-hud body.nexus-skin .ogp-chat-row em{color:var(--hh-ink-2)}
html.hunter-hud body.nexus-skin .ogp-chat-form{border-top:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .ogp-chat-form input{border-radius:0!important;clip-path:var(--gph-cut4);font-family:var(--hh-font-text)!important}
html.hunter-hud body.nexus-skin .ogp-chat-form button{min-height:44px;padding:0 16px}
html.hunter-hud body.nexus-skin .ogp-favorites-sheet{background:rgba(3,2,1,.72)}
html.hunter-hud body.nexus-skin .ogp-favorites-dialog{--panel-edge:var(--hh-edge-hot)}
html.hunter-hud body.nexus-skin .ogp-favorites-head{border-bottom:1px solid var(--hh-edge)}
html.hunter-hud body.nexus-skin .ogp-favorites-head h2{font-size:.95rem!important;color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .ogp-favorites-list p{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .ogp-fav-row{border-radius:0;clip-path:var(--gph-cut6);background:linear-gradient(165deg,#19120a,#0a0807);border:1px solid var(--hh-edge-2);color:var(--hh-ink)}
html.hunter-hud body.nexus-skin .ogp-fav-row:hover{border-color:var(--hh-orange)}
html.hunter-hud body.nexus-skin .ogp-fav-row img{border-radius:0;clip-path:var(--gph-cut4)}
html.hunter-hud body.nexus-skin .ogp-fav-row strong{font-family:var(--hh-font-hud);letter-spacing:.04em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .ogp-fav-row em{color:var(--hh-dim)}

/* Radio (games-portal.css .radio-player + retro-pixel-refresh.css #radioPlayer): purple → ember/orange. */
html.hunter-hud body.nexus-skin .radio-player{font-family:var(--hh-font-mono)}
html.hunter-hud body.nexus-skin #radioPlayer .radio-bar,
html.hunter-hud body.nexus-skin .radio-bar{border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;clip-path:var(--gph-cut6);background:linear-gradient(90deg,#120e09,#1c140a)!important;box-shadow:0 0 18px rgba(255,122,0,.14),inset 0 1px rgba(255,190,100,.06)!important}
html.hunter-hud body.nexus-skin #radioPlayer .radio-glow-ring,
html.hunter-hud body.nexus-skin .radio-glow-ring{border-radius:0!important;box-shadow:0 0 0 1px rgba(255,122,0,.45),0 0 18px rgba(255,122,0,.3)!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin #radioPlayer .radio-equalizer span,
html.hunter-hud body.nexus-skin .radio-equalizer span,
html.hunter-hud body.nexus-skin #radioPlayer .radio-visualizer span,
html.hunter-hud body.nexus-skin .radio-visualizer span{border-radius:0!important;background:linear-gradient(to top,var(--hh-orange),var(--hh-yellow))!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin #radioPlayer .radio-live-badge,
html.hunter-hud body.nexus-skin .radio-live-badge{border:1px solid rgba(255,122,0,.4)!important;border-radius:0!important;background:rgba(255,122,0,.12)!important}
html.hunter-hud body.nexus-skin #radioPlayer .radio-live-badge span:last-child,
html.hunter-hud body.nexus-skin .radio-live-badge span:last-child{color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .radio-live-dot{background:var(--hh-visor)!important;border-radius:0;transform:rotate(45deg);box-shadow:0 0 8px var(--hh-visor)}
html.hunter-hud body.nexus-skin #radioPlayer .radio-marquee,
html.hunter-hud body.nexus-skin .radio-marquee{color:var(--hh-ink-2)!important}
html.hunter-hud body.nexus-skin #radioPlayer .radio-chevron,
html.hunter-hud body.nexus-skin .radio-chevron{color:var(--hh-orange)!important}
html.hunter-hud body.nexus-skin #radioPanel.radio-panel,
html.hunter-hud body.nexus-skin #radioPlayer .radio-panel,
html.hunter-hud body.nexus-skin .radio-panel{border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;clip-path:var(--gph-cut8);background:linear-gradient(165deg,#15100a,#0a0807)!important;box-shadow:0 -4px 40px rgba(255,122,0,.16),0 8px 40px rgba(0,0,0,.7)!important;backdrop-filter:none!important;font-family:var(--hh-font-text)!important}
html.hunter-hud body.nexus-skin .radio-panel-logo{color:var(--hh-dim);font-family:var(--hh-font-mono);letter-spacing:.2em}
html.hunter-hud body.nexus-skin .radio-panel-status{color:var(--hh-visor);font-family:var(--hh-font-mono)}
html.hunter-hud body.nexus-skin .radio-track-title{color:var(--hh-ink);font-family:var(--hh-font-hud);letter-spacing:.04em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .radio-track-artist{color:var(--hh-orange-2)}
html.hunter-hud body.nexus-skin #radioPlayer .radio-play-btn,
html.hunter-hud body.nexus-skin .radio-play-btn,
html.hunter-hud body.nexus-skin .radio-mute-btn{border:1px solid rgba(255,196,0,.55)!important;border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(255,122,0,.14)!important;color:var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .radio-slider{accent-color:var(--hh-orange)}
html.hunter-hud body.nexus-skin .ogp-radio-bar,
html.hunter-hud body.nexus-skin .ogp-radio-panel{border:1px solid var(--hh-edge-hot);border-radius:0;clip-path:var(--gph-cut8);background:linear-gradient(165deg,#15100a,#0a0807);box-shadow:0 16px 52px rgba(0,0,0,.5);backdrop-filter:none}
html.hunter-hud body.nexus-skin .ogp-radio-meter{border-radius:0;clip-path:var(--gph-cut4);background:rgba(255,122,0,.1)}
html.hunter-hud body.nexus-skin .ogp-radio-meter i{border-radius:0;background:var(--hh-orange)}
html.hunter-hud body.nexus-skin .ogp-radio-bar strong{font-family:var(--hh-font-hud);color:var(--hh-yellow);letter-spacing:.08em;text-transform:uppercase}
html.hunter-hud body.nexus-skin .ogp-radio-bar em,
html.hunter-hud body.nexus-skin .ogp-radio-track em{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin .ogp-radio-controls button{min-height:36px}
html.hunter-hud body.nexus-skin .ogp-radio-controls label{color:var(--hh-dim)}
html.hunter-hud body.nexus-skin #musicPlayerFloat,
html.hunter-hud body.nexus-skin #musicPlayerCompact,
html.hunter-hud body.nexus-skin #musicPlayerFloat .mpc-bar{background:linear-gradient(165deg,#15100a,#0a0807)!important;border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(255,122,0,.08)!important}
html.hunter-hud body.nexus-skin #musicPlayerFloat .mpc-btn-main{background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange))!important;color:#170900!important;box-shadow:0 6px 16px rgba(255,122,0,.35)!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #musicPlayerFloat .mpc-visualizer span,
html.hunter-hud body.nexus-skin #musicPlayerFloat .mpc-equalizer span,
html.hunter-hud body.nexus-skin #musicPlayerFloat .mpc-bar-fill{background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange))!important}

/* Live-now toast (live-now-toast.css #liveNowToast .lnt-*). */
html.hunter-hud body.nexus-skin #liveNowToast,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-panel,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-bar{background:linear-gradient(165deg,#15100a,#0a0807)!important;border:1px solid var(--hh-edge-hot)!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 34px rgba(255,122,0,.1)!important;font-family:var(--hh-font-text)!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-bar{clip-path:var(--gph-cut6)}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-panel{clip-path:var(--gph-cut8)}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-game,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-marquee{color:var(--hh-ink)!important;font-family:var(--hh-font-hud)!important;letter-spacing:.04em}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-streamer,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-meta,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-counter{color:var(--hh-dim)!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-thumb,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-cover-mini{border:1px solid var(--hh-edge-hot)!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-glow-ring{box-shadow:0 0 0 2px var(--hh-orange),0 0 18px rgba(255,122,0,.4)!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-live-badge{background:rgba(255,59,36,.14)!important;border:1px solid rgba(255,59,36,.5)!important;color:#ffd6cc!important;font-family:var(--hh-font-mono)!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-live-dot{background:var(--hh-red)!important;box-shadow:0 0 10px var(--hh-red)!important;animation:hh-blink 1.1s steps(2,jump-none) infinite!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-equalizer span,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-equalizer i{background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange))!important;border-radius:0!important;animation-play-state:var(--hud-play)}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-watch-btn{background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;color:#170900!important;font-family:var(--hh-font-hud)!important;letter-spacing:.12em!important;border-radius:0!important;clip-path:var(--gph-cut6);box-shadow:inset 0 1px rgba(255,255,255,.6),0 12px 30px rgba(255,122,0,.3)!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-nav-arrows .lnt-nav,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-chevron,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-close-x{color:var(--hh-dim)!important;border-color:var(--hh-edge-2)!important;border-radius:0!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-panel-logo,
html.hunter-hud body.nexus-skin #liveNowToast .lnt-panel-status{font-family:var(--hh-font-mono)!important;letter-spacing:.18em;color:var(--hh-dim)!important}
html.hunter-hud body.nexus-skin #liveNowToast .lnt-panel-status{color:var(--hh-visor)!important}

/* Emoji deck inside the chat composer (main.css / stream-chat-effects.css: cyan-magenta glass, Orbitron caps). */
html.hunter-hud body.nexus-skin .emoji-picker-panel{
  border-radius:0!important;clip-path:var(--gph-cut8);
  background:linear-gradient(165deg,#15100a,#0a0807 70%)!important;border:1px solid var(--hh-edge-hot)!important;
  box-shadow:0 -10px 40px rgba(0,0,0,.7),0 0 26px rgba(255,122,0,.1)!important;
}
html.hunter-hud body.nexus-skin .emoji-picker-header{border-bottom:1px solid var(--hh-edge)!important;background:linear-gradient(180deg,rgba(28,21,12,.85),transparent)!important}
html.hunter-hud body.nexus-skin .emoji-picker-kicker,
html.hunter-hud body.nexus-skin .emoji-picker-kicker span{font-family:var(--hh-font-hud)!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--hh-ink-2)!important}
html.hunter-hud body.nexus-skin .emoji-picker-kicker::before{content:'// ';color:var(--hh-orange)}
html.hunter-hud body.nexus-skin .emoji-picker-kicker b{
  border-radius:0!important;clip-path:var(--gph-cut4);border:0!important;
  background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange))!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#170900!important;color:#170900!important;font-family:var(--hh-font-mono)!important;
}
html.hunter-hud body.nexus-skin .emoji-search{border-radius:0!important;clip-path:var(--gph-cut4);background:#0c0a07!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-ink)!important;font-family:var(--hh-font-text)!important}
html.hunter-hud body.nexus-skin .emoji-search:focus{border-color:var(--hh-orange)!important;background:#100b07!important}
html.hunter-hud body.nexus-skin .emoji-search::placeholder{color:var(--hh-muted)!important}
html.hunter-hud body.nexus-skin .emoji-cat-btn{border-radius:0!important;clip-path:var(--gph-cut4)}
html.hunter-hud body.nexus-skin .emoji-cat-btn:hover{background:rgba(255,122,0,.12)!important;transform:none!important}
html.hunter-hud body.nexus-skin .emoji-cat-btn.active{background:linear-gradient(180deg,rgba(255,122,0,.2),rgba(255,122,0,.04))!important;border-bottom:2px solid var(--hh-yellow)!important}
html.hunter-hud body.nexus-skin .emoji-cat-btn small{font-family:var(--hh-font-mono)!important;color:var(--hh-dim)!important;letter-spacing:.08em}
html.hunter-hud body.nexus-skin .emoji-section-title{color:var(--hh-muted)!important;font-family:var(--hh-font-mono)!important;letter-spacing:.2em!important;border-bottom:1px solid var(--hh-edge)!important}
html.hunter-hud body.nexus-skin .emoji-section-title::before{content:'// '}
html.hunter-hud body.nexus-skin .emoji-grid{scrollbar-color:#61400f transparent!important}
html.hunter-hud body.nexus-skin .emoji-item{border-radius:0!important;clip-path:var(--gph-cut4)}
html.hunter-hud body.nexus-skin .emoji-item:hover{background:rgba(255,122,0,.16)!important;transform:scale(1.14)}

/* OldGames Radio pill + panel (assets/js/radio-pill.js injects its own <style>; it exposes --rp-* tokens). */
html.hunter-hud #radioPill,
html.hunter-hud #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 #radioPill{
  border-radius:0!important;clip-path:var(--gph-cut8);
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-hot)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:inset 0 1px rgba(255,190,100,.08),0 14px 34px rgba(0,0,0,.6)!important;
}
html.hunter-hud #radioPill:hover{border-color:var(--hh-orange)!important;transform:translateY(-2px)!important}
html.hunter-hud #radioPill .eq i{border-radius:0!important;box-shadow:0 0 6px rgba(255,122,0,.5)!important;animation-play-state:var(--hud-play)}
html.hunter-hud #radioPill b{letter-spacing:.2em!important;color:var(--hh-ink-2)!important}
html.hunter-hud #radioPill small{color:var(--hh-yellow)!important;font-family:var(--hh-font-mono)!important;letter-spacing:.16em!important}
html.hunter-hud #radioPanel{
  border-radius:0!important;clip-path:var(--gph-cut8);
  background:linear-gradient(165deg,#15100a,#0a0807)!important;border:1px solid var(--hh-edge-hot)!important;
  box-shadow:0 26px 60px rgba(0,0,0,.7),0 0 34px rgba(255,122,0,.1)!important;
  font-family:var(--hh-font-text)!important;color:var(--hh-ink)!important;
}
html.hunter-hud #radioPanel .rhead b{letter-spacing:.22em!important;color:var(--hh-ink)!important}
html.hunter-hud #radioPanel .rhead .livechip{border-radius:0!important;clip-path:var(--gph-cut4);color:var(--hh-yellow)!important;background:rgba(255,196,0,.12)!important;border-color:rgba(255,196,0,.4)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud #radioPanel .track b{font-family:var(--hh-font-hud)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--hh-ink)!important}
html.hunter-hud #radioPanel .track span{color:var(--hh-muted)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud #radioPanel .rbtn{border-radius:0!important;clip-path:var(--gph-cut4);background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-2)!important;color:var(--hh-dim)!important}
html.hunter-hud #radioPanel .rbtn:hover{border-color:var(--hh-orange)!important;color:#fff!important}
html.hunter-hud #radioPanel .rbtn.main{
  border-radius:0!important;clip-path:var(--gph-cut6);color:#170900!important;border:0!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.6),0 10px 24px rgba(255,122,0,.35)!important;
}
html.hunter-hud #radioPanel input[type=range]{border-radius:0!important;background:linear-gradient(90deg,var(--hh-orange) 0%,var(--hh-orange) var(--p,70%),rgba(255,255,255,.12) var(--p,70%))!important}
html.hunter-hud #radioPanel input[type=range]::-webkit-slider-thumb{border-radius:0!important;background:var(--hh-yellow)!important;box-shadow:0 0 10px rgba(255,196,0,.7)!important}
html.hunter-hud #radioPanel .rpct{color:var(--hh-yellow)!important;font-family:var(--hh-font-mono)!important}

/* OldGames Live v2 card (assets/js/og-live-v2.js): violet/cyan glass → carbon plate with an ember LIVE marker. */
html.hunter-hud #ogliveV2-pill{
  border-radius:0!important;clip-path:var(--gph-cut6);
  background:linear-gradient(180deg,#1c150c,#0f0b07)!important;border:1px solid var(--hh-edge-hot)!important;color:var(--hh-ink-2)!important;
  font-family:var(--hh-font-hud)!important;letter-spacing:.14em!important;text-transform:uppercase;
}
html.hunter-hud #ogliveV2-pill:hover{border-color:var(--hh-orange)!important;box-shadow:0 14px 36px rgba(255,122,0,.25)!important}
html.hunter-hud #ogliveV2-pill .dot{border-radius:0!important;transform:rotate(45deg);background:var(--hh-red)!important;box-shadow:0 0 10px var(--hh-red)!important;animation-play-state:var(--hud-play)}
html.hunter-hud #ogliveV2-card{
  border-radius:0!important;clip-path:var(--gph-cut8);
  background:#0a0807!important;border:1px solid var(--hh-edge-hot)!important;box-shadow:0 24px 56px rgba(0,0,0,.65),0 0 30px rgba(255,122,0,.08)!important;
}
html.hunter-hud .ogliveV2-feat{background:linear-gradient(135deg,#1b1208,#0a0807 60%,#160f08)!important}
html.hunter-hud .ogliveV2-feat-cover[data-name]:not([data-name=""])::before{font-family:var(--hh-font-hud)!important;letter-spacing:.06em;text-transform:uppercase}
html.hunter-hud .ogliveV2-badge{border-radius:0!important;clip-path:var(--gph-cut4);font-family:var(--hh-font-mono)!important;border-color:rgba(255,59,36,.7)!important;background:rgba(8,6,4,.62)!important;backdrop-filter:none!important}
html.hunter-hud .ogliveV2-badge b{border-radius:0!important;transform:rotate(45deg);background:var(--hh-red)!important;box-shadow:0 0 8px var(--hh-red)!important;animation-play-state:var(--hud-play)}
html.hunter-hud #ogliveV2-card .cnt,
html.hunter-hud #ogliveV2-min{border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(8,6,4,.62)!important;color:var(--hh-ink-2)!important;font-family:var(--hh-font-mono)!important;backdrop-filter:none!important}
html.hunter-hud .ogliveV2-arw{border-radius:0!important;clip-path:var(--gph-cut4);background:rgba(8,6,4,.6)!important;border-color:var(--hh-edge-hot)!important;color:var(--hh-ink)!important;backdrop-filter:none!important}
html.hunter-hud .ogliveV2-arw:hover{background:rgba(255,122,0,.5)!important}
html.hunter-hud .ogliveV2-av{border-radius:0!important;clip-path:var(--gph-cut4);background:linear-gradient(135deg,var(--hh-yellow),var(--hh-orange),var(--hh-ember))!important;box-shadow:0 0 14px rgba(255,122,0,.4)!important}
html.hunter-hud .ogliveV2-av img{border-radius:0!important;border-color:#0a0807!important;background:#141009!important}
html.hunter-hud .ogliveV2-fgm{font-family:var(--hh-font-hud)!important;font-weight:700!important;letter-spacing:.03em;text-transform:uppercase}
html.hunter-hud .ogliveV2-fwh{color:var(--hh-dim)!important}
html.hunter-hud .ogliveV2-fbtn{
  border-radius:0!important;clip-path:var(--gph-cut4);color:#170900!important;font-family:var(--hh-font-hud)!important;letter-spacing:.14em!important;
  background:linear-gradient(180deg,var(--hh-yellow),var(--hh-orange-2) 55%,var(--hh-orange))!important;box-shadow:0 6px 16px rgba(255,122,0,.4)!important;
}
html.hunter-hud .ogliveV2-strip-wrap{background:#0c0a07!important;border-top:1px solid var(--hh-edge)!important}
html.hunter-hud .ogliveV2-slbl{font-family:var(--hh-font-mono)!important;letter-spacing:.22em!important;color:var(--hh-muted)!important}
html.hunter-hud .ogliveV2-slbl::before{content:'// '}
html.hunter-hud .ogliveV2-chip-cov{border-radius:0!important;clip-path:var(--gph-cut4);border-color:var(--hh-edge-2)!important;background-image:linear-gradient(135deg,#231809,#12100b)}
html.hunter-hud .ogliveV2-chip:hover .ogliveV2-chip-cov{border-color:var(--hh-orange)!important}
html.hunter-hud .ogliveV2-chip.active .ogliveV2-chip-cov{border:2px solid var(--hh-yellow)!important;box-shadow:0 0 12px rgba(255,196,0,.5)!important}
html.hunter-hud .ogliveV2-chip-dot{border-radius:0!important;transform:rotate(45deg);background:var(--hh-red)!important;box-shadow:0 0 6px var(--hh-red)!important}
html.hunter-hud .ogliveV2-chip-dot.room{background:var(--hh-visor)!important;box-shadow:0 0 6px var(--hh-visor)!important}
html.hunter-hud .ogliveV2-chip-nm{color:var(--hh-dim)!important;font-family:var(--hh-font-mono)!important}
html.hunter-hud .ogliveV2-chip.active .ogliveV2-chip-nm{color:var(--hh-yellow)!important}

/* Cookie consent (cookie-consent.css): carbon bar with the orange energy line, Accept as the power button. */
html.hunter-hud .cookie-consent-overlay{
  background:linear-gradient(180deg,rgba(15,11,8,.98),rgba(8,6,5,.98));border-top:1px solid var(--hh-edge-hot);
  box-shadow:0 -12px 40px rgba(0,0,0,.6);color:var(--hh-ink-2);font-family:var(--hh-font-text);
}
html.hunter-hud .cookie-consent-overlay::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--gph-energy)}
html.hunter-hud .cookie-consent-text a{color:var(--hh-yellow)}
html.hunter-hud .cookie-consent-btn{min-height:40px;padding:0 18px;font-size:11.5px!important}
html.hunter-hud .cookie-consent-btn:hover{transform:none}
html.hunter-hud .cookie-consent-btn.settings{font-size:11px!important}
html.hunter-hud .cookie-settings-modal{background:rgba(3,2,1,.7)}
html.hunter-hud .cookie-settings-box{--panel-edge:var(--hh-edge-hot);color:var(--hh-ink-2);font-family:var(--hh-font-text)}
html.hunter-hud .cookie-settings-box h3{color:var(--hh-yellow);font:600 1.1rem/1.2 var(--hh-font-hud);letter-spacing:.08em;text-transform:uppercase}
html.hunter-hud .cookie-category{border-radius:0;clip-path:var(--gph-cut6);background:rgba(255,140,30,.05);border:1px solid var(--hh-edge)}
html.hunter-hud .cookie-category p{color:var(--hh-dim)}
html.hunter-hud .cookie-toggle-slider{border-radius:0;clip-path:var(--gph-cut4);background:#2a1f12}
html.hunter-hud .cookie-toggle-slider:before{border-radius:0;background:var(--hh-dim)}
html.hunter-hud .cookie-toggle input:checked + .cookie-toggle-slider{background:var(--hh-orange)}
html.hunter-hud .cookie-toggle input:checked + .cookie-toggle-slider:before{background:#fff3df}
html.hunter-hud .cookie-settings-actions .cookie-consent-btn{min-height:38px}

/* Floating widgets vs. the fixed HUD chrome. On desktop the core draws 22 px corner brackets 10 px from each viewport
   corner; the chat toggle (right/bottom 18 px) and the radio pill (left/bottom 18 px) sat under them. The individual
   translate property moves them clear without touching their !important right/bottom/left or hover transforms. */
@media (min-width:761px){
  html.hunter-hud body.nexus-skin #chatToggleBtn{translate:-14px -14px}
  html.hunter-hud #radioPill{translate:14px -14px}
}
/* No blurs: overlays get an opaque tint instead. */
html.hunter-hud body.nexus-skin .ogp-side-sheet{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(3,2,1,.8)}
/* Cookie consent: Accept and Reject carry equal weight (no filled power button nudging the choice); Accept is the
   lit key of the pair only by its yellow edge. */
html.hunter-hud .cookie-consent-btn.accept.hh-btn{color:var(--hh-yellow)!important;border-color:rgba(255,196,0,.55)!important;background:linear-gradient(180deg,#241808,#120c05)!important}
html.hunter-hud .cookie-consent-btn.accept.hh-btn:hover{color:var(--hh-yellow-2)!important;border-color:var(--hh-yellow)!important}

/* ══════════════════════════════════════════════════════════════════════════
   6. Mobile (390 px): tighter chamfers, centred hero, compact files, sticky console rail in carbon
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width:760px){
  html.hunter-hud{--hh-cut:9px}
  html.hunter-hud .gp-nav{min-height:0;padding:10px 12px;gap:2px}
  html.hunter-hud .gp-nav > a.hh-navlink{padding:0 8px;font-size:11.5px!important}
  html.hunter-hud .gp-navlinks a.hh-navlink{min-height:34px;padding:0 10px;font-size:11.5px!important}
  html.hunter-hud .gp-signin,
  html.hunter-hud .gp-cta{min-height:44px;padding:0 14px;font-size:10.5px!important}
  html.hunter-hud .gp-cta.hh-btn{padding:0 14px 0 12px}
  html.hunter-hud .gp-brand-mark{width:38px;height:38px}
  html.hunter-hud .gp-og-core{width:30px;height:30px;font-size:.55rem}
  html.hunter-hud .gp-ad-banner:has(*)::before{display:none}
  html.hunter-hud .gp-nav > a:first-child.hh-navlink{margin-right:4px;font-size:13px!important;letter-spacing:.12em!important}
  html.hunter-hud .gp-nav > a:first-child.hh-navlink::after{display:none}
  html.hunter-hud .gp-nav > a:last-child.hh-navlink{min-height:28px;padding:0 8px;font-size:10px!important}
  html.hunter-hud .gp-breadcrumb::before{margin-right:8px}
  /* Hero */
  html.hunter-hud .gp-hero::after{display:none}
  html.hunter-hud .gp-hero .gp-cover-wrap.hh-cover{margin-bottom:36px}
  html.hunter-hud .gp-hero .gp-cover-wrap::before{padding:0 66px 11px 14px;content:var(--gph-sys-code,'BOX ART  ·  3:4')}
  html.hunter-hud body.gp-nexus-page.nexus-skin #radioPill{border-radius:0!important;clip-path:var(--gph-cut8)}
  html.hunter-hud .gp-hero .gp-cover-wrap:hover::before{content:'SCAN // ' var(--gph-sys,'BOX ART')}
  html.hunter-hud .gp-hero-info::before{margin:0 auto 14px}
  html.hunter-hud .gp-hero h1.hh-h{font-size:clamp(2.05rem,9.6vw,2.75rem);margin-bottom:16px}
  html.hunter-hud .gp-tags{justify-content:center}
  html.hunter-hud .gp-hero-info p,
  html.hunter-hud .gp-tagline{margin-inline:auto;margin-bottom:22px}
  html.hunter-hud .gp-play-row{justify-content:center}
  html.hunter-hud .gp-hero .gp-play-btn.hh-primary{padding:0 66px 0 20px}
  html.hunter-hud .gp-play-row::after{padding-top:2px}
  /* Files */
  html.hunter-hud .gp-section{width:calc(100% - 24px);margin-top:20px;padding:26px 16px 28px 34px}
  html.hunter-hud .gp-section::before{left:12px;top:24px;bottom:24px}
  html.hunter-hud .gp-section::after{right:14px;top:12px;bottom:16px;min-width:90px;font-size:2.5rem}
  html.hunter-hud .gp-section:is(:has(.gp-meta-grid),main > .gp-section:only-of-type,.gp-content > .gp-section:first-of-type)::after{background-size:84px 5px}
  html.hunter-hud .gp-section h2.hh-h{max-width:none;font-size:clamp(1.4rem,6.4vw,1.7rem)}
  html.hunter-hud .gp-section h3.gp-sub::after{display:none}
  html.hunter-hud .gp-tips li{padding-left:40px}
  html.hunter-hud .gp-section > h3:not(.gp-sub).hh-h{gap:10px;font-size:1.02rem!important}
  html.hunter-hud .gp-section > h3:not(.gp-sub) + p{margin-left:10px;padding-left:16px}
  html.hunter-hud .gp-meta-grid,
  html.hunter-hud .gp-controls-grid{gap:8px;padding:8px}
  html.hunter-hud .gp-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.hunter-hud .gp-control-row.hh-plate{min-height:48px;gap:8px;padding:7px 8px;font-size:.92rem;letter-spacing:.05em}
  html.hunter-hud .gp-key.hh-mono{min-width:36px;padding:0 6px}
  html.hunter-hud .gp-meta-grid::after,
  html.hunter-hud .gp-controls-grid::after{letter-spacing:.14em}
  html.hunter-hud .gp-related-card.hh-reveal:nth-child(n){animation-delay:0ms}
  html.hunter-hud .gp-related-card.hh-reveal:nth-child(2n){animation-delay:60ms}
  html.hunter-hud .gp-footer{padding:22px 16px 30px}
  html.hunter-hud .gp-footer a{margin:0 6px}
  /* Portal */
  html.hunter-hud body.nexus-skin .top-navbar{border-radius:0!important;padding-inline:12px!important}
  html.hunter-hud body.nexus-skin .logo-text::after{display:none}
  html.hunter-hud body.nexus-skin .logo-text{font-size:.82rem;letter-spacing:.12em}
  html.hunter-hud body.nexus-skin .og-hero::before{font-size:9px;letter-spacing:.24em}
  html.hunter-hud body.nexus-skin .og-hero h1{font-size:clamp(1.9rem,8.6vw,2.35rem)!important;line-height:1!important}
  html.hunter-hud body.nexus-skin .og-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:auto;gap:6px;padding:6px}
  html.hunter-hud body.nexus-skin .og-stat{min-width:0;padding:10px 8px}
  html.hunter-hud body.nexus-skin .og-stat-lbl{letter-spacing:.16em}
  html.hunter-hud body.nexus-skin .og-search-input{min-height:52px;padding:12px 42px}
  html.hunter-hud body.nexus-skin .og-search-wrap::after{display:none}
  html.hunter-hud body.og-games-portal-v2 .og-console-nav{background:rgba(8,6,5,.97);border-block:1px solid var(--hh-edge);backdrop-filter:none;-webkit-backdrop-filter:none}
  html.hunter-hud body.nexus-skin .og-nav-chip{min-height:42px;padding:6px 10px 6px 8px;font-size:11px}
  html.hunter-hud body.nexus-skin .ogp-library-status{padding:14px 14px 15px}
  html.hunter-hud body.nexus-skin .og-hub-card .og-hub-media{margin-top:10px}
  html.hunter-hud body.nexus-skin .og-hub-card .og-hub-count{gap:6px;letter-spacing:.1em}
  html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(n){animation-delay:0ms}
  html.hunter-hud body.nexus-skin .og-hub-card.hh-reveal:nth-child(2n){animation-delay:60ms}
  html.hunter-hud body.nexus-skin .og-console-header{padding:12px!important;gap:10px}
  html.hunter-hud body.nexus-skin .og-console-header h2{font-size:1rem!important}
  html.hunter-hud body.nexus-skin .og-console-header h2::before{display:none}
  html.hunter-hud body.nexus-skin .og-cta{padding:28px 16px 38px}
  html.hunter-hud body.nexus-skin .og-footer{padding:26px 16px 30px}
  html.hunter-hud body.nexus-skin #chatToggleBtn,
  html.hunter-hud body.nexus-skin #chatToggleBtn.chat-toggle-btn,
  html.hunter-hud body.gp-nexus-page.nexus-skin #chatToggleBtn,
  html.hunter-hud body.gp-nexus-page.nexus-skin #chatToggleBtn.chat-toggle-btn{border-radius:0!important;clip-path:var(--gph-cut8)}
  html.hunter-hud body.nexus-skin .live-streams-toggle{clip-path:none;border-left:1px solid var(--hh-edge-hot)!important}
}