/* MU Beyond · Infernal web theme v5 (2026-11-10, local): the site's own gameplay film is the home hero.
   The existing .realm-cinema block (inc/realm-cinema.php, unchanged) is placed in the hero slot by infernal-layout.php;
   this file only restyles it: video-dominant layout, bone frame + crimson glow around the screen, clean phone layout. */
body.inf .site-frame>.realm-cinema{
 margin:0 0 14px!important;padding:14px!important;display:grid;grid-template-columns:minmax(0,2.4fr) minmax(240px,1fr);gap:clamp(16px,2.4vw,34px);align-items:center;
 border:1px solid #c4142e!important;border-radius:6px!important;
 box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #e0b45c2e,inset 0 0 60px #e0142a26,0 20px 44px #000d,0 0 34px #8f0f2455!important}
/* the screen: heavy bone band frame (p2 frame art, original orientation) with a crimson inner glow */
body.inf .site-frame>.realm-cinema .cinema-screen{
 aspect-ratio:16/9;border-radius:3px;outline:0;overflow:visible;isolation:isolate;
 padding:14px;box-sizing:border-box;border:0;background:url(../img/infernal/p2/frame-edge-h.webp) 0 0/auto 14px repeat-x,url(../img/infernal/p2/frame-edge-h.webp) 0 100%/auto 14px repeat-x,url(../img/infernal/p2/frame-edge-v.webp) 0 0/14px auto repeat-y,url(../img/infernal/p2/frame-edge-v.webp) 100% 0/14px auto repeat-y,#000!important;
 box-shadow:0 0 0 1px #000,0 0 0 2px #e0b45c55,0 0 34px #ff2a3a44,0 18px 40px #000c}
body.inf .site-frame>.realm-cinema .cinema-screen::after{content:"";position:absolute;inset:14px;pointer-events:none;z-index:2;border-radius:2px;box-shadow:inset 0 0 0 1px #000,inset 0 0 28px #8f0f2488,inset 0 0 70px #0008}
body.inf .site-frame>.realm-cinema .cinema-screen video{position:relative;z-index:1;border-radius:2px;background:#000}
body.inf .site-frame>.realm-cinema .cinema-quality,body.inf .site-frame>.realm-cinema .cinema-resume,body.inf .site-frame>.realm-cinema .cinema-status{z-index:3}
/* side copy keeps its own text; tighter so the video dominates */
body.inf .site-frame>.realm-cinema .cinema-copy h1{font-size:clamp(26px,2.6vw,40px)!important;margin:8px 0 12px!important}
body.inf .site-frame>.realm-cinema .cinema-copy{min-width:0}
/* entrance: the film panel rises in first */
.inf-motion body.inf .site-frame>.realm-cinema{animation:infFilmIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes infFilmIn{from{opacity:0;transform:translateY(14px) scale(.99)}}

/* phone: video full width, copy below, no overflow */
@media (max-width:760px){
 body.inf .site-frame>.realm-cinema{grid-template-columns:1fr;padding:10px!important;gap:12px}
 body.inf .site-frame>.realm-cinema .cinema-screen{padding:8px;background-size:auto 8px,auto 8px,8px auto,8px auto!important;width:100%;max-width:100%}
 body.inf .site-frame>.realm-cinema .cinema-screen::after{inset:8px}
 body.inf .site-frame>.realm-cinema .cinema-copy{padding:0 4px 6px}
}
@media (prefers-reduced-motion:reduce){body.inf .site-frame>.realm-cinema{animation:none}}

/* Owner: inward-facing launcher-inspired corner art, 2026-11-10.
   Decorative only; pointer-events remain none and mobile frame stays hidden. */
@media(min-width:1100px){
 .inf-bone-frame .cr.tl{background-image:url(../img/infernal/p2/frame-inward-tl.png);width:230px;height:230px;left:-9px;top:-17px}
 .inf-bone-frame .cr.tr{background-image:url(../img/infernal/p2/frame-inward-tr.png);width:180px;height:180px;right:-7px;top:-12px}
 .inf-bone-frame .cr.bl{background-image:url(../img/infernal/p2/frame-inward-bl.png);width:150px;height:150px;left:-2px;bottom:-6px}
 .inf-bone-frame .cr{filter:drop-shadow(0 3px 5px #000b)}
 .inf-bone-frame .cr.tl .eyes,.inf-bone-frame .cr.tl .flare{display:none}
}
/* Exact current launcher B reference, inward blades; nine-slice preserves corner proportions. */
@media(min-width:1100px){
 .inf-bone-frame{box-sizing:border-box;border:solid transparent;border-width:110px 80px 70px 100px;border-image-source:url(../img/infernal/p2/frame-B-inward.png);border-image-slice:220 180 160 220;border-image-width:110px 80px 70px 100px;border-image-repeat:stretch;background:none}
 .inf-bone-frame>*,.inf-bone-frame::before,.inf-bone-frame::after{display:none!important}
 body.inf{padding:0 80px 80px 100px}
 body.inf .site-frame{margin-top:110px}
 body.inf .topbar{top:95px;padding-left:16px}
}
/* Frameless Infernal: readable surfaces, stable controls and responsive rhythm. */
.inf-bone-frame{display:none!important}
html,body.inf{background:#0c090a!important}
body.inf{padding:0!important;color:#ede4d9}
body.inf .site-frame{width:min(1440px,calc(100% - 64px));margin:24px auto 0!important;padding-bottom:40px}
.inf-world-art{opacity:.12!important}
body.inf .topbar{top:0!important;padding:18px 24px!important;gap:22px;border:0!important;border-bottom:1px solid #a7844938!important;border-radius:0!important;background:#100c0ded!important;box-shadow:0 8px 28px #0004!important;flex-wrap:wrap}
body.inf .topbar .nav{gap:8px;flex-wrap:wrap}
body.inf .topbar .nav a{font:600 12px/1.4 var(--sans)!important;letter-spacing:.09em!important;padding:13px 11px!important;background:transparent!important;filter:none!important}
body.inf .topbar .nav a::before,body.inf .auth-nav a:not(.register-link)::before{display:none!important}
body.inf .topbar .nav a:hover,body.inf .topbar .nav a.active{color:#e8c68f!important;background:#b28a4910!important}
body.inf .auth-nav{gap:14px}
body.inf .auth-nav a:not(.register-link){padding:12px!important;background:none!important}
body.inf .auth-nav .register-link,body.inf .guide-link,body.inf .pay-button,body.inf .cms-content .btn-primary{background:linear-gradient(#9b2637,#6c1725)!important;border:1px solid #c477624f!important;box-shadow:inset 0 1px #ffffff15,0 3px 8px #0005!important;letter-spacing:.08em!important;translate:none!important;transform:none!important;border-radius:4px!important}
body.inf .stat,body.inf .content-card,body.inf .guides-strip,body.inf .cms-content,body.inf .victory-card,body.inf .systems-strip,body.inf .system-card,body.inf .sys-card,body.inf .pay-package,body.inf .footer{background:linear-gradient(145deg,#211719,#120e10)!important;border:1px solid #b8945330!important;border-radius:8px!important;box-shadow:0 8px 24px #0003!important;transform:none!important}
body.inf .inf-ring,body.inf .inf-sheen{display:none!important;animation:none!important}
body.inf .site-frame>.realm-cinema{margin:28px 0!important;padding:0!important;gap:32px;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);background:transparent!important;border:0!important;box-shadow:none!important}
body.inf .site-frame>.realm-cinema .cinema-screen{padding:0!important;background:#080707!important;border:1px solid #b8945345!important;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #0007!important}
body.inf .site-frame>.realm-cinema .cinema-screen::after{display:none!important}
body.inf .site-frame>.realm-cinema .cinema-copy{padding:16px 0}
body.inf .site-frame>.realm-cinema .cinema-copy h1{font-size:clamp(28px,3vw,46px)!important;line-height:1.16!important;letter-spacing:-.025em;text-shadow:none!important}
body.inf .cinema-copy h1 em{color:#c45447!important;text-shadow:none!important}
body.inf .cinema-hd-quality{font:600 14px/1.6 var(--sans)!important;letter-spacing:.11em;color:#cfb58d}
body.inf .cinema-class-balance{font:400 16px/1.7 var(--sans)!important;letter-spacing:0!important;color:#d6c9bc!important}
body.inf .cinema-chapters{display:flex;flex-wrap:wrap;gap:8px}
body.inf .cinema-chapters span{background:#b8945310!important;border:1px solid #b8945330!important;color:#d6bc91!important;padding:8px 10px!important;letter-spacing:.08em!important}
body.inf .cinema-caption{line-height:1.6;color:#a99c92!important}
body.inf .stat{padding:24px!important}
body.inf .content-card{padding:24px!important}
body.inf .systems-strip{margin:24px 0;padding:24px!important}
body.inf .realm-ranking-tabs{display:flex;flex-wrap:wrap;gap:10px!important}
body.inf .realm-ranking-tabs a{padding:12px 16px!important;border:1px solid #b8945335!important;border-radius:4px!important;background:#181214!important;min-height:42px;box-sizing:border-box;font:500 13px/1.4 var(--sans)!important;transform:none!important}
body.inf .realm-ranking-tabs a::before{display:none!important}
body.inf .realm-ranking-tabs a:hover,body.inf .realm-ranking-tabs a[aria-current]{background:#382024!important;color:#f3dfc0!important;filter:none!important;border-color:#b8945370!important}
body.inf a:focus-visible,body.inf button:focus-visible,body.inf select:focus-visible{outline:2px solid #dbb775!important;outline-offset:4px}
@media(max-width:900px){body.inf .site-frame{width:calc(100% - 32px)}body.inf .site-frame>.realm-cinema{grid-template-columns:1fr;gap:12px}body.inf .topbar{padding:16px!important}body.inf .site-frame>.realm-cinema .cinema-copy{padding:12px 4px}}
@media(max-width:540px){body.inf .site-frame{width:calc(100% - 24px);margin-top:8px!important}body.inf .topbar{gap:12px}.cinema-copy h1{font-size:30px!important}body.inf .systems-strip{padding:16px!important}body.inf .realm-ranking-tabs a{flex:1 1 42%;text-align:center}}

/* Stable reading and interaction surfaces: no animated text/table geometry. */
body.inf .cms-content,body.inf .cms-content *,body.inf .list-row,
body.inf .realm-ranking-tabs a,body.inf .rank-list *,body.inf .auth-nav a,
body.inf .topbar .nav a,body.inf .system-tabs a {
 animation:none!important; translate:none!important; transform:none!important;
 transition-property:color,background-color,border-color,box-shadow!important;
}
body.inf .cms-content{opacity:1!important;filter:none!important}
body.inf .cms-content .inf-reveal{opacity:1!important}
body.inf .cms-content table,body.inf .cms-content tr,body.inf .cms-content td,
body.inf .cms-content th,body.inf .cms-content a{filter:none!important;will-change:auto!important}
body.inf .cms-content .inf-ring,body.inf .cms-content .inf-sheen,
body.inf .cms-content .inf-chain,body.inf .cms-content .inf-claw{display:none!important}
@view-transition{navigation:none}

/* Owner-approved cinematic direction: preserve existing homepage structure. */
body.inf .site-frame>.realm-cinema{display:block!important;position:relative;isolation:isolate;overflow:hidden;min-height:640px;height:min(790px,82vh);margin:24px 0 36px!important;border:1px solid #b58a5140!important;border-radius:8px;background:#100b09;box-shadow:0 24px 65px #0005}
body.inf .site-frame>.realm-cinema .cinema-screen{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important}
body.inf .site-frame>.realm-cinema .cinema-screen video,body.inf .site-frame>.realm-cinema .cinema-poster{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
body.inf .site-frame>.realm-cinema:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,7,6,.91),rgba(12,7,6,.53) 48%,rgba(12,7,6,.12)),linear-gradient(0deg,rgba(12,7,6,.55),transparent 40%)}
body.inf .site-frame>.realm-cinema .cinema-copy{position:relative!important;z-index:2;display:flex!important;flex-direction:column;justify-content:center;min-height:100%;width:min(760px,75%);padding:70px 6% 105px!important;pointer-events:none;background:none!important;border:0!important;box-shadow:none!important}
body.inf .site-frame>.realm-cinema .cinema-copy h1{font-size:clamp(42px,5.6vw,86px)!important;line-height:1.06!important;letter-spacing:-1.5px!important;margin:22px 0!important;color:#f3e7d4!important;text-shadow:0 4px 24px #0008;transform:none!important;animation:none!important}
body.inf .site-frame>.realm-cinema .cinema-copy h1 em{color:#dba66b!important;background:none!important;-webkit-text-fill-color:#dba66b!important;text-shadow:none!important}
body.inf .site-frame>.realm-cinema .cinema-copy p{color:#e0d4c7!important;font-size:17px!important;line-height:1.7!important;text-shadow:0 2px 8px #000}
body.inf .site-frame>.realm-cinema .cinema-chapters{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
body.inf .site-frame>.realm-cinema .cinema-chapters span{background:#190f0cb3!important;border:1px solid #cba16a66!important;color:#e5c596!important;padding:7px 11px!important;box-shadow:none!important}
body.inf .site-frame>.realm-cinema .cinema-quality{z-index:4!important;top:16px!important;right:16px!important;bottom:auto!important}
body.inf .site-frame>.realm-cinema .cinema-resume{z-index:4!important}
body.inf .site-frame>.realm-cinema .cinema-status{z-index:4!important}
@media(max-width:760px){body.inf .site-frame>.realm-cinema{min-height:610px;height:78svh}body.inf .site-frame>.realm-cinema .cinema-copy{width:100%;padding:80px 7% 100px!important}body.inf .site-frame>.realm-cinema .cinema-copy h1{font-size:clamp(38px,9vw,64px)!important}body.inf .site-frame>.realm-cinema .cinema-copy p{font-size:15px!important}body.inf .site-frame>.realm-cinema:after{background:linear-gradient(90deg,#100907de,#10090766),linear-gradient(0deg,#10090788,transparent)} }

/* Cinematic HOME extension: existing account, rankings and reward paths retained. */
body.inf .site-frame>.realm-cinema{height:min(850px,88svh);min-height:680px;border-radius:3px!important;margin-top:12px!important}
body.inf .home-film-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;pointer-events:auto}
body.inf .home-film-actions a{padding:15px 23px;background:linear-gradient(#aa372b,#75231b);border:1px solid #cb9a65;color:#fff0d9;font:700 12px/1.4 var(--sans);letter-spacing:1px;box-shadow:inset 0 1px #fff2;transform:none!important;animation:none!important}
body.inf .home-film-actions a:last-child{background:#150b09aa}
body.inf .home-film-actions a:hover{border-color:#f4ce97;filter:brightness(1.12)}
body.inf .home-showcase{padding:32px 0 48px}
body.inf .home-showcase-heading{text-align:center;padding:20px 0 30px}
body.inf .home-showcase-heading>span{color:#cca56e;font-size:11px;letter-spacing:3px}
body.inf .home-showcase-heading h2{font-size:clamp(25px,3vw,43px);color:#eee1cc;margin:14px 0}
body.inf .home-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.inf .home-scene{position:relative;min-height:400px;overflow:hidden;isolation:isolate;border:1px solid #ae824c50;background:#160d0b;color:#f1e5d4}
body.inf .home-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:filter .3s ease}
body.inf .home-scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#100806 0%,#100806ba 35%,#10080610 85%)}
body.inf .home-scene>div{position:absolute;bottom:0;left:0;right:0;padding:28px}
body.inf .home-scene span,body.inf .home-scene b{color:#d2ad78;font-size:10px;letter-spacing:2px}
body.inf .home-scene h3{font-size:27px;margin:12px 0;line-height:1.15;color:#f3e7d5}
body.inf .home-scene p{font-size:13px;line-height:1.65;color:#c9bcb0;margin-bottom:18px}
body.inf .home-scene:hover>img{filter:brightness(1.14)}
@media(max-width:760px){body.inf .home-showcase-grid{grid-template-columns:1fr}body.inf .home-scene{min-height:350px}body.inf .site-frame>.realm-cinema{min-height:700px;height:auto}body.inf .home-film-actions a{padding:12px 15px;font-size:10px}body.inf .site-frame>.realm-cinema .cinema-copy{min-height:700px;padding-bottom:90px!important}}

/* Dream-inspired presentation; MU Beyond content and account services retained. */
body.inf .home-section-nav{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:17px 12px;border-bottom:1px solid #c69b5740;background:#130d0be8;position:relative;z-index:3}
body.inf .home-section-nav a{font:700 11px/1.4 var(--sans);letter-spacing:1px;color:#cdbba5}
body.inf .home-section-nav a:hover{color:#f7c46d}
body.inf .site-frame>.realm-cinema .cinema-copy{width:100%;align-items:center;text-align:center;padding:75px 6% 95px!important}
body.inf .site-frame>.realm-cinema:after{background:linear-gradient(0deg,#100907ed,transparent 55%,#10090788),linear-gradient(90deg,#10090766,#10090766)}
body.inf .site-frame>.realm-cinema .cinema-copy h1{font-family:var(--sans)!important;font-weight:900!important;font-size:clamp(38px,5vw,76px)!important;letter-spacing:-2px!important}
body.inf .site-frame>.realm-cinema .cinema-copy h1 em{display:block;font-style:normal;font-size:1.12em;margin-top:12px;color:#efb854!important;-webkit-text-fill-color:#efb854!important}
body.inf .grand-hour{display:block;font:700 16px/1.5 var(--sans);letter-spacing:3px;margin-top:24px;color:#fff0d7}
body.inf .cinema-chapters,body.inf .home-film-actions{justify-content:center}
body.inf .home-film-actions a{border-radius:32px;padding:18px 34px;font-size:13px}
body.inf .home-film-actions a:first-child{background:linear-gradient(#ffd47a,#d78b27);border-color:#f8c66b;color:#241307;box-shadow:0 5px 22px #e8a33433}
body.inf .home-feature-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
body.inf .home-feature-tabs button{padding:16px 25px;border:1px solid #bc975b45;border-radius:5px;background:#1c1510;color:#bdac98;cursor:pointer;font:700 12px var(--sans)}
body.inf .home-feature-tabs button[aria-selected=true]{color:#ffdb98;background:#563718;border-color:#d6a050}
body.inf .home-showcase-grid{display:block}
body.inf .home-scene{display:block;min-height:520px;border-radius:9px}
body.inf .home-scene[hidden]{display:none!important}
body.inf .home-scene>img{left:30%;width:70%;object-position:center 40%}
body.inf .home-scene:after{background:linear-gradient(90deg,#140e0a 0%,#140e0af0 25%,#140e0a22 70%),linear-gradient(0deg,#140e0aaa,transparent)}
body.inf .home-scene>div{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;max-width:480px;padding:48px}
body.inf .home-scene h3{font:800 clamp(28px,3vw,44px)/1.1 var(--sans);margin:22px 0}
body.inf .home-scene p{font-size:16px;max-width:300px}
body.inf .home-faq{padding:40px 0 60px;scroll-margin-top:100px}
body.inf .home-faq h2{text-align:center;font:800 30px var(--sans);margin-bottom:30px}
body.inf .home-faq details{padding:20px 25px;background:#1b120f;border:1px solid #b48a4933;margin-bottom:10px;border-radius:6px}
body.inf .home-faq summary{cursor:pointer;font-weight:700;color:#e9d4b1}
body.inf .home-faq p{color:#bfae9c;line-height:1.8}
body.inf .home-faq a{color:#edbe72;text-decoration:underline}
@media(max-width:760px){body.inf .home-section-nav{gap:16px}body.inf .site-frame>.realm-cinema .cinema-copy h1{font-size:clamp(30px,7vw,50px)!important;letter-spacing:-1px!important}body.inf .grand-hour{font-size:12px;letter-spacing:1px}body.inf .home-scene{min-height:470px}body.inf .home-scene>img{left:0;width:100%}body.inf .home-scene:after{background:linear-gradient(0deg,#140e0a,transparent),#140e0a55}body.inf .home-scene>div{justify-content:flex-end;padding:28px}.home-feature-tabs button{flex:1;padding:12px!important}body.inf .home-film-actions a{padding:14px 20px;font-size:11px}}

/* Owner: Infernal typography, live counters in the hero; stable text. */
body.inf .site-frame>.realm-cinema .cinema-copy{width:77%;padding:65px 4% 95px!important}
body.inf .site-frame>.realm-cinema .cinema-copy h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important;font-size:clamp(38px,4.7vw,72px)!important;letter-spacing:-1.5px!important;color:#f4e4c6!important;text-shadow:0 2px 2px #000,0 6px 26px #000,0 0 36px #a02b182e;line-height:1.16!important}
body.inf .site-frame>.realm-cinema .cinema-copy h1 em{font-family:Georgia,"Times New Roman",serif!important;font-style:italic!important;color:#db9b50!important;-webkit-text-fill-color:#db9b50!important;font-size:1.05em!important;text-shadow:0 2px 1px #421309,0 4px 20px #130806}
body.inf .grand-hour{font-size:13px;letter-spacing:2px;color:#efdfbd}
body.inf .hero-realm-stats{position:absolute!important;z-index:4;right:24px;top:50%;translate:0 -50%;width:205px;margin:0!important;padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:linear-gradient(135deg,#22110fee,#0d0908ef)!important;border:1px solid #8c613d!important;border-radius:2px!important;box-shadow:0 12px 36px #0008,inset 0 0 0 4px #100b09!important}
body.inf .hero-realm-stats .stat{display:flex!important;align-items:center;gap:15px;padding:23px 13px!important;margin:0!important;border:0!important;border-bottom:1px solid #71523855!important;background:none!important;box-shadow:none!important;min-width:0}
body.inf .hero-realm-stats .stat:last-child{border-bottom:0!important}
body.inf .hero-realm-stats .stat-icon{font-size:24px;color:#c59250;text-shadow:0 0 15px #b04727}
body.inf .hero-realm-stats label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#c6b396}
body.inf .hero-realm-stats strong{display:block;font:700 31px/1.3 Georgia,serif;color:#f0dcb9}
body.inf .infernal-aura{position:absolute;z-index:1;inset:0;pointer-events:none;box-shadow:inset 0 -30px 80px #8c251220;animation:realmAura 7s ease-in-out infinite alternate}
@keyframes realmAura{from{opacity:.3}to{opacity:1}}
body.inf .home-showcase-heading h2,body.inf .home-faq h2{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:2px;color:#e8d3b2;text-shadow:0 2px 14px #000}
body.inf .home-scene:not([hidden]) img{animation:realmSceneEnter 650ms ease-out both}
@keyframes realmSceneEnter{from{opacity:.5;scale:1.025}to{opacity:1;scale:1}}
@media(max-width:900px){body.inf .site-frame>.realm-cinema .cinema-copy{width:100%;padding-bottom:205px!important}body.inf .hero-realm-stats{top:auto;bottom:35px;left:5%;right:5%;width:auto;translate:none;grid-template-columns:repeat(3,1fr)!important;padding:5px!important}body.inf .hero-realm-stats .stat{justify-content:center;padding:12px 5px!important;border-bottom:0!important;border-right:1px solid #71523855!important;gap:8px}body.inf .hero-realm-stats .stat:last-child{border-right:0!important}body.inf .hero-realm-stats strong{font-size:25px}body.inf .hero-realm-stats .stat-icon{display:none}}
@media(prefers-reduced-motion:reduce){body.inf .infernal-aura,body.inf .home-scene:not([hidden]) img{animation:none!important}}

/* Systems replaces the redundant section navigation. */
body.inf .site-frame>.systems-strip{margin:10px 0!important;padding:10px 16px!important;border-radius:0!important;background:#140e0bed!important}
body.inf .systems-strip-toggle{padding:7px 0!important}
body.inf .systems-strip-label>span{display:none}
body.inf .systems-strip .realm-ranking-tabs{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
body.inf .systems-strip .realm-ranking-tabs a{flex:0 1 auto!important;padding:8px 11px!important;font-size:11px!important}
body.inf .realm-world{position:relative;isolation:isolate;min-height:760px;margin:55px 0;overflow:hidden;border:1px solid #8c613d66;background:#130e0b}
body.inf .realm-world-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body.inf .realm-world:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0e090cd9,transparent 45%,#0e090ce8)}
body.inf .realm-world-heading{text-align:center;padding:55px 20px 0}
body.inf .realm-world-heading>span{font:700 10px var(--sans);letter-spacing:4px;color:#d6a65f}
body.inf .realm-world-heading h2{font:700 clamp(28px,3.5vw,50px)/1.2 Georgia,serif;color:#f1dfbc;text-shadow:0 3px 18px #000;margin:15px 0}
body.inf .realm-world-paths{display:grid;grid-template-columns:1fr 1fr;column-gap:28%;row-gap:45px;padding:95px 35px 70px}
body.inf .realm-world-paths a{position:relative;padding:20px 35px 20px 20px;background:linear-gradient(100deg,#1e100fee,#160d0dcc);border:1px solid #aa814c80;border-radius:3px;box-shadow:0 8px 22px #0006;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s}
body.inf .realm-world-paths a:hover,body.inf .realm-world-paths a:focus-visible{border-color:#efc080;box-shadow:0 0 22px #ca522c44}
body.inf .realm-world-paths span{display:block;font:700 15px Georgia,serif;letter-spacing:1px;color:#e9bf7b}
body.inf .realm-world-paths small{display:block;font:12px/1.7 var(--sans);color:#eee1ce;margin-top:5px}
body.inf .realm-world-paths b{position:absolute;right:14px;top:24px;color:#e0b36d}
body.inf .realm-world-motion{position:absolute;bottom:15px;right:20px;padding:10px 15px;background:#100b09cf;color:#d8c3a1;border:1px solid #8c613d;font-size:10px;letter-spacing:2px;cursor:pointer}
@media(max-width:700px){body.inf .realm-world{min-height:700px}body.inf .realm-world-paths{column-gap:12px;row-gap:16px;padding:70px 15px}body.inf .realm-world-paths a{padding:15px 24px 15px 12px}body.inf .realm-world-paths span{font-size:12px}body.inf .realm-world-paths small{font-size:11px}}

/* Premium motion: one-time entrances, static type, restrained material light. */
body.inf .home-showcase{padding:35px 0 0!important;margin:65px 0!important}
body.inf .home-showcase-heading{position:relative;padding:15px 20px 30px}
body.inf .home-showcase-heading:before,body.inf .home-showcase-heading:after{content:'';display:block;width:min(240px,40%);height:1px;margin:0 auto 25px;background:linear-gradient(90deg,transparent,#c59756,transparent)}
body.inf .home-showcase-heading:after{margin:25px auto 0;width:90px}
body.inf .home-feature-tabs{display:flex!important;gap:0!important;padding:0!important;margin:0!important;border:1px solid #ab824c55;background:#130c0b}
body.inf .home-feature-tabs button{position:relative;flex:1;padding:24px 15px!important;background:linear-gradient(#241510,#100b0b)!important;color:#b9a58c!important;border:0!important;border-right:1px solid #aa814c33!important;border-radius:0!important;letter-spacing:2px;font:700 12px Georgia,serif!important;cursor:pointer;transition:color .2s,box-shadow .2s!important}
body.inf .home-feature-tabs button[aria-selected=true]{color:#f6d6a0!important;box-shadow:inset 0 -3px #d7a35d,inset 0 -25px 40px #a7461522!important}
body.inf .home-feature-tabs button:hover{color:#fff0d5!important}
body.inf .home-scene{border-radius:0!important;border:1px solid #ad824e66!important;box-shadow:0 20px 60px #0008!important;overflow:hidden}
body.inf .home-scene>div{background:linear-gradient(0deg,#0e0808f5,#100909bb 60%,transparent)!important;padding:55px 45px 40px!important}
body.inf .home-scene h3{font:700 clamp(30px,4vw,52px)/1.1 Georgia,serif!important;color:#f3e1c1;text-shadow:0 2px 15px #000}
body.inf .home-scene b{display:inline-block;border-bottom:1px solid #b78a4c;padding:12px 0;color:#e9bd7b;letter-spacing:2px;font-size:11px}
body.inf .realm-world-paths a:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#f4d79a14 48%,transparent 70%);background-size:250% 100%;background-position:100% 0;opacity:0;transition:background-position .65s ease,opacity .3s}
body.inf .realm-world-paths a:hover:before,body.inf .realm-world-paths a:focus-visible:before{background-position:0 0;opacity:1}
body.inf .premium-enter{opacity:0;transition:opacity .7s ease var(--entry-delay,0ms)!important}
body.inf .premium-enter.premium-visible{opacity:1}
@media(max-width:600px){body.inf .home-feature-tabs button{font-size:10px!important;padding:18px 6px!important;letter-spacing:.5px}body.inf .home-scene>div{padding:35px 20px 25px!important}}
@media(prefers-reduced-motion:reduce){body.inf .premium-enter{opacity:1!important;transition:none!important}body.inf .realm-world-paths a:before{transition:none!important}}