:root{--ehq-red:#e2212f;--ehq-blue:#00a7ff;--ehq-pink:#ff2ca4;--ehq-gold:#ffc431;--ehq-bg:#03070b;--ehq-panel:#090e15;--ehq-border:rgba(67,128,177,.48)}
*{box-sizing:border-box}
body{background:#03070b!important;background-image:radial-gradient(circle at 12% 10%,rgba(220,25,38,.16),transparent 28%),radial-gradient(circle at 88% 14%,rgba(0,139,255,.18),transparent 30%),linear-gradient(180deg,#020408,#07101a 55%,#02050a)!important;color:#fff!important}
.ehq-site-header{position:sticky;top:0;z-index:1000;background:rgba(1,5,10,.97);border-bottom:1px solid #154c76;box-shadow:0 10px 30px rgba(0,0,0,.55)}
.ehq-header-inner{width:min(1672px,100%);min-height:74px;margin:auto;display:flex;align-items:center;padding:0 18px;gap:22px}
.ehq-brand{display:flex;align-items:center;gap:12px;min-width:360px;color:#fff;text-decoration:none;border-right:1px solid rgba(54,112,154,.35);padding-right:24px}
.ehq-brand-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:900 22px/1 Arial;background:radial-gradient(circle at 35% 30%,#e73d3d,#72070d 55%,#07111e 58%);border:3px solid #597184;box-shadow:0 0 18px rgba(0,144,255,.28);font-style:italic}
.ehq-brand-copy{display:flex;flex-direction:column;line-height:1}.ehq-brand-copy strong{font:900 25px/1 Impact,'Arial Black',sans-serif;letter-spacing:.035em}.ehq-brand-copy small{margin-top:7px;color:#f22935;font-weight:800;font-size:12px;letter-spacing:.04em}
.ehq-primary-nav{display:flex;align-items:stretch;justify-content:flex-end;flex:1;min-height:74px}.ehq-primary-nav a{display:flex;align-items:center;padding:0 14px;color:#e7e7e7;text-decoration:none;font:900 14px/1 Impact,'Arial Black',sans-serif;letter-spacing:.045em;border-bottom:3px solid transparent;transition:.18s}.ehq-primary-nav a:hover,.ehq-primary-nav a:focus{color:#fff;background:rgba(255,255,255,.045);border-bottom-color:#ef2530}
.ehq-search{width:52px;height:52px;display:grid;place-items:center;background:#8e0910;border:1px solid #e12530;color:#fff;text-decoration:none;font-size:31px;line-height:1}.ehq-menu-toggle{display:none}
.shell,.quiz-shell{width:min(1380px,calc(100% - 32px))!important;padding-top:32px!important}
.game-card,.quiz-card{background:linear-gradient(145deg,rgba(5,10,16,.98),rgba(8,18,28,.96))!important;border:1px solid rgba(46,119,169,.58)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 30px rgba(0,141,255,.08),inset 0 0 0 1px rgba(255,255,255,.025)!important}
.game-card:after,.quiz-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(226,33,47,.11),transparent 30%,transparent 70%,rgba(0,167,255,.10));opacity:.65}
.inner,.quiz-inner{position:relative;z-index:2}
.eyebrow{color:#ff424d!important;font-family:Impact,'Arial Black',sans-serif!important;letter-spacing:.13em!important}
h1{font-family:Impact,'Arial Black',sans-serif!important;letter-spacing:.015em!important;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,255,255,.08)}
.intro{color:rgba(255,255,255,.76)!important}
.start-box,.question-box,.finish-box,.question-wrap,.result-card{background:linear-gradient(150deg,rgba(17,27,40,.94),rgba(5,10,17,.96))!important;border:1px solid rgba(75,135,180,.42)!important;border-radius:16px!important;box-shadow:inset 0 0 28px rgba(0,0,0,.32)!important}
.small-link,button.main-btn,.button-link,.answer-button,.primary-button{border-radius:7px!important;font-family:Impact,'Arial Black',sans-serif!important;letter-spacing:.035em!important;text-transform:uppercase;background:linear-gradient(180deg,#ed3038,#9d0d13)!important;border:1px solid #ff5259!important;box-shadow:0 8px 20px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.16)!important}
.small-link:hover,button.main-btn:hover,.button-link:hover,.answer-button:hover,.primary-button:hover{filter:brightness(1.15);transform:translateY(-1px)}
.answer-button{background:linear-gradient(180deg,rgba(12,54,83,.98),rgba(5,25,42,.98))!important;border-color:rgba(0,170,255,.58)!important}.answer-button.is-selected{background:linear-gradient(180deg,#ee313a,#970c13)!important;border-color:#ff6570!important}
.progress-bar{background:#03070b!important;border:1px solid rgba(255,255,255,.1)}.progress-fill{background:linear-gradient(90deg,#e11f2d,#ffbc21,#00a9ff)!important}
.top-actions{margin-top:8px}.small-link{min-height:42px!important;padding:10px 17px!important}
@media(max-width:1150px){.ehq-brand{min-width:290px}.ehq-primary-nav a{padding:0 8px;font-size:12px}}
@media(max-width:900px){.ehq-header-inner{flex-wrap:wrap;padding:10px 14px}.ehq-brand{min-width:0;flex:1;border:0}.ehq-brand-copy strong{font-size:20px}.ehq-menu-toggle{display:block;background:#8e0910;color:#fff;border:1px solid #e12530;padding:12px 15px;font-weight:900}.ehq-primary-nav{display:none;order:3;width:100%;min-height:0;flex-direction:column}.ehq-primary-nav.is-open{display:flex}.ehq-primary-nav a{min-height:44px;border-bottom:1px solid rgba(255,255,255,.08)}.ehq-search{width:44px;height:44px}.shell,.quiz-shell{width:min(100% - 18px,1380px)!important;padding-top:18px!important}}

/* Final visual-header and quiz-page overrides */
.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;box-shadow:none!important}
.ehq-header-hit:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.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%}

body{background:#02050a!important;background-image:radial-gradient(circle at 14% 10%,rgba(226,29,50,.17),transparent 27%),radial-gradient(circle at 86% 12%,rgba(20,120,255,.18),transparent 29%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 9px),linear-gradient(180deg,#020407,#07111a 58%,#02050a)!important}
.shell,.quiz-shell{width:min(1380px,calc(100% - 32px))!important;margin:0 auto!important;padding:28px 0 52px!important}
.game-card,.quiz-card{position:relative!important;background:linear-gradient(145deg,rgba(5,10,16,.98),rgba(8,18,28,.96))!important;border:1px solid rgba(46,119,169,.62)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 30px rgba(0,141,255,.10),inset 0 0 0 1px rgba(255,255,255,.03)!important}
.start-box,.question-box,.finish-box,.question-wrap,.result-card{background:linear-gradient(150deg,rgba(17,27,40,.95),rgba(5,10,17,.97))!important;border:1px solid rgba(75,135,180,.48)!important;border-radius:16px!important;box-shadow:inset 0 0 28px rgba(0,0,0,.38)!important}
h1,h2,.eyebrow{font-family:Impact,'Arial Black',sans-serif!important}
h1{letter-spacing:.01em!important;text-shadow:3px 3px 0 #000,0 0 18px rgba(255,255,255,.08)!important}
.small-link,button.main-btn,.button-link,.primary-button{border-radius:7px!important;text-transform:uppercase!important;background:linear-gradient(180deg,#ed3038,#9d0d13)!important;border:1px solid #ff5259!important;box-shadow:0 8px 20px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.16)!important}
.answer-button{border-radius:8px!important;background:linear-gradient(180deg,rgba(12,54,83,.98),rgba(5,25,42,.98))!important;border:1px solid rgba(0,170,255,.58)!important}
.answer-button:hover,.answer-button.is-selected{background:linear-gradient(180deg,#ee313a,#970c13)!important;border-color:#ff6570!important}
@media(max-width:900px){.ehq-visual-header{position:relative;overflow-x:auto}.ehq-visual-header>img{min-width:920px}.ehq-header-hit{display:none}.shell,.quiz-shell{width:min(100% - 18px,1380px)!important;padding-top:18px!important}}

/* Revision 5: unmistakable quiz-page restyle */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 24%,rgba(235,20,36,.18),transparent 24%),radial-gradient(circle at 92% 20%,rgba(0,153,255,.20),transparent 26%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px)}
.shell,.quiz-shell{max-width:1320px!important}
.top-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:8px 0 18px!important}
.game-card,.quiz-card{overflow:hidden!important;border:2px solid transparent!important;background:linear-gradient(#07111a,#07111a) padding-box,linear-gradient(90deg,#e21d32,#401521 38%,#10283a 62%,#1478ff) border-box!important;box-shadow:0 26px 80px rgba(0,0,0,.72),-16px 0 38px rgba(226,29,50,.11),16px 0 38px rgba(20,120,255,.13)!important}
.game-card::before,.quiz-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/12px 12px,linear-gradient(90deg,rgba(226,29,50,.10),transparent 30%,transparent 70%,rgba(20,120,255,.10));opacity:.75}
.game-card .inner,.quiz-card .quiz-inner{padding:42px!important}
.eyebrow{font-size:14px!important;color:#ff3b48!important}
h1{font-size:clamp(48px,6vw,82px)!important;line-height:.95!important;margin:.18em 0 .28em!important;color:#f5f5f5!important;text-shadow:4px 4px 0 #000,0 0 24px rgba(255,255,255,.09)!important}
.intro{font-size:20px!important;max-width:760px!important}
.start-box,.question-box,.finish-box,.question-wrap,.result-card{position:relative!important;margin-top:28px!important;padding:34px!important;border-left:5px solid #e21d32!important;border-right:5px solid #1478ff!important;background:linear-gradient(110deg,rgba(27,18,25,.96),rgba(7,16,25,.98) 48%,rgba(8,24,39,.96))!important;box-shadow:inset 0 0 35px rgba(0,0,0,.48),0 12px 34px rgba(0,0,0,.28)!important}
.start-box h2,.question-box h2,.finish-box h2{font-size:clamp(34px,4vw,52px)!important;margin:0 0 20px!important;color:#fff!important;text-shadow:3px 3px 0 #000!important}
.answer-grid{gap:14px!important}
.answer-button{min-height:66px!important;padding:16px 20px!important;text-align:left!important;font-size:18px!important;color:#fff!important;box-shadow:inset 0 0 20px rgba(0,0,0,.26),0 6px 16px rgba(0,0,0,.2)!important}
.answer-button::first-letter{color:#ff424d}
button.main-btn,.button-link,.primary-button,.small-link{font-size:16px!important;padding:13px 24px!important}
.status-row{background:#050b11!important;border:1px solid rgba(0,167,255,.28)!important;border-radius:12px!important;padding:15px 18px!important;margin:20px 0!important}
.progress-fill{box-shadow:0 0 18px rgba(0,167,255,.35)!important}
@media(max-width:700px){.game-card .inner,.quiz-card .quiz-inner{padding:24px!important}.start-box,.question-box,.finish-box,.question-wrap,.result-card{padding:22px!important}h1{font-size:46px!important}}

/* Revision 8: unified quiz experience */
.ehq-quiz-page{
  --quiz-accent:#00a7ff;
  --quiz-accent-soft:rgba(0,167,255,.22);
  --quiz-accent-dark:#06496e;
  --quiz-mark:"?";
  --quiz-label:"HERO QUIZ";
}
.quiz-skin-dyk-quiz{--quiz-accent:#12b9ff;--quiz-accent-soft:rgba(18,185,255,.22);--quiz-accent-dark:#075277;--quiz-mark:"?";--quiz-label:"DID YOU KNOW?"}
.quiz-skin-in-the-gutter{--quiz-accent:#ff3949;--quiz-accent-soft:rgba(255,57,73,.22);--quiz-accent-dark:#78111b;--quiz-mark:"☠";--quiz-label:"IN THE GUTTER"}
.quiz-skin-riddle-me-this{--quiz-accent:#d94cff;--quiz-accent-soft:rgba(217,76,255,.22);--quiz-accent-dark:#5d1a73;--quiz-mark:"?";--quiz-label:"RIDDLE ME THIS"}
.quiz-skin-innocent-or-innuendo{--quiz-accent:#a8f128;--quiz-accent-soft:rgba(168,241,40,.20);--quiz-accent-dark:#456b0b;--quiz-mark:"◐";--quiz-label:"INNOCENT OR INNUENDO"}
.quiz-skin-how-dirty-are-you{--quiz-accent:#ff8a24;--quiz-accent-soft:rgba(255,138,36,.20);--quiz-accent-dark:#773b08;--quiz-mark:"!";--quiz-label:"HOW DIRTY ARE YOU?"}
.quiz-skin-random-knowledge,.quiz-skin-random{--quiz-accent:#16c8ff;--quiz-accent-soft:rgba(22,200,255,.20);--quiz-accent-dark:#075b76;--quiz-mark:"✦";--quiz-label:"RANDOM KNOWLEDGE"}

.ehq-quiz-page .shell,.ehq-quiz-page .quiz-shell{max-width:1360px!important;padding-top:24px!important}
.ehq-quiz-page .game-card,.ehq-quiz-page .quiz-card{
  min-height:520px;
  border:2px solid transparent!important;
  background:
    linear-gradient(145deg,rgba(5,9,15,.99),rgba(7,18,28,.98)) padding-box,
    linear-gradient(100deg,#e2212f 0%,var(--quiz-accent) 52%,#1478ff 100%) border-box!important;
}
.ehq-quiz-page .game-card::before,.ehq-quiz-page .quiz-card::before{
  background:
    radial-gradient(circle at 80% 33%,var(--quiz-accent-soft),transparent 24%),
    repeating-linear-gradient(-30deg,rgba(255,255,255,.025) 0 1px,transparent 1px 10px),
    linear-gradient(90deg,rgba(226,33,47,.10),transparent 30%,transparent 72%,rgba(20,120,255,.10))!important;
  opacity:1!important;
}
.ehq-quiz-page .game-card::after,.ehq-quiz-page .quiz-card::after{
  content:var(--quiz-mark)!important;
  position:absolute!important;
  right:4.5%!important;
  top:50%!important;
  transform:translateY(-50%) rotate(-7deg)!important;
  width:260px!important;
  height:260px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid var(--quiz-accent)!important;
  border-radius:50%!important;
  color:var(--quiz-accent)!important;
  font:900 170px/1 Impact,'Arial Black',sans-serif!important;
  text-shadow:0 0 20px var(--quiz-accent),0 0 54px var(--quiz-accent)!important;
  box-shadow:0 0 22px var(--quiz-accent-soft),inset 0 0 32px var(--quiz-accent-soft)!important;
  opacity:.22!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(255,255,255,.04),transparent 65%)!important;
}
.ehq-quiz-page .inner,.ehq-quiz-page .quiz-inner{padding:48px!important}
.ehq-quiz-page .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 13px!important;
  margin-bottom:16px!important;
  color:#fff!important;
  background:linear-gradient(90deg,#bd1420,var(--quiz-accent-dark))!important;
  border:1px solid var(--quiz-accent)!important;
  border-radius:5px!important;
  box-shadow:0 0 18px var(--quiz-accent-soft)!important;
}
.ehq-quiz-page h1{max-width:76%;font-size:clamp(52px,6vw,84px)!important;text-transform:none!important}
.ehq-quiz-page .intro{max-width:72%!important;font-size:clamp(18px,1.55vw,21px)!important}
.ehq-quiz-page .start-box,.ehq-quiz-page .question-box,.ehq-quiz-page .finish-box,.ehq-quiz-page .question-wrap,.ehq-quiz-page .result-card{
  width:100%!important;
  border-left:5px solid var(--quiz-accent)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(110deg,rgba(13,19,29,.98),rgba(5,12,20,.98)),
    radial-gradient(circle at 90% 20%,var(--quiz-accent-soft),transparent 34%)!important;
}
.ehq-quiz-page .start-box{max-width:78%;min-height:180px;display:flex;flex-direction:column;justify-content:center}
.ehq-quiz-page .start-box::after{
  content:var(--quiz-label);
  position:absolute;
  right:24px;
  bottom:18px;
  color:var(--quiz-accent);
  opacity:.18;
  font:900 clamp(24px,3.5vw,54px)/1 Impact,'Arial Black',sans-serif;
  letter-spacing:.04em;
  pointer-events:none;
}
.ehq-quiz-page .question-box h2{max-width:100%;font-size:clamp(28px,3vw,42px)!important}
.ehq-quiz-page .answer-button{
  border-color:color-mix(in srgb,var(--quiz-accent) 65%,#ffffff 10%)!important;
  background:linear-gradient(180deg,rgba(12,35,53,.98),rgba(4,15,25,.99))!important;
}
.ehq-quiz-page .answer-button:hover,.ehq-quiz-page .answer-button.is-selected{
  background:linear-gradient(180deg,var(--quiz-accent-dark),#170b12)!important;
  border-color:var(--quiz-accent)!important;
  box-shadow:0 0 22px var(--quiz-accent-soft),inset 0 0 20px rgba(0,0,0,.35)!important;
}
.ehq-quiz-page button.main-btn,.ehq-quiz-page .primary-button,.ehq-quiz-page .button-link{
  background:linear-gradient(180deg,var(--quiz-accent),var(--quiz-accent-dark))!important;
  border-color:var(--quiz-accent)!important;
  color:#fff!important;
  text-shadow:1px 1px 0 rgba(0,0,0,.7)!important;
}
.ehq-quiz-page .small-link{
  background:linear-gradient(180deg,#e93640,#9e1017)!important;
  border-color:#ff5961!important;
}
.ehq-quiz-page .progress-fill{background:linear-gradient(90deg,#e2212f,var(--quiz-accent),#1478ff)!important;box-shadow:0 0 18px var(--quiz-accent-soft)!important}
.ehq-quiz-page .status-row{border-color:var(--quiz-accent-soft)!important}
.ehq-quiz-page .text-answer,.ehq-quiz-page .answer-input{border-color:var(--quiz-accent-soft)!important}
.ehq-quiz-page .text-answer:focus,.ehq-quiz-page .answer-input:focus{border-color:var(--quiz-accent)!important;box-shadow:0 0 0 3px var(--quiz-accent-soft)!important}

@media(max-width:900px){
  .ehq-quiz-page .game-card::after,.ehq-quiz-page .quiz-card::after{width:160px!important;height:160px!important;font-size:105px!important;right:2%!important;top:30%!important}
  .ehq-quiz-page h1,.ehq-quiz-page .intro{max-width:100%!important}
  .ehq-quiz-page .start-box{max-width:100%}
}
@media(max-width:650px){
  .ehq-quiz-page .inner,.ehq-quiz-page .quiz-inner{padding:24px!important}
  .ehq-quiz-page .game-card::after,.ehq-quiz-page .quiz-card::after{display:none!important}
  .ehq-quiz-page h1{font-size:46px!important}
}