/* MU Beyond · Infernal web theme v2 (2026-11-10, local, NOT deployed). Loaded after infernal-theme.css.
   Owner feedback: more animation, more 3D, more vibrant, forged-plate buttons, hellish bone art.
   Art: launcher premium pass 2 (img/infernal/p2/*), fonts Cinzel / Cinzel Decorative (SIL OFL 1.1, fonts/infernal/),
   ember loop video (media/infernal/). Visual only: no markup the site logic depends on is changed. */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/infernal/cinzel-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/infernal/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/infernal/cinzel-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/infernal/cinzel-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel Decorative";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/infernal/cinzel-decorative-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel Decorative";font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/infernal/cinzel-decorative-latin-900-normal.woff2) format("woff2")}

/* ---------- vibrant palette (body text stays >= WCAG AA on the dark panels) ---------- */
:root{
 --void:#060203;--bord:#6a0a18;--bord2:#a8102a;--blood:#ff1a33;--ember:#ff4a2a;--flame:#ff9a2e;--magma:#ffcf5a;
 --gold:#f2c46a;--gold2:#ffe7a8;--bone:#fff4e4;--mute:#d2b6a8;--line:#6e1a22;--line2:#9a2630;
 --serif:"Cinzel","Palatino Linotype","Book Antiqua",Georgia,serif;--display:"Cinzel Decorative","Cinzel",Georgia,serif;
 --glow-r:0 0 18px #ff2a1f99,0 0 42px #ff2a1f44;--glow-g:0 0 14px #ffcf5a88;
 --stone:url(../img/infernal/p2/panel-stone.webp);
 --T:26px;
}
body.inf{color:#f6ebde}
body.inf .cms-content,body.inf .cms-content p,body.inf .cms-content li,body.inf .cms-content td{color:#f1e3d6}

/* ---------- HEAVY BONE FRAME around the viewport (desktop only) ---------- */
.inf-bone-frame{display:none}
@media (min-width:1100px){
 body.inf{padding:0 calc(var(--T) + 4px)}
 body.inf .site-frame{width:min(1440px,100%);margin-top:calc(var(--T) + 10px)}
 body.inf .topbar{top:calc(var(--T) + 2px)}
 body.inf .topbar{padding-left:215px}
 .inf-bone-frame{display:block;position:fixed;inset:0;z-index:40;pointer-events:none}
 .inf-bone-frame .ed{position:absolute;filter:drop-shadow(0 0 6px #000)}
 .inf-bone-frame .ed.t,.inf-bone-frame .ed.b{left:0;right:0;height:var(--T);background:url(../img/infernal/p2/frame-edge-h.webp) 0 0/auto 100% repeat-x}
 .inf-bone-frame .ed.t{top:0}.inf-bone-frame .ed.b{bottom:0}
 .inf-bone-frame .ed.l,.inf-bone-frame .ed.r{top:0;bottom:0;width:var(--T);background:url(../img/infernal/p2/frame-edge-v.webp) 0 0/100% auto repeat-y}
 .inf-bone-frame .ed.l{left:0}.inf-bone-frame .ed.r{right:0}
 /* molten veins: brightened copy whose mask sweeps along the bone, so the lava pulses in sequence */
 .inf-bone-frame .ed::after{content:"";position:absolute;inset:0;background:inherit;filter:saturate(2.4) brightness(1.7) contrast(1.15);mix-blend-mode:screen;
  -webkit-mask:linear-gradient(90deg,transparent 0 35%,#000 50%,transparent 65% 100%) 0 0/300% 100% no-repeat;mask:linear-gradient(90deg,transparent 0 35%,#000 50%,transparent 65% 100%) 0 0/300% 100% no-repeat;
  animation:infVeinH 6s linear infinite}
 .inf-bone-frame .ed.b::after{animation-delay:-3s;animation-direction:reverse}
 .inf-bone-frame .ed.l::after,.inf-bone-frame .ed.r::after{-webkit-mask:linear-gradient(180deg,transparent 0 35%,#000 50%,transparent 65% 100%) 0 0/100% 300% no-repeat;mask:linear-gradient(180deg,transparent 0 35%,#000 50%,transparent 65% 100%) 0 0/100% 300% no-repeat;animation-name:infVeinV}
 .inf-bone-frame .ed.r::after{animation-delay:-1.5s}.inf-bone-frame .ed.l::after{animation-delay:-4.5s;animation-direction:reverse}
 .inf-bone-frame .cr{position:absolute;background:no-repeat 0 0/100% 100%;filter:drop-shadow(0 6px 10px #000) drop-shadow(0 0 14px #ff1e2e44)}
 .inf-bone-frame .cr.tl{left:-36px;top:-22px;width:400px;height:400px;background-image:url(../img/infernal/p2/frame-tl.webp);z-index:2}
 .inf-bone-frame .cr.tr{right:-4px;top:-9px;width:150px;height:150px;background-image:url(../img/infernal/p2/frame-tr.webp)}
 .inf-bone-frame .cr.bl{left:0;bottom:-11px;width:150px;height:150px;background-image:url(../img/infernal/p2/frame-bl.webp)}
 /* skull crest: eyes ignite on load, then breathe; an occasional rune flare is triggered by infernal-v2.js */
 .inf-bone-frame .eyes{position:absolute;left:14%;top:17%;width:22%;height:16%;border-radius:50%;background:radial-gradient(closest-side,#ffd27a,#ff3d2ecc 35%,#ff1e2e44 60%,transparent);mix-blend-mode:screen;opacity:0;animation:infEyesIgnite 2.2s .6s ease-out forwards,infEyesBreathe 3.4s 2.8s ease-in-out infinite}
 .inf-bone-frame .flare{position:absolute;left:4%;top:4%;width:44%;height:44%;border-radius:50%;background:radial-gradient(closest-side,#ffe7a8,#ff6a2a88 30%,transparent 70%);mix-blend-mode:screen;opacity:0}
}
@keyframes infVeinH{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes infVeinV{from{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes infEyesIgnite{0%{opacity:0}35%{opacity:1}45%{opacity:.1}55%{opacity:1}62%{opacity:.2}100%{opacity:.85}}
@keyframes infEyesBreathe{0%,100%{opacity:.85}50%{opacity:.35}}

/* ---------- world: pulsing distant lava in the background art ---------- */
.inf-world-lava{position:absolute;inset:0;background:radial-gradient(60% 40% at 70% 85%,#ff4a1a55,transparent 70%),radial-gradient(40% 30% at 20% 90%,#ff2a1f44,transparent 70%);mix-blend-mode:screen;animation:infLava 7s ease-in-out infinite}
@keyframes infLava{0%,100%{opacity:.45}50%{opacity:1}}

/* ---------- typography ---------- */
body.inf .nav a,body.inf .card-head span,body.inf .stat label,body.inf .eyebrow,body.inf .cms-content .page-title,body.inf .cms-content .page-title span,body.inf .guides-strip h2,body.inf .systems-strip-label strong,body.inf .victory-event h2,body.inf .row-copy strong,body.inf .cms-content h1,body.inf .cms-content h2,body.inf .cms-content h3,body.inf .beta-realm-copy strong{font-family:var(--serif)!important}
body.inf .nav a{font-weight:700;font-size:12.5px;color:#e9d3c6;text-shadow:0 1px 0 #000,0 0 10px #000}
body.inf .nav a:hover,body.inf .nav a.active{color:var(--magma);text-shadow:0 0 12px #ff4a2acc,0 1px 0 #000}
body.inf .stat strong,body.inf .beta-countdown-unit strong,body.inf .rank-value{font-family:var(--display)!important;font-weight:900}
body.inf .cms-content .page-title,body.inf .cms-content .page-title span,body.inf .card-head span,body.inf .guides-strip h2{background:linear-gradient(180deg,#fff6d6,#ffcf5a 45%,#e0782a 75%,#8a3a12);-webkit-background-clip:text;background-clip:text}
body.inf .cinema-copy h1,body.inf .cinema-copy .cinema-title{font-family:var(--display)!important;font-weight:900!important}
body.inf .cinema-copy h1 em,body.inf .inf-hero-line em{color:var(--ember)!important;text-shadow:0 0 14px #ff2a1f,0 0 34px #ff2a1f88!important}

/* ---------- HERO: painted abyss + ember video + lava + portal + knight + hellfire + heat haze ---------- */
.inf-hero{min-height:clamp(380px,56vh,640px)!important;background:#0a0304!important;perspective:1200px}
.inf-hero-abyss,.inf-hero-lava,.inf-hero-vid,.inf-hero-heat,.inf-hellfire{position:absolute;pointer-events:none}
.inf-hero-abyss{inset:-6%;z-index:0;background:url(../img/infernal/p2/hero-abyss.webp) center 58%/cover no-repeat;will-change:transform;transform:translate3d(var(--px,0),var(--py,0),0) scale(1.04)}
.inf-hero-lava{inset:0;z-index:0;background:radial-gradient(45% 35% at 72% 78%,#ff5a1a77,transparent 70%),radial-gradient(30% 25% at 40% 95%,#ff2a1f55,transparent 70%);mix-blend-mode:screen;animation:infLava 5.5s ease-in-out infinite}
.inf-hero-vid{inset:0;z-index:1;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.9;transform:translate3d(calc(var(--px,0) * 1.6),calc(var(--py,0) * 1.6),0)}
.inf-hero .portal3d{z-index:1!important;transform:translate3d(calc(var(--px,0) * 2.4),calc(var(--py,0) * 2.4),0)}
.inf-hero::after{z-index:3!important;background:linear-gradient(90deg,#0a0304f2 0,#0a0304b3 28%,#0a030433 55%,transparent 75%),linear-gradient(0deg,#0a0304 0,transparent 30%)!important}
.inf-knight{z-index:4!important;mix-blend-mode:normal!important;-webkit-mask:none!important;mask:none!important;right:-3%!important;height:112%!important;filter:saturate(1.25) contrast(1.06) drop-shadow(0 0 24px #000) drop-shadow(0 0 36px #ff1e2e66);translate:calc(var(--px,0) * 4) calc(var(--py,0) * 4)}
.inf-hero-logo{z-index:6!important;width:min(600px,54%)!important;filter:drop-shadow(0 0 18px #ff1e2eaa) drop-shadow(0 4px 2px #000)!important;translate:calc(var(--px,0) * -1.5) calc(var(--py,0) * -1.5)}
.inf-hero-runes{z-index:5!important}
.inf-hellfire{left:0;right:0;bottom:-2px;height:34%;z-index:5;width:100%;mix-blend-mode:screen;opacity:.9;filter:blur(5px) saturate(1.25) contrast(1.1);-webkit-mask:linear-gradient(0deg,#000 35%,transparent);mask:linear-gradient(0deg,#000 35%,transparent)}
.inf-hero-heat{inset:0;z-index:5;background:linear-gradient(0deg,#ff6a2a22,transparent 55%);mix-blend-mode:screen}
.inf-hero::before{z-index:7!important;border-color:#f2c46a55!important;box-shadow:inset 0 0 0 1px #000,inset 0 0 40px #ff2a1f33}
@media (max-width:720px){.inf-hero{min-height:300px!important}.inf-hero-vid{display:none}.inf-knight{right:-34%!important;opacity:.85}.inf-hero-logo{width:84%!important}.inf-hellfire{height:30%}}

/* ---------- vertebrae dividers that assemble on scroll, with hellfire below ---------- */
.inf-divider{position:relative;height:54px;margin:2px 0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.inf-divider .vb{display:flex;gap:0;height:30px;width:min(980px,92%);align-items:center}
.inf-divider .vb i{flex:1;height:100%;background:url(../img/infernal/p2/frame-edge-h.webp) 0 50%/auto 100% repeat-x;filter:drop-shadow(0 3px 4px #000)}
.inf-divider .vb i:nth-child(2n){background-position:-120px 50%}
.inf-divider .vb i:nth-child(3n){background-position:-260px 50%}
.inf-divider .seal{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;z-index:2}
.inf-divider .seal i{position:absolute;inset:0;background:no-repeat center/100% 100%;border-radius:50%}
.inf-divider .seal .core{background-image:url(../img/infernal/p2/sigil-core.webp);animation:infCore 2.4s ease-in-out infinite}
.inf-divider .seal .runes{background-image:url(../img/infernal/p2/sigil-runes.webp);animation:infSpin 24s linear infinite}
.inf-divider .seal .rim{background-image:url(../img/infernal/p2/sigil-rim.webp);filter:drop-shadow(0 3px 4px #000)}
.inf-divider canvas{position:absolute;left:4%;right:4%;bottom:12px;width:92%;height:40px;mix-blend-mode:screen;opacity:.75;filter:blur(2px);-webkit-mask:linear-gradient(0deg,#000 30%,transparent);mask:linear-gradient(0deg,#000 30%,transparent)}
.inf-motion .inf-divider .vb i{opacity:0;transform:translateY(-14px) rotate(-6deg) scale(.8)}
.inf-motion .inf-divider.is-in .vb i{opacity:1;transform:none;transition:opacity .45s ease-out,transform .55s cubic-bezier(.2,1.4,.4,1);transition-delay:calc(var(--i,0) * 55ms)}
.inf-motion .inf-divider .seal{opacity:0;transform:scale(.3) rotate(-120deg)}
.inf-motion .inf-divider.is-in .seal{opacity:1;transform:none;transition:transform .8s .35s cubic-bezier(.2,1.5,.4,1),opacity .4s .35s}
@keyframes infCore{50%{filter:brightness(1.35) saturate(1.3)}}

/* ---------- RICH 3D CARDS for existing blocks (stone texture, bevel, lava rim, top light sweep) ---------- */
body.inf .stat,body.inf .content-card,body.inf .guides-strip,body.inf .cms-content,body.inf .victory-card,body.inf .realm-cinema,body.inf .pve-launch-note,body.inf .systems-strip,
body.inf .system-card,body.inf .sys-card,body.inf .pay-package,body.inf .cms-content .panel{
 background-image:linear-gradient(180deg,#ffffff0d,transparent 26%),linear-gradient(160deg,#300a10e0,#0c0304f0),var(--stone)!important;
 background-size:auto,auto,220px 220px!important;background-repeat:no-repeat,no-repeat,repeat!important;
 border:1px solid #7a2028!important;
 box-shadow:inset 0 1px 0 #ffffff1c,inset 0 -2px 0 #000,inset 0 0 0 1px #f2c46a26,inset 0 0 36px #ff2a1f14,0 18px 40px #000c,0 2px 0 #3a0508!important}
body.inf .content-card:hover,body.inf .stat:hover,body.inf .victory-card:hover,body.inf .system-card:hover,body.inf .pay-package:hover{
 border-color:#d4542a!important;box-shadow:inset 0 1px 0 #ffffff26,inset 0 0 0 1px #ffcf5a55,inset 0 0 40px #ff4a2a26,0 24px 48px #000d,0 0 36px #ff2a1f55!important}
/* animated lava rim on top edge of each card */
body.inf .stat::before,body.inf .system-card::before{content:none}
.inf-rim{position:absolute;left:10px;right:10px;top:-1px;height:2px;pointer-events:none;z-index:8;background:linear-gradient(90deg,transparent,#ff4a2a,#ffcf5a,#ff4a2a,transparent);background-size:200% 100%;animation:infRim 4s linear infinite;opacity:.85;filter:drop-shadow(0 0 6px #ff4a2a)}
@keyframes infRim{to{background-position:-200% 0}}
/* bone chains swaying from card headers (SVG drawn here, original art) */
.inf-chain{position:absolute;top:-6px;width:14px;height:58px;z-index:9;pointer-events:none;transform-origin:50% 0;animation:infSway 4.6s ease-in-out infinite;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 58'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23b89a6a'/%3E%3Cstop offset='.5' stop-color='%23f4e3bf'/%3E%3Cstop offset='1' stop-color='%23806238'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23b)' stroke-width='2.2'%3E%3Cellipse cx='7' cy='6' rx='4' ry='5'/%3E%3Cellipse cx='7' cy='16' rx='2.2' ry='5.5'/%3E%3Cellipse cx='7' cy='26' rx='4' ry='5'/%3E%3Cellipse cx='7' cy='36' rx='2.2' ry='5.5'/%3E%3C/g%3E%3Cpath d='M7 42c-4 0-6 3-6 6s3 5 3 7h6c0-2 3-4 3-7s-2-6-6-6z' fill='%23e9d6b0' stroke='%23402010'/%3E%3Ccircle cx='5' cy='48' r='1.3' fill='%23ff3d2e'/%3E%3Ccircle cx='9' cy='48' r='1.3' fill='%23ff3d2e'/%3E%3C/svg%3E") no-repeat center/contain;filter:drop-shadow(0 3px 3px #000)}
.inf-chain.l{left:22px}.inf-chain.r{right:22px;animation-delay:-2.3s}
@keyframes infSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
/* skeletal claw grips the corner on hover (frame-bl claw art, original orientation) */
.inf-claw{position:absolute;left:-14px;bottom:-14px;width:96px;height:96px;z-index:9;pointer-events:none;background:url(../img/infernal/p2/frame-bl.webp) no-repeat 0 100%/100% 100%;opacity:0;transform-origin:10% 90%;transform:scale(.82) rotate(-6deg);filter:drop-shadow(0 4px 6px #000) drop-shadow(0 0 10px #ff2a1f55);transition:opacity .25s,transform .35s cubic-bezier(.2,1.5,.4,1)}
.inf-grip:hover>.inf-claw,.inf-grip:focus-within>.inf-claw{opacity:1;transform:none}

/* ---------- FORGED-PLATE BUTTONS (9-slice btn-plate art, bevel, heat glow, press, ripple) ---------- */
body.inf .auth-nav a,body.inf .guide-link,body.inf .cms-content .btn,body.inf .play-button,body.inf .pay-button,body.inf .cms-content button[type=submit],body.inf #beyond-discord-invite .btn,body.inf .beta-expedition-link,body.inf .card-head a,body.inf .inner-heading>a,body.inf .footer a[href*="discord"]{
 position:relative!important;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 26px!important;
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 color:#fff2dc!important;font:700 12px/1 var(--serif)!important;letter-spacing:.14em!important;text-transform:uppercase;text-decoration:none!important;text-shadow:0 1px 0 #000,0 0 8px #000!important;
 transition:transform .15s,filter .2s!important}
body.inf .auth-nav a::before,body.inf .guide-link::before,body.inf .cms-content .btn::before,body.inf .play-button::before,body.inf .pay-button::before,body.inf .cms-content button[type=submit]::before,body.inf #beyond-discord-invite .btn::before,body.inf .beta-expedition-link::before,body.inf .card-head a::before,body.inf .inner-heading>a::before,body.inf .footer a[href*="discord"]::before{
 content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-1;margin:0!important;transform:none!important;animation:none!important;
 left:0!important;top:0!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;border-radius:0!important;
 border-style:solid;border-width:10px 22px;border-image:url(../img/infernal/p2/btn-plate.webp) 130 250 fill/10px 22px/0 stretch;
 filter:brightness(.7) sepia(.45) hue-rotate(-28deg) saturate(1.6);transition:filter .2s}
/* molten (primary) plates: register, submit, play/pay buttons, primary bootstrap */
body.inf .auth-nav .register-link::before,body.inf .cms-content .btn-primary::before,body.inf .cms-content button[type=submit]::before,body.inf .play-button:not(.play-button-ghost):not(.play-button-secondary)::before,body.inf .pay-button::before,body.inf .guide-link::before,body.inf #beyond-discord-invite .btn::before{
 filter:brightness(.95) sepia(1) hue-rotate(-48deg) saturate(5.5) contrast(1.1)}
body.inf .auth-nav .register-link,body.inf .cms-content .btn-primary,body.inf .cms-content button[type=submit],body.inf .guide-link,body.inf .pay-button{text-shadow:0 1px 0 #3a0306,0 0 10px #ff2a1f!important;animation:infMolten 2.8s ease-in-out infinite}
@keyframes infMolten{0%,100%{filter:drop-shadow(0 0 4px #ff2a1f66)}50%{filter:drop-shadow(0 0 14px #ff4a2acc)}}
body.inf .auth-nav a:hover,body.inf .guide-link:hover,body.inf .cms-content .btn:hover,body.inf .play-button:hover,body.inf .pay-button:hover,body.inf .cms-content button[type=submit]:hover,body.inf #beyond-discord-invite .btn:hover,body.inf .beta-expedition-link:hover,body.inf .card-head a:hover,body.inf .inner-heading>a:hover,body.inf .footer a[href*="discord"]:hover{
 transform:translateY(-2px)!important;filter:drop-shadow(0 0 12px #ff4a2acc) drop-shadow(0 0 26px #ff2a1f66)!important;color:#fff!important}
body.inf .auth-nav a:hover::before,body.inf .card-head a:hover::before,body.inf .inner-heading>a:hover::before,body.inf .beta-expedition-link:hover::before,body.inf .play-button-ghost:hover::before,body.inf .play-button-secondary:hover::before{filter:brightness(1) sepia(.6) hue-rotate(-30deg) saturate(2.4)}
body.inf .auth-nav a:active,body.inf .guide-link:active,body.inf .cms-content .btn:active,body.inf .play-button:active,body.inf .pay-button:active,body.inf .cms-content button[type=submit]:active,body.inf #beyond-discord-invite .btn:active{transform:translateY(2px) scale(.98)!important;filter:brightness(.85) drop-shadow(0 0 6px #ff4a2a88)!important}
body.inf .card-head a,body.inf .inner-heading>a,body.inf .beta-expedition-link{min-height:34px;padding:9px 18px!important;font-size:10.5px!important}
body.inf .cms-content .btn[disabled],body.inf .cms-content .btn.disabled{filter:grayscale(.85) brightness(.6)!important;animation:none}
.inf-ripple{position:absolute;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(closest-side,#ffe7a8cc,#ff6a2a66 45%,transparent 70%);transform:scale(0);animation:infRipple .6s ease-out forwards;mix-blend-mode:screen}
@keyframes infRipple{to{transform:scale(1);opacity:0}}
/* system / ranking tabs: small forged chips */
body.inf .realm-ranking-tabs a{background-image:linear-gradient(#2a0a0e,#140507),var(--stone)!important;background-size:auto,160px!important;border-color:#6e1a22!important;font-family:var(--serif)!important;font-weight:700!important;box-shadow:inset 0 1px 0 #ffffff14,inset 0 -2px 0 #000,0 3px 8px #000a!important}
body.inf .realm-ranking-tabs a:hover,body.inf .realm-ranking-tabs a[aria-current]{background:linear-gradient(180deg,#ff5a2a,#b3121f 55%,#4a0a12)!important;border-color:var(--gold)!important;box-shadow:inset 0 1px 0 #ffffff55,0 0 16px #ff4a2a99!important;transform:translateY(-1px)}

/* ---------- stats, countdown, rankings: hotter numbers ---------- */
body.inf .stat strong{color:var(--bone)!important;text-shadow:0 0 18px #ff4a2aaa,0 2px 0 #000!important}
body.inf .stat-icon{background:url(../img/infernal/p2/sigil-core.webp) center/cover!important;color:#fff4e4!important;text-shadow:0 0 6px #000,0 0 10px #000;border:2px solid var(--gold)!important;box-shadow:0 0 0 3px #1a0608,0 0 22px #ff4a2a88!important}
body.inf .beta-countdown-unit{background-image:linear-gradient(#2a0a0e,#0c0304),var(--stone)!important;box-shadow:inset 0 1px 0 #ffffff1c,0 6px 14px #000c,0 0 14px #ff2a1f33!important}
body.inf .beta-frost-seal{background-image:radial-gradient(120% 140% at 30% 0,#a8102acc,#2a0508f0 70%),var(--stone)!important;animation:infSeal 3.6s ease-in-out infinite}
@keyframes infSeal{50%{box-shadow:inset 0 0 0 3px #1a0608,inset 0 0 0 4px #ffcf5a77,0 0 40px #ff4a2a88}}
body.inf .rank-place{background:url(../img/infernal/p2/sigil-core.webp) center/cover!important;color:#fff!important;text-shadow:0 0 4px #000,0 0 8px #000;border:2px solid var(--gold)!important}
body.inf .realm-ranking-table tr:nth-child(-n+3) td{color:var(--magma)!important;text-shadow:0 0 10px #ff4a2a66}
body.inf .rank-medal.rank-1,body.inf .rank-medal.rank-2,body.inf .rank-medal.rank-3{background:url(../img/infernal/p2/sigil-core.webp) center/cover!important;color:#fff!important;border:2px solid var(--gold)!important;text-shadow:0 0 4px #000}
body.inf .victory-event-icon{background:url(../img/infernal/p2/sigil-core.webp) center/cover!important;text-shadow:0 0 6px #000}

/* ---------- sigil spinner (loader) ---------- */
.rune-loader{position:relative;width:30px!important;height:30px!important}
.rune-loader::before,.rune-loader::after{content:"";position:absolute;inset:0;background:no-repeat center/100% 100%;border-radius:50%}
.rune-loader::before{background-image:url(../img/infernal/p2/sigil-core.webp);animation:infCore 1.6s ease-in-out infinite}
.rune-loader::after{background-image:url(../img/infernal/p2/sigil-runes.webp);animation:infSpin 3s linear infinite}
.rune-loader>svg{position:relative;z-index:2;mix-blend-mode:screen}

/* ---------- inputs & tables: hotter focus ---------- */
body.inf .cms-content input:focus,body.inf .cms-content select:focus,body.inf .cms-content textarea:focus,body.inf .form-control:focus{border-color:var(--flame)!important;box-shadow:inset 0 2px 4px #000a,0 0 0 3px #ff9a2e33,0 0 22px #ff4a2a55!important}
body.inf .topbar{border-color:#8a2430!important;box-shadow:inset 0 0 0 1px #000,inset 0 1px 0 #ff6a5a33,inset 0 -2px 0 #f2c46a44,0 12px 30px #000c,0 0 30px #ff2a1f22!important}
body.inf .topbar::after{background:linear-gradient(#ffe7a8,#b8741c)!important}

/* ---------- cursor ember glow (stronger) ---------- */
.inf-cursor-glow{background:radial-gradient(260px 260px at var(--cx,50%) var(--cy,30%),#ff4a2a24,transparent 70%)!important}

/* ---------- mobile stays clean ---------- */
@media (max-width:720px){
 .inf-chain,.inf-claw,.inf-divider canvas{display:none}
 .inf-divider{height:40px}.inf-divider .vb{height:22px}.inf-divider .seal{width:44px;height:44px;margin:-22px 0 0 -22px}
 body.inf .auth-nav a{padding:10px 16px!important;font-size:10.5px!important}
}
@media (prefers-reduced-motion:reduce){
 .inf-hero-vid,.inf-hellfire{display:none}
 .inf-hero-abyss,.inf-hero .portal3d,.inf-knight,.inf-hero-logo{transform:none!important;translate:none!important}
 .inf-motion .inf-divider .vb i,.inf-motion .inf-divider .seal{opacity:1!important;transform:none!important}
 .inf-bone-frame .eyes{opacity:.85}
}

body.inf .realm-ranking-tabs a{position:relative;overflow:hidden}
body.inf .stat,body.inf .system-card,body.inf .pay-package,.inf-grip{position:relative}
@media (min-width:1100px){body.inf .topbar .nav{flex-wrap:nowrap}body.inf .topbar .nav a{font-size:11.5px;letter-spacing:.1em;padding:10px 8px}body.inf .brand-game-logo{width:170px}}
@media (min-width:1100px) and (max-width:1300px){body.inf .topbar{padding-left:190px}body.inf .topbar .nav a{font-size:10.5px;padding:10px 6px;letter-spacing:.06em}body.inf .brand-game-logo{width:140px}}