:root{--hub-bg:#03070c;--hub-red:#e21d32;--hub-blue:#1478ff}
*{box-sizing:border-box}
html{background:#02050a}
body{margin:0;background:#02050a;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.hub-shell{width:min(1904px,100%);margin:0 auto}
.visual-link{position:relative;display:block}
.visual-link>img,.hub-art{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:8;border:0;border-radius:8px;color:transparent;background:transparent;text-indent:-9999px;overflow:hidden}
.hotspot:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 5px var(--hub-red),0 0 25px var(--hub-blue)}
.site-header-visual{position:sticky;top:0;z-index:50;background:#020710;border-bottom:1px solid rgba(21,104,178,.75);box-shadow:0 8px 22px rgba(0,0,0,.52)}
.site-header-visual img{width:100%;display:block}
.header-home{left:4.8%;top:8%;width:22.8%;height:80%}
.header-nav-home{left:42.4%;top:0;width:4.1%;height:100%}
.header-about{left:46.7%;top:0;width:6.3%;height:100%}
.header-game{left:53.2%;top:0;width:6.3%;height:100%}
.header-gear{left:59.6%;top:0;width:6.2%;height:100%}
.header-gallery{left:65.8%;top:0;width:5.5%;height:100%}
.header-2b2a{left:71.3%;top:0;width:4.4%;height:100%}
.header-forums{left:75.8%;top:0;width:5.1%;height:100%}
.header-contact{left:80.9%;top:0;width:6.8%;height:100%}
.header-herolink{left:87.7%;top:0;width:5.3%;height:100%}
.header-search{left:93.4%;top:14%;width:4.2%;height:70%}

.hero-wrap{position:relative;background:#05070b;line-height:0;overflow:hidden}
.hero-wrap img{display:block;width:100%;height:auto;margin:0}

.eh-trivia-banner-wrap{position:relative;z-index:8;margin-top:10px;padding:0;overflow:visible}
.eh-trivia-banner{position:relative;display:block;overflow:hidden;aspect-ratio:1447 / 122;min-height:112px;border:1px solid rgba(70,132,190,.58);background:#030710;box-shadow:0 18px 46px rgba(0,0,0,.48),0 0 24px rgba(20,120,255,.14),0 0 18px rgba(226,29,50,.12),inset 0 0 0 1px rgba(255,255,255,.035);transform:translateZ(0)}
.eh-trivia-banner img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.98) contrast(1.04) saturate(1.06);transition:filter .25s ease,transform .3s ease}
.eh-trivia-banner:hover img{filter:brightness(1.13) contrast(1.05) saturate(1.14);transform:scale(1.004)}
.eh-trivia-banner::before,.eh-trivia-banner::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none}
.eh-trivia-banner::before{background:radial-gradient(circle at 17% 50%,rgba(255,255,255,.35),transparent 5%),radial-gradient(circle at 17% 50%,rgba(255,40,45,.42),transparent 20%),radial-gradient(circle at 91% 50%,rgba(20,120,255,.25),transparent 19%);opacity:.34;mix-blend-mode:screen;animation:ehTriviaCharge 3.6s ease-in-out infinite}
.eh-trivia-banner::after{background:linear-gradient(90deg,rgba(226,29,50,.18),transparent 31%,transparent 67%,rgba(20,120,255,.18));opacity:.26}
.eh-trivia-electric{position:absolute;left:7%;top:4%;width:22%;height:92%;z-index:4;pointer-events:none;border-radius:50%;opacity:.36;box-shadow:0 0 22px rgba(255,42,52,.26),0 0 42px rgba(255,255,255,.12);animation:ehTriviaLogoPulse 2.2s ease-in-out infinite}
.eh-trivia-air-mask{position:absolute;z-index:6;top:9%;right:8.8%;width:8.4%;min-width:76px;height:31%;display:grid;place-items:center;color:rgba(74,84,98,.72);background:rgba(1,5,11,.97);border:1px solid rgba(62,82,105,.42);box-shadow:inset 0 0 18px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8);font:900 clamp(11px,1vw,17px)/1 Impact,"Arial Black",sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.eh-trivia-banner-wrap.is-live .eh-trivia-air-mask{display:none}
.eh-trivia-banner-wrap.is-live .eh-trivia-banner{border-color:rgba(255,67,78,.72);animation:ehTriviaLiveFrame 2.4s ease-in-out infinite}
.eh-trivia-banner-wrap.is-live .eh-trivia-electric{opacity:.70;animation-duration:1.15s}
@keyframes ehTriviaCharge{0%,100%{opacity:.20;filter:brightness(.9)}48%{opacity:.55;filter:brightness(1.4)}52%{opacity:.28;filter:brightness(1)}58%{opacity:.64;filter:brightness(1.65)}}
@keyframes ehTriviaLogoPulse{0%,100%{transform:scale(.98);filter:brightness(.9)}50%{transform:scale(1.03);filter:brightness(1.35)}}
@keyframes ehTriviaLiveFrame{0%,100%{box-shadow:0 18px 46px rgba(0,0,0,.48),0 0 20px rgba(226,29,50,.20),0 0 20px rgba(20,120,255,.18)}50%{box-shadow:0 18px 46px rgba(0,0,0,.48),0 0 38px rgba(226,29,50,.46),0 0 30px rgba(20,120,255,.35)}}

.lower-wrap{position:relative;background:#02050a}
.lower-wrap img{display:block;width:100%}
.card-dyk{left:1.9%;top:0.9%;width:17.1%;height:52.5%}
.card-gutter{left:19.9%;top:0.9%;width:17.1%;height:52.5%}
.card-riddle{left:38.3%;top:0.9%;width:18.0%;height:52.5%}
.card-innuendo{left:56.8%;top:0.9%;width:19.0%;height:52.5%}
.card-random{left:76.6%;top:0.9%;width:20.2%;height:52.5%}

@media(max-width:900px){
  .site-header-visual{position:relative}
  .eh-trivia-banner{min-height:60px}
  .eh-trivia-air-mask{display:none}
  .hero-wrap,.lower-wrap{overflow-x:auto}
  .hero-wrap img,.lower-wrap img{min-width:920px}
  .hero-wrap .hotspot,.lower-wrap .hotspot{display:none}
}
@media(prefers-reduced-motion:reduce){.eh-trivia-banner:before,.eh-trivia-banner-wrap.is-live .eh-trivia-banner{animation:none!important}}

/* Final exact image header */
.ehq-visual-header{position:sticky;top:0;z-index:1000;width:min(1904px,100%);margin:0 auto;background:#020710;border-bottom:1px solid rgba(21,104,178,.75);box-shadow:0 8px 22px rgba(0,0,0,.52);line-height:0}
.ehq-visual-header>img{display:block;width:100%;height:auto}
.ehq-header-hit{position:absolute;top:0;height:100%;z-index:5;color:transparent!important;text-indent:-9999px;overflow:hidden;background:transparent!important;border:0!important}
.ehq-brand-hit{left:0;width:27.5%}.ehq-home-hit{left:42.4%;width:4.1%}.ehq-about-hit{left:46.7%;width:6.3%}.ehq-game-hit{left:53.2%;width:6.3%}.ehq-gear-hit{left:59.6%;width:6.2%}.ehq-gallery-hit{left:65.8%;width:5.5%}.ehq-2b2a-hit{left:71.3%;width:4.4%}.ehq-forums-hit{left:75.8%;width:5.1%}.ehq-contact-hit{left:80.9%;width:6.8%}.ehq-herolink-hit{left:87.7%;width:5.3%}.ehq-search-hit{left:93.4%;top:14%;width:4.2%;height:70%}
@media(max-width:900px){.ehq-visual-header{position:relative;overflow-x:auto}.ehq-visual-header>img{min-width:920px}.ehq-header-hit{display:none}}

/* Revision 5 banner cleanup */
.eh-trivia-air-mask{display:none!important}
.eh-trivia-banner{animation:ehTriviaLiveFrame 2.8s ease-in-out infinite!important}
.eh-trivia-banner::before{opacity:.48!important}

/* Final rebuilt hub artwork: one clean image, zero overlays baked over old artwork. */
.eh-trivia-banner-wrap,.lower-wrap{display:none!important}
.hub-complete{position:relative;display:block;background:#02050a;line-height:0}
.hub-complete>img{display:block;width:100%;height:auto}
.hub-complete .hotspot{top:auto}
.trivia-link{left:.9%;top:3.2%;width:98.2%;height:29.7%}
.card-dyk{left:.9%;top:35.5%;width:18.6%;height:37.3%}
.card-gutter{left:20.3%;top:35.5%;width:18.0%;height:37.3%}
.card-riddle{left:39.0%;top:35.5%;width:19.1%;height:37.3%}
.card-innuendo{left:59.0%;top:35.5%;width:18.2%;height:37.3%}
.card-random{left:78.0%;top:35.5%;width:21.1%;height:37.3%}
.hub-complete .hotspot:hover{background:rgba(255,255,255,.025);box-shadow:inset 0 0 28px rgba(28,142,255,.28)}
@media(max-width:900px){
  .hub-complete{overflow-x:auto}
  .hub-complete>img{min-width:920px}
  .hub-complete .hotspot{display:none}
}

/* FINAL 7: isolated clickable regions for the single approved hub artwork. */
.hub-complete{position:relative!important;display:block!important;line-height:0!important}
.hub-complete>img{display:block!important;width:100%!important;height:auto!important;margin:0!important}
.hub-hotspot{position:absolute!important;z-index:30!important;display:block!important;color:transparent!important;background:transparent!important;border:0!important;text-indent:-9999px!important;overflow:hidden!important;border-radius:10px!important}
.hub-hotspot:focus-visible{outline:3px solid #fff!important;box-shadow:0 0 0 5px #e21d32,0 0 28px #1478ff!important}
.hub-hotspot:hover{background:rgba(255,255,255,.035)!important;box-shadow:inset 0 0 30px rgba(30,150,255,.32)!important}
/* Coordinates measured directly from the 2048 x 682 approved artwork. */
.hub-hit-trivia{left:.93%!important;top:3.52%!important;width:98.15%!important;height:28.74%!important}
.hub-hit-dyk{left:.93%!important;top:35.48%!important;width:18.49%!important;height:37.10%!important}
.hub-hit-gutter{left:20.24%!important;top:35.48%!important;width:17.68%!important;height:37.10%!important}
.hub-hit-riddle{left:38.78%!important;top:35.48%!important;width:19.19%!important;height:37.10%!important}
.hub-hit-innuendo{left:58.73%!important;top:35.48%!important;width:18.60%!important;height:37.10%!important}
.hub-hit-random{left:78.18%!important;top:35.48%!important;width:20.89%!important;height:37.10%!important}
@media(max-width:900px){
  .hub-complete{overflow-x:auto!important}
  .hub-complete>img{min-width:920px!important}
  .hub-hotspot{display:none!important}
}