/* MU Beyond Infernal base layer: structural rules inherited from the retired shell,
   colours remapped by tools/recolor_infernal.py. Visual identity lives in infernal-theme.css. */
/* ---- from retired frost-site.css (recoloured to Infernal) ---- */
:root{--ice:#edd8ad;--ice2:#ff3853;--silver:#f9f2e4;--blue:#521019;--navy:#21060a;--line:#c36a76;--text:#fbf7ee;--muted:#cfc4ae;--gold:#d7b873;--green:#64e3bd}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font:14px/1.5 "Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 50% -10%,#711c27 0,transparent 45%),linear-gradient(#21070a,#160507 70%);min-height:100vh}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.wrap{width:min(1420px,calc(100% - 38px));margin:auto}
.site-frame{position:relative;margin:16px auto 0;padding:7px;border:1px solid #edd8ad;border-radius:10px;background:linear-gradient(135deg,#f9f2e5 0,#a63443 2%,#22070b 7%,#3d0c13 48%,#21070a 93%,#ead19f 100%);box-shadow:0 0 0 2px #22070b,0 0 25px #ff2f4b55,inset 0 1px #fff9}
.site-frame:before{content:"✦";position:absolute;z-index:5;top:-13px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;color:#f8efdd;font-size:20px;text-shadow:0 0 15px #ff4f66;background:linear-gradient(145deg,#9b2a39,#2c070c);border:1px solid #f2e2c2;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.topbar{height:72px;position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 22px;background:linear-gradient(180deg,#21070af2,#330a0ff4);border:1px solid #edd8ae;border-radius:5px;box-shadow:inset 0 1px #fff5,0 8px 30px #0008}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em}
.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:#fbf6eb;font:700 23px Georgia,serif;border:1px solid #f2e2c2;transform:rotate(45deg);background:linear-gradient(140deg,#efddb9,#982635 13%,#300b10 50%,#b84252);box-shadow:0 0 17px #ff486077,inset 0 0 7px #fff8}
.brand-mark span{transform:rotate(-45deg)}
.brand-text small{display:block;color:#e4d3b2;font-size:9px;letter-spacing:.3em}
.nav{display:flex;align-items:center;gap:28px;color:#f1e8d6;font:700 11px Georgia,serif;letter-spacing:.1em}
.nav a{height:72px;display:flex;align-items:center;position:relative}
.nav a:hover,.nav a.active{color:#e9cf9b;text-shadow:0 0 12px #ff4e66}
.nav a.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:#ff5e73;box-shadow:0 0 10px #e3c382}
.social{display:flex;gap:9px;color:#e4d7be;font-weight:bold}
.social span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #9b565f;border-radius:50%;background:#310b10}
.hero{height:clamp(440px,43vw,610px);position:relative;overflow:hidden;margin-top:8px;border:1px solid #ead1a0;background-image:linear-gradient(90deg,rgba(18,3,5,.88) 0%,rgba(18,3,5,.57) 34%,rgba(18,3,5,.08) 66%,rgba(18,3,5,.12) 100%),linear-gradient(0deg,rgba(19,4,6,.83),transparent 35%,rgba(19,4,6,.12)),url("../img/infernal/season22-part2-hero-infernal.webp");background-size:cover;background-position:center 43%;box-shadow:inset 0 0 0 5px #22070b,inset 0 0 0 6px #d9c295,inset 0 0 100px #120103aa}
.hero:before{content:"";position:absolute;inset:13px;border:1px solid #f8efddb3;box-shadow:inset 0 0 0 1px #fff3,0 0 14px #ff576d4a;pointer-events:none}
.hero:after{content:"✦";position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:28px;color:#f9f3e6;text-shadow:0 0 18px #ff556c;background:#3b0910;padding:0 12px;line-height:24px}
.hero-copy{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:min(570px,54%);text-shadow:0 3px 14px #000}
.eyebrow{display:flex;align-items:center;gap:11px;color:#f2e3c6;font-size:10px;font-weight:800;letter-spacing:.27em}
.eyebrow:before{content:"";width:30px;height:1px;background:#edd8af;box-shadow:0 0 10px #ff5c72}
.hero h1{margin:14px 0 0;font:700 clamp(42px,6vw,82px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:#fcf9f2;text-shadow:0 3px 2px #000,0 0 30px #ff657a72}
.hero h1 span{display:block;color:#ffc94e;font-style:italic;text-shadow:0 2px 0 #72350b,0 0 22px #ff8a2555}
.season{margin:8px 0 14px;color:#faf5eb;font:italic 700 clamp(22px,3.2vw,38px)/1 Georgia,serif;letter-spacing:.08em}
.tagline{margin:14px 0 5px;color:#f0e9da;font:700 10px Georgia,serif;letter-spacing:.28em}
.hero-copy p{max-width:400px;margin:10px 0 22px;color:#dad2c2;font-size:13px}
.play-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:260px;padding:13px 28px;border:1px solid #f8f0df;border-radius:4px;background:linear-gradient(145deg,#ead2a2,#b12f40 12%,#590a15 45%,#30070c 80%,#ea6577);box-shadow:inset 0 1px #fff9,inset 0 -3px #120204,0 0 0 3px #21070a,0 0 0 4px #e87887,0 0 24px #ff395377;color:#fdfbf6;font:700 22px Georgia,serif;letter-spacing:.12em;text-shadow:0 2px 5px #110002;cursor:pointer}
.play-button:hover{filter:brightness(1.16);box-shadow:inset 0 1px #fff,0 0 30px #ff556caa}
.stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 20px 21px;background:linear-gradient(180deg,#21070a,#2a090d);border:1px solid #b76c76;border-top:0;box-shadow:inset 0 1px #fff2,0 12px 28px #0008}
.stat{min-height:74px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:12px 17px;border:1px solid #dcc69b;border-radius:4px;background:linear-gradient(145deg,#c78b93 0%,#5f2129 5%,#380b11 22%,#25060a 78%,#80313c 100%);box-shadow:inset 0 0 0 3px #23070b,inset 0 0 0 4px #c3727d,0 0 16px #ff38532e}
.stat-icon{width:44px;height:44px;display:grid;place-items:center;font:700 20px Georgia,serif;color:#f2e2c2;border:1px solid #e5c687;border-radius:50%;background:radial-gradient(circle,#ff3f5952,#3a0910 65%);box-shadow:0 0 14px #ff425b77,inset 0 0 9px #ff5e7344}
.stat:nth-child(2) .stat-icon{color:#f8efde;border-color:#f0dfbd}
.stat:nth-child(3) .stat-icon{color:#e3d1a2;border-color:#d3bb7a}
.stat label{display:block;color:#f3e6cb;font:700 9px Georgia,serif;letter-spacing:.16em;text-transform:uppercase}
.stat strong{display:inline-block;margin-top:1px;color:#71f0ca;font:700 19px Georgia,serif;text-shadow:0 0 12px #d6435775}
.stat small{display:block;color:#c28f96;font-size:9px;letter-spacing:.05em}
.content-grid{display:grid;grid-template-columns:1.05fr 1.08fr .96fr;gap:13px;padding:0 20px 22px;background:#2a090d}
.content-card{min-width:0;position:relative;overflow:hidden;border:1px solid #d48590;border-radius:5px;background:linear-gradient(145deg,#622830 0%,#370c12 5%,#24070b 22%,#21060a 82%,#6b2831);box-shadow:inset 0 0 0 4px #21060a,inset 0 0 0 5px #8e3b46,0 13px 28px #0008}
.content-card:before{content:"";position:absolute;inset:8px;border:1px solid #eedec01c;pointer-events:none}
.card-head{height:47px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #934d56;color:#f8f0e0;font:700 13px Georgia,serif;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#4b151c,#310a0f)}
.card-head a{color:#ebd4a7;font:10px "Segoe UI",sans-serif;letter-spacing:0}
.empty-state{min-height:240px;display:grid;place-items:center;padding:24px;text-align:center;color:#c79ca2;font-size:12px}
.empty-state strong{display:block;color:#f2e8d5;font:700 14px Georgia,serif;margin-bottom:7px}
.news-list,.event-list,.rank-list{position:relative;z-index:1;padding:9px 14px 13px}
.list-row{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 0;border-bottom:1px solid #5b2930}
.list-row:last-child{border-bottom:0}
.thumb{width:54px;height:42px;flex:0 0 54px;border:1px solid #c67a84;border-radius:3px;background-image:linear-gradient(#22070b42,#22070b78),url("../img/infernal/season22-part2-hero-infernal.webp");background-size:cover;background-position:center}
.thumb.t2{background-position:70% 48%}
.thumb.t3{background-position:88% 40%}
.row-copy{min-width:0}
.row-copy strong{display:block;color:#f9f2e5;font:700 11px Georgia,serif}
.row-copy small{display:block;color:#bc8990;font-size:9px;line-height:1.4;margin-top:3px}
.rank-list .list-row{min-height:43px}
.rank-place{width:23px;color:#d5c188;font:700 14px Georgia,serif;text-align:center}
.rank-list .row-copy{flex:1}
.rank-value{color:#d5c8af;font-size:10px}
.pending-note{padding:6px 0 2px;color:#aa757c;font-size:9px;text-align:center;letter-spacing:.05em}
.footer{display:flex;justify-content:space-between;gap:12px;padding:17px 26px;color:#b38289;background:#21060a;border:1px solid #9a545d;border-top:0;font-size:9px;letter-spacing:.06em}
.menu{display:none;background:#350b11;border:1px solid #d47783;padding:8px 11px}
@media(max-width:960px){.nav{gap:16px}
.social{display:none}
.hero-copy{left:6%;width:61%}
.content-grid{grid-template-columns:1fr 1fr}
.content-card:last-child{grid-column:span 2}
.rank-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}}
@media(max-width:650px){.wrap{width:calc(100% - 18px)}
.site-frame{margin-top:12px;padding:4px}
.topbar{height:61px;padding:0 14px}
.nav{display:none}
.menu{display:block}
.brand-mark{width:34px;height:34px}
.hero{height:480px;background-position:center 48%}
.hero-copy{left:7%;top:auto;bottom:28px;transform:none;width:83%}
.hero h1{font-size:48px}
.season{font-size:23px}
.play-button{min-width:210px;padding:11px 19px;font-size:18px}
.stats{grid-template-columns:1fr;gap:8px;padding:12px}
.stat{min-height:60px}
.stat-icon{width:36px;height:36px}
.content-grid{grid-template-columns:1fr;padding:0 12px 16px}
.content-card:last-child{grid-column:auto}
.rank-list{display:block}
.empty-state{min-height:110px}
.footer{flex-direction:column;padding:14px}}
:root{--ice:#f1e1c2;--ice2:#ff1534;--silver:#faf5ea;--line:#ff314c;--blue:#680a17}
body{background-color:#1d0407;background-image:linear-gradient(180deg,rgba(17,3,5,.48) 0%,rgba(18,3,5,.38) 35%,rgba(18,3,5,.68) 100%),radial-gradient(ellipse at 50% 14%,rgba(255,26,57,.28),transparent 56%),url("../img/infernal/season22-part2-hero-infernal.webp");background-size:cover,cover,cover;background-position:center,center,center 38%;background-attachment:fixed,fixed,fixed}
.site-frame{background:linear-gradient(135deg,#faf5ea 0,#ff324d 2%,rgba(31,5,8,.36) 7%,rgba(39,5,10,.28) 48%,rgba(31,5,8,.35) 93%,#ff5b71 100%);border-color:#ff596f;box-shadow:0 0 0 2px #21060a,0 0 28px #ff002288,inset 0 1px #fff}
.site-frame:before{color:#fcf9f2;text-shadow:0 0 8px #fff,0 0 22px #ff0022;background:linear-gradient(145deg,#ebd3a4,#b1162b 45%,#3b070e);border-color:#f2e3c5;box-shadow:0 0 22px #ff0425aa}
.topbar{background:linear-gradient(180deg,rgba(31,4,8,.84),rgba(39,5,10,.72));border-color:#ff4760;box-shadow:inset 0 1px #fff9,0 8px 30px #0009,0 0 22px #ff042544;backdrop-filter:blur(8px)}
.brand-mark{border-color:#f5ead3;background:linear-gradient(140deg,#faf4e8,#f42843 14%,#440911 50%,#e01d37);box-shadow:0 0 9px #fcf9f2,0 0 27px #ff0022aa,inset 0 0 7px #fff}
.nav a:hover,.nav a.active{color:#faf4e9;text-shadow:0 0 7px #fff,0 0 18px #ff0022}
.nav a.active:after{background:#e9cf9b;box-shadow:0 0 7px #fff,0 0 17px #ff0022}
.hero{background:linear-gradient(90deg,rgba(20,2,4,.65),rgba(26,3,6,.12) 65%,rgba(26,3,6,.2)),linear-gradient(0deg,rgba(22,3,6,.55),transparent 44%);border-color:#ff314c;box-shadow:inset 0 0 0 5px rgba(34,5,9,.45),inset 0 0 0 6px #ff4860,inset 0 0 100px #1d0306bb,0 0 24px #ff002266}
.hero:before{border-color:#f2e3c5;box-shadow:inset 0 0 0 1px #fff6,0 0 8px #fff,0 0 24px #ff002299}
.hero:after{color:#faf4e9;text-shadow:0 0 8px #fff,0 0 24px #ff0022;background:#550711}
.hero-copy{background:linear-gradient(90deg,rgba(24,3,6,.56),rgba(24,3,6,.22) 72%,transparent);padding:20px 22px;margin-left:-22px;border-left:1px solid #e8cd96;box-shadow:-9px 0 25px -15px #ff0022}
.eyebrow{color:#f0dfbc;text-shadow:0 0 9px #ff0022}
.eyebrow:before{background:#e9d09d;box-shadow:0 0 13px #ff0022}
.hero h1{color:#fdfbf6;text-shadow:0 2px 2px #110002,0 0 10px #edd7ac,0 0 34px #ff0022bb}
.hero h1 span{color:#ffd879;text-shadow:0 2px 0 #643709,0 0 26px #ffac3877}
.play-button{border-color:#f2e3c6;background:linear-gradient(145deg,#fbf6ec 0%,#ff1433 8%,#b4081f 25%,#5b0611 65%,#340a10 84%,#f5364f);box-shadow:inset 0 1px #fff,inset 0 -3px #1e0004,0 0 0 3px #22060a,0 0 0 4px #ff445d,0 0 16px #f9f2e3,0 0 38px #ff0022aa;text-shadow:0 1px 4px #110002}
.stats{background:linear-gradient(180deg,rgba(31,4,8,.7),rgba(29,4,7,.6));border-color:#ff435c;box-shadow:inset 0 1px #fff5,0 12px 28px #0008,0 0 20px #ff002230;backdrop-filter:blur(6px)}
.stat{border-color:#ff6378;background:linear-gradient(145deg,rgba(218,75,94,.70),rgba(69,7,15,.78) 15%,rgba(34,3,7,.76) 78%,rgba(158,26,44,.72));box-shadow:inset 0 0 0 3px rgba(31,4,8,.76),inset 0 0 0 4px #ff425b,0 0 16px #ff002255;backdrop-filter:blur(5px)}
.stat-icon{color:#f9f2e3;border-color:#ff596f;background:radial-gradient(circle,#ff153494,#540812 68%);box-shadow:0 0 9px #fbf6ec,0 0 23px #ff0022,inset 0 0 9px #ead2a288}
.stat:nth-child(2) .stat-icon{color:#fbf6ec;border-color:#efdbb4}
.stat:nth-child(3) .stat-icon{color:#f9f2e5;border-color:#f1e0bf}
.stat strong{color:#92ffe2;text-shadow:0 0 8px #f2e4c7,0 0 20px #d5001caa}
.content-grid{background:linear-gradient(180deg,rgba(35,5,9,.52),rgba(27,4,7,.68));backdrop-filter:blur(4px)}
.content-card{border-color:#ff4d65;background:linear-gradient(145deg,rgba(179,60,76,.68),rgba(49,5,11,.78) 7%,rgba(31,3,7,.72) 30%,rgba(27,3,6,.77) 82%,rgba(131,24,38,.72));box-shadow:inset 0 0 0 4px rgba(31,4,8,.8),inset 0 0 0 5px #ff2845,0 13px 28px #0009,0 0 18px #ff002244;backdrop-filter:blur(5px)}
.card-head{background:linear-gradient(90deg,rgba(107,13,26,.85),rgba(48,4,10,.88));border-bottom-color:#ff3550;color:#faf4e9;text-shadow:0 0 9px #ff002244}
.list-row{border-bottom-color:rgba(238,82,103,.3)}
.thumb{border-color:#e5c687;box-shadow:0 0 9px #ff002277}
.pending-note{color:#d5c4a2}
.footer{background:rgba(25,3,6,.72);border-color:#ff3651;color:#d9caad;box-shadow:0 0 18px #ff002233;backdrop-filter:blur(7px)}
@media(max-width:650px){body{background-position:center,center,58% top;background-attachment:fixed,fixed,fixed}
.hero-copy{background:linear-gradient(90deg,rgba(24,3,6,.78),rgba(24,3,6,.38) 78%,transparent)}}
.site-frame{border-radius:19px;padding:8px;animation:pageArrive .7s cubic-bezier(.2,.8,.2,1) both}
.topbar{border-radius:14px;padding-inline:25px;backdrop-filter:blur(14px)}
.brand-mark{border-radius:11px;transition:transform .3s ease,box-shadow .3s ease}
.brand:hover .brand-mark{transform:rotate(45deg) scale(1.07);box-shadow:0 0 13px #fcf9f2,0 0 34px #ff0022cc}
.hero{border-radius:15px;transition:box-shadow .3s ease}
.hero:before{inset:12px;border-radius:10px}
.hero:after{border-radius:7px;text-shadow:0 0 9px #fff,0 0 28px #ff0022;animation:sigilGlow 3.8s ease-in-out infinite}
.hero-copy{border-radius:0 16px 16px 0;backdrop-filter:blur(5px)}
.play-button{border-radius:999px;padding-inline:34px;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.play-button:hover{transform:translateY(-3px) scale(1.015);filter:brightness(1.12)}
.stats{border-radius:0 0 15px 15px;padding:18px 20px 21px}
.stat{border-radius:13px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.stat:hover{transform:translateY(-4px);border-color:#f2e3c6;box-shadow:inset 0 0 0 3px rgba(31,4,8,.76),inset 0 0 0 4px #e8cd97,0 10px 26px #ff002255}
.stat-icon{border-radius:14px;transform:rotate(-4deg);transition:transform .28s ease}
.stat:hover .stat-icon{transform:rotate(0) scale(1.08)}
.content-card{border-radius:14px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.content-card:hover{transform:translateY(-4px);border-color:#efddb9;box-shadow:inset 0 0 0 4px rgba(31,4,8,.8),inset 0 0 0 5px #ff556c,0 18px 36px #0009,0 0 25px #ff002266}
.content-card:before{inset:7px;border-radius:9px}
.card-head{border-radius:11px 11px 0 0}
.thumb{border-radius:9px;transition:filter .25s ease,transform .25s ease}
.list-row:hover .thumb{transform:scale(1.04);filter:brightness(1.18)}
.footer{border-radius:0 0 12px 12px}
@keyframes pageArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sigilGlow{0%,100%{text-shadow:0 0 7px #fff,0 0 20px #ff0022;opacity:.85}50%{text-shadow:0 0 13px #fff,0 0 31px #ff0022;opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:650px){.site-frame{border-radius:14px;padding:5px}
.topbar{border-radius:11px}
.hero{border-radius:12px}
.hero-copy{border-radius:0 12px 12px 0}
.stat,.content-card{border-radius:12px}}
.topbar{gap:18px;padding-inline:22px;background:linear-gradient(135deg,rgba(41,7,12,.92),rgba(29,5,8,.8));border-color:rgba(230,201,144,.68);box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 38px rgba(0,0,0,.48),0 0 28px rgba(255,0,34,.16)}
.nav{gap:7px;flex:1;justify-content:center;font:700 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.14em}
.nav a{height:42px;min-width:96px;padding:0 17px;justify-content:center;border:1px solid rgba(222,116,130,.48);border-radius:999px;background:linear-gradient(180deg,rgba(99,31,40,.76),rgba(41,6,11,.9));box-shadow:inset 0 1px rgba(255,255,255,.14),0 4px 14px rgba(0,0,0,.28);text-shadow:0 1px 5px #110002;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.nav a:before{content:"";position:absolute;inset:3px;border:1px solid rgba(241,225,194,.12);border-radius:999px;pointer-events:none}
.nav a:hover,.nav a.active{color:#fcf9f2;border-color:#edd8ad;background:linear-gradient(180deg,rgba(188,34,55,.8),rgba(71,7,16,.94));box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 0 1px rgba(255,83,106,.18),0 0 21px rgba(255,0,34,.42);transform:translateY(-2px)}
.nav a.active:after{height:2px;left:26%;right:26%;bottom:4px;border-radius:9px;background:#f2e3c6;box-shadow:0 0 7px #fff,0 0 16px #ff0022}
.guides-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 20px 22px;padding:22px 26px;border:1px solid rgba(248,102,121,.62);border-radius:16px;background:linear-gradient(110deg,rgba(54,9,15,.88),rgba(32,5,9,.82));box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 32px rgba(0,0,0,.28),0 0 24px rgba(255,0,34,.12);backdrop-filter:blur(8px)}
.guides-strip h2{margin:6px 0;color:#fbf6ec;font:700 clamp(17px,2vw,24px) Georgia,serif;letter-spacing:.07em;text-shadow:0 0 16px rgba(255,0,34,.32)}
.guides-strip p{margin:0;color:#d6c9af;font-size:12px}
.guide-link{flex:0 0 auto;padding:12px 18px;border:1px solid #e9ce99;border-radius:999px;background:linear-gradient(180deg,rgba(153,24,41,.82),rgba(60,5,12,.95));box-shadow:inset 0 1px #ffffff55,0 0 18px #ff002233;color:#fbf7ee;font-size:10px;font-weight:800;letter-spacing:.11em;transition:transform .2s,box-shadow .2s}
.guide-link:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff8,0 0 24px #ff002277}
.social{display:none}
.site-frame{z-index:2}
.hero:before{animation:infPulse 5s ease-in-out infinite}
.play-button{position:relative;overflow:hidden}
.play-button:after{content:"";position:absolute;top:-80%;left:-45%;width:35%;height:260%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(251,246,235,.48),transparent);animation:buttonGlimmer 5.5s ease-in-out infinite}
@keyframes infDrift{0%{transform:translate3d(-2%,1%,0) scale(1)}100%{transform:translate3d(3%,-2%,0) scale(1.08)}}
@keyframes infPulse{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes buttonGlimmer{0%,62%,100%{left:-45%;opacity:0}68%{opacity:1}82%{left:120%;opacity:0}}
@media(max-width:960px){.topbar{gap:8px;padding-inline:12px}
.nav{gap:4px}
.nav a{min-width:78px;padding-inline:10px;font-size:9px}}
@media(max-width:650px){.topbar{height:auto;min-height:61px;flex-wrap:wrap;gap:8px;padding:8px 12px}
.nav{display:flex;order:3;width:100%;justify-content:flex-start;gap:7px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{height:37px;min-width:max-content;padding:0 15px}
.menu{display:none}
.guides-strip{margin:0 12px 16px;padding:18px;align-items:flex-start;flex-direction:column}
.guide-link{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.hero:before,.play-button:after{animation:none!important}}
/* ---- from retired frost-cms.css (recoloured to Infernal) ---- */
body{ overflow-x: hidden; }
.brand, .nav a, .play-button, .guide-link{ text-decoration: none !important; }
.brand:hover{ color: var(--text); }
.nav{ margin: 0; }
.site-frame{ margin-bottom: 24px; }
.inner-heading{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:28px 30px 22px; }
.inner-heading > a{ color:var(--ice); font-size:12px; }
.cms-content{ margin:0 20px 22px; padding:28px; min-height:380px; border:1px solid #ff4d65; border-radius:15px; background:linear-gradient(135deg,rgba(53,7,13,.94),rgba(28,3,6,.88)); box-shadow:inset 0 1px #ffffff30,0 0 24px #ff002225; backdrop-filter:blur(12px); }
.cms-content a{ color:#f2e3c4; }
.cms-content .page-title{ margin:0 0 24px; padding-bottom:20px; border-bottom:1px solid #a4435077; font:700 30px Georgia,serif; letter-spacing:.06em; color:#fcf9f2; text-shadow:0 0 18px #ff314c66; }
.cms-content .page-title span{ background:none; }
.cms-content .panel, .cms-content .well, .cms-content .panel-body{ background:rgba(38,4,9,.55); color:#f6ecda; border-color:#9d3845; border-radius:12px; }
.cms-content .panel-heading, .cms-content .panel-footer{ background:rgba(88,16,26,.7); color:#f6ebd6; border-color:#9d3845; }
.cms-content .panel-title{ margin-bottom:10px; color:#faf4e9; }
.cms-content .table{ color:#f2ead9; }
.cms-content .table>tbody>tr>td, .cms-content .table>tbody>tr>th{ padding:14px 12px; vertical-align:middle; border-color:#8a424c66; background:transparent; }
.cms-content .table>tbody>tr:first-child{ color:#eed9b0; background:#77111f40; }
.cms-content .table>tbody>tr:hover{ background:#81142330; }
.cms-content .rankings-table-place{ width:48px; color:#d7b873; font:700 19px Georgia,serif; }
.cms-content .rankings-class-image{ width:38px; height:38px; object-fit:cover; border-radius:10px; }
.cms-content .online-status-indicator{ width:9px; margin-left:6px; }
.cms-content .rankings-menu, .cms-content .rankings-class-filter{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 22px; padding:0; list-style:none; }
.cms-content .rankings-menu a, .cms-content .btn{ display:inline-flex; align-items:center; justify-content:center; padding:10px 18px; border:1px solid #ee6d7e; border-radius:999px; background:linear-gradient(#841e2c,#38080e); color:#faf3e6; box-shadow:inset 0 1px #ffffff30,0 0 14px #ff002220; text-decoration:none; }
.cms-content .rankings-menu a:hover, .cms-content .btn:hover{ background:#771522; border-color:#f4e7cd; }
.cms-content input, .cms-content select, .cms-content textarea{ background:#27060a; color:#f9f2e4; border:1px solid #953c48; border-radius:8px; }
.cms-content input:focus{ border-color:#ebd4a7; box-shadow:0 0 10px #ff2e4a50; }
.cms-content .alert{ padding:18px; border-radius:10px; border:1px solid #a97b8166; background:#58343955; color:#e6dfd0; }
.cms-content .alert-danger{ border-color:#cd8d7380; color:#f5c0ad; }
.cms-content .muhobby-guides{ margin:0; }
.cms-content .muhobby-guide-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cms-content .muhobby-guide-card{ padding:22px; border:1px solid #d04a5c66; border-radius:14px; background:#3c080faa; }
.cms-content .muhobby-guide-card h2{ font:700 20px Georgia,serif; }
.download-feature{ display:grid; grid-template-columns:1.3fr 1fr; gap:28px; align-items:center; }
.download-feature h1{ font:700 36px Georgia,serif; color:#fcf9f2; }
.download-feature p, .download-feature li{ color:#e2d6be; line-height:1.8; }
.download-feature .play-button{ margin:20px 0; font-size:17px; color:#fff; }
.download-art{ width:100%; border-radius:15px; border:1px solid #f06376; }
.download-meta{ color:#ce939b; font-size:12px; overflow-wrap:anywhere; }
.download-steps{ margin-top:30px; padding:22px; border:1px solid #97394666; border-radius:14px; background:#32060caa; }
.download-steps h2{ font:700 21px Georgia,serif; }
.footer small{ opacity:.75; font-size:9px; }
@media(max-width:960px){.brand{ gap:9px; font-size:12px; }
.brand-text{ white-space:nowrap; }
.nav{ flex-wrap:wrap; }
.topbar{ height:auto; min-height:72px; padding-block:12px; }
.cms-content{ padding:20px; }}
@media(max-width:650px){.inner-heading{ padding:20px 14px; align-items:flex-start; flex-direction:column; }
.cms-content{ margin:0 8px 14px; padding:18px 12px; overflow-x:auto; }
.cms-content .page-title{ font-size:24px; }
.cms-content .table{ min-width:480px; }
.cms-content .muhobby-guide-grid,.download-feature{ grid-template-columns:1fr; }
.download-feature h1{ font-size:28px; }
.nav{ flex-wrap:nowrap; }}
.hero h1 .hero-logo{display:block;position:relative;width:100%;aspect-ratio:1024/240;overflow:hidden;margin:4px 0 8px;filter:drop-shadow(0 0 15px #ff002270);font-size:0;line-height:0}
.hero-logo img{position:absolute;display:block;left:0;top:-27%;width:100%;height:auto;max-width:none}
.hero h1>span:not(.hero-logo){font-style:normal;font-weight:900;letter-spacing:-.035em;background:linear-gradient(174deg,#fbf6ed 0%,#edd8ad 18%,#ab1e31 23%,#fff7c2 27%,#ffe08a 45%,#b58336 48%,#ffedb0 53%,#ebbc59 72%,#e4c483 88%,#faf5ea 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.6px #efddb9;filter:drop-shadow(0 2px 0 #5c121c) drop-shadow(0 0 12px #ee16336b);text-shadow:none}
.hero .season{display:inline-block;font-style:normal;font-weight:900;letter-spacing:.12em;background:linear-gradient(175deg,#fcf9f2,#ebd3a3 35%,#ffe9a7 52%,#f8c663 72%,#f3e5c8);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.35px #f1e1c0;text-shadow:none;filter:drop-shadow(0 2px 1px #530812) drop-shadow(0 0 9px #df223b8c)}
:root{--inf-edge:#e7cc95;--inf-gold:#f5d38b}
.topbar{background:linear-gradient(135deg,#2d070cf2,#3d0b12e6 50%,#210509ed);border-color:#e5c78b;box-shadow:inset 0 1px #f9f3e65c,0 12px 35px #0005}
.nav a,.cms-content .btn,.cms-content .rankings-menu a,.guide-link{border-radius:9px;border-color:#ddc492;background:linear-gradient(165deg,#712a33 0%,#380b11 14%,#23060a 75%,#70222c);box-shadow:inset 0 0 0 2px #1d0407,inset 0 0 0 3px #d9c19040,0 5px 18px #0004;color:#f7edd9;font-weight:800;text-shadow:0 1px 2px #000;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.nav a:before{border-radius:5px;border-color:#f4e7cd33}
.nav a:hover,.guide-link:hover,.cms-content .btn:hover,.cms-content .rankings-menu a:hover{border-color:#f8f0df;box-shadow:inset 0 0 0 2px #2e060b,inset 0 0 0 3px #f2e2c370,0 0 22px #ff163560;transform:translateY(-2px)}
.play-button:after,.guide-link:after{content:'';position:absolute;inset:-60% -100%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#f9f2e535 50%,transparent 57%);transform:translateX(-65%);animation:infSweep 9s ease-in-out infinite}
.play-button,.guide-link{position:relative;overflow:hidden}
@keyframes infSweep{0%,65%{transform:translateX(-65%)}90%,100%{transform:translateX(65%)}}
.content-card,.stat,.cms-content,.guides-strip{--light-x:50%;--light-y:0%;border-color:#e77584;transition:box-shadow .3s,border-color .3s,transform .3s}
.card-head,.cms-content .page-title,.download-feature h1,.download-steps h2{color:#f5ead3;text-shadow:0 1px #110002,0 0 16px #e7001f77;letter-spacing:.06em}
.cms-content input:focus-visible,.cms-content select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f5d38b;outline-offset:4px}
.brand-game-logo{position:relative;display:block;width:188px;aspect-ratio:1024/240;overflow:hidden;filter:drop-shadow(0 0 8px #f51b384f)}
.brand-game-logo img{position:absolute;top:-27%;left:0;width:100%;height:auto;max-width:none}
@media(prefers-reduced-motion:reduce){.play-button:after,.guide-link:after{animation:none;display:none}}
@media(max-width:960px){.brand-game-logo{width:154px}}
.auth-nav{display:flex;align-items:center;gap:7px;flex-shrink:0}
.auth-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid #dcc59866;border-radius:8px;background:linear-gradient(#5a1e26,#2b070c);color:#f6ebd5;font:800 10px/1 'Segoe UI',sans-serif;letter-spacing:.09em;text-decoration:none;box-shadow:inset 0 1px #f5e9d233;transition:box-shadow .2s,transform .2s}
.auth-nav a:hover{transform:translateY(-2px);box-shadow:0 0 18px #ff324d60}
.auth-nav .register-link{border-color:#e9ca83b3;background:linear-gradient(135deg,#5c232b,#401016);color:#ffe9b1;text-shadow:0 0 14px #daa74c55}
.topbar{gap:15px;flex-wrap:wrap;height:auto;min-height:80px;padding-block:14px}
.nav{flex:1;gap:6px}
.nav a{min-width:76px;padding-inline:11px}
.auth-page .cms-content{max-width:620px;margin:0 auto 35px;padding:36px;background:radial-gradient(ellipse at 50% 0,#9024323b,transparent 75%),linear-gradient(140deg,#3b0b11ee,#220509f5);border-color:#e3ca98;box-shadow:inset 0 0 0 4px #1f0609,inset 0 0 0 5px #9c495466,0 25px 70px #0008,0 0 35px #ff203e33}
.auth-page .cms-content .page-title{text-align:center;border-color:#ef708155}
.auth-page .cms-content form{max-width:440px;margin-inline:auto}
.auth-page .cms-content input{min-height:46px;padding:10px 14px}
.auth-page .cms-content input[type=checkbox]{min-height:0}
.auth-page .cms-content .btn{min-height:45px;font-weight:800}
.auth-page .cms-content label{color:#eadbbd;font-weight:600}
@view-transition{navigation:auto}
::view-transition-old(root){animation:infPageOut .22s ease both}
::view-transition-new(root){animation:infPageIn .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes infPageOut{to{opacity:0;filter:blur(3px);transform:translateY(-5px)}}
@keyframes infPageIn{from{opacity:0;filter:blur(5px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(max-width:1100px){.topbar{justify-content:space-between}
.nav{order:3;flex-basis:100%}
.auth-nav{margin-left:auto}}
@media(max-width:650px){.auth-nav a{font-size:9px;padding:8px 10px}
.auth-page .cms-content{margin:0 10px 20px;padding:25px 16px}
.brand-game-logo{width:145px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
.rank-directory{margin:8px 2px 0;padding:0 20px;background:linear-gradient(110deg,#400b12e8,#220509ed);border:1px solid #af475577;border-radius:10px}
.rank-directory summary{cursor:pointer;color:#f4e8d0;font-size:11px;letter-spacing:.13em;font-weight:800;padding:13px 0}
.rank-directory summary span{float:right;color:#d18993;font-size:10px;font-weight:400;letter-spacing:.03em}
.realm-ranking-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 18px;margin:0}
.realm-ranking-tabs a{padding:10px 14px;border:1px solid #db778488;border-radius:7px;background:linear-gradient(160deg,#60222a,#2d070c 70%);color:#f4e8d0;text-shadow:0 1px #000;text-decoration:none;font-weight:700;font-size:12px;box-shadow:inset 0 0 0 2px #210307;transition:background .2s,box-shadow .2s}
.realm-ranking-tabs a:hover,.realm-ranking-tabs a[aria-current]{border-color:#f4e6cb;background:linear-gradient(160deg,#a22e3d,#460a12);box-shadow:inset 0 0 0 2px #37070d,0 0 15px #ff002244;color:white}
.ranking-tools{display:flex;align-items:center;gap:15px;padding:18px 0;color:#cdbe9f;font-size:12px}
.ranking-tools input{flex:1;max-width:340px;padding:11px 14px}
.ranking-table-wrap{overflow-x:auto}
.realm-ranking-table{width:100%;border-collapse:collapse}
.realm-ranking-table th{text-align:left;color:#ddc79c;font-size:11px;text-transform:uppercase;letter-spacing:.13em;background:#4f121a80}
.realm-ranking-table th,.realm-ranking-table td{padding:14px 18px;border-bottom:1px solid #a0545e33}
.realm-ranking-table td:last-child,.realm-ranking-table th:last-child{text-align:right}
.realm-ranking-table td:last-child{color:#f9f1e2;font-weight:700;font-variant-numeric:tabular-nums}
.realm-ranking-table tr:hover{background:#c43d4f15}
.rank-medal{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:7px;color:#b67d85;background:#380b11}
.rank-1{color:#ffdc81;background:#6e572b55;box-shadow:0 0 12px #ffd15b22}
.rank-2{color:#faf4e9;background:#8e616744}
.rank-3{color:#d9ae86;background:#71523755}
.rankings-heading p,.ranking-updated{color:#c38c93;font-size:12px;line-height:1.7}
.rankings-heading .page-title{margin-bottom:10px}
.ranking-updated{text-align:right;margin-top:18px}
.auth-page .cms-content>.col-xs-8{width:100%;margin-left:0;float:none}
.auth-page .cms-content:after{content:'';display:table;clear:both}
@media(max-width:650px){.rank-directory summary span{display:none}
.ranking-tools{flex-wrap:wrap}
.realm-ranking-table th,.realm-ranking-table td{padding:12px 8px}
.realm-ranking-tabs a{font-size:11px;padding:9px 11px}}
/* ---- from retired frost-glass-refinement.css (recoloured to Infernal) ---- */
:root{--glass-surface:rgba(30,3,7,.38);--glass-line:rgba(235,212,167,.15);--glass-hover:rgba(235,212,165,.44)}
body{background-image:linear-gradient(180deg,rgba(17,3,5,.16),rgba(18,3,5,.14) 44%,rgba(18,3,5,.4)),radial-gradient(ellipse at 50% 14%,rgba(255,26,57,.12),transparent 62%),url("../img/infernal/season22-part2-background-v2-infernal.webp");background-size:cover,cover,cover;background-position:center,center,center 38%;background-attachment:fixed,fixed,fixed}
.site-frame{padding:8px;background:rgba(26,3,6,.09);border:1px solid rgba(236,214,169,.17);box-shadow:0 20px 70px rgba(15,0,2,.19);border-radius:18px}
.site-frame:before{width:26px;height:26px;top:-10px;font-size:15px;border-color:rgba(243,229,202,.32);background:rgba(98,12,23,.44);box-shadow:0 0 18px rgba(255,45,73,.21)}
.topbar{position:relative;background:rgba(30,3,7,.38);border:0;border-bottom:1px solid rgba(237,216,175,.19);box-shadow:0 10px 35px rgba(20,0,3,.11);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:13px;overflow:hidden}
.topbar:after{content:"";position:absolute;bottom:0;left:-130px;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,223,188,.65),#fcf8f0,rgba(255,88,110,.6),transparent);box-shadow:0 0 9px rgba(255,47,75,.6);animation:glassEdgeTravel 12s ease-in-out infinite;pointer-events:none}
.site-frame .nav a{border:1px solid transparent;background:rgba(42,6,11,.16);box-shadow:none;text-shadow:0 1px 6px #1f0004;transition:color .2s,background .2s,transform .2s,border-color .2s}
.site-frame .nav a:before{border:0;box-shadow:none}
.site-frame .nav a:hover,.site-frame .nav a.active{border-color:rgba(234,210,162,.18);background:linear-gradient(180deg,rgba(161,36,53,.26),rgba(48,5,11,.15));box-shadow:0 0 17px rgba(239,20,49,.09);color:#fcf9f3;text-shadow:0 0 10px rgba(247,62,87,.4);transform:translateY(-1px)}
.site-frame .nav a.active:after{height:1px;left:29%;right:29%;bottom:5px;box-shadow:0 0 8px rgba(255,84,107,.75);opacity:.8}
.auth-nav a{background:rgba(63,10,17,.24);border-color:rgba(231,207,159,.2);box-shadow:none}
.auth-nav a:hover{background:rgba(118,24,37,.37);border-color:rgba(238,218,178,.4);box-shadow:0 0 15px rgba(235,39,65,.13)}
.auth-nav .register-link{background:linear-gradient(115deg,rgba(119,94,36,.18),rgba(63,10,17,.25));border-color:rgba(228,198,117,.32);color:#ffe7b3}
.rank-directory{background:rgba(30,3,7,.3);border:0;border-bottom:1px solid rgba(227,201,149,.12);box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rank-directory summary{color:#f0e4cb;text-shadow:0 1px 6px #1f0004}
.rank-directory summary span{color:#d1c5ac}
.site-frame .realm-ranking-tabs a,.site-frame .cms-content .rankings-menu a{border-color:transparent;background:rgba(35,4,8,.25);box-shadow:none}
.site-frame .realm-ranking-tabs a:hover,.site-frame .realm-ranking-tabs a[aria-current],.site-frame .cms-content .rankings-menu a:hover{border-color:rgba(236,213,168,.3);background:rgba(141,30,45,.28);box-shadow:0 0 14px rgba(228,27,54,.1)}
.site-frame .hero{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
.site-frame .hero:before{inset:auto;left:7%;right:auto;bottom:0;width:21%;height:1px;border:0;border-radius:0;box-shadow:0 0 12px rgba(242,61,85,.25);background:linear-gradient(90deg,transparent,rgba(235,211,163,.53),transparent);animation:glassHeroEdge 7s ease-in-out infinite}
.site-frame .hero:after{display:none}
.site-frame .hero-copy{background:linear-gradient(90deg,rgba(22,2,5,.54),rgba(24,3,6,.2) 70%,transparent);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:16px;padding-top:24px;padding-bottom:24px;text-shadow:0 2px 8px #000b,0 0 24px #260005}
.hero-copy .eyebrow,.hero-copy .tagline{text-shadow:0 2px 6px #000,0 0 16px #2c070c}
.hero-copy p{color:#ece4d6;text-shadow:0 1px 6px #000,0 0 14px #1e0307;line-height:1.65}
.hero-copy p strong{color:#fcf9f3}
.site-frame .play-button{border-color:rgba(241,225,192,.66);box-shadow:inset 0 1px rgba(251,246,236,.52),inset 0 -2px rgba(24,0,3,.6),0 0 20px rgba(245,15,46,.23);background:linear-gradient(145deg,rgba(247,90,111,.88),rgba(141,5,23,.91) 24%,rgba(67,6,14,.94) 70%,rgba(132,13,29,.86))}
.site-frame .play-button:hover{box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 29px rgba(248,40,68,.38)}
.hero-client-sigil:before{background:radial-gradient(circle,rgba(34,3,7,.54),rgba(38,3,8,.38) 48%,rgba(120,8,23,.08) 69%,transparent 71%);box-shadow:0 0 45px rgba(225,16,44,.09)}
.hero-client-sigil:after{border-color:rgba(240,223,188,.11);box-shadow:inset 0 0 28px rgba(255,0,34,.06),0 0 16px rgba(255,22,53,.08)}
.hero-client-links a{background:rgba(30,3,7,.34);border-color:rgba(228,201,147,.17);box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.hero-client-links a:hover,.hero-client-links a:focus-visible{background:rgba(94,14,25,.45);border-color:rgba(236,213,167,.43);box-shadow:0 0 16px rgba(240,30,58,.13)}
.site-frame .stats,.site-frame .content-grid{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.site-frame .stat,.site-frame .content-card,.site-frame .guides-strip,.site-frame .cms-content{background:var(--glass-surface);border:1px solid transparent;box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.site-frame .stat{position:relative;border-radius:11px;min-height:78px;background:rgba(30,3,7,.34)}
.site-frame .stat:after{content:"";position:absolute;right:-8px;top:23%;height:54%;width:1px;background:linear-gradient(transparent,rgba(238,218,179,.22),transparent);pointer-events:none}
.site-frame .stat:last-child:after{display:none}
.site-frame .stat:hover,.site-frame .content-card:hover,.site-frame .guides-strip:hover{background:rgba(42,4,9,.42);border-color:rgba(234,210,162,.2);box-shadow:0 10px 30px rgba(18,0,2,.13);transform:translateY(-2px)}
.site-frame .content-card:before{display:none}
.site-frame .card-head{background:rgba(60,8,15,.2);border-bottom:1px solid rgba(233,209,161,.12);text-shadow:0 1px 8px #1f0004;color:#f6ecd8}
.site-frame .stat-icon{background:radial-gradient(circle,rgba(210,42,64,.3),rgba(62,6,13,.45) 70%);border-color:rgba(232,204,149,.3);box-shadow:0 0 17px rgba(229,17,45,.16);transform:none}
.site-frame .stat strong{color:#a2f4dc;text-shadow:0 0 13px rgba(39,213,163,.35)}
.site-frame .stat label,.site-frame .row-copy strong,.site-frame .empty-state strong{text-shadow:0 1px 7px #000b}
.site-frame .stat small,.site-frame .row-copy small,.site-frame .empty-state,.site-frame .guides-strip p{color:#d0c7b4;text-shadow:0 1px 5px #0009}
.site-frame .thumb{border-color:rgba(237,218,180,.23);box-shadow:none}
.site-frame .list-row{border-bottom-color:rgba(229,206,160,.13)}
.site-frame .list-row:hover{background:rgba(139,33,47,.12)}
.site-frame .guide-link{background:rgba(92,11,22,.45);border:1px solid rgba(233,208,157,.3);box-shadow:none}
.site-frame .guide-link:hover{border-color:rgba(240,222,186,.57);box-shadow:0 0 17px rgba(229,20,48,.18)}
.site-frame .footer{background:rgba(30,3,7,.29);border:0;border-top:1px solid rgba(234,210,162,.13);box-shadow:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#d7cdb8}
.site-frame .cms-content{background:rgba(30,3,7,.44);border-color:rgba(230,205,155,.13);box-shadow:0 15px 45px rgba(18,0,2,.12)}
.site-frame .cms-content .page-title{border-bottom-color:rgba(227,203,155,.16)}
.site-frame .cms-content .panel,.site-frame .cms-content .well,.site-frame .cms-content .panel-body{background:rgba(32,3,7,.35);border-color:rgba(231,208,161,.13);box-shadow:none}
.site-frame .cms-content .panel-heading,.site-frame .cms-content .panel-footer{background:rgba(94,23,32,.24);border-color:rgba(231,208,161,.15)}
.site-frame .cms-content input,.site-frame .cms-content select,.site-frame .cms-content textarea{background:rgba(34,3,7,.74);border-color:rgba(227,204,158,.27);box-shadow:none;color:#f8f3e9}
.site-frame .cms-content input:focus,.site-frame .cms-content select:focus,.site-frame .cms-content textarea:focus{background:rgba(42,4,9,.83);border-color:rgba(237,216,174,.64);box-shadow:0 0 0 3px rgba(232,60,83,.1)}
.site-frame .cms-content .btn{border-color:rgba(228,203,152,.35);background:linear-gradient(150deg,rgba(146,37,52,.61),rgba(58,4,11,.77));box-shadow:inset 0 1px rgba(244,232,207,.14)}
.site-frame .cms-content .btn:hover{border-color:rgba(240,223,189,.67);background:rgba(152,32,48,.63);box-shadow:0 0 17px rgba(231,21,49,.16)}
.site-frame .cms-content .table,.site-frame .realm-ranking-table{background:rgba(31,3,7,.4);border-radius:10px;overflow:hidden;color:#f2eadc}
.site-frame .realm-ranking-table th,.site-frame .cms-content .table>tbody>tr:first-child{background:rgba(89,20,29,.44)}
.site-frame .realm-ranking-table th,.site-frame .realm-ranking-table td,.site-frame .cms-content .table>tbody>tr>td,.site-frame .cms-content .table>tbody>tr>th{border-bottom-color:rgba(230,209,167,.13)}
.site-frame .realm-ranking-table tr:hover,.site-frame .cms-content .table>tbody>tr:hover{background:rgba(137,28,43,.16)}
.site-frame .rank-medal{background:rgba(59,8,15,.3)}
.site-frame .rank-1{background:rgba(139,109,42,.22);box-shadow:none}
.site-frame .rank-2{background:rgba(176,125,132,.16)}
.site-frame .rank-3{background:rgba(136,89,48,.18)}
.auth-page .site-frame .cms-content{background:rgba(30,3,7,.57);border-color:rgba(236,215,172,.22);box-shadow:0 25px 65px rgba(18,0,2,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.site-frame .download-steps{background:rgba(32,3,7,.3);border-color:rgba(233,208,157,.16);box-shadow:none}
.site-frame .download-art{border-color:rgba(233,208,157,.25)}
.cms-content .field-guide .fg-heading{background:radial-gradient(ellipse at 50% 0,rgba(194,39,60,.12),transparent 65%);border-bottom-color:rgba(232,210,166,.15)}
.cms-content .field-guide .fg-facts>span{background:rgba(32,3,7,.28);border-color:rgba(232,210,164,.16)}
.cms-content .field-guide .fg-nav a{background:transparent;border-color:transparent}
.cms-content .field-guide .fg-nav a:hover{background:rgba(139,28,43,.18);border-color:rgba(235,211,163,.19)}
.cms-content .field-guide .fg-nav a[aria-current=page]{background:rgba(118,21,34,.25);border-color:transparent;box-shadow:inset 2px 0 rgba(234,209,160,.8)}
.cms-content .field-guide .fg-pane-heading{border-bottom-color:rgba(229,206,160,.15)}
.cms-content .field-guide .fg-start-steps article,.cms-content .field-guide .fg-feature-grid>a,.cms-content .field-guide .fg-two-cards article,.cms-content .field-guide .fg-pair-grid article,.cms-content .field-guide .fg-world-grid article,.cms-content .field-guide .fg-pvp-grid article,.cms-content .field-guide .fg-raid-grid article,.cms-content .field-guide .fg-command-list article,.cms-content .field-guide .fg-stat-grid article{background:rgba(30,3,7,.32);border-color:rgba(233,210,163,.1);box-shadow:none}
.cms-content .field-guide .fg-feature-grid>a:hover,.cms-content .field-guide .fg-command-list article:hover,.cms-content .field-guide .fg-pvp-grid article:hover,.cms-content .field-guide .fg-raid-grid article:hover{background:rgba(68,9,17,.36);border-color:rgba(238,218,179,.25);box-shadow:0 8px 28px rgba(22,0,3,.12)}
.cms-content .field-guide .fg-start-steps article:before,.cms-content .field-guide .fg-raid-grid article:before,.cms-content .field-guide .fg-pvp-grid article:before{opacity:.25}
.cms-content .field-guide .fg-keyboard button{background:rgba(47,4,10,.47);border-color:rgba(226,202,153,.21);box-shadow:inset 0 -2px rgba(25,2,5,.55)}
.cms-content .field-guide .fg-keyboard button[aria-selected=true]{background:linear-gradient(rgba(158,34,51,.45),rgba(62,6,13,.58));border-color:rgba(237,215,171,.58);box-shadow:0 0 14px rgba(235,29,56,.15),inset 0 -2px rgba(27,2,5,.5)}
.cms-content .field-guide .fg-ui-illustration{background:radial-gradient(ellipse at 50% 0,rgba(155,28,45,.22),transparent 70%),rgba(33,3,7,.42);border-color:rgba(230,205,156,.36);box-shadow:0 0 25px rgba(223,22,49,.08)}
.cms-content .field-guide .fg-ui-chip{background:rgba(99,15,26,.33);border-color:rgba(230,201,144,.29);box-shadow:none}
.cms-content .field-guide .fg-callout{background:rgba(52,5,11,.34);border-top-color:transparent;border-bottom-color:transparent;border-left-color:rgba(233,208,157,.62)}
.cms-content .field-guide .fg-quest-flow,.cms-content .field-guide .fg-accordion,.cms-content .field-guide .fg-invasion,.cms-content .field-guide .fg-spawn-list>span,.cms-content .field-guide .fg-times>span{background:rgba(32,3,7,.31);border-color:rgba(230,207,161,.15);box-shadow:none}
.cms-content .field-guide .fg-invasion[open],.cms-content .field-guide .fg-accordion[open]{border-color:rgba(235,212,166,.3)}
.cms-content .field-guide .fg-invasion>div{background:rgba(32,3,7,.25);border-top-color:rgba(229,207,162,.12)}
.cms-content .field-guide .fg-invasion summary:hover{background:rgba(139,28,43,.13)}
.cms-content .field-guide .fg-table-wrap{border-color:rgba(233,209,161,.14)}
.cms-content .field-guide .fg-table{background:rgba(31,3,7,.56)}
.cms-content .field-guide .fg-table caption{background:rgba(83,18,27,.55)}
.cms-content .field-guide .fg-table th{background:rgba(52,8,14,.56);border-bottom-color:rgba(233,211,167,.18)}
.cms-content .field-guide .fg-table td{border-bottom-color:rgba(227,204,158,.12)}
.cms-content .field-guide .fg-table tr:nth-child(even){background:rgba(113,34,45,.1)}
.cms-content .field-guide .fg-icewind,.cms-content .field-guide .fg-performance-hero{background:radial-gradient(at 0 0,rgba(174,36,54,.13),transparent 70%),rgba(32,3,7,.38);border-color:rgba(233,209,162,.24);box-shadow:none}
.cms-content .field-guide .fg-skin-grid article{background:radial-gradient(ellipse at 50% 40%,rgba(154,31,47,.2),transparent 70%),rgba(30,3,7,.3);border-color:rgba(229,205,156,.12)}
.cms-content .field-guide .fg-skin-grid article:hover{background-color:rgba(56,8,14,.48);border-color:rgba(237,216,174,.34)}
.cms-content .field-guide .fg-search input,.cms-content .field-guide .fg-select select{background:rgba(34,3,7,.72);border-color:rgba(229,205,157,.28);box-shadow:none}
.cms-content .account-command-center .account-wallet article,.cms-content .account-command-center .account-section,.cms-content .account-command-center .account-shortcuts a,.cms-content .account-command-center .account-character{background:rgba(30,3,7,.31);border-color:rgba(228,204,157,.13);box-shadow:none}
.cms-content .account-command-center .account-shortcuts a:hover,.cms-content .account-command-center .account-character:hover{background:rgba(66,9,17,.38);border-color:rgba(235,212,166,.31);box-shadow:0 7px 24px rgba(25,4,7,.13)}
.cms-content .account-command-center .account-presence{background:rgba(76,11,20,.3);border-color:rgba(230,203,149,.2)}
.cms-content .account-command-center .account-section h2 small{border-color:rgba(229,204,153,.2);background:rgba(54,8,14,.23)}
.cms-content .account-command-center .account-section dl>div{border-bottom-color:rgba(229,206,159,.13)}
.site-frame .cms-content{background:linear-gradient(115deg,rgba(30,3,7,.69),rgba(30,3,7,.58));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-color:transparent}
.auth-page .site-frame .cms-content{background:linear-gradient(115deg,rgba(30,3,7,.72),rgba(30,3,7,.59));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.site-frame .cms-content .field-guide p,.site-frame .cms-content .field-guide li{font-size:13px;line-height:1.8;color:#e4dccb}
.site-frame .cms-content .field-guide .fg-nav{background:rgba(30,3,7,.18);border-radius:13px}
.site-frame .cms-content .field-guide .fg-pane-heading p{max-width:740px;color:#e4dcca}
@keyframes glassEdgeTravel{0%,56%{left:-130px;opacity:0}60%{opacity:.9}80%{left:calc(100% + 130px);opacity:.9}81%,100%{left:calc(100% + 130px);opacity:0}}
@keyframes glassHeroEdge{0%,100%{opacity:.25;transform:scaleX(.65);transform-origin:left}45%{opacity:.8;transform:scaleX(1);transform-origin:left}55%{opacity:.5}}
@media(max-width:800px){.site-frame .hero-copy{background:linear-gradient(90deg,rgba(22,2,5,.56),rgba(24,3,6,.28) 76%,transparent)}
.site-frame .cms-content{background:rgba(30,3,7,.53)}
.site-frame .content-card{background:rgba(30,3,7,.43)}}
@media(max-width:650px){body{background-image:linear-gradient(180deg,rgba(17,3,5,.16),rgba(18,3,5,.17) 44%,rgba(18,3,5,.43)),radial-gradient(ellipse at 50% 14%,rgba(255,26,57,.1),transparent 62%),url("../img/infernal/season22-part2-background-v2-infernal.webp");background-position:center,center,58% top}
.site-frame{padding:4px;border-color:rgba(236,214,169,.13);background:rgba(26,3,6,.06)}
.site-frame .topbar{background:rgba(30,3,7,.44)}
.site-frame .stat{background:rgba(30,3,7,.42)}
.site-frame .stat:after{width:auto;height:1px;left:18%;right:18%;top:auto;bottom:-5px;background:linear-gradient(90deg,transparent,rgba(238,218,179,.16),transparent)}
.site-frame .hero-copy{background:linear-gradient(90deg,rgba(22,2,5,.61),rgba(24,3,6,.25) 85%,transparent);padding-right:15px}
.site-frame .hero-copy p{max-width:350px}
.site-frame .guides-strip{background:rgba(30,3,7,.44)}
.auth-page .site-frame .cms-content{background:rgba(30,3,7,.64)}
.cms-content .field-guide .fg-nav a[aria-current=page]{box-shadow:inset 0 -2px rgba(234,209,160,.75)}
.cms-content .field-guide .fg-command-list article,.cms-content .field-guide .fg-start-steps article,.cms-content .field-guide .fg-pvp-grid article,.cms-content .field-guide .fg-raid-grid article{background:rgba(30,3,7,.38)}}
@media(prefers-reduced-motion:reduce){.topbar:after,.site-frame .hero:before{animation:none}
.topbar:after{left:12%;opacity:.4}
.site-frame .hero:before{opacity:.45;transform:none}
.site-frame .nav a,.site-frame .content-card,.site-frame .stat{transition:none}}
:root{--glass-surface:rgba(25,3,6,.74)}
body{background-image:linear-gradient(180deg,rgba(17,2,4,.32),rgba(17,2,4,.35) 44%,rgba(17,2,4,.53)),radial-gradient(ellipse at 50% 14%,rgba(255,26,57,.08),transparent 62%),url("../img/infernal/season22-part2-background-v2-infernal.webp")}
.site-frame .cms-content{background:rgba(25,3,6,.79)!important;border-color:rgba(230,205,155,.13)!important;box-shadow:0 15px 45px rgba(18,0,2,.12)!important}
.site-frame .content-card,.site-frame .content-card:hover,.site-frame .guides-strip,.site-frame .guides-strip:hover{background:rgba(25,3,6,.74)!important;box-shadow:none!important;transform:none}
.site-frame .stat,.site-frame .stat:hover{background:rgba(25,3,6,.72)!important;box-shadow:none!important;transform:none}
.site-frame .hero-copy{background:linear-gradient(90deg,rgba(20,2,4,.78),rgba(24,3,6,.48) 70%,transparent)}
.site-frame :is(.account-section,.account-character,.account-wallet article){background-color:rgba(24,2,5,.35)}
.site-frame .systems-expanded h2{font:800 11px/1.6 "Segoe UI",sans-serif;letter-spacing:.1em;margin:0;padding:15px 18px;color:#faf4e9;display:flex;justify-content:space-between;gap:16px}
.systems-expanded h2 span{font-size:10px;font-weight:500;letter-spacing:0;color:#e4dbc8}
.site-frame .systems-expanded .realm-ranking-tabs{display:flex;flex-wrap:wrap}
.systems-expanded{min-width:0}
/* ---- from retired frost-typography.css (recoloured to Infernal) ---- */
:root{--inf-text:#fcf8f0;--inf-muted:#e5dccb;--inf-title:#fdfaf4;--inf-link:#efddb9}
body .site-frame{color:var(--inf-text);-webkit-font-smoothing:antialiased}
.site-frame :is(p,li,dt,dd,td){text-shadow:0 1px 2px #000e,0 2px 7px #1b000499}
.site-frame :is(h1,h2,h3,h4,h5,h6){color:var(--inf-title);font-weight:700;text-shadow:0 2px 3px #000d,0 0 14px #ff526930}
.site-frame :is(.hero-copy p,.guides-strip p,.cinema-copy p){color:#f5efe3;font-size:15px;font-weight:500;line-height:1.8;text-shadow:0 1px 3px #000,0 2px 9px #1b0004cc}
.site-frame :is(.hero-copy p strong,.row-copy strong,.card-head,.empty-state strong){color:#fcf9f4;font-weight:700;text-shadow:0 1px 3px #000,0 0 10px #ff4b6322}
.site-frame :is(.stat small,.row-copy small,.empty-state,.pending-note,.cinema-caption,.cinema-coming small){color:var(--inf-muted);font-weight:500;text-shadow:0 1px 3px #000e}
.site-frame .row-copy small{font-size:12px;line-height:1.6}
.site-frame .stat small{font-size:11px;line-height:1.6}
.site-frame :is(.stat label,.eyebrow,.account-eyebrow){color:#f2e2c3;font-weight:800;text-shadow:0 1px 3px #000,0 0 9px #ff3e5833}
.site-frame .card-head{font-size:16px;letter-spacing:.035em}
.site-frame :is(.nav a,.auth-nav a,.realm-ranking-tabs a,.rank-directory summary){color:#faf4e9;font-weight:750;text-shadow:0 1px 3px #000}
.site-frame .rank-directory summary span{color:#e4dbc8;font-weight:500}
.site-frame .cms-content{color:#f8f3e9}
.site-frame .cms-content :is(p,li){line-height:1.75}
.site-frame .cms-content :is(label,th){color:#fbf6ec;font-weight:650;text-shadow:0 1px 3px #000b}
.site-frame .cms-content :is(input,select,textarea){color:#fdfaf5;font-weight:500}
.site-frame .cms-content :is(input,textarea)::placeholder{color:#d4cbb8;opacity:1}
.site-frame .cms-content :is(.text-muted,.help-block,.account-muted){color:#e0d6c3}
.site-frame :is(.account-welcome p,.account-shortcuts small,.account-character-main>small,.account-empty p,.account-section dt){color:#e4d9c4;font-weight:500;text-shadow:0 1px 3px #000d}
.site-frame :is(.account-shortcuts strong,.account-section h2,.account-character-main h3){color:#fcf9f2;text-shadow:0 1px 3px #000c}
.site-frame :is(.account-wallet article div>span,.account-character-level>span,.account-character-level small){color:#e8ddc6}
.site-frame .footer{color:#e7decc;text-shadow:0 1px 3px #000c}
.site-frame a:focus-visible{outline:2px solid #f4e6cb;outline-offset:4px}
@media(max-width:650px){.site-frame .row-copy small{font-size:11px}
.site-frame :is(.hero-copy p,.guides-strip p,.cinema-copy p){font-size:14px}}
/* ---- from retired frost-controls.css (recoloured to Infernal) ---- */
:root{--control-blue:linear-gradient(125deg,rgba(194,44,64,.97),rgba(113,10,24,.98) 45%,rgba(61,5,12,.98));--control-shadow:inset 0 1px rgba(245,233,210,.24),inset 0 -2px rgba(25,0,3,.55),0 3px 12px rgba(18,0,2,.3)}
.site-frame .rank-directory .realm-ranking-tabs a,
.site-frame .realm-ranking-tabs a,
.site-frame .nav a,
.site-frame .auth-nav a,
.site-frame .cms-content .btn,
.site-frame .cms-content button:not([role="switch"]),
.site-frame .cms-content input[type="submit"],
.site-frame .cms-content .rankings-menu a,
.site-frame .adventure-tabs a,
.site-frame .dq-bands a,
.site-frame .dq-states a,
.site-frame .fg-nav a,
.site-frame .systems-tabs a,
.site-frame .pay-button,
.site-frame .guide-link,
.site-frame .play-button,
.site-frame .treasure-actions button,
.site-frame .dq-card footer>a,
.site-frame .dq-card footer button,
.site-frame .account-shortcuts a{background:var(--control-blue);background-color:#670714;border:1px solid #d75b6c7a;color:#fcf9f3;text-shadow:0 1px 3px #1d0004;font-weight:750;box-shadow:var(--control-shadow);border-radius:8px;transition:border-color .18s,box-shadow .18s,color .18s}
.site-frame .rank-directory .realm-ranking-tabs a:hover,
.site-frame .realm-ranking-tabs a:hover,
.site-frame .nav a:hover,
.site-frame .auth-nav a:hover,
.site-frame .cms-content .btn:hover,
.site-frame .cms-content button:not([role="switch"]):hover,
.site-frame .cms-content input[type="submit"]:hover,
.site-frame .cms-content .rankings-menu a:hover,
.site-frame .adventure-tabs a:hover,
.site-frame .dq-bands a:hover,
.site-frame .dq-states a:hover,
.site-frame .fg-nav a:hover,
.site-frame .systems-tabs a:hover,
.site-frame .pay-button:hover,
.site-frame .guide-link:hover,
.site-frame .play-button:hover,
.site-frame .treasure-actions button:hover,
.site-frame .dq-card footer>a:hover,
.site-frame .dq-card footer button:hover,
.site-frame .account-shortcuts a:hover{background:var(--control-blue);background-color:#670714;border-color:#e5d0a6;color:#fff;box-shadow:var(--control-shadow),0 0 12px #ef375026;transform:none;filter:none}
.site-frame .rank-directory .realm-ranking-tabs a[aria-current],
.site-frame .rank-directory .realm-ranking-tabs a.active,
.site-frame .realm-ranking-tabs a[aria-current],
.site-frame .realm-ranking-tabs a.active,
.site-frame .nav a[aria-current],
.site-frame .nav a.active,
.site-frame .auth-nav a[aria-current],
.site-frame .auth-nav a.active,
.site-frame .cms-content .btn[aria-current],
.site-frame .cms-content .btn.active,
.site-frame .cms-content button:not([role="switch"])[aria-current],
.site-frame .cms-content button:not([role="switch"]).active,
.site-frame .cms-content input[type="submit"][aria-current],
.site-frame .cms-content input[type="submit"].active,
.site-frame .cms-content .rankings-menu a[aria-current],
.site-frame .cms-content .rankings-menu a.active,
.site-frame .adventure-tabs a[aria-current],
.site-frame .adventure-tabs a.active,
.site-frame .dq-bands a[aria-current],
.site-frame .dq-bands a.active,
.site-frame .dq-states a[aria-current],
.site-frame .dq-states a.active,
.site-frame .fg-nav a[aria-current],
.site-frame .fg-nav a.active,
.site-frame .systems-tabs a[aria-current],
.site-frame .systems-tabs a.active,
.site-frame .pay-button[aria-current],
.site-frame .pay-button.active,
.site-frame .guide-link[aria-current],
.site-frame .guide-link.active,
.site-frame .play-button[aria-current],
.site-frame .play-button.active,
.site-frame .treasure-actions button[aria-current],
.site-frame .treasure-actions button.active,
.site-frame .dq-card footer>a[aria-current],
.site-frame .dq-card footer>a.active,
.site-frame .dq-card footer button[aria-current],
.site-frame .dq-card footer button.active,
.site-frame .account-shortcuts a[aria-current],
.site-frame .account-shortcuts a.active{background:var(--control-blue);border-color:#eedbb4;color:#fff;box-shadow:var(--control-shadow),inset 0 0 0 1px #efddb938}
.site-frame .rank-directory .realm-ranking-tabs{gap:9px;padding:12px 15px 18px}
.site-frame :is(.play-button,.guide-link){border-radius:999px}
.site-frame :is(button:disabled,input[type="submit"]:disabled,.btn.disabled){background:linear-gradient(125deg,#4a151c,#2d0a0f);border-color:#8b555c66;color:#c8989e;box-shadow:none;cursor:not-allowed}
.site-frame .account-shortcuts a{padding:17px 20px}
.site-frame .realm-directories.realm-directories-single{grid-template-columns:minmax(0,1fr)}
.site-frame>.realm-stat-strip{margin:12px 2px 18px;gap:12px}
.site-frame>.realm-stat-strip .stat{min-height:86px}
@media(max-width:650px){.site-frame>.realm-stat-strip{gap:8px;margin:10px 2px 16px}
.site-frame>.realm-stat-strip .stat{min-height:76px}}
/* ---- from retired frost-lustre.css (recoloured to Infernal) ---- */
.site-frame .topbar{background:linear-gradient(110deg,#250509ed,#200509e0);box-shadow:inset 0 1px #eedab213,0 14px 36px #0005;border-radius:12px}
.site-frame .rank-directory{background:linear-gradient(115deg,#2d070cdd,#210408d9);border:1px solid #d9c08d1c;border-radius:11px;box-shadow:inset 0 1px #f4e8cf08,0 10px 30px #0002}
.site-frame .rank-directory h2{letter-spacing:.15em;color:#faf4e7;font-size:12px}
.site-frame .rank-directory h2 span{letter-spacing:.03em;color:#d6c9af;font-size:10px}
.site-frame .realm-ranking-tabs a{background:linear-gradient(130deg,#62101b,#42070f 70%);border:1px solid #c76a7650;color:#fbf7ee;box-shadow:inset 0 1px #f2e2c32e,inset 0 -2px #170205a3,0 3px 0 #190205,0 7px 15px #0003;font-size:11px;font-weight:750;transition:transform .18s,box-shadow .18s,border-color .18s;min-height:38px;display:inline-flex;align-items:center}
.site-frame .realm-ranking-tabs a:hover,.site-frame .realm-ranking-tabs a:focus-visible{background:linear-gradient(130deg,#500c15,#31050b 70%);border-color:#e6cc9888;box-shadow:inset 0 1px #f2e2c338,inset 0 -2px #170205a3,0 2px 0 #190205,0 7px 20px #0005;transform:translateY(1px)}
.site-frame .realm-ranking-tabs a[aria-current]{background:linear-gradient(130deg,#801725,#4a0710);border-color:#edd8af91;color:#fff}
.site-frame .content-card{border:1px solid #dac3951d;box-shadow:inset 0 1px #f4e8d008,0 12px 40px #0003;border-radius:13px;overflow:hidden;background:linear-gradient(125deg,#2c070cd9,#1e0307db)}
.site-frame .content-card:hover{background:linear-gradient(125deg,#240509eb,#170205e8);border-color:#dac3952b;box-shadow:inset 0 1px #f4e8d008,0 16px 44px #0005;transform:none}
.site-frame .card-head{padding:20px 23px;background:#23040895;border-bottom:1px solid #d0808b20;font-size:11px;letter-spacing:.07em;color:#f4e8d0}
.site-frame .card-head>a{letter-spacing:0;font-size:10px;color:#e8ce99}
.site-frame .list-row{padding-top:17px;padding-bottom:17px}
.site-frame .list-row:hover{background:#1b02059c}
.site-frame .row-copy strong{font-size:14px;font-weight:750;color:#faf4e9;letter-spacing:.015em}
.site-frame .row-copy small{font-size:11px;color:#d2c8b2;line-height:1.6}
.site-frame h1,.site-frame h2,.site-frame h3{text-shadow:0 2px 12px #0008}
.site-frame .stat{background:linear-gradient(120deg,#2b060be0,#230307d8);box-shadow:inset 0 1px #e6d4ae11;border:1px solid #d3727f1a}
.site-frame .stat:hover{background:linear-gradient(120deg,#220408ed,#1e0206e8);transform:none}
.site-frame .stat strong{font-variant-numeric:tabular-nums;letter-spacing:.03em}
.site-frame .stat label{font-size:10px;letter-spacing:.13em;color:#f1e0bf}
.site-frame .stat small{font-size:10px;color:#dfd4bf}
.site-frame .cms-content{box-shadow:inset 0 1px #f4e6cb0b,0 20px 65px #0004;border:1px solid #d7c2991c;border-radius:14px}
.site-frame .pve-launch-note{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 3px 22px;padding:16px 23px;border-left:2px solid #e97181;background:linear-gradient(105deg,#42070fe6,#230307bb);border-radius:0 9px 9px 0;box-shadow:0 10px 30px #0003}
.site-frame .pve-launch-note strong{font-family:Georgia,serif;font-size:17px;color:#f8efdd;display:block}
.site-frame .pve-launch-note small{font-size:10px;color:#d2c4a9;display:block;margin-top:4px}
.site-frame .pve-launch-note a{font-size:10px;font-weight:800;letter-spacing:.06em;color:#eed9b0;white-space:nowrap}
.site-frame :is(a,button,input,select,summary):focus-visible{outline:2px solid #ecd6a9;outline-offset:4px}
@media(max-width:700px){.site-frame .realm-ranking-tabs a{font-size:10px;padding:9px 12px}
.site-frame .pve-launch-note{align-items:flex-start;flex-direction:column;padding:15px 18px}
.site-frame .rank-directory h2 span{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.site-frame .realm-ranking-tabs a{transition:none;transform:none!important}}