/* HELL-MU PATCH 28 — approved dark-castle side graphics + horizontal counter.
 * Compatible with ETAP24 + PATCH25,26,27; only page background and masthead.
 * Graphic source: previously approved VISUALIZATION outer edges, not a native
 * 4K render. Do not enlarge a complete UI screenshot or insert real CMS text in image. */
html body.hell-theme{background-image:url('../images/hell-v28-scene-3840.webp')!important; background-repeat:no-repeat!important;background-position:center top!important;background-size:auto auto!important}
@media(max-width:2900px){html body.hell-theme{background-image:url('../images/hell-v28-scene-2560.webp')!important}}
@media(max-width:2160px){html body.hell-theme{background-image:url('../images/hell-v28-scene-1920.webp')!important}}
@media(max-width:1450px){html body.hell-theme{background-image:url('../images/hell-v28-scene-1280.webp')!important}}
@media(max-width:760px){html body.hell-theme{background-image:url('../images/hell-v28-scene-750.webp')!important}}
/* Do not change original masthead logo artwork, animation, menu or CMS functionality. */
html body.hell-theme .masthead .hell28-header-countdown {
 position:absolute;z-index:9;left:clamp(20px,5.5%,85px);top:clamp(70px,25%,88px);
 width:356px;max-width:calc(50% - 115px);min-height:106px;
 box-sizing:border-box; padding:10px 12px 12px;
 border:1px solid #78432e;outline:1px solid rgba(12,6,5,.85);outline-offset:3px;
 border-radius:3px;background:linear-gradient(180deg,rgba(29,12,11,.94),rgba(6,6,7,.95));
 box-shadow:0 9px 26px rgba(0,0,0,.7),inset 0 1px rgba(255,171,96,.15);
 color:#f0bf83;isolation:isolate;text-align:center;
}
html body.hell-theme .masthead .hell28-header-countdown::before{
 content:"";position:absolute;inset:-7px;pointer-events:none;border:1px solid rgba(175,74,36,.27);border-radius:6px;
}
html body.hell-theme .masthead .hell28-countdown-title{
 max-height:32px;overflow:hidden;font:12px/1.2 Georgia,serif;letter-spacing:.06em;
 color:#edba83;text-shadow:0 1px 8px #bd3c19aa;margin:0 0 10px;overflow-wrap:anywhere;
}
html body.hell-theme .masthead .hell28-countdown-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
html body.hell-theme .masthead .hell28-countdown-four>div{
 display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:54px;
 padding:4px 1px;background:linear-gradient(#27110e,#100a09);border:1px solid #6d3e2c;
}
html body.hell-theme .masthead .hell28-countdown-four strong{
 font:600 28px/1.04 Georgia,serif;font-variant-numeric:tabular-nums;
 color:#ffd09a;text-shadow:0 0 10px rgba(243,74,27,.32);
}
html body.hell-theme .masthead .hell28-countdown-four span{
 color:#bfa18d;font:8px/1.3 Arial,sans-serif;letter-spacing:.08em;margin-top:3px;
}
html body.hell-theme .masthead .hell28-header-countdown .hell-launch-countdown-ended {display:block;margin:7px 0 0;font-size:11px}
html body.hell-theme .masthead .hell28-header-countdown .hell-launch-countdown-ended[hidden] {display:none}
/* Countdown is one component visually, despite using the same CMS timer on mobile. */
@media(min-width:1350px){html body.hell-theme .hell-launch-countdown{display:none!important}}
@media(max-width:1349px){html body.hell-theme .masthead .hell28-header-countdown{display:none!important}}
@media(prefers-reduced-motion:reduce){html body.hell-theme .masthead .hell28-header-countdown{animation:none!important}}