@import url("/css/site-shell.css");
/* Public realm pages extend the established dark-and-gold site instead of replacing it. */
.home-hero-logo{display:block;width:min(620px,88%);height:auto;margin:18px 0 22px;filter:drop-shadow(0 18px 30px #000b)}
.enhanced-home-hero{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;padding-bottom:clamp(34px,5vh,62px)}.enhanced-home-hero.without-featured-product{grid-template-rows:1fr;padding-bottom:0}.enhanced-home-hero .game-hero-inner{align-self:center;margin:0 auto;padding-top:clamp(28px,5vh,56px)}.enhanced-home-hero .game-hero-copy{max-width:710px}.hero-commerce{position:static;z-index:2;align-self:end;width:min(1180px,calc(100% - 56px));margin:clamp(22px,3.5vh,42px) auto 0;transform:none}.hero-commerce .shop-alert{margin:0 0 8px}.gameplay-gallery{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:250px 250px;gap:14px}.gallery-shot{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid #80633b;background:#211d14;cursor:zoom-in}.gallery-shot:first-child{grid-row:1/3}.gallery-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease,filter .25s ease}.gallery-shot:nth-child(2) img{object-position:center 43%}.gallery-shot>span{position:absolute;right:14px;bottom:14px;padding:7px 10px;background:#0b0d0ddd;border:1px solid #d4ad61;color:#f6dfae;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.gallery-shot:hover img,.gallery-shot:focus-visible img{transform:scale(1.018);filter:brightness(1.06)}.gallery-shot:hover>span,.gallery-shot:focus-visible>span{opacity:1;transform:none}
.home-featured-player{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(610px,1.28fr);min-height:596px;margin:72px 0 24px;border:1px solid #80633b;background:linear-gradient(120deg,#2a2217,#111516 58%,#0b171d);overflow:hidden}.featured-player-copy{align-self:center;min-width:0;padding:46px 32px 46px 42px}.featured-player-copy h2{max-width:100%;overflow:hidden;font:400 clamp(36px,3.1vw,52px)/1 Georgia,serif;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;margin:12px 0 11px}.featured-player-class{color:#e0c992!important;font:400 17px/1.35 Georgia,serif!important;margin:0 0 20px!important}.featured-player-copy>p:not(.eyebrow):not(.featured-player-class){max-width:360px;color:var(--muted);font-size:13px;line-height:1.7;margin:25px 0}.featured-player-badges{display:flex;flex-wrap:wrap;gap:7px}.featured-player-badges span{padding:7px 9px;border:1px solid #665333;color:#c9baa0;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.featured-player-armory{min-height:594px;border:0;border-left:1px solid #80633b}.featured-player-render{position:relative}.featured-player-render:before{content:"";position:absolute;z-index:0;inset:18px;border:1px solid #ba8e4638;pointer-events:none}.featured-character-stage,.featured-character-stage canvas{display:block;width:100%;height:100%;min-height:510px}.featured-character-stage{position:relative}.featured-character-stage canvas{cursor:grab;touch-action:none}.featured-character-stage canvas.dragging{cursor:grabbing}.featured-character-pending{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#9b907c}
.realm-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;padding:105px 0 90px;border-bottom:1px solid #80633b}.realm-intro h2,.realm-details>header h2,.start-playing h2{font:400 clamp(39px,5vw,62px)/1.03 Georgia,serif;letter-spacing:-.035em;margin:0}.realm-intro>p{color:var(--muted);font-size:17px;line-height:1.75;margin:0}
.home-featured-product{display:grid;grid-template-columns:190px minmax(0,1fr) 210px;gap:34px;align-items:center;margin:90px 0 0;padding:28px;background:linear-gradient(135deg,#342816,#1a1710 72%);border:1px solid #9d793f;box-shadow:0 25px 70px #0005}.featured-product-art{position:relative;display:grid;place-items:center;min-height:165px;background:radial-gradient(circle,#765921 0,transparent 60%),#12100c;border:1px solid #57452d}.featured-product-art img{width:102px;height:102px;object-fit:contain;filter:drop-shadow(0 14px 16px #000)}.featured-product-art span{position:absolute;right:10px;bottom:10px;background:var(--gold);color:#21180a;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:900}.featured-product-copy .eyebrow{margin-bottom:12px}.featured-product-copy h2{font:400 40px Georgia,serif;margin:0 0 10px}.featured-product-copy>p:not(.eyebrow){color:var(--muted);line-height:1.65;margin:0 0 13px}.featured-product-buy{padding-left:28px;border-left:1px solid #675331}.featured-product-buy small,.featured-product-buy strong{display:block}.featured-product-buy small{color:#9b907b;text-transform:uppercase;letter-spacing:.13em;font-size:10px}.featured-product-buy strong{font:400 31px Georgia,serif;color:var(--gold-light);margin:7px 0 16px}.featured-product-buy form,.featured-product-buy .button{width:100%}
.hero-featured-product{grid-template-columns:118px minmax(0,1fr) 195px;gap:24px;margin:0;padding:17px 20px;background:linear-gradient(105deg,#332815f5,#17140eee 72%);box-shadow:0 18px 55px #0009;backdrop-filter:blur(12px)}.hero-featured-product .featured-product-art{min-height:102px}.hero-featured-product .featured-product-art img{width:70px;height:70px}.hero-featured-product .featured-product-copy .eyebrow{margin-bottom:5px}.hero-featured-product .featured-product-copy h2{font-size:29px;margin-bottom:5px}.hero-featured-product .featured-product-copy>p:not(.eyebrow){font-size:12px;line-height:1.45;margin-bottom:6px}.hero-featured-product .featured-product-buy{padding-left:22px}.hero-featured-product .featured-product-buy strong{font-size:25px;margin:4px 0 10px}.hero-featured-product .button{min-height:40px}
.realm-details{display:grid;gap:28px;padding:120px 0}.capability-band{display:grid;grid-template-columns:290px minmax(0,1fr);gap:42px;padding:34px;border-top:1px solid #96733d;background:linear-gradient(110deg,#292217cc,#181611 55%,#111719)}.capability-band>header{align-self:start;padding:8px 4px}.capability-band>header .eyebrow{margin-bottom:14px}.capability-band>header h3{font:400 clamp(34px,4vw,50px)/1 Georgia,serif;letter-spacing:-.035em;margin:0}.capability-band>header>p:last-child{max-width:260px;color:#aaa18e;font-size:12px;line-height:1.7;margin:20px 0 0}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.capability-grid li{position:relative;min-height:126px;padding:22px 22px 20px;background:#171711bf;border-left:2px solid #856633}.capability-grid li:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c69b4320,transparent 52%);pointer-events:none}.capability-grid strong,.capability-grid span{position:relative;display:block}.capability-grid strong{color:#f1deb4;font-size:12px;margin-bottom:9px}.capability-grid span{color:#a69e8e;font-size:11px;line-height:1.58}.client-capabilities{grid-template-columns:minmax(0,1fr) 290px;background:linear-gradient(250deg,#24251fcc,#14191a 55%,#15140f)}.client-capabilities>header{grid-column:2;grid-row:1}.client-capabilities>.capability-grid{grid-column:1;grid-row:1}.client-capabilities .capability-grid li{border-left-color:#4f7887}.client-capabilities .capability-grid li:before{background:linear-gradient(135deg,#4e8da021,transparent 52%)}
.start-playing{position:relative;margin:0 calc(50% - 50vw);padding:82px max(28px,calc((100vw - 1180px)/2));background:#e4d4b1;color:#251d12;display:grid;grid-template-columns:.75fr 1.5fr auto;gap:55px;align-items:center}.start-playing .eyebrow{color:#87601f}.start-playing ol{list-style:none;padding:0;margin:0}.start-playing li{display:flex;gap:17px;padding:14px 0;border-top:1px solid #9d8355}.start-playing li>span{font:700 10px Inter,sans-serif;color:#87601f}.start-playing strong,.start-playing p{display:block}.start-playing p{color:#675942;font-size:12px;margin:5px 0 0}.realm-news{padding:75px 0 38px}
.stats-page,.player-search-page,.character-profile,.guides-page,.guide-article{max-width:1180px}.stats-hero{display:grid;grid-template-columns:1fr 390px;gap:80px;align-items:end;margin-bottom:40px}.stats-hero h1,.guides-hero h1,.character-profile h1,.guide-article>header h1{font:400 clamp(54px,7vw,84px)/.95 Georgia,serif;letter-spacing:-.045em;margin:0}.stats-hero>div>p:last-child,.guides-hero>p:last-child,.guide-article>header>p:last-child{max-width:650px;color:var(--muted);font-size:16px;line-height:1.7}.stats-hero form{padding:20px;background:#211d14;border:1px solid #675331}.stats-hero form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#baaa89;margin-bottom:9px}.stats-hero form>div{display:flex}.stats-hero input,.player-search-form input{min-width:0;flex:1;height:46px;background:#0f0e0b;border:1px solid #54452f;color:#fff6df;padding:0 14px;font:inherit;outline:0}.stats-hero button{width:85px;border:0;background:var(--gold);color:#21180a;font-weight:900;cursor:pointer}
.stats-summary{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 36px;border-top:1px solid #80633b;border-left:1px solid #80633b}.stats-summary div{padding:20px;border-right:1px solid #80633b;border-bottom:1px solid #80633b}.stats-summary dt{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#a69b85}.stats-summary dd{font:400 25px Georgia,serif;color:var(--gold-light);margin:8px 0 0}.ranking-tabs,.class-tabs{display:flex;gap:7px;overflow-x:auto}.ranking-tabs{margin-bottom:10px}.class-tabs{margin-bottom:18px}.ranking-tabs a,.class-tabs a{white-space:nowrap;border:1px solid #54452f;background:#211d14;color:#b8ae99;padding:10px 13px;font-size:11px;font-weight:800}.ranking-tabs a.active,.class-tabs a.active,.ranking-tabs a:hover,.class-tabs a:hover{background:var(--gold);border-color:var(--gold);color:#21180a}.ranking-table-wrap{overflow-x:auto;border:1px solid #675331}.ranking-table{width:100%;border-collapse:collapse;background:#1d1a13}.ranking-table th{text-align:left;padding:13px 16px;background:#292218;color:#a99d84;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.ranking-table td{padding:15px 16px;border-top:1px solid #4e412c;color:#bdb39f;font-size:12px}.ranking-table tbody tr:hover{background:#292218}.ranking-table a{color:#f1dfb6}.rank-number{width:62px;color:var(--gold)!important;font-weight:900}.rank-player{display:flex;align-items:center;gap:10px}.stats-updated{text-align:right;color:#776f60;font-size:10px;margin-top:12px}
.player-search-form{display:flex;gap:10px;max-width:650px;margin:40px 0}.player-results{border-top:1px solid #675331}.player-results>a{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #675331;border-top:0;background:#211d14}.player-results>a:hover{background:#2a2419}.player-results strong,.player-results small{display:block}.player-results small{color:#9e9584;margin-top:5px}.player-results b{margin-left:auto;color:var(--gold)}
.profile-hero{display:flex;align-items:center;gap:28px;margin-bottom:45px}.profile-online{display:flex;align-items:center;gap:8px;color:#aaa08e;font-size:11px}.profile-hero h1{margin:8px 0}.profile-hero p{color:#d6c7a9;margin:0}.profile-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.profile-badges span{padding:6px 8px;border:1px solid #665333;color:#bfb299;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.profile-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);gap:25px}.paper-doll,.profile-stats{padding:28px;background:#211d14;border:1px solid #675331}.paper-doll h2,.profile-stats h2{font:400 34px Georgia,serif;margin:0 0 24px}.paper-doll .eyebrow,.profile-stats .eyebrow{margin-bottom:10px}.character-paper-doll{min-height:430px;display:grid;place-items:center;margin:0 0 18px;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,rgba(93,130,148,.55),rgba(14,33,43,.95) 58%,#0d1112 76%);border:1px solid #806437;box-shadow:inset 0 0 70px rgba(0,0,0,.7)}.character-paper-doll>img{display:block;width:auto;height:auto;max-width:100%;max-height:520px;object-fit:contain;image-rendering:auto}.character-render-pending{display:grid;justify-items:center;gap:9px;max-width:280px;text-align:center;color:#c7b897}.character-render-pending span{width:52px;height:120px;border:1px dashed #876b38;border-radius:45% 45% 30% 30%;opacity:.55}.character-render-pending strong{font:400 17px Georgia,serif}.character-render-pending small{color:#847b6d;line-height:1.45}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.equipment-slot{min-height:165px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:13px;background:radial-gradient(circle at 50% 35%,#514020,#15130f 70%);border:1px solid #5e4b30}.equipment-slot>span{align-self:stretch;text-align:left;color:#8d826d;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.equipment-slot img{width:58px;height:58px;object-fit:contain;margin:12px 0 7px}.equipment-slot strong{font:400 14px Georgia,serif}.equipment-slot small{color:#918774;font-size:9px;margin-top:5px}.equipment-slot.super{border-color:#e4b34e}.equipment-slot.elite{border-color:#9b72cc}.equipment-slot.unique{border-color:#6e91c1}.equipment-slot.refined{border-color:#79a47a}.empty-item{display:grid;place-items:center;flex:1;color:#5f584c;font-size:10px}.profile-stats dl{margin:0}.profile-stats dl div{display:flex;justify-content:space-between;gap:25px;padding:11px 0;border-top:1px solid #50422d}.profile-stats dt{color:#968c7a;font-size:11px}.profile-stats dd{margin:0;text-align:right;font-size:12px;font-weight:800}.profile-privacy{color:#776f62;font-size:10px;line-height:1.5;margin:20px 0 0}
.equipment-slot{position:relative;outline:none}.equipment-slot:focus-visible{box-shadow:0 0 0 2px #e5b954}.item-inspect{position:absolute;z-index:20;left:calc(100% + 10px);top:-1px;width:300px;padding:16px;text-align:left;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-5px);transition:opacity .12s ease,transform .12s ease;background:linear-gradient(150deg,#14232b,#0b1115 70%);border:1px solid #b68b44;box-shadow:0 20px 45px #000d;color:#f3e5c6}.equipment-slot:nth-child(3n) .item-inspect{left:auto;right:calc(100% + 10px)}.equipment-slot:hover .item-inspect,.equipment-slot:focus .item-inspect,.equipment-slot:focus-within .item-inspect{visibility:visible;opacity:1;transform:none}.item-inspect header{padding-bottom:10px;border-bottom:1px solid #705830}.item-inspect header strong,.item-inspect header span{display:block}.item-inspect header strong{font:400 18px Georgia,serif;color:#ffe69e}.item-inspect header span{margin-top:4px;color:#8ba8b6;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.item-inspect dl{margin:10px 0 0}.item-inspect dl div{display:flex;justify-content:space-between;gap:18px;padding:4px 0;font-size:10px}.item-inspect dt{color:#a6b0ad}.item-inspect dd{margin:0;color:#fff0bd;text-align:right}.item-inspect footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px;padding-top:10px;border-top:1px solid #705830}.item-inspect footer span{padding:4px 6px;background:#27353a;color:#c4d7dc;font-size:8px;text-transform:none;letter-spacing:0}
.guides-hero{max-width:760px;margin-bottom:34px}.guide-category-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 76px;padding-bottom:18px;border-bottom:1px solid #675331}.guide-category-nav a{display:inline-flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid #4d412d;background:#1c1912;color:#d6c8aa;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guide-category-nav a:hover{border-color:#c89d4c;color:#fff4da}.guide-category-nav span{color:#8e7547}.guide-category{scroll-margin-top:30px;margin:0 0 78px}.guide-category>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #675331}.guide-category>header .eyebrow{margin:0}.guide-category>header h2{margin:0;font:400 clamp(34px,4vw,50px)/.95 Georgia,serif;letter-spacing:-.035em}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #675331;border-left:1px solid #675331}.guide-grid>a{min-height:236px;display:flex;flex-direction:column;padding:25px;border-right:1px solid #675331;border-bottom:1px solid #675331;background:linear-gradient(150deg,#272117,#191712)}.guide-grid>a:hover{background:#2d261a}.guide-grid span{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.guide-grid h3{font:400 26px/1.1 Georgia,serif;margin:26px 0 12px}.guide-grid p{color:#a99f8c;font-size:12px;line-height:1.65;margin:0}.guide-grid b{margin-top:auto;padding-top:20px;color:#d8bb77;font-size:11px}.guide-article{max-width:900px}.guide-article>header{margin:45px 0 55px}.guide-body section{padding:30px 0;border-top:1px solid #675331}.guide-body h2{font:400 31px Georgia,serif;margin:0 0 15px}.guide-body p{color:#b2a894;font-size:15px;line-height:1.8}.guide-article>aside{display:grid;grid-template-columns:160px 1fr auto;gap:25px;align-items:center;margin-top:40px;padding:24px;border:1px solid #80633b;background:#2a2317}.guide-article>aside span{color:#aaa08c;font-size:12px}.guide-article>aside a{color:var(--gold-light);font-size:11px;font-weight:800}
.auth-story,.register-page .auth-story{background-image:linear-gradient(90deg,#16130df0 0,#16130d8c 60%,#16130d33),linear-gradient(0deg,#16130dd9 0,transparent 45%),url('/img/landing/hero-art.png');background-position:58% center;background-size:cover}
body>.site-footer{max-width:1180px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:50px;padding:35px 28px}.site-footer>div strong,.site-footer>div span{display:block}.site-footer>div span{margin-top:5px}.site-footer dl{display:flex;gap:24px;margin:0}.site-footer dl div{min-width:68px}.site-footer dt{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.site-footer dd{color:var(--gold-light);font-weight:900;margin:5px 0 0}.site-footer nav{display:flex;gap:14px}.site-footer nav a:hover{color:var(--gold-light)}
@media(max-width:1000px){.enhanced-home-hero{padding-bottom:40px}.hero-featured-product,.home-featured-product{grid-template-columns:160px 1fr}.featured-product-buy{grid-column:1/-1;border-left:0;border-top:1px solid #675331;padding:22px 0 0;display:grid;grid-template-columns:1fr 210px}.featured-product-buy form,.featured-product-buy .button{grid-column:2;grid-row:1/3}.hero-featured-product .featured-product-buy{padding-top:13px}.start-playing{grid-template-columns:1fr}.stats-hero{grid-template-columns:1fr}.stats-summary{grid-template-columns:repeat(3,1fr)}.profile-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,1fr)}body>.site-footer{grid-template-columns:1fr auto}.site-footer nav{grid-column:1/-1}}
@media(max-width:700px){.home-hero-logo{width:100%;margin:10px 0 18px}.enhanced-home-hero{padding-bottom:0}.enhanced-home-hero .game-hero-inner{padding-top:65px}.hero-commerce{position:static;width:calc(100% - 40px);transform:none;margin:0 auto 28px}.gameplay-gallery{grid-template-columns:1fr;grid-template-rows:auto}.gameplay-gallery img,.gameplay-gallery img:first-child{grid-row:auto;height:auto;max-height:340px}.realm-intro{grid-template-columns:1fr;gap:25px;padding:70px 0}.home-featured-product,.hero-featured-product{grid-template-columns:1fr;margin:0;padding:20px}.hero-featured-product .featured-product-art{min-height:92px}.featured-product-buy{grid-column:auto;display:block}.featured-product-buy form,.featured-product-buy .button{margin-top:14px}.realm-details{padding:80px 0}.realm-detail-columns{grid-template-columns:1fr}.realm-detail-columns>article{padding:25px}.feature-list li{grid-template-columns:1fr;gap:7px}.start-playing{padding:60px 20px;margin-left:-20px;margin-right:-20px;gap:30px}.stats-summary{grid-template-columns:repeat(2,1fr)}.stats-hero{gap:30px}.ranking-table{min-width:720px}.profile-hero{align-items:flex-start}.character-paper-doll{min-height:340px}.equipment-grid{grid-template-columns:repeat(2,1fr)}.paper-doll,.profile-stats{padding:20px}.guide-grid{grid-template-columns:1fr}.guide-article>aside{grid-template-columns:1fr}.auth-story{background-position:72% center}body>.site-footer{grid-template-columns:1fr;gap:24px}.site-footer dl{justify-content:space-between}.site-footer nav{grid-column:auto;flex-wrap:wrap}}

@media(max-width:1000px){.home-featured-player{grid-template-columns:minmax(300px,.75fr) minmax(380px,1.25fr)}.featured-player-copy{padding:42px 20px 42px 38px}}
@media(max-width:700px){.hero-commerce{margin:-18px auto 28px}.home-featured-player{grid-template-columns:1fr;margin:42px 0 20px}.featured-player-copy{padding:34px 24px}.featured-player-armory{border-left:0;border-top:1px solid #80633b}.featured-player-render,.featured-character-stage,.featured-character-stage canvas{height:390px;min-height:390px}}

/* Item cards use the labels and colour families from the 5065 client resources. */
.equipment-slot>strong{color:#eee6d5}.equipment-slot.refined>strong{color:#76dc76}.equipment-slot.unique>strong{color:#76a8ff}.equipment-slot.elite>strong{color:#d48cff}.equipment-slot.super>strong{color:#ffe268}
.item-inspect{width:315px;padding:12px 14px;background:linear-gradient(150deg,rgba(20,35,43,.96),rgba(9,17,22,.94) 76%);backdrop-filter:blur(4px);font-family:Arial,sans-serif;color:#fff}
.item-inspect header{display:flex;flex-wrap:wrap;gap:3px 5px;padding-bottom:5px;border-bottom:0}
.item-inspect header strong{font:700 13px Arial,sans-serif}.item-inspect header span{margin:0;color:inherit;font-size:11px;letter-spacing:0;text-transform:none}
.item-inspect.normal header strong,.item-inspect.normal header span{color:#f4f4f4}.item-inspect.refined header strong,.item-inspect.refined header span{color:#69dd69}.item-inspect.unique header strong,.item-inspect.unique header span{color:#6ca7ff}.item-inspect.elite header strong,.item-inspect.elite header span{color:#d17cff}.item-inspect.super header strong,.item-inspect.super header span{color:#ffe15b}
.item-inspect dl{margin:2px 0 0}.item-inspect dl+dl{margin-top:3px}.item-inspect dl div{justify-content:flex-start;gap:3px;padding:1px 0;font-size:11px;line-height:1.2}.item-inspect dt{flex:0 0 auto;color:#f4f4f4}.item-inspect dd{margin:0;color:#f4f4f4;text-align:left}.item-inspect .item-requirements dd{font-weight:400}.item-inspect .gem-stat dt,.item-inspect .gem-stat dd,.item-inspect .gem-bonus dt,.item-inspect .gem-bonus dd{color:#57f178}.item-inspect .gem-bonus dd{margin-left:0}.item-inspect .composition-stat dt,.item-inspect .composition-stat dd{color:#e85bff}.item-inspect .blessing-stat dt,.item-inspect .blessing-stat dd{color:#ffbd3e}.item-inspect .enchant-stat dt,.item-inspect .enchant-stat dd{color:#74d8ff}

@media(max-width:1000px){.home-featured-player{grid-template-columns:1fr}.featured-player-armory{border-left:0;border-top:1px solid #80633b}}

.gallery-lightbox{max-width:none;max-height:none;width:100vw;height:100vh;margin:0;padding:0;border:0;background:transparent;color:#f5e5c2}.gallery-lightbox::backdrop{background:#050606e8;backdrop-filter:blur(7px)}.gallery-lightbox-frame{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;grid-template-rows:minmax(0,1fr) auto;align-items:center;width:100%;height:100%;padding:46px 28px 24px}.gallery-lightbox img{grid-column:2;grid-row:1;display:block;max-width:100%;max-height:calc(100vh - 110px);margin:auto;object-fit:contain;border:1px solid #8d6b37;box-shadow:0 28px 80px #000}.gallery-lightbox p{grid-column:2;grid-row:2;margin:13px 0 0;color:#b9ae98;text-align:center;font-size:11px}.gallery-lightbox button{border:1px solid #8d6b37;background:#17150fdd;color:#f2ddb1;cursor:pointer}.gallery-lightbox-close{position:absolute;z-index:2;right:28px;top:18px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.gallery-lightbox-nav{width:42px;height:42px;border-radius:50%;font-size:18px}.gallery-lightbox-nav.previous{grid-column:1;grid-row:1}.gallery-lightbox-nav.next{grid-column:3;grid-row:1}.gallery-lightbox button:hover,.gallery-lightbox button:focus-visible{background:#d7aa51;color:#1b160c;outline:0}

@media(max-width:900px){.capability-band,.client-capabilities{grid-template-columns:1fr;gap:24px;padding:28px}.client-capabilities>header,.client-capabilities>.capability-grid{grid-column:1;grid-row:auto}.capability-band>header>p:last-child{max-width:520px}}
@media(max-width:700px){.gallery-shot,.gallery-shot:first-child{grid-row:auto}.gallery-shot img{height:auto;max-height:340px}.gallery-shot>span{opacity:1;transform:none}.capability-grid{grid-template-columns:1fr}.capability-band{padding:22px}.gallery-lightbox-frame{grid-template-columns:40px minmax(0,1fr) 40px;padding:50px 8px 18px}.gallery-lightbox-close{right:10px;top:10px}.gallery-lightbox-nav{width:34px;height:34px}}

/* Phone layout: keep the art full-width, but give every reading surface the same
   deliberate gutter. This sits after the older responsive layers on purpose. */
@media (max-width: 700px) {
    .site-header {
        height: 64px;
        min-height: 64px;
        padding: 0 20px;
    }

    .site-navigation {
        top: 12px;
        right: 20px;
    }

    .site-navigation > summary {
        min-height: 40px;
    }

    main {
        max-width: none;
        padding: 0;
    }

    .page-shell,
    .shop-page,
    .vip-page,
    .stats-page,
    .player-search-page,
    .character-profile,
    .guides-page,
    .guide-article {
        width: 100%;
        max-width: none;
        padding: 32px 20px 64px;
    }

    .game-hero {
        min-height: 0;
        margin-top: -64px;
        padding-top: 64px;
        background-position: 61% center;
    }

    .enhanced-home-hero .game-hero-inner {
        display: block;
        width: 100%;
        padding: 88px 20px 0;
    }

    .enhanced-home-hero .game-hero-copy {
        width: 100%;
        max-width: none;
    }

    .enhanced-home-hero .game-hero-copy .eyebrow {
        margin-bottom: 12px;
    }

    .home-hero-logo {
        width: min(100%, 350px);
        max-width: 100%;
        margin: 14px auto 24px;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        align-items: stretch;
        gap: 10px;
    }

    .hero-actions .button,
    .hero-actions .text-link {
        width: 100%;
        min-height: 48px;
    }

    .hero-actions .text-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        border: 1px solid #675331;
        background: #17150fbf;
    }

    .hero-rail {
        max-width: none;
        margin: 26px -20px 0;
        padding: 20px;
        border-right: 0;
        border-left: 0;
        background: #17150ff0;
        box-shadow: none;
    }

    .rail-action {
        min-height: 58px;
        padding: 10px 0;
    }

    .hero-commerce {
        width: 100%;
        margin: 0;
    }

    .hero-featured-product {
        display: grid;
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 16px;
        margin: 0;
        padding: 18px 20px 20px;
        border-right: 0;
        border-left: 0;
    }

    .hero-featured-product .featured-product-art {
        min-height: 86px;
    }

    .hero-featured-product .featured-product-copy h2 {
        font-size: 26px;
    }

    .hero-featured-product .featured-product-copy > p:not(.eyebrow) {
        display: none;
    }

    .hero-featured-product .featured-product-buy {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: 1fr minmax(150px, .9fr);
        align-items: center;
        gap: 12px;
        margin: 0;
        padding: 16px 0 0;
        border-top: 1px solid #675331;
    }

    .hero-featured-product .featured-product-buy small,
    .hero-featured-product .featured-product-buy strong {
        grid-column: 1;
    }

    .hero-featured-product .featured-product-buy form,
    .hero-featured-product .featured-product-buy .button {
        grid-column: 2;
        grid-row: 1 / 3;
        width: 100%;
        margin: 0;
    }

    .client-strip,
    .home-news,
    .gameplay-gallery,
    .realm-details {
        width: calc(100% - 40px);
        margin-right: auto;
        margin-left: auto;
    }

    .client-strip {
        padding-top: 52px;
    }

    .home-news {
        padding: 54px 0 28px;
    }

    .gameplay-gallery {
        gap: 12px;
    }

    .home-featured-player {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        min-height: 0;
        margin: 42px 0 0;
        border-right: 0;
        border-left: 0;
    }

    .featured-player-copy {
        padding: 32px 20px;
    }

    .featured-player-copy h2 {
        font-size: clamp(36px, 11vw, 48px);
        white-space: normal;
        overflow: visible;
    }

    .featured-player-armory {
        min-height: 0;
    }

    .featured-player-render,
    .featured-character-stage,
    .featured-character-stage canvas {
        min-height: 410px;
        height: 410px;
    }

    .realm-details {
        gap: 18px;
        padding: 58px 0;
    }

    .capability-band,
    .client-capabilities {
        gap: 18px;
        padding: 22px 0 0;
        background: transparent;
    }

    .capability-band > header {
        padding: 0;
    }

    .capability-band > header > p:last-child {
        max-width: none;
    }

    .capability-grid li {
        min-height: 0;
        padding: 18px;
    }

    .start-playing {
        margin: 0;
        padding: 52px 20px;
    }

    .vip-hero,
    .vip-purchase-panel {
        margin-right: -20px;
        margin-left: -20px;
    }

    .vip-hero {
        min-height: 0;
        padding: 32px 20px 38px;
    }

    .shop-page,
    .vip-page {
        padding-top: 32px;
    }

    .shop-hero,
    .stats-hero {
        margin-bottom: 30px;
    }

    .site-footer {
        width: 100%;
        padding: 32px 20px 38px;
    }
}
/* The test stage is deliberately plain: the character is the thing being reviewed. */
.character-render-test {
    width: min(1180px, calc(100% - 32px));
    margin: 48px auto 80px;
}

.character-render-test > header {
    max-width: 720px;
    margin-bottom: 22px;
}

.character-render-test h1 {
    margin: 4px 0 10px;
    font-size: clamp(2rem, 5vw, 4.4rem);
}

.character-stage {
    position: relative;
    min-height: min(72vh, 760px);
    overflow: hidden;
    border: 1px solid rgba(219, 173, 79, .38);
    border-radius: 18px;
    background:
        radial-gradient(circle at 50% 68%, rgba(207, 149, 53, .16), transparent 32%),
        linear-gradient(180deg, #12110f, #070706);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .32);
}

.character-stage canvas {
    display: block;
    width: 100%;
    height: 100%;
    min-height: min(72vh, 760px);
    cursor: grab;
    touch-action: none;
}

.character-stage canvas.dragging { cursor: grabbing; }

.character-stage-status {
    position: absolute;
    inset: 50% auto auto 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    color: #d9c79d;
}

.character-stage-status.error { color: #ff9a8a; }

.character-render-note {
    margin: 12px 0 0;
    color: rgba(236, 225, 198, .62);
    font-size: .88rem;
}

.profile-character-stage {
    position: relative;
    width: 100%;
    height: 520px;
}

.profile-character-stage canvas {
    display: block;
    width: 100%;
    height: 100%;
    cursor: grab;
    touch-action: none;
}

.profile-character-stage canvas.dragging { cursor: grabbing; }
.character-preview { display:block; width:100%; height:100%; object-fit:contain; }
.character-preview[hidden] { display:none; }

@media (max-width: 700px) {
    .profile-character-stage { height: 390px; }
}

/* The armory follows the familiar in-game paper-doll: character in the middle,
   equipment around the edge. It stays keyboard friendly, so the same inspect
   card opens with Tab on touch devices and desktop browsers. */
.armory-board {
    display: grid;
    grid-template-columns: 122px minmax(300px, 1fr) 122px;
    grid-template-rows: repeat(4, 108px) 112px;
    gap: 8px 12px;
    min-height: 560px;
    padding: 18px;
    overflow: visible;
    background:
        radial-gradient(ellipse at 50% 60%, rgba(86, 129, 148, .58), rgba(14, 33, 43, .96) 55%, #0d1112 78%),
        linear-gradient(135deg, rgba(194, 148, 69, .08), transparent 40%);
    border: 1px solid #806437;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, .72);
}

.armory-board .character-paper-doll {
    grid-column: 2;
    grid-row: 1 / 6;
    min-height: 0;
    margin: 0;
    overflow: visible;
    background: none;
    border: 0;
    box-shadow: none;
}

.armory-board .equipment-grid { display: contents; }

.armory-board .equipment-slot {
    min-width: 0;
    min-height: 0;
    padding: 7px;
    justify-content: flex-start;
    background: radial-gradient(circle at 50% 40%, #554421, #17140f 72%);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 5px 16px rgba(0, 0, 0, .25);
}

.armory-board .equipment-slot > span {
    overflow: hidden;
    color: #b3a88f;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.armory-board .equipment-slot img {
    width: 54px;
    height: 54px;
    margin: 5px 0 3px;
}

.armory-board .equipment-slot > strong {
    max-width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.armory-board .equipment-slot > small { display: none; }
.armory-board .slot-1 { grid-column: 1; grid-row: 1; }
.armory-board .slot-2 { grid-column: 1; grid-row: 2; }
.armory-board .slot-3 { grid-column: 1; grid-row: 3; }
.armory-board .slot-7 { grid-column: 1; grid-row: 4; }
.armory-board .slot-4 { grid-column: 3; grid-row: 1; }
.armory-board .slot-5 { grid-column: 3; grid-row: 2; }
.armory-board .slot-6 { grid-column: 3; grid-row: 3; }
.armory-board .slot-8 { grid-column: 3; grid-row: 4; }
.armory-board .slot-9 { grid-column: 1; grid-row: 5; }
.armory-board .slot-1 .item-inspect,
.armory-board .slot-2 .item-inspect,
.armory-board .slot-3 .item-inspect,
.armory-board .slot-7 .item-inspect,
.armory-board .slot-9 .item-inspect {
    right: auto;
    left: calc(100% + 10px);
}
.armory-board .slot-4 .item-inspect,
.armory-board .slot-5 .item-inspect,
.armory-board .slot-6 .item-inspect,
.armory-board .slot-8 .item-inspect {
    right: calc(100% + 10px);
    left: auto;
}

.item-inspect .composition-stat dt,
.item-inspect .composition-stat dd { color: #74d7ee; }

@media (max-width: 760px) {
    .armory-board {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 390px repeat(5, 108px);
        min-height: 0;
        padding: 10px;
    }
    .armory-board .character-paper-doll { grid-column: 1 / 3; grid-row: 1; }
    .armory-board .equipment-slot { grid-column: auto; grid-row: auto; }
    .armory-board .item-inspect,
    .armory-board .slot-4 .item-inspect,
    .armory-board .slot-5 .item-inspect,
    .armory-board .slot-6 .item-inspect,
    .armory-board .slot-8 .item-inspect {
        position: fixed;
        inset: auto 12px 12px;
        width: auto;
        max-height: min(72vh, 620px);
        overflow: auto;
        transform: translateY(8px);
    }
}

/* Small screens get the same site, arranged for a thumb instead of a mouse. */
.navigation-toggle { display: none; }
.account-delete-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; align-items: start; }
.danger-panel { border-color: #925044; }
.danger-panel h2 { margin-top: 0; }
.danger-panel label:not(.delete-confirm) { display: block; margin: 18px 0 8px; font-size: 12px; font-weight: 800; }
.danger-panel input[type="text"], .danger-panel input[type="password"] { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #54452f; background: #11100d; color: #fff6df; font: inherit; }
.delete-confirm { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0; color: #d7c8aa; font-size: 12px; line-height: 1.5; }
.delete-confirm input { width: 18px; height: 18px; margin: 0; accent-color: #d1a54c; }
.button.danger { border-color: #a95143; background: #803c34; color: #fff5eb; }
.button.danger:hover { background: #a64f44; }
.legal-page { max-width: 840px; }
.legal-page > header { margin-bottom: 52px; }
.legal-page > header h1 { margin: 0; font: 400 clamp(46px, 7vw, 76px)/.98 Georgia, serif; letter-spacing: -.04em; }
.legal-page > header > p:last-child { color: #aaa08e; margin: 15px 0 0; }
.legal-page > section { padding: 30px 0; border-top: 1px solid #675331; }
.legal-page h2 { margin: 0 0 12px; font: 400 30px Georgia, serif; }
.legal-page p, .legal-page li { max-width: 740px; color: #c3b9a7; font-size: 14px; line-height: 1.8; }
.legal-page .button { margin-top: 12px; }
.guide-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; color: #9d927d; font-size: 11px; }
.guide-breadcrumb a { color: #e5c677; font-weight: 800; }
.guide-overview { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 28px; margin: 0 0 42px; padding: 22px 24px; border: 1px solid #675331; background: linear-gradient(135deg, #282116, #181713); }
.guide-overview .eyebrow { margin: 0 0 8px; }
.guide-overview strong { font: 400 22px Georgia, serif; color: #f4e5be; }
.guide-overview ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 16px; padding: 0; margin: 0; list-style: none; }
.guide-overview a { display: flex; gap: 9px; align-items: baseline; color: #d7c7a8; font-size: 12px; line-height: 1.35; }
.guide-overview a:hover { color: #f5d997; }
.guide-overview a span, .guide-part-number { color: #d1a54c; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.guide-body section { position: relative; padding-left: 64px; }
.guide-body .guide-part-number { position: absolute; top: 36px; left: 0; margin: 0; }

@media (max-width: 860px) {
    html, body { overflow-x: clip; }
    main { width: 100%; min-width: 0; padding-right: 20px; padding-left: 20px; }
    main > * { min-width: 0; max-width: 100%; }
    .site-header { position: relative; width: 100%; max-width: none; height: 68px; min-height: 68px; padding: 0 20px; }
    .site-navigation { position: absolute; top: 14px; right: 20px; z-index: 40; }
    .navigation-toggle { display: flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 11px; border: 1px solid #80633b; background: #1c1912; color: #efe1bf; cursor: pointer; font: inherit; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .navigation-toggle > span:last-child { width: 7px; height: 7px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; }
    .site-navigation.is-open .navigation-toggle > span:last-child { transform: rotate(225deg) translate(-2px, -2px); }
    .site-navigation nav { position: absolute; z-index: 30; top: calc(100% + 8px); right: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(360px, calc(100vw - 32px)); gap: 0; padding: 7px; border: 1px solid #80633b; background: #17150ff8; box-shadow: 0 22px 55px #000b; backdrop-filter: blur(14px); }
    .site-navigation:not(.is-open) nav { display: none; }
    .site-header nav a, .site-header .nav-form button { display: flex; align-items: center; min-height: 44px; padding: 0 11px; border: 1px solid transparent; color: #eadcbb; text-align: left; font-size: 12px; }
    .site-header nav a:hover, .site-header .nav-form button:hover { border-color: #675331; background: #2b2519; }
    .site-header .nav-form { display: contents; }
    .site-header .nav-form button { width: 100%; }
    .game-hero { min-height: auto; margin-top: -68px; padding-top: 68px; }
    .game-hero-inner { gap: 30px; }
    .stats-hero, .shop-hero, .vip-hero, .profile-layout, .account-delete-grid { grid-template-columns: 1fr; }
    .stats-hero form { max-width: none; }
    .home-featured-player { grid-template-columns: 1fr; }
    .featured-player-armory { border-top: 1px solid #80633b; border-left: 0; }
    .game-hero-copy, .guides-page, .guide-article, .guides-hero, .guide-body, .guide-body > section { width: 100%; min-width: 0; max-width: 100%; }
    .game-hero-copy { overflow: hidden; }
    .home-hero-logo { width: 100%; max-width: 100%; }
}

@media (max-width: 700px) {
    .brand-mark { width: 36px; height: 36px; }
    .brand strong { font-size: 16px; }
    .brand small { font-size: 8px; }
    .page-shell, .shop-page, .vip-page { padding-top: 48px; padding-bottom: 68px; }
    .page-intro h1, .shop-heading h1, .stats-hero h1, .guides-hero h1, .character-profile h1, .guide-article > header h1 { font-size: clamp(40px, 12vw, 56px); }
    .game-hero-inner { width: calc(100% - 40px); padding-top: 94px; padding-bottom: 36px; }
    .game-hero-copy { width: calc(100vw - 40px); max-width: calc(100vw - 40px); }
    .home-hero-logo { width: calc(100vw - 40px); max-width: calc(100vw - 40px); }
    .hero-actions { flex-wrap: wrap; gap: 12px 18px; }
    .hero-rail { max-width: none; padding: 19px; }
    .hero-commerce { width: calc(100% - 40px); margin: 0 auto 28px; }
    .guide-category-nav { flex-wrap: nowrap; overflow-x: auto; margin-bottom: 48px; padding-bottom: 13px; scrollbar-width: thin; }
    .guide-category-nav a { flex: 0 0 auto; min-height: 40px; }
    .guide-category { margin-bottom: 50px; }
    .guide-category > header { display: block; }
    .guide-category > header .eyebrow { margin-bottom: 10px; }
    .guide-grid > a { min-height: 0; padding: 22px; }
    .guide-grid h3 { margin: 17px 0 10px; font-size: 25px; }
    .guide-grid b { padding-top: 17px; }
    .guide-article > header { margin: 28px 0 34px; }
    .guides-page, .guide-article { width: calc(100vw - 40px); max-width: calc(100vw - 40px); }
    .guide-overview { grid-template-columns: 1fr; gap: 18px; padding: 20px; }
    .guide-overview ol { grid-template-columns: 1fr; }
    .guide-body section { padding: 27px 0 27px 42px; }
    .guide-body .guide-part-number { top: 32px; }
    .guide-body h2 { max-width: 100%; font-size: 28px; overflow-wrap: anywhere; }
    .guide-body p { max-width: 100%; overflow-wrap: break-word; font-size: 14px; line-height: 1.75; }
    .guide-article > aside { margin-top: 22px; padding: 20px; }
    .stats-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stats-summary div:last-child { grid-column: 1 / -1; }
    .ranking-tabs, .class-tabs { margin-right: -20px; padding-right: 20px; }
    .ranking-tabs a, .class-tabs a { min-height: 42px; display: inline-flex; align-items: center; }
    .paper-doll, .profile-stats { padding: 18px; }
    .armory-board { margin-right: -8px; margin-left: -8px; }
    .site-footer nav { gap: 8px 15px; }
    .site-footer nav a { min-height: 32px; display: inline-flex; align-items: center; }
}

/* Final phone cascade. Keep this last: the older site stylesheet has several
   historical mobile breakpoints and this is the single source of truth for 700px down. */
@media (max-width: 700px) {
    .site-header {
        position: relative;
        height: 64px;
        min-height: 64px;
        padding: 0 20px;
        align-items: center;
        /* The header belongs over the hero artwork. Keep the original visual
           treatment; only the alignment model is changing here. */
        background: transparent;
        border-bottom: 0;
    }
    .site-navigation {
        position: relative;
        top: auto;
        right: auto;
        margin-left: auto;
        flex: 0 0 auto;
    }
    .navigation-toggle { min-height: 40px; }

    main { max-width: none; padding: 0; }
    .page-shell,
    .shop-page,
    .vip-page,
    .stats-page,
    .player-search-page,
    .character-profile,
    .guides-page,
    .guide-article { width: 100%; max-width: none; padding: 32px 20px 64px; }

    .game-hero {
        min-height: 780px;
        margin-top: -64px;
        padding-top: 64px;
        /* Cover is deliberate. "auto 100%" created the narrow, bright slab
           of artwork instead of one continuous hero background. */
        background-position: 64% center;
        background-size: cover;
    }

    .enhanced-home-hero .game-hero-inner { display: block; width: 100%; padding: 92px 20px 0; }
    .enhanced-home-hero .game-hero-copy { width: 100%; max-width: none; }
    .enhanced-home-hero .game-hero-copy .eyebrow { margin-bottom: 12px; }
    .home-hero-logo { width: min(100%, 340px); max-width: 100%; margin: 12px auto 20px; }

    .hero-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 10px; }
    .hero-actions .button,
    .hero-actions .text-link { width: 100%; min-height: 48px; }
    .hero-actions .text-link { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #675331; background: #17150fbf; }

    .hero-rail { max-width: none; margin: 26px -20px 0; padding: 20px; border-right: 0; border-left: 0; background: #17150ff0; box-shadow: none; }
    .rail-action { min-height: 58px; padding: 10px 0; }
    .hero-commerce { width: 100%; margin: 0; }
    .hero-featured-product { grid-template-columns: 86px minmax(0, 1fr); gap: 16px; margin: 0; padding: 18px 20px 20px; border-right: 0; border-left: 0; }
    .hero-featured-product .featured-product-art { min-height: 86px; }
    .hero-featured-product .featured-product-copy h2 { font-size: 26px; }
    .hero-featured-product .featured-product-copy > p:not(.eyebrow) { display: none; }
    .hero-featured-product .featured-product-buy { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr minmax(150px, .9fr); align-items: center; gap: 12px; margin: 0; padding: 16px 0 0; border-top: 1px solid #675331; }
    .hero-featured-product .featured-product-buy small,
    .hero-featured-product .featured-product-buy strong { grid-column: 1; }
    .hero-featured-product .featured-product-buy form,
    .hero-featured-product .featured-product-buy .button { grid-column: 2; grid-row: 1 / 3; width: 100%; margin: 0; }

    .client-strip,
    .home-news,
    .gameplay-gallery,
    .realm-details { width: calc(100% - 40px); margin-right: auto; margin-left: auto; }
    .client-strip { padding-top: 52px; }
    .home-news { padding: 54px 0 28px; }
    .gameplay-gallery { gap: 12px; }

    .home-featured-player { display: grid; grid-template-columns: 1fr; width: 100%; min-height: 0; margin: 42px 0 0; border-right: 0; border-left: 0; }
    .featured-player-copy { padding: 32px 20px; }
    .featured-player-copy h2 { font-size: clamp(36px, 11vw, 48px); white-space: normal; overflow: visible; }
    .featured-player-armory { min-height: 0; }
    .featured-player-render,
    .featured-character-stage,
    .featured-character-stage canvas { min-height: 410px; height: 410px; }

    .realm-details { gap: 18px; padding: 58px 0; }
    .capability-band,
    .client-capabilities { gap: 18px; padding: 22px 0 0; background: transparent; }
    .capability-band > header { padding: 0; }
    .capability-band > header > p:last-child { max-width: none; }
    .capability-grid li { min-height: 0; padding: 18px; }
    .start-playing { margin: 0; padding: 52px 20px; }

    .vip-hero,
    .vip-purchase-panel { margin-right: -20px; margin-left: -20px; }
    .vip-hero { min-height: 0; padding: 32px 20px 38px; }
    .shop-page,
    .vip-page { padding-top: 32px; }
    .shop-hero,
    .stats-hero { margin-bottom: 30px; }
    .shop-catalogue { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .product-art { height: 118px; }
    .product-art img { max-width: 82px; max-height: 82px; }
    .product-copy { padding: 14px 12px 8px; }
    .product-copy h2 { font-size: 20px; margin: 8px 0 6px; }
    .product-copy p { -webkit-line-clamp: 2; font-size: 11px; }
    .product-buy { display: block; margin: 8px 12px 12px; padding-top: 10px; }
    .product-buy .button { width: 100%; margin-top: 10px; padding: 0 8px; font-size: 11px; }
    .product-buy > div small { font-size: 8px; }
    .product-buy > div strong { font-size: 16px; }

    .site-footer { width: 100%; padding: 32px 20px 38px; }
}
.rotatable { cursor: grab; touch-action: none; user-select: none; overflow: hidden; }
.rotatable:active { cursor: grabbing; }
.character-rotation { position: absolute; inset: 0; }