/* Shared LoD / Resurrected proportions. Native UI art, user-selected logo,
   and the historical site panoramas restored at the user's request.
   This layer does not change inventory geometry or data-dependent states. */
body[data-realm="lod"], body[data-realm="d2r"], body[data-realm="hub"] {
  --realm-width: 1440px;
  --stone-tile: url('/assets/sanctuary/d2r/menu-stone.webp');
}
body[data-realm="d2r"] .sanctuary-backdrop { background:linear-gradient(#08080880,#050505),var(--stone-tile) center/768px; }
body[data-realm="lod"] .rh .shell, body[data-realm="d2r"] .rh .shell,
.landing-page .landing-hero .shell, .landing-page .landing-body,
body[data-realm="d2r"] .realm-hero-inner, body[data-realm="d2r"] .d2r-home-content {
  width: min(var(--realm-width), calc(100% - 80px)); max-width:var(--realm-width); padding-inline:0; margin-inline:auto;
}
.landing-page .landing-hero, body[data-realm="d2r"] .d2r-home-hero {
  position:relative; min-height:0; padding:0 0 48px; text-align:left;
  background:linear-gradient(90deg,#070808,#080a0c); overflow:hidden;
}
body[data-realm="d2r"] .d2r-home-hero { display:block; padding-bottom:70px; }
.landing-page .landing-hero-art, body[data-realm="d2r"] .d2r-home-hero .gate-hero-art {
  inset:0 0 0 38%; z-index:0; opacity:.78;
  mask-image:linear-gradient(90deg,transparent,#000 26%,#000 90%,transparent);
}
.landing-page .landing-hero-art img, body[data-realm="d2r"] .d2r-home-hero .gate-hero-art img {
  width:100%;height:100%;object-fit:cover;object-position:48% 46%;filter:none;animation:none;transform:none;
}
.landing-page .landing-hero-shade, body[data-realm="d2r"] .d2r-home-hero .gate-hero-shade {
  z-index:0;background:linear-gradient(0deg,#050505,transparent 24%,transparent 82%,#05050580),linear-gradient(90deg,#050607 10%,#060708b0 38%,transparent 66%);
}
.landing-page .landing-hero-image, .landing-page .hero-grain, .landing-page .landing-hero .embers { display:none; }
.landing-page .landing-hero-inner, body[data-realm="d2r"] .realm-hero-inner {
  position:relative;z-index:auto;min-height:560px;padding-block:48px 32px;display:flex;align-items:center;
}
.landing-page .landing-hero-copy, body[data-realm="d2r"] .d2r-home-hero .gate-hero-copy { position:relative;z-index:auto;width:54%;max-width:660px; }
.landing-page .landing-hero h1 {font-size:clamp(52px,5.2vw,80px);line-height:1.05;}
.landing-page .landing-lead, body[data-realm="d2r"] .d2r-home-hero .gate-lead { font-size:18px;line-height:1.65;max-width:540px;margin:18px 0 24px;color:#c4bbaa; }
body[data-realm="d2r"] .d2r-home-hero h1 { font-size:clamp(30px,3.1vw,46px);line-height:1.15;color:#dbc799;margin:4px 0 0; }
.landing-page .landing-kicker, body[data-realm="d2r"] .d2r-home-hero .gate-kicker { font:600 10px/1.6 var(--label);letter-spacing:.22em;color:#c3a775;justify-content:flex-start;margin:0; }
.realm-logo {position:relative;width:340px;max-width:90%;aspect-ratio:8/5;margin:0 0 -6px -24px;mix-blend-mode:screen;}
.realm-logo-poster,.realm-logo-video {display:block;width:100%;height:100%;object-fit:contain;}
.realm-logo-video {position:absolute;inset:0;opacity:0;}
.realm-logo.is-playing .realm-logo-video {opacity:1;}
.realm-logo.is-playing .realm-logo-poster {visibility:hidden;}
body[data-realm="d2r"] .gate-hero-actions {justify-content:flex-start;gap:12px;margin:0 0 22px;}
.landing-page .landing-hero-cta .d2-button,body[data-realm="d2r"] .d2r-home-hero .d2-button {min-height:50px;font-size:13px;letter-spacing:.06em;padding-inline:16px;}
body[data-realm="d2r"] .d2r-home-hero .gate-note {margin:10px 0 0;font-size:12px;line-height:1.65;max-width:520px;color:#b3a68d;}
body[data-realm="d2r"] .realm-alpha-note .status-pill {margin:0 8px 4px 0;font-size:9px;padding:4px 7px;}
body[data-realm="d2r"] .d2r-home-hero .realm-edition-note {font-size:11px;color:#968d7e;}
.landing-page .landing-dashboard,body[data-realm="d2r"] .d2r-home-status {position:relative;z-index:2;border:12px solid transparent;border-image:url('/assets/sanctuary/d2r/panel-frame.webp') 30/12px stretch;background:linear-gradient(#0a0b0bef,#0a0b0bf2),var(--stone-tile);box-shadow:0 15px 40px #0009;}
.landing-page .landing-dashboard {margin:0;padding:10px;}
.landing-page .sanctuary-ladder-head {flex-wrap:wrap;gap:16px;}
.landing-page .sanctuary-ladder-head .segment {max-width:100%;flex-wrap:wrap;}
body[data-realm="d2r"] .d2r-home-status {width:min(var(--realm-width),calc(100% - 80px));margin:-34px auto 42px;padding:14px 16px;}
body[data-realm="d2r"] .d2r-home-status>div {position:relative;padding:5px 12px 5px 52px;text-align:left;min-height:58px;}
body[data-realm="d2r"] .d2r-home-status-cell::before {position:absolute;left:12px;top:8px;margin:0;width:26px;height:36px;filter:none;}
body[data-realm="d2r"] .d2r-home-status strong {font-size:26px;margin-top:4px;}
body[data-realm="d2r"] .d2r-home-status small {font-size:10px;letter-spacing:.1em;}
body[data-realm="d2r"] .d2r-home-status>p {grid-column:1/3;text-align:left;margin:10px 0 0;padding-left:12px;font-size:12px;}
body[data-realm="d2r"] .d2r-home-status>a {grid-column:3;text-align:right;margin:10px 12px 0 0;font-size:12px;}
body[data-realm="d2r"] .d2r-home-dashboard {grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:24px;margin-bottom:28px;}
body[data-realm="d2r"] .d2r-home-dashboard h2 {font-size:clamp(22px,2vw,29px);line-height:1.35;}
body[data-realm="d2r"] .d2r-home-dashboard .panel-body {padding:20px;font-size:16px;}
body[data-realm="d2r"] .d2r-home-dashboard .eyebrow,body[data-realm="d2r"] .d2r-home-activity .eyebrow {color:#c0a16e;}
body[data-realm="d2r"] .d2r-home-activity {margin-bottom:28px;}
body[data-realm="d2r"] .d2r-home-activity .panel-body {padding:20px;}
body[data-realm="d2r"] .d2r-home-card {margin:0;padding:22px;gap:10px;background:linear-gradient(#11110de0,#090a09f2),var(--stone-tile);border-width:10px;border-image-width:10px;}
body[data-realm="d2r"] .d2r-home-card:nth-child(n) {background:linear-gradient(#11110de0,#090a09f2),var(--stone-tile);}
body[data-realm="d2r"] .d2r-home-card img {width:48px;height:48px;filter:drop-shadow(0 3px 8px #000);}
body[data-realm="d2r"] .d2r-home-card h2 {font-size:24px;line-height:1.3;}
body[data-realm="d2r"] .d2r-home-card p {font-size:15px;line-height:1.7;}
body[data-realm="d2r"] .d2r-home-card:last-child {grid-column:1/-1;display:grid;grid-template-columns:48px 1fr;column-gap:20px;}
body[data-realm="d2r"] .d2r-home-card:last-child img {grid-row:1/3;align-self:center;margin:0;}
body[data-realm="d2r"] .d2r-home-card:last-child p {grid-column:2;}
@media(min-width:2000px) {
 .landing-page .landing-hero-art,body[data-realm="d2r"] .d2r-home-hero .gate-hero-art {left:calc(50% - 130px);right:calc(50% - 1000px);}
}
@media(max-width:1000px) {
 .landing-page .landing-hero-copy,body[data-realm="d2r"] .d2r-home-hero .gate-hero-copy {width:65%;}
 body[data-realm="d2r"] .d2r-home-dashboard {grid-template-columns:1fr;}
 .landing-page .landing-kicker {font-size:9px;letter-spacing:.13em;}
}
@media(max-width:700px) {
 body[data-realm="lod"] .rh .shell,body[data-realm="d2r"] .rh .shell,.landing-page .landing-hero .shell,.landing-page .landing-body,body[data-realm="d2r"] .realm-hero-inner,body[data-realm="d2r"] .d2r-home-content {width:calc(100% - 32px);padding-inline:0;}
 .landing-page .landing-hero-inner,body[data-realm="d2r"] .realm-hero-inner {min-height:0;padding-block:48px 32px;}
 .landing-page .landing-hero-copy,body[data-realm="d2r"] .d2r-home-hero .gate-hero-copy {width:100%;max-width:520px;margin:auto;}
 .landing-page .landing-hero-art,body[data-realm="d2r"] .d2r-home-hero .gate-hero-art {inset:0;opacity:.35;mask-image:linear-gradient(#000,transparent);}
 .landing-page .landing-hero-shade,body[data-realm="d2r"] .d2r-home-hero .gate-hero-shade {background:linear-gradient(#05060760,#050505 85%);}
 .realm-logo {width:320px;max-width:90%;margin-left:-15px;}
 .landing-page .landing-hero h1 {font-size:52px;}
 body[data-realm="d2r"] .d2r-home-hero h1 {font-size:31px;}
 .landing-page .landing-lead,body[data-realm="d2r"] .d2r-home-hero .gate-lead {font-size:17px;}
 .landing-page .landing-hero-cta,body[data-realm="d2r"] .gate-hero-actions {gap:10px;}
 body[data-realm="d2r"] .d2r-home-hero .d2-button {flex:1 1 190px;text-align:center;}
 body[data-realm="d2r"] .d2r-home-status {width:calc(100% - 32px);padding:12px 0;margin-bottom:28px;}
 body[data-realm="d2r"] .d2r-home-status>div {padding:4px;text-align:center;min-height:0;}
 body[data-realm="d2r"] .d2r-home-status-cell::before {position:static;width:20px;height:28px;margin:0 auto 8px;}
 body[data-realm="d2r"] .d2r-home-status small {font-size:8px;letter-spacing:0;min-height:24px;}
 body[data-realm="d2r"] .d2r-home-status strong {font-size:23px;}
 body[data-realm="d2r"] .d2r-home-status>p,body[data-realm="d2r"] .d2r-home-status>a {grid-column:1/-1;text-align:center;margin:8px 5px 0;padding:0;font-size:11px;}
 body[data-realm="d2r"] .d2r-home-features {grid-template-columns:1fr;gap:16px;}
 body[data-realm="d2r"] .d2r-home-card {padding:18px;}
 body[data-realm="d2r"] .d2r-home-card:last-child {display:flex;}
 body[data-realm="d2r"] .d2r-home-card:last-child img {align-self:flex-start;}
}

/* The rail gets its own width. Its five columns must fit their content;
   a page-column cap must never squeeze menu links into the action buttons. */
body[data-realm] .rh .shell {width:min(1720px,calc(100% - 48px));max-width:1720px;padding-inline:0;}
@media(min-width:1321px) {
 body[data-realm] .rh-bar-inner {grid-template-columns:auto minmax(max-content,1fr) 118px minmax(max-content,1fr) auto;gap:12px;}
 body[data-realm] .rh-actions {flex-shrink:0;gap:10px;}
 body[data-realm] .rh-account {flex-shrink:0;}
 body[data-realm] .rh-wing {min-width:max-content;}
 body[data-realm] .rh-wing-left::after,body[data-realm] .rh-wing-right::before {flex-basis:48px;}
 body[data-realm] .rh-discord {display:flex;flex-shrink:0;}
 body[data-realm] .rh-cta {display:none;}
 body[data-realm] .rh-brand-copy strong {font-size:20px;}
}
@media(min-width:1700px) {body[data-realm] .rh-cta {display:flex;}}
@media(max-width:1320px) {body[data-realm] .rh .shell {width:calc(100% - 32px);}}

/* Common encampment rhythm: native stone frames, inventory, rune records. */
.d2r-home-page .d2r-home-content {padding-bottom:48px;}
body[data-realm="d2r"] .d2r-home-content .panel {margin:0;}
body[data-realm="d2r"] .d2r-home-content .panel-head {padding:20px;border-bottom:1px solid #62503755;background:linear-gradient(90deg,#44251930,transparent);}
body[data-realm="d2r"] .d2r-home-content .panel-head h2 {color:#dbc799;}
body[data-realm="d2r"] .d2r-home-client {background:linear-gradient(#101214df,#090b0df5),url('/assets/realm-art/d2r-sanctuary-night-v1.webp') center/cover;}
body[data-realm="d2r"] .d2r-home-client .panel-body {background:transparent;}
body[data-realm="d2r"] .d2r-home-activity {margin-bottom:48px;}
body[data-realm="d2r"] .d2r-home-activity .panel-body {column-gap:28px;}
body[data-realm="d2r"] .d2r-home-content .landing-stash {margin-top:48px;}
body[data-realm="d2r"] .d2r-home-content .stash-slot {grid-template-columns:80px minmax(0,1fr);}
body[data-realm="d2r"] .d2r-home-content .stash-slot-item img {max-height:78px;object-fit:contain;}
.realm-records {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:48px 0;padding:32px 0;border-block:1px solid #66553a66;}
.realm-records h2 {margin:8px 0 14px;font-size:32px;color:#dbc799;}
.realm-records p {color:#b6ac99;font-size:16px;line-height:1.7;max-width:570px;}
.realm-record-links {display:grid;gap:12px;}
.realm-record-links a {display:flex;align-items:center;gap:20px;padding:18px 22px;border:10px solid transparent;border-image:url('/assets/sanctuary/d2r/card-frame.webp') 30/10px stretch;background:#090a09;color:#d6c9ad;}
.realm-record-links a:hover {background:#1c1710;color:#ffdda0;}
.realm-record-links img {width:32px;height:40px;object-fit:contain;}
.realm-record-links span {flex:1;font:20px/1.4 var(--display);}
.realm-record-links b {color:#b69864;}

/* The hub is a choice of realms, built from the same D2R materials. */
.realm-hub-page .sanctuary-backdrop {background:linear-gradient(#080808b8,#050505),var(--stone-tile) center/768px;}
.realm-hub-hero {position:relative;isolation:isolate;min-height:370px;display:grid;place-items:center;overflow:hidden;background:#050607;}
.realm-hub-scene {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:.5;z-index:-2;}
.realm-hub-hero::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#050505,transparent 50%,#05050544),linear-gradient(90deg,#050505d9,transparent 50%,#050505d9);}
.realm-hub-intro {text-align:center;padding:52px 20px 48px;}
.realm-hub-intro .eyebrow {color:#cfb681;font-size:10px;letter-spacing:.3em;}
.realm-hub-intro h1 {margin:14px 0 10px;font-size:clamp(44px,5vw,74px);line-height:1.1;color:#e5d6b7;text-shadow:0 3px 22px #000;}
.realm-hub-intro h1 em {font-style:normal;color:#ba8b47;}
.realm-hub-intro>p:not(.eyebrow) {font-size:21px;color:#c8bdab;margin:0 0 22px;}
.realm-hub-body.shell {width:min(1440px,calc(100% - 80px));max-width:1440px;padding:0 0 48px;}
.realm-choice-heading {margin:26px 0;}
.realm-portals {display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.realm-portal {min-width:0;border:16px solid transparent;border-image:url('/assets/sanctuary/d2r/panel-frame.webp') 30/16px stretch;background:linear-gradient(#0d0d0cf0,#070707f5),var(--stone-tile);box-shadow:0 20px 50px #0009;}
.realm-portal-banner {position:relative;min-height:300px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 210px auto;gap:12px;align-items:center;justify-items:center;padding:18px 12px;border-bottom:1px solid #66553a66;background:radial-gradient(ellipse at 50% 80%,#67401844,transparent 70%),var(--stone-tile) center/768px;}
.realm-portal-d2r .realm-portal-banner {background:radial-gradient(ellipse at 50% 80%,#21466c44,transparent 70%),var(--stone-tile) center/768px;}
.realm-edition {font:600 9px/1.5 var(--label);letter-spacing:.24em;color:#a29783;text-align:center;}
.realm-availability {padding:5px 10px;border:1px solid #79643a66;color:#d9bc79;background:#080907b8;font:600 9px/1.4 var(--label);letter-spacing:.14em;text-align:center;}
.realm-portal-d2r .realm-availability {color:#a7bfe2;border-color:#4973a566;}
.realm-portal .realm-logo {width:330px;max-width:100%;margin:0;}
.realm-portal .realm-logo-lod {width:360px;aspect-ratio:40/17;mix-blend-mode:normal;}
.realm-portal-body {padding:24px 24px 16px;display:flex;flex-direction:column;}
.realm-portal-body h3 {font-size:30px;margin:0 0 14px;color:#d5c5a5;}
.realm-portal-body>p {font-size:16px;line-height:1.7;color:#b8ae9b;margin:0;min-height:82px;}
.realm-traits {list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:20px 0;padding:0;}
.realm-traits li {font:600 9px/1.6 var(--label);letter-spacing:.08em;color:#b9a478;}
.realm-traits li::before {content:"◆";color:#6a5540;margin-right:7px;font-size:7px;}
.realm-gate-data {display:grid;grid-template-columns:1fr 1fr;margin:0 0 24px;padding:6px 14px;background:#05050577;border:1px solid #66553a55;gap:0 20px;min-height:140px;}
.realm-gate-data>div {padding:12px 0;min-width:0;}
.realm-gate-data dt {font:600 9px/1.5 var(--label);letter-spacing:.1em;color:#928675;margin-bottom:7px;text-transform:uppercase;}
.realm-gate-data dd {font:17px/1.35 var(--display);color:#d4c49f;margin:0;overflow-wrap:anywhere;}
.realm-gate-data dd a {color:#b4c5d8;}
.realm-portal-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px;}
.realm-portal-actions .text-link {font-size:10px;}
.realm-portal-domain {font:10px/1.5 var(--label);letter-spacing:.16em;color:#8c806d;display:block;margin-top:20px;}
.realm-portal {display:flex;flex-direction:column;}
.realm-portal-banner {flex:none;}
.realm-portal-body,.realm-gate-data {flex:1;}
.realm-choice-note {font-size:13px;color:#9d9381;text-align:center;line-height:1.7;margin:22px auto 0;}
@media(max-width:1000px) {
 .realm-hub-body.shell {width:calc(100% - 48px);}
 .realm-portals {gap:20px;}
 .realm-portal-body {padding:20px 12px 14px;}
 .realm-portal-body h3 {font-size:24px;}
 .realm-portal-body>p {min-height:138px;}
 .realm-records {gap:28px;}
}
@media(max-width:700px) {
 .realm-hub-hero {min-height:300px;}
 .realm-hub-intro h1 {font-size:44px;}
 .realm-hub-intro h1 em {display:block;}
 .realm-hub-body.shell {width:calc(100% - 32px);}
 .realm-portals,.realm-records {grid-template-columns:1fr;}
 .realm-portal-body>p {min-height:0;}
 .realm-portal-banner {grid-template-rows:auto 200px auto;min-height:0;gap:16px;padding:18px 6px;}
 .realm-portal-body {padding:20px 8px 14px;}
 .realm-portal-actions {align-items:stretch;flex-direction:column;gap:14px;}
 .realm-portal-actions .text-link {text-align:center;}
 .realm-portal-domain {text-align:center;}
 .realm-records {gap:16px;margin:32px 0;padding:24px 0;}
 .realm-records h2 {font-size:27px;}
 .realm-record-links a {padding:12px;gap:12px;}
 .realm-record-links span {font-size:18px;}
 body[data-realm="d2r"] .d2r-home-content .panel-head,body[data-realm="d2r"] .d2r-home-content .panel-body {padding:14px;}
 body[data-realm="d2r"] .d2r-home-content .stash-slot {grid-template-columns:64px minmax(0,1fr);gap:14px;}
}

/* The LoD HUD and stone ledger are shared presentation primitives. */
.landing-page .landing-hero-art {inset:0;opacity:.85;mask-image:none;}
.landing-page .landing-hero-art img {object-position:65% 40%;}
.landing-page .landing-hero-shade {background:linear-gradient(0deg,#050505,transparent 40%),linear-gradient(90deg,#050608ed 2%,#050608a8 38%,#05060820 75%);}
body[data-realm="d2r"] .d2r-home-status.landing-dashboard {grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:2px;padding:10px;margin:0 auto 42px;}
body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item {padding:14px 18px;min-height:84px;text-align:left;}
body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item small {font:600 8px/1.3 var(--label);letter-spacing:.22em;color:var(--dim);}
body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item strong {margin:0;color:#ddd1b8;font:400 24px/1.1 var(--display);letter-spacing:.03em;}
body[data-realm="d2r"] .d2r-home-status .landing-dashboard-season strong {font-size:20px;color:#d9c79c;}
body[data-realm="d2r"] .d2r-home-status>p {grid-column:1/4;padding:8px 18px 0;margin:0;}
body[data-realm="d2r"] .d2r-home-status>a {grid-column:4;margin:8px 18px 0;align-self:end;}
body[data-realm="d2r"] .d2r-home-ladder {min-width:0;margin:0;}
body[data-realm="d2r"] .d2r-home-ladder .stone-panel-head {align-items:center;flex-wrap:wrap;}
body[data-realm="d2r"] .d2r-home-ladder h2 {font-size:24px;line-height:1.3;}
.d2r-ladder-mode,#d2rHomeLadderNotice {color:var(--dim);font-size:12px;line-height:1.6;}
.d2r-home-ladder .stone-panel-foot {flex-wrap:wrap;}
body[data-realm="d2r"] :is([data-d2r-page="ladder"],[data-d2r-page="achievements"]) .panel-head {padding:4px 0 18px;}
body[data-realm="d2r"] :is([data-d2r-page="ladder"],[data-d2r-page="achievements"]) .panel-body {padding-inline:0;}
body[data-realm="d2r"] .d2r-filter-grid {gap:12px;padding:4px 0 22px;border-bottom:1px solid var(--line-strong);margin-bottom:8px;}
body[data-realm="d2r"] .d2r-filter-grid label {color:var(--dim);font:600 10px/1.5 var(--label);letter-spacing:.08em;}
body[data-realm="d2r"] .d2r-filter-grid .field {font:14px/1.4 var(--label);}
body[data-realm="d2r"] .d2r-rank-table :is(th,td) {padding:14px 12px;border-bottom:1px solid rgba(199,154,60,.1);}
body[data-realm="d2r"] .d2r-rank-table th {color:var(--gold);border-bottom-color:var(--line-strong);}
body[data-realm="d2r"] .d2r-rank-table td {color:var(--ash);}
body[data-realm="d2r"] .d2r-rank-table :is(.rank,.level) {color:var(--gold-bright);font:17px var(--display);}
body[data-realm="d2r"] .d2r-class-mark.class-badge {text-decoration:none;}
body[data-realm="d2r"] .d2r-class-name {vertical-align:middle;}
.class-badge[data-class="warlock"] {--class-color:#b59ae8;}
body[data-realm="d2r"] .d2r-paging {padding:18px 0 4px;border-top:1px solid var(--line-strong);}
@media(max-width:900px) {
 body[data-realm="d2r"] .d2r-home-status.landing-dashboard {grid-template-columns:repeat(3,minmax(0,1fr));}
 body[data-realm="d2r"] .d2r-home-status .landing-dashboard-season {grid-column:1/-1;}
 body[data-realm="d2r"] .d2r-home-status>p {grid-column:1/3;}
 body[data-realm="d2r"] .d2r-home-status>a {grid-column:3;}
}
@media(max-width:700px) {
 .landing-page .landing-hero-art {opacity:.65;}
 body[data-realm="d2r"] .d2r-home-status.landing-dashboard {width:calc(100% - 32px);grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;}
 body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item {min-height:70px;padding:12px 14px;}
 body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item strong {font-size:20px;}
 body[data-realm="d2r"] .d2r-home-status .landing-dashboard-item:last-of-type {grid-column:1/-1;}
 body[data-realm="d2r"] .d2r-home-status>p,body[data-realm="d2r"] .d2r-home-status>a {grid-column:1/-1;text-align:left;padding:4px 14px;margin:0;}
 body[data-realm="d2r"] .d2r-home-ladder .class-name {display:none;}
 body[data-realm="d2r"] .d2r-home-ladder td,body[data-realm="d2r"] .d2r-home-ladder th {padding:10px 6px;}
 body[data-realm="d2r"] .d2r-home-ladder .char-name {font-size:14px;}
 body[data-realm="d2r"] .d2r-home-ladder .hc {font-size:11px;}
 body[data-realm="d2r"] .d2r-home-ladder .mode-banner {width:18px;}
 body[data-realm="d2r"] .d2r-home-ladder .class-badge {margin:0;}
 body[data-realm="d2r"] .d2r-rank-table {min-width:650px;}
 body[data-realm="d2r"] .d2r-filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 body[data-realm="d2r"] .d2r-filter-grid button {min-height:44px;grid-column:1/-1;}
}

/* Restore the earlier site panoramas at the user's request. These are
   historical site illustrations, separate from the original game UI art. */
.realm-hub-scene {object-position:50% 47%;opacity:.78;}
.realm-hub-hero::after {background:linear-gradient(0deg,#050505,transparent 45%,#05050544),linear-gradient(90deg,#05050566,#05050533,#05050566);}
body[data-realm="d2r"] .d2r-home-hero .gate-hero-art {inset:0;opacity:.85;mask-image:none;}
body[data-realm="d2r"] .d2r-home-hero .gate-hero-art img {object-position:65% 45%;}
body[data-realm="d2r"] .d2r-home-hero .gate-hero-shade {background:linear-gradient(0deg,#050505,transparent 35%,#05050533),linear-gradient(90deg,#05080de6 4%,#05080da8 37%,#05080d18 72%);}
@media(min-width:2000px) {body[data-realm="d2r"] .d2r-home-hero .gate-hero-art img {object-position:50% 48%;}}
@media(max-width:700px) {
 body[data-realm="d2r"] .d2r-home-hero .gate-hero-art {opacity:.65;}
 body[data-realm="d2r"] .d2r-home-hero .gate-hero-art img {object-position:76% 45%;}
 body[data-realm="d2r"] .d2r-home-hero .gate-hero-shade {background:linear-gradient(0deg,#050505,transparent 85%),linear-gradient(90deg,#05080da8,#05080d66);}
 .realm-hub-scene {object-position:50% 44%;}
}

/* Original LoD GIF avoids video alpha incompatibilities on mobile WebKit. */
.landing-page .realm-logo-lod {width:340px;max-width:100%;aspect-ratio:40/17;mix-blend-mode:normal;margin:18px 0 14px;}
.landing-page .landing-hero h1 {font-size:clamp(30px,3.1vw,46px);line-height:1.15;margin:4px 0 0;}
@media(max-width:700px) {
 .landing-page .realm-logo-lod {width:320px;margin-block:18px 14px;}
 .landing-page .landing-hero h1 {font-size:31px;}
}

/* Stable session label: the cache paints chrome only, never grants access. */
.header-session-label .header-session-guest,.header-session-label .header-session-member {display:none;}
html[data-header-session="guest"] .header-session-label .header-session-guest,
html[data-header-session="member"] .header-session-label .header-session-member {display:inline;}
html[data-header-session="guest"] .header-session-label .header-session-pending,
html[data-header-session="member"] .header-session-label .header-session-pending {display:none;}
html[data-header-session="member"] .header-account-presence {background:#74ad67;box-shadow:0 0 6px #74ad6755;}
body[data-realm] .rh-account .header-account-toggle {width:148px;flex:none;}
.header-account-pending {padding:18px;color:var(--ash);font-size:13px;}
@media(max-width:900px) {body[data-realm] .rh-account .header-account-toggle {width:44px;}}
/* Keep the same native class palette in the home, ladder and armory badges. */
body[data-realm="d2r"] .d2r-class-mark.class-badge {color:var(--class-color,var(--gold-bright));}

/* The hub names each verified realm session instead of pretending to own it. */
#headerAccountRealms {padding:18px;}
#headerAccountRealms header {display:grid;gap:7px;margin-bottom:14px;}
#headerAccountRealms header span,.header-realm-profile small {color:var(--ash);font-size:11px;letter-spacing:.09em;}
.header-realm-profile {display:grid;gap:5px;padding:13px 12px;border:1px solid #75623b55;background:#13120fd9;margin-top:8px;}
.header-realm-profile strong {color:var(--gold-bright);overflow-wrap:anywhere;}
.header-realm-profile span {color:var(--ash);font-size:12px;}
.header-realm-profile:hover,.header-realm-profile:focus-visible {border-color:var(--gold);background:#242017;}

/* User-selected original LoD animation: intrinsic alpha, no blend-mode matte. */
.realm-portal .realm-logo-lod {width:315px;aspect-ratio:3/2;mix-blend-mode:normal;}
.landing-page .realm-logo-lod {aspect-ratio:3/2;mix-blend-mode:normal;}
@media(max-width:700px) {.realm-portal .realm-logo-lod {width:300px;}}