/* HELL-MU V6 ACTIVE - works from ETAP 41 or 42 base, desktop height unchanged.
 * Only the central header art. No changes to countdown, menu, sidebar, background or widgets.
 * Unique filenames and URL versions prevent stale ETAP 41/42 asset-cache collisions. */
html body.hell-theme.hell35-theme .masthead .hell-v6-center-veil {
 display:block!important;position:absolute!important;left:50%!important;top:0!important;
 transform:translateX(-50%)!important;width:min(1500px,100%)!important;
 height:425px!important;pointer-events:none!important;z-index:6!important;
 background:radial-gradient(ellipse 52% 64% at 50% 35%,rgba(10,4,8,.88) 0%,rgba(10,4,8,.52) 64%,rgba(10,4,8,0) 100%)!important;
}
html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {
 display:block!important;position:absolute!important;left:50%!important;top:0!important;
 transform:translateX(-50%)!important;width:min(1400px,96%)!important;
 height:auto!important;max-width:none!important;aspect-ratio:1400/425!important;
 object-fit:contain!important;object-position:center top!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;opacity:1!important;filter:none!important;
 mix-blend-mode:normal!important;z-index:8!important;pointer-events:none!important;
 animation:none!important;
}
/* Preserve the existing header content above the decorative image. */
html body.hell-theme.hell35-theme .masthead .hell28-header-countdown {z-index:16!important;}
html body.hell-theme.hell35-theme .masthead .header-sidecopy,
html body.hell-theme.hell35-theme .masthead .header-tagline {z-index:16!important;}
html body.hell-theme.hell35-theme .masthead .utility-bar {z-index:25!important;}
@media (min-width:1551px) {
 html body.hell-theme.hell35-theme .masthead {height:425px!important;min-height:425px!important;}
}
@media (min-width:981px) and (max-width:1550px) {
 html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {width:min(1250px,98%)!important;}
 html body.hell-theme.hell35-theme .masthead .hell-v6-center-veil {height:390px!important;}
}
@media (max-width:980px) {
 html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {width:min(860px,170%)!important;top:2px!important;}
 html body.hell-theme.hell35-theme .masthead .hell-v6-center-veil {height:265px!important;}
}
@media (max-width:640px) {
 html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {width:min(605px,154%)!important;top:6px!important;}
 html body.hell-theme.hell35-theme .masthead .hell-v6-center-veil {height:190px!important;}
}
@media (prefers-reduced-motion:reduce) {
 html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art{animation:none!important;}
}

/* ================================================================
   HELL-MU · ETAP 43 / PREMIUM ACTIONS
   Styling ONLY; existing DMN login session, URLs and forms unchanged.
   The masthead, countdown, central art, navigation and all other UI are untouched.
   ================================================================ */

/* Separate ornamental controls, instead of the old tiny shared text bar. */
html body.hell-theme.hell35-theme .masthead .utility-bar {
  z-index: 45 !important;
}
html body.hell-theme.hell35-theme .masthead .utility-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.hell-theme.hell35-theme .masthead .utility-actions > a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-width: 88px !important;
  min-height: 36px !important;
  padding: 7px 13px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid #ad7550 !important;
  border-radius: 2px !important;
  background: linear-gradient(180deg,#53372e 0%,#241b1d 15%,#131113 54%,#09080a 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,216,166,.29),
              inset 0 -2px 0 rgba(0,0,0,.68),
              inset 0 0 0 3px rgba(10,7,8,.62),
              0 2px 8px rgba(0,0,0,.64), 0 0 9px rgba(153,35,22,.22) !important;
  color: #fff0d5 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font: 700 11px/1.18 Georgia,'Times New Roman',serif !important;
  letter-spacing: .9px !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 1px #000, 0 0 7px rgba(248,174,110,.35) !important;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease,
              color .2s ease, transform .2s ease !important;
}
/* Inset bevel inside each button; decorative only. */
html body.hell-theme.hell35-theme .masthead .utility-actions > a::before {
  content: '' !important;
  position: absolute !important;
  inset: 3px !important;
  border: 1px solid rgba(244,178,111,.28) !important;
  border-radius: 1px !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
/* Fine metallic highlight at the upper edge. */
html body.hell-theme.hell35-theme .masthead .utility-actions > a::after {
  content: '' !important;
  position: absolute !important;
  left: 18% !important;
  right: 18% !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#ffdda3,transparent) !important;
  pointer-events: none !important;
}
/* The second action is REGISTER when logged out and LOGOUT when signed in. */
html body.hell-theme.hell35-theme .masthead .utility-actions > a:last-child {
  border-color: #cb6848 !important;
  background: linear-gradient(180deg,#742d20 0%,#521817 15%,#3a0d10 62%,#1d0b0d 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,204,157,.35),
              inset 0 0 0 3px rgba(35,6,8,.7),
              0 2px 8px rgba(0,0,0,.67), 0 0 13px rgba(189,47,23,.24) !important;
  color: #fff1d8 !important;
}
html body.hell-theme.hell35-theme .masthead .utility-actions > a > svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  color: #f8c58e !important;
  stroke: currentColor !important;
}
html body.hell-theme.hell35-theme .masthead .utility-actions > a:hover,
html body.hell-theme.hell35-theme .masthead .utility-actions > a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: #ffe0aa !important;
  background: linear-gradient(180deg,#8b4131,#571c18 40%,#250d0e) !important;
  box-shadow: inset 0 1px 0 rgba(255,222,180,.46),
              inset 0 0 0 3px rgba(31,7,9,.7),
              0 0 16px rgba(240,95,41,.55), 0 3px 10px #000 !important;
  color: #fff9ed !important;
}
html body.hell-theme.hell35-theme .masthead .utility-actions > a:focus-visible {
  outline: 2px solid #ffd8a1 !important;
  outline-offset: 3px !important;
}

/* Hero download CTA — strongly legible, forged-metal frame, controlled glow. */
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  min-height: 78px !important;
  height: 78px !important;
  padding: 9px 6px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 2px solid #d88a52 !important;
  border-radius: 2px !important;
  background:
    radial-gradient(ellipse 95% 68% at 50% 25%,rgba(192,56,31,.48),transparent 73%),
    linear-gradient(110deg,#100b0e 0%,#521313 25%,#7d1a15 50%,#521313 75%,#100b0e 100%) !important;
  box-shadow: inset 0 0 0 3px #210b0c,
              inset 0 0 0 4px rgba(241,161,93,.45),
              inset 0 1px 0 rgba(255,215,160,.8),
              inset 0 -8px 15px rgba(0,0,0,.46),
              0 1px 0 #000,0 0 17px rgba(203,52,27,.36) !important;
  color: #fff2da !important;
  text-decoration: none !important;
  transform: translateZ(0);
  transition: border-color .22s ease, box-shadow .22s ease, filter .22s ease, transform .22s ease !important;
}
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button::before {
  content: '' !important;
  position: absolute !important;
  inset: 7px !important;
  border: 1px solid rgba(255,194,114,.7) !important;
  border-radius: 1px !important;
  background: linear-gradient(90deg,rgba(224,109,49,.13),transparent 25%,transparent 75%,rgba(224,109,49,.13)) !important;
  box-shadow: inset 0 0 5px rgba(0,0,0,.6) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
/* Static upper light line: avoid a perpetual flash across the wording. */
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button::after {
  content: '' !important;
  position: absolute !important;
  top: 4px !important;
  left: 24% !important;
  width: 52% !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,rgba(255,239,196,.85),transparent) !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none !important;
  opacity: 1 !important;
}
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button span {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  color: #fff5e4 !important;
  font: 700 21px/1.15 Georgia,'Times New Roman',serif !important;
  letter-spacing: 1.8px !important;
  text-shadow: 0 2px 2px #160408, 0 0 8px rgba(255,198,125,.42) !important;
}
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button small {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin-top: 1px !important;
  color: #ffdda5 !important;
  font: 700 10px/1.15 Georgia,'Times New Roman',serif !important;
  letter-spacing: 2px !important;
  text-shadow: 0 1px 2px #000 !important;
  opacity: 1 !important;
}
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button:hover,
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button:focus-visible {
  transform: translateY(-2px) !important;
  border-color: #ffe0a0 !important;
  filter: brightness(1.11) !important;
  box-shadow: inset 0 0 0 3px #29090a,
              inset 0 0 0 4px rgba(255,211,138,.7),
              0 0 23px rgba(250,82,40,.63), 0 4px 12px #000 !important;
}
html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button:focus-visible {
  outline: 2px solid #ffe7b4 !important;
  outline-offset: 3px !important;
}

@media (max-width: 760px) {
 html body.hell-theme.hell35-theme .masthead .utility-actions {gap: 4px !important;}
 html body.hell-theme.hell35-theme .masthead .utility-actions > a {
   min-width: 0 !important; min-height: 31px !important; padding: 5px 8px !important;
   font-size: 10px !important; letter-spacing: .4px !important;
 }
 html body.hell-theme.hell35-theme .masthead .utility-actions > a > svg {
   width: 12px !important; height: 12px !important; flex-basis:12px !important;
 }
 html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button {
   height: 70px !important;min-height:70px !important;
 }
 html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button span {font-size:18px !important;}
}
@media (max-width: 390px) {
 html body.hell-theme.hell35-theme .masthead .utility-actions > a {font-size:9px !important;padding:4px 6px!important;}
}
@media (prefers-reduced-motion: reduce) {
 html body.hell-theme.hell35-theme .masthead .utility-actions > a,
 html body.hell-theme.hell35-theme .sidebar .side-actions > a.download-button {
   transition: none !important; transform: none !important;
 }
}


/* ================================================================
   HELL-MU V8 — BLEND + CLEAN RANKINGS + MULTI-IMAGE HERO
   CSS extension to approved V6 + V7. Zero PHP/session/data changes.
   Original titan artwork dimensions and placement are unchanged.
   ================================================================ */

/* Smooth ONLY the abrupt outer artwork boundaries into the site panorama.
   All geometry, logo, moon, face, and countdown positions remain unchanged.
   This fade applies to the image's distant sides, not to the body scene. */
html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {
  -webkit-mask-image:linear-gradient(to right,
    transparent 0%, rgba(0,0,0,.18) 7%,rgba(0,0,0,.67) 17%,
    #000 29%,#000 71%,rgba(0,0,0,.67) 83%,
    rgba(0,0,0,.18) 93%,transparent 100%)!important;
  mask-image:linear-gradient(to right,
    transparent 0%,rgba(0,0,0,.18) 7%,rgba(0,0,0,.67) 17%,
    #000 29%,#000 71%,rgba(0,0,0,.67) 83%,
    rgba(0,0,0,.18) 93%,transparent 100%)!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
}
/* Small displays should not suffer exaggerated feathering of the logo art. */
@media(max-width:760px) {
 html body.hell-theme.hell35-theme .masthead .hell-v6-titan-art {
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%)!important;
  mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%)!important;
 }
}
/* Remove the extra dark strip/inset at the TOP PLAYERS tabs edge.
   Keep original tabs, functions, rankings data and ornamental corners. */
html body.hell-theme.hell35-theme #hell-live-rank-panel.ornate {
  outline:0!important;
  background:linear-gradient(180deg,#151012 0%,#0c0b0c 38%,#09090b 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(143,82,53,.46),0 3px 14px rgba(0,0,0,.55)!important;
}
html body.hell-theme.hell35-theme #hell-live-rank-panel .hell-rank-tabs {
  margin:0!important;padding:0!important;gap:0!important;
  background:linear-gradient(180deg,#1c1011,#100c0e)!important;
  border:0!important;border-bottom:1px solid #6d392d!important;
  box-shadow:none!important;
}
html body.hell-theme.hell35-theme #hell-live-rank-panel .hell-rank-tabs .tab {
  border-top:0!important;border-bottom:0!important;
  box-shadow:none!important;
}
html body.hell-theme.hell35-theme #hell-live-rank-panel .hell-rank-tabs .tab.is-active {
  background:linear-gradient(180deg,#571912,#8e1c15 58%,#35100f)!important;
  box-shadow:inset 0 1px 0 rgba(255,178,110,.26),inset 0 -2px 0 #b4482f!important;
}
html body.hell-theme.hell35-theme #hell-live-rank-panel .hell-live-rank {
  margin:0!important;border:0!important;box-shadow:none!important;
  background:transparent!important;
}

/* Three separate 1600x540 full quality banners. Existing hell-v5.js
   already sets data-slide and rotates text, dot state, link destinations.
   No slideshow JS replaced; the current three CMS routes stay as-is. */
html body.hell-theme.hell35-theme .hero .hero-image {
  background-image:url('../images/hell-v8-slide-1.webp')!important;
  background-position:center center!important;background-size:cover!important;
  background-repeat:no-repeat!important;
  animation:none!important;transform:none!important;filter:none!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image {
  background-image:url('../images/hell-v8-slide-1.webp')!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image {
  background-image:url('../images/hell-v8-slide-2.webp')!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image {
  background-image:url('../images/hell-v8-slide-3.webp')!important;
}
/* Separate image fades already built into the right-biased artwork.
   The left side remains deep charcoal to keep CMS live text readable. */
html body.hell-theme.hell35-theme .hero .hero-shade {
  background:linear-gradient(90deg,rgba(6,6,11,.54) 0%,rgba(7,6,10,.18) 49%,rgba(7,5,8,0) 74%)!important;
}
@media(max-width:760px){
 html body.hell-theme.hell35-theme .hero .hero-image {background-position:70% center!important;}
 html body.hell-theme.hell35-theme .hero .hero-shade {
  background:linear-gradient(90deg,rgba(6,6,11,.7),rgba(6,6,11,.24) 90%)!important;
 }
}


/* HELL-MU V8.1: Remove the two superfluous gold hairlines
   (near SEASON 6 EPISODE 3 and More Than Just a Game).
   Preserve the texts, titan, background, countdown, V7 buttons and V8 slides. */
html body.hell-theme.hell35-theme .masthead .header-sidecopy::after,
html body.hell-theme.hell35-theme .masthead .header-tagline::before {
  content: none !important;
  display: none !important;
  background: none !important;
}


/* ================================================================
   HELL-MU V9: five feature slides, images with baked-in English text.
   ONLY .hero slideshow; masthead/titan/logo/countdown/unrelated UI untouched.
   ================================================================ */
html body.hell-theme.hell35-theme .hero .hero-image {
 background-image:url('../images/hell-v9-feature-1.webp')!important;
 background-size:cover!important;background-position:center!important;
 background-repeat:no-repeat!important;animation:none!important;transform:none!important;
 filter:none!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image {background-image:url('../images/hell-v9-feature-1.webp')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image {background-image:url('../images/hell-v9-feature-2.webp')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image {background-image:url('../images/hell-v9-feature-3.webp')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image {background-image:url('../images/hell-v9-feature-4.webp')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image {background-image:url('../images/hell-v9-feature-5.webp')!important}
/* No duplicate live HTML copy on desktop. It remains accessible for screenreaders.
   Anchor covers the DISCOVER MORE lettering baked into the actual artwork. */
html body.hell-theme.hell35-theme .hero .hero-copy {
 position:absolute!important;top:68%!important;left:7%!important;
 width:32%!important;height:24%!important;max-width:none!important;
 padding:0!important;margin:0!important;display:block!important;
 background:transparent!important;box-shadow:none!important;border:0!important;
 z-index:5!important;pointer-events:none!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta) {
 position:absolute!important; width:1px!important; height:1px!important;
 padding:0!important; margin:-1px!important; overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;
 border:0!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
 position:absolute!important; inset:0!important;width:100%!important;height:100%!important;
 margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;opacity:0!important;
 text-indent:-10000px!important; pointer-events:auto!important;cursor:pointer!important;
}
html body.hell-theme.hell35-theme .hero .hero-shade {
 background:linear-gradient(90deg,rgba(6,5,9,.08),rgba(6,5,9,0) 77%)!important;
}
html body.hell-theme.hell35-theme .hero .slide-dots {
 display:flex!important;align-items:center;justify-content:center;gap:8px!important;
 z-index:8!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta:focus-visible {
 opacity:.65!important;outline:3px solid #ffca74!important;outline-offset:4px!important;
}
/* Mobile: crop to the illustrated right half and display the existing HTML copy
   as a responsive fallback. Full-size embedded text remains on desktop imagery. */
@media(max-width:760px){
 html body.hell-theme.hell35-theme .hero .hero-image {
  background-size:auto 100%!important;background-position:right center!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-shade {
  background:linear-gradient(90deg,rgba(6,4,8,.96) 0%,rgba(6,4,8,.79) 57%,rgba(6,4,8,.10) 100%)!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy {
  position:absolute!important;top:13%!important;left:4%!important;
  width:82%!important;height:auto!important;max-width:90%!important;
  padding:12px 8px!important;display:block!important;
  background:transparent!important;pointer-events:auto!important;text-align:left!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta){
  position:static!important;width:auto!important;height:auto!important;
  margin:0!important;overflow:visible!important;clip:auto!important;
  white-space:normal!important;display:block!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy .hero-kicker {
  font-size:10px!important;letter-spacing:.15em!important;color:#e5b991!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy h1 {
  font-size:clamp(19px,5vw,30px)!important;line-height:1.12!important;
  text-align:left!important;margin:12px 0 10px!important;max-width:100%!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy #hero-subtitle {
  font-size:11px!important;line-height:1.45!important;letter-spacing:.01em!important;
  text-align:left!important;color:#e7c49b!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
  position:relative!important;inset:auto!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  width:auto!important;height:auto!important;min-height:38px!important;
  margin-top:14px!important;padding:10px 18px!important;
  opacity:1!important;text-indent:0!important;
  background:linear-gradient(180deg,#9e271c,#55130f)!important;
  border:1px solid #c36a3c!important;border-radius:2px!important;
  color:#fff0da!important;font-size:11px!important;font-weight:700!important;
  box-shadow:inset 0 1px 0 rgba(255,183,99,.2),0 2px 12px rgba(0,0,0,.7)!important;
 }
}
@media(max-width:410px){
 html body.hell-theme.hell35-theme .hero .hero-copy{top:9%!important}
 html body.hell-theme.hell35-theme .hero .hero-copy h1{font-size:21px!important}
 html body.hell-theme.hell35-theme .hero .hero-copy #hero-subtitle{font-size:10px!important}
}
/* Isolated modal triggered by the image-baked DISCOVER MORE button */
.hell-feature-dialog {background:linear-gradient(145deg,#190d0e,#0b080a);color:#eee1cf;
 border:1px solid #ad6943;box-shadow:0 14px 70px #000c;max-width:530px;width:calc(100% - 32px);
 padding:34px 31px 30px;font-family:Georgia,serif;border-radius:4px}
.hell-feature-dialog::backdrop{background:rgba(0,0,0,.76)}
.hell-feature-dialog h2{font-size:26px;color:#e8b57c;margin:0 38px 17px 0;line-height:1.15}
.hell-feature-dialog p{font-size:15px;color:#e3cfb3;line-height:1.65;margin:0}
.hell-feature-dialog button{cursor:pointer;position:absolute;right:13px;top:12px;color:#e9c39b;
 background:#401610;border:1px solid #af6949;font-size:22px;line-height:30px;width:34px;height:34px;border-radius:2px}

/* ================================================================
 HELL-MU V10 | FEATURE SHOWCASE (test)
 Changes exclusively the five .hero slider images and their click-map.
 Keeps V9 slider JS, dialogs, five dots and all CMS/header areas intact.
 English lettering and button visuals are baked into each .webp image.
 ================================================================ */
html body.hell-theme.hell35-theme .hero {
 background:#101116!important;
 border-color:#7f4f38!important;
 box-shadow:inset 0 0 0 1px #1a1516,0 5px 16px #0008!important;
}
html body.hell-theme.hell35-theme .hero .hero-image {
 background-image:url('../images/hell-v10-feature-1.webp?v=10a')!important;
 background-size:100% 100%!important;
 background-position:50% 50%!important;
 background-repeat:no-repeat!important;
 animation:none!important;
 filter:none!important;
 transform:none!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image {background-image:url('../images/hell-v10-feature-1.webp?v=10a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image {background-image:url('../images/hell-v10-feature-2.webp?v=10a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image {background-image:url('../images/hell-v10-feature-3.webp?v=10a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image {background-image:url('../images/hell-v10-feature-4.webp?v=10a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image {background-image:url('../images/hell-v10-feature-5.webp?v=10a')!important}
html body.hell-theme.hell35-theme .hero .hero-shade {
 background:none!important;
 opacity:0!important;
 pointer-events:none!important;
}
/* Click-target exactly covers the button printed in the landscape artwork. */
html body.hell-theme.hell35-theme .hero .hero-copy {
 position:absolute!important;
 top:81.9%!important;
 left:4.80%!important;
 width:20.75%!important;
 height:13.08%!important;
 max-width:none!important;
 padding:0!important;margin:0!important;
 display:block!important;pointer-events:none!important;
 background:none!important;border:0!important;box-shadow:none!important;
 z-index:8!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta) {
 position:absolute!important; width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;overflow:hidden!important;
 clip:rect(0,0,0,0)!important;white-space:nowrap!important;
 border:0!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 display:block!important;padding:0!important;margin:0!important;
 opacity:0!important;text-indent:-10000px!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;pointer-events:auto!important;cursor:pointer!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta:focus-visible {
 opacity:.2!important;outline:3px solid #ffe1ac!important;outline-offset:2px!important;
}
html body.hell-theme.hell35-theme .hero .slide-dots {z-index:10!important}
/* Distinct phone canvases prevent cropped typography and reused header art. */
@media(max-width:760px){
 html body.hell-theme.hell35-theme .hero .hero-image {
  background-size:100% 100%!important;
  background-position:center!important;
 }
 html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image {background-image:url('../images/hell-v10-feature-1-mobile.webp?v=10a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image {background-image:url('../images/hell-v10-feature-2-mobile.webp?v=10a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image {background-image:url('../images/hell-v10-feature-3-mobile.webp?v=10a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image {background-image:url('../images/hell-v10-feature-4-mobile.webp?v=10a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image {background-image:url('../images/hell-v10-feature-5-mobile.webp?v=10a')!important}
 html body.hell-theme.hell35-theme .hero .hero-copy {
  position:absolute!important;top:81.9%!important;left:5%!important;
  width:39%!important;height:11.6%!important;max-width:none!important;
  padding:0!important;margin:0!important;display:block!important;
  text-align:left!important;pointer-events:none!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta){
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;min-height:0!important;margin:0!important;padding:0!important;
  opacity:0!important;text-indent:-10000px!important;
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;pointer-events:auto!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-shade{background:none!important;opacity:0!important}
}

/* ============================================================================
   HELL-MU V11 — FEATURE SHOWCASE / final test over V10
   Scoped exclusively to .hero. Does not change masthead, menu, countdown,
   rankings, download area, CMS sessions or JS. English text is baked in images.
   Five existing V9 JS slides retain same behavior and dialogs.
   ============================================================================ */
html body.hell-theme.hell35-theme .hero {
  background:#111015!important;
  border:1px solid #8f533c!important;
  box-shadow:0 5px 18px #0009,inset 0 0 0 1px #311a17!important;
}
html body.hell-theme.hell35-theme .hero .hero-image {
  background-size:100% 100%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image { background-image:url('../images/hell-v11-feature-1.webp?v=11b')!important; }
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image { background-image:url('../images/hell-v11-feature-2.webp?v=11b')!important; }
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image { background-image:url('../images/hell-v11-feature-3.webp?v=11b')!important; }
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image { background-image:url('../images/hell-v11-feature-4.webp?v=11b')!important; }
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image { background-image:url('../images/hell-v11-feature-5.webp?v=11b')!important; }
html body.hell-theme.hell35-theme .hero .hero-shade{opacity:0!important; background:none!important;pointer-events:none!important}
/* Place a REAL, focusable link over the DISCOVER MORE area illustrated in the art. */
html body.hell-theme.hell35-theme .hero .hero-copy {
  position:absolute!important;left:4.6875%!important;top:81.9231%!important;
  width:20.4167%!important;height:13.0769%!important;max-width:none!important;
  padding:0!important;margin:0!important;display:block!important;
  background:none!important;border:0!important;box-shadow:none!important;
  pointer-events:none!important;z-index:8!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta) {
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;opacity:0!important;margin:0!important;padding:0!important;
  background:none!important;border:0!important;box-shadow:none!important;
  text-indent:-9999px!important;cursor:pointer!important;pointer-events:auto!important;
}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta:focus-visible {
  outline:3px solid #f6c786!important;outline-offset:3px!important;opacity:.18!important;
}
html body.hell-theme.hell35-theme .hero .slide-dots{z-index:10!important}
@media(max-width:760px){
 html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image { background-image:url('../images/hell-v11-feature-1-mobile.webp?v=11b')!important; }
 html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image { background-image:url('../images/hell-v11-feature-2-mobile.webp?v=11b')!important; }
 html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image { background-image:url('../images/hell-v11-feature-3-mobile.webp?v=11b')!important; }
 html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image { background-image:url('../images/hell-v11-feature-4-mobile.webp?v=11b')!important; }
 html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image { background-image:url('../images/hell-v11-feature-5-mobile.webp?v=11b')!important; }
 html body.hell-theme.hell35-theme .hero .hero-image{background-size:100% 100%!important;background-position:center!important}
 html body.hell-theme.hell35-theme .hero .hero-copy {
  position:absolute!important;left:5.3704%!important;top:82.8125%!important;
  width:36.8519%!important;height:11.5625%!important;max-width:none!important;
  margin:0!important;padding:0!important;display:block!important;
  background:none!important;pointer-events:none!important;z-index:8!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy > :not(#hero-cta) {
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;min-height:0!important;opacity:0!important;
  display:block!important;text-indent:-9999px!important;background:none!important;
  border:0!important;box-shadow:none!important;pointer-events:auto!important;
 }
 html body.hell-theme.hell35-theme .hero .hero-shade{opacity:0!important;background:none!important}
}


/* =======================================================================
   HELL-MU V11.1 | tighter feature artwork (no CUSTOM GAME SYSTEMS label)
   Desktop and mobile lettering/buttons are baked into NEW WebP images.
   Only .hero images and matching live CTA hitbox changed; everything else V11.
   ======================================================================= */
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v111-feature-1.webp?v=111a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v111-feature-2.webp?v=111a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v111-feature-3.webp?v=111a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v111-feature-4.webp?v=111a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v111-feature-5.webp?v=111a')!important}
/* The illustrated button moved from the bottom to a comfortable position. */
html body.hell-theme.hell35-theme .hero .hero-copy{
 left:4.53125%!important;top:67.1154%!important;
 width:20.8854%!important;height:15%!important;
}
@media(max-width:760px){
 html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v111-feature-1-mobile.webp?v=111a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v111-feature-2-mobile.webp?v=111a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v111-feature-3-mobile.webp?v=111a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v111-feature-4-mobile.webp?v=111a')!important}
 html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v111-feature-5-mobile.webp?v=111a')!important}
 html body.hell-theme.hell35-theme .hero .hero-copy{
  left:5.1852%!important;top:62.3438%!important;
  width:37.6852%!important;height:12.9688%!important;
 }
}


/* HELL-MU V12 FINAL / static promotional artwork, no video, no extra labels. */
/* Layered over V11.1; all masthead and other site selectors unchanged. */
html body.hell-theme.hell35-theme .hero .hero-image{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important;animation:none!important;filter:none!important;transform:none!important}
html body.hell-theme.hell35-theme .hero .hero-shade{background:none!important;opacity:0!important}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v12f-feature-1.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v12f-feature-2.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v12f-feature-3.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v12f-feature-4.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v12f-feature-5.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero .hero-copy{position:absolute!important;left:4.58333%!important;top:79.23077%!important;width:18.38542%!important;height:12.50000%!important;display:block!important;padding:0!important;margin:0!important;pointer-events:none!important;z-index:9!important}
html body.hell-theme.hell35-theme .hero .hero-copy #hero-cta{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;pointer-events:auto!important;cursor:pointer!important}
@media(max-width:760px){
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v12f-feature-1-mobile.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v12f-feature-2-mobile.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v12f-feature-3-mobile.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v12f-feature-4-mobile.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v12f-feature-5-mobile.webp?v=12f1')!important}
html body.hell-theme.hell35-theme .hero .hero-copy{left:4.62963%!important;top:69.37500%!important;width:31.01852%!important;height:10.46875%!important}
}


/* HELL-MU V12.1 — 5 simplified feature slides, applied ON TOP of V12 FINAL. */
/* Header, countdown, navigation, login and all other site regions intentionally untouched. */
html body.hell-theme.hell35-theme .hero .hero-image{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v121-feature-1.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v121-feature-2.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v121-feature-3.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v121-feature-4.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v121-feature-5.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero .hero-copy{left:4.687500%!important;top:71.538462%!important;width:18.229167%!important;height:13.076923%!important}
@media (max-width:760px){
html body.hell-theme.hell35-theme .hero[data-slide="0"] .hero-image{background-image:url('../images/hell-v121-feature-1-mobile.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="1"] .hero-image{background-image:url('../images/hell-v121-feature-2-mobile.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="2"] .hero-image{background-image:url('../images/hell-v121-feature-3-mobile.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="3"] .hero-image{background-image:url('../images/hell-v121-feature-4-mobile.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero[data-slide="4"] .hero-image{background-image:url('../images/hell-v121-feature-5-mobile.webp?v=121a')!important}
html body.hell-theme.hell35-theme .hero .hero-copy{left:4.814815%!important;top:69.531250%!important;width:30.925926%!important;height:11.406250%!important}
}