:root{--ink:#0c1112;--panel:#131a1b;--gold:#d9b674;--text:#eee9df;--muted:#9fa9a6;--line:#d7bd822b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--text);font:15px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:40px;padding:18px 5%;border-bottom:1px solid var(--line);background:linear-gradient(#0b161bef,#0c181b91)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:65px;height:64px;object-fit:contain}.brand span{font:22px/.95 Georgia,serif;letter-spacing:.08em}.brand b{display:block;font-size:13px;letter-spacing:.46em;font-weight:400;margin-top:8px}nav{display:flex;gap:30px;margin:auto;font-size:12px;color:#d1d7d3}.account{padding:10px 18px;border:1px solid #ddc28a55;font-size:12px}.account span{color:var(--gold);margin-left:20px}#menu{display:none;background:none;border:1px solid var(--line);color:var(--gold);padding:8px 12px}.hero{position:relative;min-height:870px;height:100svh;max-height:1100px;background:url('scenes.png') center top/auto 200% no-repeat;display:flex;align-items:center;isolation:isolate}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07141bef 0%,#07141bb8 32%,#07141b25 70%),linear-gradient(0deg,var(--ink),transparent 24%)}.hero-content{width:100%;max-width:1500px;margin:auto;padding:140px 7% 100px}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--gold);font-weight:600;text-transform:uppercase;margin:0 0 20px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:9px;box-shadow:0 0 15px #dbb775}.pretitle{font-size:10px;letter-spacing:.24em;color:#bdc9c5;margin-top:45px}h1{font:400 clamp(45px,4.8vw,79px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:18px 0 25px;text-shadow:0 3px 22px #0005}em{font-style:normal;color:var(--gold)}.intro{font-size:16px;line-height:1.9;color:#d6ded9}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:linear-gradient(120deg,#ead29b,#bc8b43);color:#181711;padding:18px 28px;border:1px solid #f4db9f;font:600 14px Georgia,serif;box-shadow:0 8px 35px #0004,inset 0 0 0 4px #47351815;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button span{font:22px Arial}.play-link{display:flex;gap:12px;align-items:center;font-size:12px}.round{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d9b67466;border-radius:50%;color:var(--gold)}.hero-facts{display:flex;gap:36px;margin-top:56px}.hero-facts>div{border-left:1px solid #c5ae7266;padding-left:18px}.hero-facts strong{display:block;font:18px Georgia,serif;letter-spacing:.03em}.hero-facts span{font-size:10px;color:#aebeb8}.art-caption{position:absolute;bottom:160px;right:5%;text-align:right;text-shadow:0 2px 10px #000}.art-caption span{font-size:9px;letter-spacing:.2em;color:#e9d8b5}.art-caption b{display:block;font:italic 22px Georgia;margin-top:10px}.scroll{position:absolute;bottom:35px;left:7%;font-size:9px;letter-spacing:.2em;color:#b0bcb6}.scroll span{color:var(--gold);margin-left:35px}.wrap{max-width:1320px;margin:auto;padding:105px 55px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}h2{font:400 clamp(33px,3.3vw,53px)/1.16 Georgia,serif;letter-spacing:-.025em;margin:0}.aside{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.editorial{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.feature-visual{height:390px;position:relative;overflow:hidden}.feature-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.feature-visual:hover img{transform:scale(1.04)}.feature-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#051114ef)}.feature-visual>div{position:absolute;bottom:30px;left:30px;z-index:1}.feature-visual span{font-size:9px;color:var(--gold);letter-spacing:.18em}.feature-visual h3{font:32px/1.2 Georgia;margin:12px 0 0}.feature-lines article{display:flex;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.feature-lines article:first-child{border-top:1px solid var(--line)}.number{font:italic 16px Georgia;color:#8d815f;margin-top:7px}.feature-lines h3{font:25px Georgia;margin:0 0 12px}.feature-lines p{margin:0;max-width:380px;font-size:13px;color:var(--muted)}.symbol{font-size:25px;color:var(--gold);margin-left:auto}.progress{padding-top:15px}.quiet-link{font-size:11px;color:var(--gold);border-bottom:1px solid #d9b67455;padding-bottom:6px}.progress-layout{display:grid;grid-template-columns:300px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs{padding:25px 0;border-right:1px solid var(--line)}.tabs button{border:0;background:none;display:flex;gap:18px;align-items:center;color:#9ba6a3;width:100%;text-align:left;padding:25px 22px}.tabs button span{font:italic 13px Georgia;color:#8a8068}.tabs button b{font-size:13px;font-weight:400}.tabs button i{font-style:normal;margin-left:auto;opacity:0}.tabs button[aria-selected=true]{background:linear-gradient(90deg,#b58b3b22,transparent);color:#f0d6a2;box-shadow:inset 2px 0 var(--gold)}.tabs button[aria-selected=true] i{opacity:1}.mechanic{display:grid;grid-template-columns:.8fr 1fr;align-items:center;padding:35px 35px 35px 10px;gap:25px;min-height:370px;background:radial-gradient(ellipse at 20% 50%,#46524d20,transparent 65%)}.card-art{position:relative;width:190px;height:250px;margin:auto}.fantasy-card{position:absolute;width:145px;height:215px;border:1px solid #ba995a;background:linear-gradient(135deg,#173536,#071317);box-shadow:inset 0 0 0 5px #101a1c,inset 0 0 0 6px #b99d5955,0 15px 40px #0008;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.fantasy-card:before{content:'';position:absolute;inset:13px;border:1px solid #b99d5944}.fantasy-card.back{transform:rotate(-17deg);top:13px;left:0;font-size:66px;color:#bc9d60;background:#172527}.fantasy-card.front{transform:rotate(8deg);top:16px;left:45px}.fantasy-card small{font:8px Georgia;letter-spacing:.16em;color:#ba9b63}.fantasy-card span{font-size:63px;line-height:1;color:#e4c78b;text-shadow:0 0 25px #f2cd68aa}.fantasy-card b{font:10px Georgia;color:#eed7a9;letter-spacing:.1em}.mechanic-copy h3{font:33px/1.16 Georgia;margin:0 0 18px}.mechanic-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.mechanic-copy .mechanic-note{color:#dac28f!important;font-size:10px!important;margin:20px 0}.battle{position:relative;min-height:680px;display:flex;align-items:center;background-image:linear-gradient(90deg,#07101311,#0b1012ee 82%),url('scenes.png');background-position:center,center bottom;background-size:cover,auto 200%}.battle:before,.battle:after{content:'';position:absolute;left:0;right:0;height:100px;pointer-events:none}.battle:before{top:0;background:linear-gradient(var(--ink),transparent)}.battle:after{bottom:0;background:linear-gradient(transparent,var(--ink))}.battle-inner{max-width:1320px;margin:auto;width:100%;padding:110px 55px 90px 50%}.battle h2{font-size:clamp(37px,3.5vw,57px)}.battle p:not(.eyebrow){font-size:13px;color:#c5c9c2;margin:25px 0 30px}.scene-note{display:block;font-size:9px;color:#93988d;margin-top:25px}.chronicles{padding-top:70px}.chronicle-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:35px}.chronicle{display:block;border:1px solid var(--line);transition:border-color .2s,background .2s}.chronicle:hover{border-color:#d7bd8277;background:#ffffff03}.story-art{height:240px;overflow:hidden}.story-art img{width:100%;height:100%;object-fit:cover}.story-body{padding:30px}.chronicle h3{font:30px/1.2 Georgia;margin:12px 0}.chronicle p{color:var(--muted);font-size:13px}.story-stack{display:grid;gap:25px}.small{padding:30px;position:relative;overflow:hidden}.small h3{font-size:27px}.small p{max-width:340px}.story-num{position:absolute;right:20px;bottom:-15px;font:110px Georgia;color:#c5ae720a;pointer-events:none}.start{padding-top:10px;text-align:center}.start-title img{width:95px;height:95px;object-fit:contain;margin-bottom:20px}.start-title>p:last-child{color:var(--muted);font-size:13px;margin:22px 0 35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:35px}.steps>a{padding:30px 25px;transition:background .2s}.steps>a:hover{background:#d9b67408}.steps>a+a{border-left:1px solid var(--line)}.steps span{font-size:9px;color:var(--gold);letter-spacing:.13em}.steps h3{font:22px Georgia;margin:14px 0}.steps p{font-size:12px;color:var(--muted);min-height:42px}.steps b{font-size:10px;font-weight:400;color:#dcca9e}.download-note{font-size:10px;color:#7f8b86}footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;flex-wrap:wrap;gap:30px}footer .brand img{width:43px;height:45px}footer .brand span{font-size:15px}footer .brand b{font-size:9px}footer p{color:#8e9b95;font-size:11px;margin-right:auto}footer>a:last-of-type{font-size:11px;color:var(--gold)}footer small{width:100%;font-size:9px;color:#73807a}.mobile-cta{display:none}
@media(min-width:1800px){.hero{background-size:100% 200%}.battle{background-size:cover,100% 200%}}
@media(max-width:1050px){header{gap:20px;padding:15px 4%}nav{gap:20px}.brand span{font-size:17px}.brand b{font-size:10px}.hero-content{padding-left:6%}.art-caption{display:none}.wrap{padding:75px 30px}.progress{padding-top:10px}.editorial{gap:30px}.progress-layout{grid-template-columns:240px 1fr}.mechanic{padding:25px 20px;gap:15px}.card-art{transform:scale(.8);width:160px}.mechanic-copy h3{font-size:28px}.battle-inner{padding-left:45%;padding-right:30px}.hero-facts{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:25px}header{padding:12px 20px;gap:15px}.brand img{width:46px;height:48px}.brand span{font-size:15px}.brand b{font-size:9px}.account{margin-left:auto;padding:8px 10px;font-size:10px}.account span{display:none}#menu{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#101b1ef7;padding:25px;flex-direction:column}nav.open{display:flex}.hero{min-height:790px;max-height:950px;height:95svh;background-position:63% top}.hero-shade{background:linear-gradient(90deg,#07141bea,#07141b66),linear-gradient(0deg,var(--ink),transparent 30%)}.hero-content{padding:120px 25px 75px}.hero .eyebrow{font-size:8px}.pretitle{font-size:9px;margin-top:35px}h1{font-size:44px}.intro{font-size:13px}.intro br{display:none}.hero-actions{gap:22px;flex-wrap:wrap}.button{padding:16px 22px;font-size:13px;gap:25px}.play-link{font-size:11px}.hero-facts{gap:18px;margin-top:40px;flex-wrap:wrap}.hero-facts strong{font-size:14px}.hero-facts span{font-size:9px}.hero-facts>div{padding-left:10px}.scroll{left:25px;bottom:25px;font-size:8px}.wrap{padding:60px 24px}.section-top{display:block;margin-bottom:30px}.section-top .aside,.section-top>.quiet-link{display:inline-block;margin-top:20px}h2{font-size:36px}.eyebrow{font-size:9px}.editorial{grid-template-columns:1fr;gap:25px}.feature-visual{height:330px}.feature-lines article{padding:24px 0}.feature-lines h3{font-size:23px}.feature-lines p{font-size:12px}.progress{padding-top:0}.progress-layout{grid-template-columns:1fr}.tabs{border-right:0;border-bottom:1px solid var(--line);display:flex;padding:0;overflow:auto}.tabs button{min-width:150px;width:auto;flex:1;padding:18px 12px;gap:8px}.tabs button b{font-size:11px}.tabs button i{display:none}.tabs button[aria-selected=true]{box-shadow:inset 0 -2px var(--gold)}.mechanic{grid-template-columns:1fr;padding:15px 25px 35px;gap:0}.card-art{height:225px;transform:scale(.8)}.mechanic-copy h3{font-size:32px}.battle{min-height:680px;background-position:center,32% bottom;background-image:linear-gradient(0deg,#0c1112f7 8%,#0c111233 90%),url('scenes.png');align-items:end}.battle-inner{padding:270px 24px 65px}.battle h2{font-size:37px}.battle .eyebrow{max-width:260px}.chronicle-grid{grid-template-columns:1fr;gap:25px}.story-art{height:210px}.story-body,.small{padding:25px}.chronicle h3{font-size:28px}.start{padding-top:0}.steps{grid-template-columns:1fr}.steps>a{padding:25px 10px}.steps>a+a{border-left:0;border-top:1px solid var(--line)}.steps p{min-height:0}.final-cta{width:100%}footer{padding:25px 24px 100px;gap:20px}footer p{width:100%;margin:0}.mobile-cta{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#10191bf5;border-top:1px solid #d9b67455;padding:12px 20px;justify-content:space-between;align-items:center;backdrop-filter:blur(15px)}.mobile-cta>span{font:12px Georgia;color:#ead9b4}.mobile-cta small{display:block;font:9px Arial;color:#93a29a;margin-top:4px}.mobile-cta>a{background:var(--gold);color:#191a14;padding:10px 18px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Community, shop and bonus modules retained from the original site. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}header{gap:25px}nav{gap:22px;font-size:11px}.community{padding-top:5px}.community-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:28px}.ranking-box,.streams-box{border:1px solid var(--line);background:linear-gradient(145deg,#1b25264d,#10171855)}.ranking-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 26px;border-bottom:1px solid var(--line)}.ranking-head .eyebrow,.stream-heading .eyebrow{font-size:8px;margin-bottom:8px;display:block}.ranking-head h3,.stream-heading h3{font:25px Georgia;margin:0}.ranking-head small{font:11px Arial;color:#a6afa8;margin-left:6px}.rank-tabs{display:flex;gap:4px;padding:4px;background:#070f12;border:1px solid var(--line)}.rank-tabs button{border:0;background:none;color:#929e98;padding:8px 14px;font-size:11px}.rank-tabs button[aria-selected=true]{background:#b9954a33;color:#e9ce93}.ranking-panel{overflow-x:auto}.ranking-panel[hidden]{display:none}.ranking-panel table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:left}.ranking-panel th{padding:16px 10px;color:#8b9a93;font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line)}.ranking-panel th:first-child,.ranking-panel td:first-child{padding-left:24px}.ranking-panel td{padding:11px 10px;border-bottom:1px solid #b9c3b20c;color:#bdc7c0}.ranking-panel td:nth-child(2){color:#eee1c1;font-weight:600}.ranking-panel td:nth-child(2) .player-name{color:#eee1c1}.gear-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.55em;margin-left:7px;padding:2px 6px;border:1px solid var(--gs-color);border-radius:5px;background:color-mix(in srgb,var(--gs-color) 13%,transparent);color:var(--gs-color);font:700 9px/1.25 Arial,sans-serif;letter-spacing:.02em;vertical-align:middle;box-shadow:0 0 8px color-mix(in srgb,var(--gs-color) 16%,transparent)}.ranking-panel tr:hover td{background:#d9b67406}.ranking-panel td:last-child{padding-right:20px}.rank-place{font:italic 13px Georgia;color:#73847a}.place-1{color:#f4ce7c}.place-2{color:#c8d5d3}.place-3{color:#bf906d}.snapshot-note{font-size:9px;line-height:1.7;color:#84948a;margin:18px 0 0}.ranking-box>.snapshot-note{padding:0 25px 20px;margin-top:15px}.streams-box{display:flex;flex-direction:column;padding:25px}.stream-stage{margin-top:25px;min-height:220px;background:linear-gradient(#07141b77,#07141bd9),url('scenes.png') 65% top/auto 200%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px 15px;border:1px solid #d9b67425}.stream-play{display:grid;place-items:center;border:1px solid #d9b67488;border-radius:50%;width:48px;height:48px;color:var(--gold);font-size:24px;margin-bottom:15px}.stream-stage strong{font:19px Georgia}.stream-stage p{font-size:11px;color:#b0bcb4}.stream-stage .quiet-link{font-size:10px}.stream-note{font-size:10px;color:#84948a;margin:16px 0 22px}.stream-submit{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d9b67466;color:#e4ca98;font-size:11px;margin-top:auto}.community-socials{display:flex;gap:18px;margin-top:22px}.community-socials a{font-size:10px;color:#acb8b1;display:flex;align-items:center;gap:8px}.community-socials img{width:18px;height:18px}.packages{padding-top:0}.packages .section-top>div:last-child .quiet-link{display:inline-block;margin-top:12px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.package{border:1px solid var(--line);background:linear-gradient(160deg,#26303144,#101819)}.package-top{border-color:#d9b67477}.package-art{height:205px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse,#a78b3c20,transparent 70%);overflow:hidden}.package-art img{height:160px;max-width:75%;object-fit:contain;transition:transform .3s}.package:hover .package-art img{transform:translateY(-5px)}.package-tier{position:absolute;left:20px;top:10px;font:85px Georgia;color:#d9b6740c}.package-vip{position:absolute;bottom:14px;right:15px;border:1px solid #d9b67455;background:#0b171a;font-size:9px;letter-spacing:.1em;padding:5px 10px;color:#e7ce99}.package-body{padding:25px}.package h3{font:24px/1.2 Georgia;margin:0 0 22px}.package ul{padding:0;margin:0;list-style:none}.package li{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:8px 0;border-bottom:1px solid #d9b67412;color:#aebbb2}.package li b{color:#dcc79e;white-space:nowrap;font-weight:400}.package-details{margin-top:14px}.package-details summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;color:#d2bd92;font-size:10px;padding:8px 0}.package-details summary::-webkit-details-marker{display:none}.package-details[open] summary span{transform:rotate(45deg)}.package-details ul{margin:7px 0 15px}.package-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.package-bottom p{margin:0;line-height:1.3}.package-bottom strong{font:26px Georgia;color:#ead6ab}.package-bottom p>span{display:block;font-size:9px;color:#91a096;margin-top:5px}.package-bottom a{padding:10px 12px;border:1px solid #d9b67466;color:#dfc894;font-size:10px}.bonuses{padding-top:0}.promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.promo{border:1px solid var(--line);padding:20px;background:#14202244}.promo .eyebrow{font-size:8px;margin-bottom:14px}.promo-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.promo code{font:17px Georgia;color:#f0d39a}.copy-code{background:none;border:0;border-bottom:1px dotted #d9b67477;padding:3px 0;font-size:9px;color:#aebdb1}.promo p{font-size:10px;color:#9fafa3;line-height:1.8;margin:15px 0 0}.copy-status{min-height:22px;font-size:11px;color:var(--gold)}.social-offers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.social-offers>a{display:flex;align-items:center;gap:24px;border:1px solid var(--line);padding:25px;background:radial-gradient(ellipse at 0 100%,#40457222,transparent)}.social-offers>a>img{width:40px;height:40px}.social-offers .eyebrow{font-size:8px;margin-bottom:7px}.social-offers h3{font:24px Georgia;margin:0}.social-offers p{font-size:11px;color:var(--muted);margin:10px 0 0}.social-arrow{margin-left:auto;color:var(--gold);font-size:24px}
@media(max-width:1100px){nav{gap:13px;font-size:10px}.community-grid{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr)}.ranking-head{padding:20px 18px}.ranking-head h3{font-size:22px}.package-body{padding:20px}.package h3{font-size:21px}.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.community-grid{grid-template-columns:1fr}.streams-box{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.stream-heading{grid-column:1/-1}.stream-stage{grid-row:2/5;margin:0}.stream-note{margin:0}.stream-submit{margin:0;align-self:start}.community-socials{margin:0}.package-grid{gap:12px}.package-body{padding:16px}.package-art{height:170px}.package-art img{height:130px}.package h3{font-size:20px}.package li{font-size:10px}.package-bottom{flex-wrap:wrap}.package-bottom a{width:100%;text-align:center}}
@media(max-width:760px){nav{font-size:12px;gap:20px}.community{padding-top:0}.ranking-head{padding:20px 16px}.ranking-head h3{font-size:21px}.ranking-head small{font-size:9px}.rank-tabs button{padding:8px 11px}.ranking-panel table{min-width:560px}.ranking-panel th:first-child,.ranking-panel td:first-child{padding-left:16px}.ranking-box>.snapshot-note{padding:0 16px 18px}.streams-box{display:flex;padding:22px}.stream-stage{min-height:240px;margin-top:20px}.stream-note{margin:15px 0}.community-socials{margin-top:18px}.package-grid{grid-template-columns:1fr;gap:22px}.package{display:grid;grid-template-columns:115px minmax(0,1fr)}.package-art{height:100%;border-bottom:0;border-right:1px solid var(--line);min-height:310px}.package-art img{width:100%;max-width:95%;height:130px}.package-tier{font-size:65px;left:12px;top:12px}.package-vip{right:8px;bottom:18px;font-size:8px;padding:5px 7px}.package-body{padding:20px 16px}.package h3{font-size:23px}.package li{font-size:10px}.package-bottom{flex-wrap:nowrap}.package-bottom a{width:auto;padding:9px}.package-bottom strong{font-size:23px}.promo-grid{grid-template-columns:1fr 1fr;gap:12px}.promo{padding:16px}.promo code{font-size:15px}.social-offers{grid-template-columns:1fr;gap:15px}.social-offers>a{padding:22px;gap:18px}.social-offers h3{font-size:23px}.social-offers>a>img{width:32px;height:32px}}
/* Compact shop with item inspection. */
.hero h1.epoch-headline{font-size:clamp(42px,4.7vw,76px);max-width:820px}.hero .intro{max-width:500px}.supply{padding-top:0}.supply-layout{display:grid;grid-template-columns:295px minmax(0,1fr);border:1px solid var(--line);background:linear-gradient(125deg,#182326a8,#0d161a)}.pack-choices{border-right:1px solid var(--line);padding:10px 0;display:flex;flex-direction:column}.pack-choice{display:flex;gap:15px;align-items:center;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #d9b67416;color:#b5c2b9;padding:22px 20px}.pack-choice>img{height:56px;width:49px;object-fit:contain}.pack-choice span{flex:1}.pack-choice b{display:block;font:19px Georgia}.pack-choice small{display:block;color:#8d9d91;font-size:10px;margin-top:8px}.pack-choice i{font-style:normal;color:var(--gold);opacity:0}.pack-choice[aria-selected=true]{background:linear-gradient(90deg,#a5803633,transparent);box-shadow:inset 3px 0 var(--gold);color:#f1dfbd}.pack-choice[aria-selected=true] i{opacity:1}.pack-choice-note{padding:20px;font-size:10px;color:#91a095;margin-top:auto}.pack-choice-note a{display:inline-block;color:var(--gold);margin-top:10px}.pack-panel{padding:25px 30px}.pack-panel[hidden]{display:none}.pack-panel-head{display:flex;gap:24px;align-items:center;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.pack-panel-head>img{width:84px;height:90px;object-fit:contain}.pack-panel-head .eyebrow{font-size:9px;margin-bottom:8px}.pack-panel-head h3{font:32px Georgia;margin:0}.pack-panel-head div>p:last-child{font-size:11px;color:#93a398;margin:8px 0 0}.pack-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px}.item-inspect{min-width:0;width:100%;display:flex;gap:10px;align-items:center;text-align:left;color:#c7d2c9;background:#0b131685;border:1px solid #d0bb7d1c;padding:9px 10px;min-height:54px;transition:background .15s,border-color .15s}.item-inspect>img{width:32px;height:32px;object-fit:contain;flex-shrink:0;border:1px solid #c4a35d55;background:#071014}.item-inspect>span{font-size:11px;line-height:1.5}.item-inspect>b{font-size:10px;font-weight:400;color:#e2c586;margin-left:auto;white-space:nowrap}.item-inspect>i{font-size:11px;color:#7f9989;font-style:normal}.item-inspect:hover,.item-inspect[aria-expanded=true]{background:#ba974918;border-color:#d2b06688}.pack-panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.pack-panel-bottom p{margin:0;display:flex;align-items:baseline;gap:10px}.pack-panel-bottom strong{font:34px Georgia;color:#e9cb8b}.pack-panel-bottom p>span{font-size:10px;color:#a9b4aa}.pack-panel-bottom .button{font-size:12px;padding:13px 20px;gap:24px}.bonus-strip{display:grid;grid-template-columns:200px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:25px;margin-top:32px}.bonus-strip-heading{padding-right:20px;border-right:1px solid var(--line)}.bonus-strip-heading .eyebrow{font-size:8px;margin-bottom:8px}.bonus-strip-heading h3{font:26px Georgia;margin:0 0 16px}.bonus-strip-heading .quiet-link{font-size:10px}.bonus-strip .promo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bonus-strip .promo{padding:6px 12px;border:0;border-left:1px solid #d9b67422;background:none}.bonus-strip .promo:first-child{border-left:0}.bonus-strip .promo>.eyebrow{display:none}.bonus-strip .promo-code{gap:6px}.bonus-strip .promo code{font-size:15px}.bonus-strip .promo p{font-size:9px;margin-top:10px}.item-popover{position:fixed;z-index:100;width:min(365px,calc(100vw - 24px));padding:22px;border:1px solid #bda05e;background:linear-gradient(145deg,#172227,#091318);box-shadow:0 20px 70px #000b,0 0 0 4px #0a1317f2;color:#e9e4d8;border-radius:3px;max-height:calc(100dvh - 24px);overflow:auto}.item-popover[hidden]{display:none}.item-popover-close{position:absolute;right:7px;top:5px;width:28px;height:28px;border:0;color:#b8c6bd;background:none;font-size:23px}.item-popover-head{display:flex;align-items:center;gap:14px;padding-right:15px}.item-popover-head>img{height:64px;width:64px;object-fit:contain;background:#060e13;border:1px solid #a88c5144;flex-shrink:0;image-rendering:auto}.item-popover .eyebrow{font-size:7px;margin-bottom:5px;display:block}.item-popover h3{font:22px/1.25 Georgia;margin:0 0 7px;color:#f0d39c}.item-popover-count{font-size:10px;color:#adbaaf}#item-popover-count{font-size:10px;color:#adbaaf}#item-popover-desc{font-size:12px;color:#bfccc3;line-height:1.8;margin:18px 0}.item-popover>.quiet-link{font-size:10px}.recharge-banner{display:flex;align-items:center;gap:22px;padding:20px 28px;margin:0 0 24px;border:1px solid #b9954c88;background:radial-gradient(ellipse at 80% 50%,#9e6e2530,transparent 65%),linear-gradient(100deg,#1c2723,#151d1a);position:relative;overflow:hidden}.recharge-banner:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#e1bd73}.recharge-icon{color:var(--gold);font-size:34px}.recharge-label b{display:block;font:24px Georgia;color:#ecdcbb}.recharge-label small{display:block;font-size:10px;color:#a9b3a1;margin-top:7px}.recharge-banner>strong{margin-left:auto;font:54px/.9 Georgia;color:#e9c276;white-space:nowrap}.recharge-banner>strong>span{font-size:30px}.recharge-action{font-size:11px;color:#ddc18a;margin-left:12px}.social-offers-title{margin-top:30px;display:flex;gap:25px;align-items:center}.social-offers-title>.eyebrow{margin:0;font-size:8px}.social-offers-title h3{font:23px Georgia;margin:0}.social-offers{margin-top:18px}.social-reward{display:inline-block;color:#e9ce98;border-bottom:1px solid #d9b67433;font:17px Georgia;margin:0 0 10px}.social-offers .eyebrow{display:none}.social-offers h3{font-size:21px}.social-offers p{max-width:350px;font-size:10px}.community{padding-top:0}
@media(max-width:1050px){.supply-layout{grid-template-columns:245px minmax(0,1fr)}.pack-choice{padding:20px 15px;gap:10px}.pack-choice b{font-size:17px}.pack-panel{padding:25px 20px}.pack-item-grid{gap:8px}.item-inspect{gap:7px;padding:8px}.item-inspect>span{font-size:10px}.bonus-strip{grid-template-columns:165px 1fr;gap:15px}.bonus-strip .promo-grid{grid-template-columns:1fr 1fr;gap:15px}.bonus-strip .promo:nth-child(3){border-left:0}.recharge-label b{font-size:21px}.recharge-banner{padding:20px;gap:15px}.recharge-action{max-width:100px}}
@media(max-width:760px){.hero h1.epoch-headline{font-size:43px}.supply{padding-top:15px}.supply-layout{grid-template-columns:1fr}.pack-choices{padding:0;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.pack-choice{flex:1;min-width:125px;flex-direction:column;align-items:start;padding:16px 12px;gap:10px;border-bottom:0;border-right:1px solid var(--line)}.pack-choice>img{width:38px;height:38px}.pack-choice b{font-size:16px}.pack-choice small{font-size:9px}.pack-choice i,.pack-choice-note{display:none}.pack-choice[aria-selected=true]{box-shadow:inset 0 -3px var(--gold)}.pack-panel{padding:23px 15px}.pack-panel-head{gap:16px}.pack-panel-head h3{font-size:27px}.pack-panel-head>img{width:65px;height:75px}.pack-item-grid{grid-template-columns:1fr}.item-inspect{gap:12px;padding:10px}.item-inspect>span{font-size:12px}.item-inspect>b{font-size:11px}.pack-panel-bottom{gap:15px;align-items:start;flex-direction:column}.pack-panel-bottom .button{width:100%;font-size:12px}.pack-panel-bottom strong{font-size:32px}.bonus-strip{grid-template-columns:1fr;gap:22px}.bonus-strip-heading{border-right:0;padding:0}.bonus-strip .promo{padding:8px 10px}.bonus-strip .promo code{font-size:16px}.recharge-banner{padding:22px 18px;gap:12px;flex-wrap:wrap}.recharge-icon{display:none}.recharge-label{max-width:calc(100% - 100px)}.recharge-label b{font-size:21px;line-height:1.2}.recharge-label small{font-size:9px}.recharge-banner>strong{font-size:43px}.recharge-banner>strong>span{font-size:25px}.recharge-action{max-width:none;width:100%;margin:5px 0 0;font-size:10px}.social-offers-title{display:block}.social-offers-title .eyebrow{margin-bottom:12px}.social-offers-title h3{font-size:24px}.item-popover{padding:20px}.item-popover-head>img{width:56px;height:56px}}

.epoch-languages{display:flex;gap:7px;font-size:9px}.epoch-languages a{color:#8da196}.epoch-languages a[aria-current]{color:var(--gold)}.epoch-servers{padding-top:0;padding-bottom:40px;display:flex;gap:18px;flex-wrap:wrap}.epoch-server{border:1px solid var(--line);display:flex;gap:15px;align-items:center;padding:16px 20px;font-size:12px;flex-wrap:wrap}.epoch-server>small{color:var(--muted);font-size:10px}.epoch-server-dot{width:6px;height:6px;border-radius:50%;background:#a4645c}.epoch-server-dot.on{background:#8ab76d}.epoch-mini-news{display:flex;gap:22px;align-items:center;padding:22px;margin-bottom:22px;border:1px solid #d9b67466;background:linear-gradient(110deg,#3e3d1d44,#12201d)}.epoch-mini-news h3{font:24px Georgia;margin:0 0 8px}.epoch-mini-news .quiet-link{margin-left:auto;white-space:nowrap}.epoch-rich{overflow-wrap:anywhere;color:#b7c5b9;font-size:13px}.epoch-rich img,.epoch-rich video,.epoch-rich iframe{max-width:100%;height:auto}.epoch-rich a{color:var(--gold);text-decoration:underline}.epoch-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.epoch-news-card details summary{cursor:pointer;color:var(--gold);padding:15px 0;font-size:12px}.epoch-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.epoch-stock{border:1px solid var(--line);padding:22px;display:flex;gap:20px}.epoch-stock>img{width:85px;height:85px;object-fit:cover}.epoch-stock h3{font:23px Georgia;margin:0 0 15px}.epoch-stock .quiet-link{display:inline-block;margin-top:15px}.epoch-streams{display:grid;gap:20px;margin:20px 0}.epoch-streams iframe{width:100%;aspect-ratio:16/9;border:0}.epoch-votes{padding-top:0;padding-bottom:45px}.epoch-votes h3{font:23px Georgia}.epoch-votes>div{display:flex;gap:20px;flex-wrap:wrap}.epoch-votes img{max-width:140px;height:auto}#item-popover-desc{white-space:pre-line}.pack-choices{max-height:620px;overflow-y:auto}@media(max-width:760px){.epoch-news-grid,.epoch-stock-grid{grid-template-columns:1fr}.epoch-mini-news{align-items:start;flex-wrap:wrap}.epoch-mini-news .quiet-link{margin-left:0}.epoch-mini-news .recharge-icon{display:none}.epoch-languages{gap:5px}.epoch-stock{padding:18px;gap:15px}.epoch-stock>img{width:55px;height:55px}.pack-choices{overflow-x:auto;max-height:none}.epoch-servers{padding-bottom:20px}}
/* ==========================================================
   EPOCH MIDDLE — HEADER REFINEMENT
   Version: 2026-11-01
   Scope: site header, navigation, language switcher, account CTA
   ========================================================== */

body > header {
    min-height: 108px;
    padding: 16px clamp(24px, 4.1vw, 76px);
    gap: clamp(16px, 1.9vw, 34px);
    background: linear-gradient(180deg, rgba(7, 17, 23, .95) 0%, rgba(7, 17, 23, .76) 100%);
    border-bottom: 1px solid rgba(217, 182, 116, .22);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .14);
    -webkit-backdrop-filter: blur(13px) saturate(118%);
    backdrop-filter: blur(13px) saturate(118%);
}

body > header .brand {
    flex: 0 0 auto;
    gap: 14px;
}

body > header .brand img {
    width: 68px;
    height: 68px;
    filter: drop-shadow(0 4px 13px rgba(217, 182, 116, .2));
}

body > header .brand span {
    color: #f4ead4;
    font: 23px/.98 Georgia, serif;
    letter-spacing: .11em;
}

body > header .brand b {
    margin-top: 9px;
    color: #d9c69d;
    font-size: 12px;
    letter-spacing: .47em;
}

body > header nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(13px, 1.35vw, 24px);
    margin: 0;
    color: #d4d9d5;
    font-size: 12px;
}

body > header nav a {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 0;
    color: rgba(239, 239, 230, .82);
    white-space: nowrap;
    transition: color .22s ease, text-shadow .22s ease;
}

body > header nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 1px;
    background: linear-gradient(90deg, #e4c47e, rgba(228, 196, 126, .12));
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .24s ease;
}

body > header nav a:hover,
body > header nav a:focus-visible {
    color: #fff5df;
    text-shadow: 0 0 18px rgba(229, 195, 125, .18);
}

body > header nav a:hover::after,
body > header nav a:focus-visible::after {
    transform: scaleX(1);
}

body > header .epoch-languages {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 4px;
    border: 1px solid rgba(217, 182, 116, .2);
    border-radius: 4px;
    background: rgba(5, 13, 18, .42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

body > header .epoch-languages a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 31px;
    height: 27px;
    padding: 0 7px;
    border-radius: 2px;
    color: #9eaaa5;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

body > header .epoch-languages a:hover {
    color: #f6e6c3;
    background: rgba(217, 182, 116, .1);
}

body > header .epoch-languages a[aria-current="true"] {
    color: #17160f;
    background: linear-gradient(135deg, #ecd49d 0%, #c99a53 100%);
    box-shadow: inset 0 1px 0 rgba(255, 246, 219, .45), 0 2px 9px rgba(0, 0, 0, .2);
}

body > header .account {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 204px;
    min-height: 54px;
    padding: 0 15px 0 21px;
    border: 1px solid rgba(217, 182, 116, .52);
    border-radius: 2px;
    background: linear-gradient(110deg, rgba(217, 182, 116, .15), rgba(217, 182, 116, .055));
    box-shadow: inset 2px 0 0 rgba(226, 190, 116, .8), inset 0 1px 0 rgba(255, 255, 255, .07), 0 7px 22px rgba(0, 0, 0, .16);
    color: #f3e8d0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .015em;
    white-space: nowrap;
    transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body > header .account span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    margin: 0;
    border: 1px solid rgba(226, 190, 116, .5);
    border-radius: 50%;
    color: #e8c77f;
    font: 15px/1 Arial, sans-serif;
    transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease;
}

body > header .account:hover {
    transform: translateY(-1px);
    border-color: #e9c981;
    background: linear-gradient(120deg, #ecd39a 0%, #bd8d49 100%);
    box-shadow: inset 0 1px 0 rgba(255, 249, 225, .45), 0 10px 28px rgba(0, 0, 0, .28), 0 0 22px rgba(217, 182, 116, .13);
    color: #17160f;
}

body > header .account:hover span {
    transform: translate(2px, -2px);
    border-color: rgba(32, 27, 17, .35);
    background: rgba(255, 255, 255, .16);
    color: #17160f;
}

body > header #menu {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid rgba(217, 182, 116, .42);
    border-radius: 2px;
    background: rgba(217, 182, 116, .08);
    color: #e5c47e;
    font-size: 21px;
    line-height: 1;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

body > header #menu:hover {
    border-color: #e2c17c;
    background: rgba(217, 182, 116, .18);
    color: #fff0cb;
}

@media (max-width: 1450px) and (min-width: 1181px) {
    body > header {
        padding-right: 3.1vw;
        padding-left: 3.1vw;
        gap: 18px;
    }

    body > header .brand img {
        width: 60px;
        height: 60px;
    }

    body > header .brand span {
        font-size: 20px;
    }

    body > header .brand b {
        font-size: 10px;
    }

    body > header nav {
        gap: clamp(9px, .95vw, 15px);
        font-size: 10px;
    }

    body > header .account {
        min-width: 178px;
        min-height: 50px;
        padding-left: 16px;
        gap: 10px;
        font-size: 11px;
    }

    body > header .epoch-languages a {
        min-width: 27px;
    }
}

@media (max-width: 1180px) {
    body > header {
        min-height: 88px;
        padding: 12px clamp(20px, 3.5vw, 42px);
        gap: 15px;
    }

    body > header nav {
        display: none;
        position: absolute;
        top: calc(100% + 1px);
        right: clamp(18px, 3.5vw, 42px);
        left: auto;
        width: min(370px, calc(100vw - 36px));
        margin: 0;
        padding: 10px;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 3px;
        border: 1px solid rgba(217, 182, 116, .28);
        background: linear-gradient(145deg, rgba(16, 29, 34, .98), rgba(7, 15, 20, .98));
        box-shadow: 0 18px 42px rgba(0, 0, 0, .38);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
    }

    body > header nav.open {
        display: flex;
    }

    body > header nav a {
        min-height: 42px;
        width: 100%;
        padding: 11px 13px;
        border-radius: 2px;
        font-size: 12px;
    }

    body > header nav a::after {
        display: none;
    }

    body > header nav a:hover,
    body > header nav a:focus-visible {
        background: rgba(217, 182, 116, .1);
    }

    body > header #menu {
        display: inline-flex;
        flex: 0 0 46px;
    }
}

@media (max-width: 760px) {
    body > header {
        min-height: 72px;
        padding: 10px 17px;
        gap: 9px;
    }

    body > header .brand {
        gap: 8px;
    }

    body > header .brand img {
        width: 43px;
        height: 45px;
    }

    body > header .brand span {
        font-size: 14px;
    }

    body > header .brand b {
        margin-top: 6px;
        font-size: 8px;
        letter-spacing: .4em;
    }

    body > header .epoch-languages {
        gap: 1px;
        padding: 3px;
    }

    body > header .epoch-languages a {
        min-width: 24px;
        height: 25px;
        padding: 0 4px;
        font-size: 9px;
    }

    body > header .account {
        min-width: 0;
        min-height: 40px;
        margin-left: auto;
        padding: 0 9px 0 11px;
        gap: 7px;
        font-size: 10px;
    }

    body > header .account span {
        flex-basis: 21px;
        width: 21px;
        height: 21px;
        font-size: 12px;
    }

    body > header #menu {
        flex-basis: 39px;
        width: 39px;
        height: 39px;
        font-size: 19px;
    }

    body > header nav {
        top: calc(100% + 1px);
        right: 12px;
        left: 12px;
        width: auto;
    }
}

@media (max-width: 420px) {
    body > header {
        padding-right: 12px;
        padding-left: 12px;
        gap: 6px;
    }

    body > header .account {
        font-size: 0;
        padding-right: 7px;
        padding-left: 9px;
    }

    body > header .account::before {
        content: "Кабинет";
        font-size: 10px;
        letter-spacing: 0;
    }

    body > header .epoch-languages a {
        min-width: 22px;
        padding: 0 3px;
    }
}

@media (max-width: 365px) {
    body > header .brand img {
        width: 38px;
        height: 40px;
    }

    body > header .brand span {
        font-size: 12px;
    }

    body > header .brand b {
        font-size: 7px;
    }

    body > header .epoch-languages a {
        min-width: 20px;
        font-size: 8px;
    }

    body > header #menu {
        flex-basis: 35px;
        width: 35px;
        height: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body > header nav a,
    body > header .account,
    body > header .account span,
    body > header .epoch-languages a,
    body > header #menu {
        transition: none;
    }
}

/* Restore the original site's typography in the upper navigation and CTA. */
body > header nav,
body > header nav a,
body > header .account,
body > header #menu,
body > header .epoch-languages,
.hero .button,
.hero .play-link {
    font-family: Beaufort, Georgia, serif;
}

body > header nav a {
    letter-spacing: .035em;
}

body > header .account {
    letter-spacing: .045em;
    text-transform: uppercase;
}

body > header .brand span,
body > header .brand b {
    font-family: Beaufort, Georgia, serif;
}


/* Public-site project overview button. The cabinet keeps its own navigation and layout. */
body > header .project-description-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 15px;border:1px solid rgba(217,182,116,.58);background:linear-gradient(110deg,rgba(217,182,116,.16),rgba(217,182,116,.055));box-shadow:inset 2px 0 0 rgba(226,190,116,.7);color:#f0dfbb;font:600 11px Georgia,serif;letter-spacing:.035em;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
body > header .project-description-link span{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid rgba(226,190,116,.45);border-radius:50%;color:#e8c77f;font:14px Arial,sans-serif}
body > header .project-description-link:hover{transform:translateY(-1px);border-color:#e9c981;background:linear-gradient(120deg,#ecd39a,#bd8d49);color:#17160f}
body > header .project-description-link:hover span{border-color:#5b4725;color:#17160f}

/* Homepage ranking layout: PvP and PK are always one vertical stack. */
.community-grid--rankings{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start}
.ranking-stack,.community-side-stack{display:grid;gap:18px;min-width:0;align-content:start}
.community-grid--rankings .ranking-box,.community-grid--rankings .clan-alliance-box{min-width:0;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#1b25264d,#10171855)}
.community-grid--rankings .ranking-head{padding:21px 24px}
.community-grid--rankings .ranking-head h3{display:flex;align-items:baseline;gap:10px}
.community-grid--rankings .ranking-head h3 small{font:9px Arial,sans-serif;letter-spacing:.13em;color:#8f9b91}
.community-grid--rankings .ranking-panel{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
.community-grid--rankings .ranking-panel table{min-width:640px}
.community-grid--rankings .player-cell{display:flex;align-items:center;gap:7px}
.rank-crests{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}
.rank-crest{display:block;width:20px;height:20px;object-fit:contain;border:1px solid #d9b67435;background:#0b1114}
.rank-value{color:#f0d39a!important;font-weight:700}
.clan-alliance-box{border:1px solid var(--line);background:linear-gradient(145deg,#1b25264d,#10171855)}
.clan-alliance-list{display:grid}
.clan-alliance-row{display:flex;align-items:center;gap:13px;min-width:0;padding:14px 18px;border-bottom:1px solid #b9c3b20c;transition:background .18s ease}
.clan-alliance-row:last-child{border-bottom:0}
.clan-alliance-row:hover{background:#d9b6740a}
.clan-crest-pair{display:flex;align-items:center;gap:4px;flex:0 0 52px;min-width:52px}
.clan-crest-pair img{display:block;width:24px;height:24px;object-fit:contain;border:1px solid #d9b67444;background:#0a1114}
.clan-alliance-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.clan-alliance-copy>b{overflow:hidden;color:#eee1c1;font:600 13px Georgia,serif;text-overflow:ellipsis;white-space:nowrap}
.clan-alliance-copy>small{overflow:hidden;color:#d5b979;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.clan-alliance-copy>span{overflow:hidden;color:#87978d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.clan-reputation{flex:0 0 auto;color:#e4c98f;font:16px Georgia,serif;white-space:nowrap}
.clan-alliance-empty{padding:25px;color:#9aa79e;text-align:center;font-size:11px}
.community-side-stack .streams-box{min-width:0}
.community-side-stack .epoch-streams iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:1px solid var(--line)}

@media(max-width:1180px){body > header .project-description-link{min-height:42px;padding:0 11px;font-size:10px;gap:7px}}
@media(max-width:850px){.community-grid--rankings{grid-template-columns:1fr}.ranking-stack{gap:15px}.community-side-stack{grid-template-columns:1fr 1fr;align-items:start}.community-side-stack .streams-box{height:100%}}
@media(max-width:760px){body > header .project-description-link{min-height:38px;padding:0 8px;font-size:9px;gap:5px}body > header .project-description-link span{width:19px;height:19px;font-size:12px}.community-side-stack{grid-template-columns:1fr}.community-grid--rankings .ranking-head{padding:17px 15px}.community-grid--rankings .ranking-panel table{min-width:610px}.clan-alliance-row{padding:13px 14px}}
@media(max-width:420px){body > header .project-description-link{font-size:0;min-width:36px;padding:0 7px}body > header .project-description-link:before{content:'i';display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid rgba(226,190,116,.45);border-radius:50%;font:italic 13px Georgia;color:#e8c77f}body > header .project-description-link span{display:none}}


/* Keep editor-authored rich media inside the public homepage cards too. */
.epoch-rich{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.epoch-rich img,.epoch-rich picture,.epoch-rich video,.epoch-rich iframe{max-width:100%!important}
.epoch-rich img{height:auto!important;max-height:70vh;object-fit:contain}
.epoch-rich table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.epoch-stock,.epoch-mini-news,.story-body{min-width:0;max-width:100%}


/* Homepage recovery v9: keep the hero CTA compact and remove decorative hero statistics. */
.hero-actions {
    width: fit-content;
    max-width: 100%;
}
.hero-actions .button {
    width: auto !important;
    max-width: max-content;
    flex: 0 0 auto !important;
    justify-content: center;
    gap: 24px;
}
.hero-facts {
    display: none !important;
}
@media (max-width: 760px) {
    .hero-actions {
        width: 100%;
        align-items: flex-start;
    }
    .hero-actions .button {
        width: auto !important;
        max-width: 100%;
    }
}