/* HELL-MU ETAP 24 — 2026-10-26 | original approved castle/lava art, no new concept.
 * Composite scene across main header and sides, viewport-specific crop; no screenshot-as-website.
 */
html body.hell-theme { background-color:#0a0506!important; background-repeat:no-repeat!important;
  background-position:center top!important; background-attachment:scroll!important;
  background-image:url('../images/hell-scene-3840.webp')!important; background-size:auto auto!important; }
@media(max-width:2900px){html body.hell-theme{background-image:url('../images/hell-scene-2560.webp')!important}}
@media(max-width:2160px){html body.hell-theme{background-image:url('../images/hell-scene-1920.webp')!important}}
@media(max-width:1450px){html body.hell-theme{background-image:url('../images/hell-scene-1280.webp')!important}}
@media(max-width:760px){html body.hell-theme{background-image:url('../images/hell-scene-750.webp')!important}}
/* The approved header painting is part of the *same* body scene now; no second rectangle. */
html body.hell-theme .masthead{height:350px!important;min-height:350px!important;
 background:transparent!important;background-image:none!important;box-shadow:none!important; overflow:visible!important;}
html body.hell-theme .masthead::before,html body.hell-theme .masthead::after {content:none!important;display:none!important}
/* Its animation mask maintains exactly the painted emblem's footprint. */
html body.hell-theme .masthead .hell-v21-crest{height:385px!important;aspect-ratio:1672/405!important;opacity:.9;}
@media(max-width:1450px){html body.hell-theme .masthead{height:282px!important;min-height:282px!important;}html body.hell-theme .masthead .hell-v21-crest{height:282px!important}}
@media(max-width:760px){html body.hell-theme .masthead{height:184px!important;min-height:184px!important;}html body.hell-theme .masthead .hell-v21-crest{height:184px!important}}
/* No red vertical stripe before section/module headings; retain the lower gold divider. */
body.hell-theme .hell-subpage-content #content .box-style1>h2.title,
body.hell-theme .hell-subpage-content #content .box-style4>h2.title,
body.hell-theme .hell-subpage-content #content .box-style1>.title,
body.hell-theme .hell-subpage-content #content .box-style4>.title {
 border-left:0!important;padding-left:0!important;box-shadow:none!important;}
body.hell-theme .hell-subpage-content #content .box-style1>h2.title::before,
body.hell-theme .hell-subpage-content #content .box-style4>h2.title::before {content:none!important;display:none!important}
/* Native jQuery UI Buy Item modal: CSS only, preserve the EJS calculator & purchase form. */
body.hell-theme .ui-dialog.hell-item-dialog{
 box-sizing:border-box!important;width:min(880px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;
 background:#100b0b!important;color:#ead0b2!important;border:1px solid #aa643c!important;
 border-radius:4px!important;box-shadow:0 20px 70px #000d,0 0 28px #6f200d88!important;padding:0!important;z-index:10002!important;}
body.hell-theme .ui-dialog.hell-item-dialog .ui-dialog-titlebar{background:linear-gradient(100deg,#401912,#170d0c)!important;border:0!important;border-bottom:1px solid #b27047!important;color:#f6d2a1!important;min-height:46px!important;box-sizing:border-box;padding:12px 42px 12px 17px!important;font:16px Cinzel,Georgia,serif!important;}
body.hell-theme .ui-dialog.hell-item-dialog .ui-dialog-content{width:auto!important;max-width:100%!important;box-sizing:border-box!important;height:auto!important;max-height:min(78vh,780px)!important;overflow:auto!important;background:linear-gradient(125deg,#1c100e,#0f0b0b)!important;color:#e9d4c0!important;padding:17px!important;}
body.hell-theme .ui-dialog.hell-item-dialog .ui-dialog-titlebar-close{right:10px!important;top:10px!important;}
body.hell-theme #item_content,body.hell-theme #item_buy{width:100%!important;max-width:100%!important;box-sizing:border-box!important;color:#e6c8ab!important}
body.hell-theme #item_buy{display:flex!important;gap:18px;align-items:flex-start;flex-wrap:wrap;}
body.hell-theme #item_buy_left{float:none!important;flex:0 0 182px!important;max-width:100%!important;position:static!important;}
body.hell-theme #item_buy_right{float:none!important;flex:1 1 390px!important;min-width:0!important;width:auto!important;max-width:100%!important;position:static!important;}
body.hell-theme #item_buy :is(.item_info,.opt_title,.opt,table,th,td,tr){color:#ebd6c1!important;border-color:#784833!important;background-color:#281714!important;}
body.hell-theme #item_buy .item_info,body.hell-theme #item_buy .opt_title{padding:6px!important;border:1px solid #69402d!important;overflow-wrap:anywhere}
body.hell-theme #item_buy .opt{padding:6px!important;overflow-wrap:anywhere}
body.hell-theme #item_buy :is(input,select){accent-color:#c9512c;color:#f6ddc0;background-color:#1a1110;border:1px solid #7f4b31;min-height:26px;}
body.hell-theme #item_buy :is(button,input[type=button],input[type=submit],a.button-style){color:#fff0d8!important;background:linear-gradient(#8d2b20,#4d100c)!important;border:1px solid #ce7244!important;border-radius:3px!important;min-height:38px;}
body.hell-theme #item_buy :is(table,tbody,td,tr){max-width:100%!important;}
@media(max-width:600px){body.hell-theme .ui-dialog.hell-item-dialog .ui-dialog-content{padding:9px!important}body.hell-theme #item_buy_left{flex:1 1 100%!important;max-width:none!important}body.hell-theme #item_buy_right{flex:1 1 100%!important}body.hell-theme #item_buy .opt{font-size:11px}}
@media(prefers-reduced-motion:reduce){body.hell-theme .masthead .hell-v21-crest *{animation:none!important}}

/* Castle Siege original fields only: Owner, Master, Logo, Next Battle. */
.hell-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 10px 14px}
.hell-cs-property{display:flex;gap:4px;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:10px 5px;border:1px solid #62402d;background:linear-gradient(#291511,#110b0b);text-align:center}
.hell-cs-property>span{color:#e8ae76;letter-spacing:.08em;font:10px Cinzel,Georgia,serif}
.hell-cs-property strong{color:#eedac8;font:13px Georgia,serif;min-height:34px;display:flex;align-items:center;justify-content:center}
.hell-cs-property strong a{color:#f3c795;text-decoration:none;overflow-wrap:anywhere}
.hell-cs-property strong a:hover{text-decoration:underline}
.hell-cs-property img{image-rendering:pixelated;object-fit:contain}
.hell-cs-countdown{font-variant-numeric:tabular-nums;font:12px Arial,sans-serif}