/* Rise of Legends 2.20.113 — Obsidian / gold visual system.
   Loaded after legacy styles. Gameplay, forms and live data retain their hooks. */
:root {
  --bg:#0b1116; --bg-soft:#101920; --panel:#121c24; --panel-soft:#18252f;
  --text:#edece6; --muted:#abb5be; --muted-dark:#8897a4;
  --gold:#d9b779; --gold-light:#f0d9a7; --gold-dark:#967445;
  --line:rgba(217,183,121,.25); --white-line:rgba(183,202,215,.13);
  --rol-line:rgba(217,183,121,.24); --rol-gold:#d9b779;
  --legends-serif:Cinzel,Georgia,serif; --legends-sans:Inter,Arial,sans-serif;
  color-scheme:dark;
}
html { background:var(--bg); scroll-padding-top:145px; }
body[data-design] { background:radial-gradient(ellipse at 80% 0,rgba(45,73,86,.16),transparent 55%),var(--bg); color:var(--text); font-size:15px; line-height:1.65; }
body[data-design] .container { width:min(1320px,calc(100% - 80px)); }
body[data-design] .site-noise { display:none; }
body[data-design] a { text-underline-offset:4px; }
body[data-design] :focus-visible { outline:2px solid var(--gold-light); outline-offset:5px; }
body[data-design] img { max-width:100%; }
body[data-design] button,body[data-design] input,body[data-design] select,body[data-design] textarea { font-family:inherit; }
body[data-design] button:disabled { opacity:.55; cursor:not-allowed; }
/* Two clear navigation rows: brand/account above, destinations below. */
body[data-design] .site-header { position:sticky; top:0; z-index:100; background:rgba(11,17,22,.96); border-bottom:1px solid var(--line); box-shadow:0 8px 40px #0002; backdrop-filter:blur(16px); }
body[data-design] .header-inner { display:grid; grid-template-columns:auto 1fr; gap:0 28px; padding-top:13px; min-height:0; }
body[data-design] .site-brand { grid-column:1; grid-row:1; gap:12px; align-items:center; min-height:54px; }
.legends-crest { width:40px; height:47px; flex-shrink:0; fill:none; stroke:var(--gold); stroke-width:1.3; }
.legends-crest path:nth-child(2) { fill:rgba(217,183,121,.12); }
body[data-design] .site-brand-copy small { font:500 10px var(--legends-sans); letter-spacing:.34em; color:var(--gold); margin:0 0 3px; }
body[data-design] .site-brand-copy strong { font:600 22px var(--legends-serif); letter-spacing:.12em; color:var(--text); text-shadow:none; }
body[data-design] .site-brand-flare { display:none; }
body[data-design] .header-actions { grid-column:2; grid-row:1; justify-content:flex-end; display:flex; flex-wrap:wrap; gap:10px; margin:0; }
body[data-design] .header-actions .ghost-button,body[data-design] .header-actions .gold-button { display:inline-flex; min-height:40px; padding:10px 17px; font:600 12px var(--legends-sans); text-transform:none; letter-spacing:0; }
body[data-design] .header-actions .server-pill { display:inline-flex; width:34px; height:34px; border-radius:50%; flex-shrink:0; }
body[data-design] .header-discord-v28 { min-width:0; min-height:38px; height:auto; padding:8px 12px; background:#1b2631; border:1px solid var(--white-line); box-shadow:none; border-radius:4px; color:#c4ceda; font:600 12px var(--legends-sans); }
body[data-design] .header-discord-v28__icon { width:19px; height:17px; }
body[data-design] .header-discord-v28__text { font-size:12px; }
body[data-design] .main-nav { position:static; grid-column:1/-1; grid-row:2; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:6px 30px; width:100%; min-height:52px; margin:9px 0 0; padding:0; border:0; border-top:1px solid var(--white-line); background:none; box-shadow:none; transform:none; }
body[data-design] .main-nav > a,body[data-design] .main-nav > .nav-dropdown > .nav-dropdown-trigger { display:flex; align-items:center; min-height:50px; padding:0; color:#b6c0c8!important; font:500 12px var(--legends-sans)!important; letter-spacing:.025em!important; text-transform:none!important; }
body[data-design] .main-nav > a.active,body[data-design] .main-nav > a:hover,body[data-design] .main-nav > .nav-dropdown.active > .nav-dropdown-trigger { color:var(--gold-light)!important; }
body[data-design] .main-nav > a::after { bottom:0; box-shadow:none; background:var(--gold); height:2px; }
body[data-design] .nav-dropdown-menu,body[data-design] .language-menu { background:#14202a; border:1px solid var(--line); border-radius:6px; padding:9px; box-shadow:0 20px 60px #0007; }
body[data-design] .nav-dropdown-menu a { min-height:60px; border-radius:3px; }
body[data-design] .nav-dropdown-menu a:hover { background:#23323e; }
body[data-design] .nav-dropdown-menu strong { font-size:13px; color:var(--text); }
body[data-design] .nav-dropdown-menu small { font-size:11px; color:var(--muted); }
body[data-design] .nav-toggle { display:none; }
body[data-design] .language-current { min-height:38px; border:1px solid var(--white-line); background:#111a22; border-radius:4px; color:var(--text); }
body[data-design] .language-menu { max-height:min(65vh,480px); overflow-y:auto; }
body[data-design] .language-menu a { min-height:38px; font-size:13px; }
/* Shared controls and readable content. */
body[data-design] .gold-button,body[data-design] .rol-action-gold { border:1px solid #e1bd7c; border-radius:4px; background:linear-gradient(115deg,#e7c98e,#c39b5e); color:#171a1c; box-shadow:0 6px 24px #0002; font:700 13px var(--legends-sans); letter-spacing:.015em; text-transform:none; text-shadow:none; }
body[data-design] .gold-button:hover,body[data-design] .rol-action-gold:hover { background:#f0d7a5; box-shadow:0 8px 30px #d7b57520; }
body[data-design] .ghost-button,body[data-design] .outline-button,body[data-design] .rol-action-dark { border:1px solid #697580; border-radius:4px; background:rgba(13,22,29,.65); color:#ecede8; font:600 13px var(--legends-sans); text-transform:none; letter-spacing:0; }
body[data-design] .gold-button,body[data-design] .outline-button { min-height:46px; }
body[data-design] .ghost-button:hover,body[data-design] .outline-button:hover,body[data-design] .rol-action-dark:hover { border-color:var(--gold); background:#23303b; color:var(--gold-light); }
body[data-design] :is(.form-field,.ranking-filters,.arena-filters,.wiki-search-form) :is(input,select,textarea) { background:#0c141b; border:1px solid #384854; border-radius:4px; color:var(--text); font-size:15px; min-height:46px; }
body[data-design] :is(.form-field,.ranking-filters,.arena-filters,.wiki-search-form) :is(input,select,textarea):focus { border-color:var(--gold); outline:2px solid #d9b77935; outline-offset:1px; }
body[data-design] :is(.form-field,.ranking-filters,.arena-filters) label>span,body[data-design] .form-field>span { color:#c5cdd3; font-size:13px; }
body[data-design] input::placeholder,body[data-design] textarea::placeholder { color:#8494a1; opacity:1; }
body[data-design] .inline-alert { border-radius:5px; font-size:14px; line-height:1.7; }
body[data-design] .panel,body[data-design] :is(.account-card,.download-card,.news-card,.faq-card,.wiki-category-card,.wiki-item-card,.wiki-monster-card,.wiki-article-card,.wiki-detail-panel,.wiki-source-panel,.wiki-recipe-card,.wiki-box-card,.wiki-search-panel,.rol-referral-overview-card) { border:1px solid var(--white-line); border-radius:7px; background:linear-gradient(140deg,#17232d,#101921); box-shadow:0 12px 35px #0002; }
body[data-design] .panel { padding:30px; }
body[data-design] :is(.panel-heading,.section-heading) h2 { color:var(--text); font-size:clamp(22px,2.3vw,30px); line-height:1.35; }
body[data-design] :is(.panel-kicker,.panel-heading>span,.eyebrow) { color:var(--gold); font-size:11px; letter-spacing:.15em; }
body[data-design] :is(.panel p,.form-field small,.voucher-description,.login-required p,.stripe-legal-note,.account-info-panel p,.wiki-category-card p,.wiki-article-card p,.wiki-detail-panel p) { color:var(--muted); font-size:14px; line-height:1.8; }
body[data-design] .form-section,body[data-design] .account-section,body[data-design] .ranking-section,body[data-design] .wiki-section { padding-top:45px; padding-bottom:70px; }
body[data-design] .narrow-container { max-width:540px; }
body[data-design] .login-help-links { font-size:13px; line-height:1.6; flex-wrap:wrap; }
/* Cinematic homepage: real text stays selectable and translatable. */
body[data-design] .rol-home { background:var(--bg); }
body[data-design] .rol-hero { min-height:660px; border:0; background:#101b24; overflow:hidden; }
body[data-design] .rol-hero::before { display:none; }
body[data-design] .rol-hero::after { z-index:1; background:linear-gradient(90deg,rgba(8,16,23,.92),rgba(8,16,23,.65) 36%,rgba(8,16,23,.03) 78%),linear-gradient(0deg,#0b1116,transparent 28%); }
.legends-hero-art { position:absolute; inset:0; display:block; z-index:0; }
.legends-hero-art img { width:100%; height:100%; object-fit:cover; object-position:center 48%; }
body[data-design] .rol-hero-atmosphere,body[data-design] .rol-hero-glow,body[data-design] .rol-hero-bottom-fade { display:none; }
body[data-design] .rol-embers { z-index:2; opacity:.3; }
body[data-design] .rol-hero-content { display:flex; align-items:center; min-height:660px; padding-top:62px; padding-bottom:72px; position:relative; z-index:3; }
body[data-design] .rol-hero-title-wrap { width:min(660px,55%); text-align:left; }
.legends-eyebrow { font:600 10px var(--legends-sans); color:var(--gold); letter-spacing:.28em; text-transform:uppercase; }
body[data-design] .rol-hero-overline { color:#e5ded0; margin:26px 0 2px; font:500 clamp(25px,3vw,39px) var(--legends-serif); letter-spacing:.24em; text-shadow:none; }
body[data-design] .rol-hero h1 { display:block; margin:0 0 24px; padding:0; color:#f4e2bd; background:none; -webkit-text-fill-color:currentColor; font:600 clamp(50px,6.8vw,94px)/1.05 var(--legends-serif); letter-spacing:.02em; text-shadow:0 3px 25px #0006; }
body[data-design] .rol-hero-motto { display:block; margin:0 0 15px; color:#edece6; font-size:17px; line-height:1.6; letter-spacing:0; }
body[data-design] .rol-hero-motto strong { font:500 17px/1.6 var(--legends-sans); color:#edece6; text-transform:none; letter-spacing:0; }
body[data-design] .rol-hero-motto i { display:none; }
body[data-design] .rol-hero-description { max-width:490px; margin:0; color:#bac5ce; font:400 15px/1.8 var(--legends-sans); text-shadow:0 1px 5px #0008; }
body[data-design] .rol-hero-tagline { color:#bec7ce; margin:19px 0 0; font-size:12px; line-height:1.9; }
body[data-design] .rol-hero-tagline strong { display:inline-block; margin-top:5px; color:var(--gold-light); font-size:11px; letter-spacing:.04em; font-weight:500; }
body[data-design] .rol-hero-actions { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:12px; margin-top:26px; }
body[data-design] .rol-action { display:inline-flex; justify-content:center; align-items:center; min-width:0; min-height:50px; padding:14px 21px; font-size:13px; clip-path:none; border-radius:4px; }
body[data-design] .rol-action-icon { margin-right:8px; }
body[data-design] .rol-hero .rol-action-red { flex-basis:100%; justify-content:flex-start; min-height:24px; padding:0; margin-top:2px; background:none; box-shadow:none; border:0; color:#c3ccd3; font:500 12px var(--legends-sans); text-transform:none; }
body[data-design] .rol-action-red::before { display:none; }
body[data-design] .rol-action-red:hover { color:var(--gold-light); }
/* Live strip: true server data, no decorative/fabricated counts. */
body[data-design] .rol-status-strip { padding:0; background:#101a22; border-top:1px solid var(--line); border-bottom:1px solid var(--white-line); }
body[data-design] .rol-status-grid { display:grid; grid-template-columns:1.3fr repeat(4,1fr); gap:0; min-height:99px; }
body[data-design] .rol-status-grid>div { padding:22px 24px; border-right:1px solid var(--white-line); min-width:0; }
body[data-design] .rol-status-grid>div:first-child { padding-left:0; }
body[data-design] .rol-status-grid>div:last-child { border:0; padding-right:0; }
body[data-design] .rol-status-grid>div>span { display:block; margin-bottom:5px; color:#9eacb7; font:500 10px var(--legends-sans); letter-spacing:.1em; }
body[data-design] .rol-status-grid strong { color:#ebe2d1; font:500 22px/1.3 var(--legends-serif); }
body[data-design] .rol-status-grid strong b { font:500 13px var(--legends-sans); }
body[data-design] .rol-status-grid strong.is-online { color:#99c9b0; }
body[data-design] .rol-status-grid strong.is-offline { color:#e7998d; }
/* News: three generous editorial cards, with existing live publishing. */
.legends-news-section { padding:65px 0 55px; }
body[data-design] .legends-news-panel { padding:0; background:none; border:0; }
body[data-design] .legends-news-panel .rol-panel-heading { padding:0 0 24px; margin:0; border:0; }
body[data-design] .legends-news-panel .rol-panel-heading>span { color:var(--text); font:500 clamp(24px,3vw,34px) var(--legends-serif); letter-spacing:.01em; text-transform:none; }
body[data-design] .legends-news-panel .rol-panel-heading>small { color:#a4b0b9; font-size:12px; }
body[data-design] .rol-news-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
body[data-design] .rol-news-entry { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; min-width:0; border:1px solid var(--white-line); border-radius:6px; overflow:hidden; background:#121d26; transition:border-color .2s,transform .2s; }
body[data-design] .rol-news-entry:hover { border-color:var(--gold-dark); transform:translateY(-4px); }
body[data-design] .rol-news-entry>a { display:block; overflow:hidden; width:100%; height:auto; aspect-ratio:16/9; }
body[data-design] .rol-news-entry img { display:block; width:100%; height:100%; object-fit:cover; border:0; filter:none; transition:transform .5s; }
body[data-design] .rol-news-entry:hover img { transform:scale(1.035); }
body[data-design] .rol-news-entry>div { display:flex; flex-direction:column; flex:1; padding:23px; min-width:0; }
body[data-design] .rol-news-entry strong { font:500 19px/1.45 var(--legends-serif); color:var(--text); white-space:normal; overflow-wrap:anywhere; }
body[data-design] .rol-news-entry strong a { text-decoration:none; }
body[data-design] .rol-news-entry p { display:block; margin:12px 0 20px; color:#aebbc5; font-size:13px; line-height:1.75; white-space:normal; overflow:visible; max-height:none; -webkit-line-clamp:unset; }
body[data-design] .rol-news-entry time { display:block; margin-top:auto; padding-top:14px; border-top:1px solid var(--white-line); color:var(--gold); font-size:10px; }
body[data-design] .legends-news-panel>.rol-panel-button { width:max-content; max-width:100%; margin:25px 0 0 auto; padding:10px 20px; background:none; border:1px solid var(--line); }
/* Ranked players retain all links, races and values. */
body[data-design] .rol-command-center { padding:8px 0 58px; background:var(--bg); }
.legends-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:25px; }
.legends-section-heading h2 { margin:7px 0 0; color:var(--text); font:500 32px var(--legends-serif); }
.legends-section-heading>a { color:var(--gold); text-decoration:none; font-size:12px; }
body[data-design] .rol-command-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; border:0; background:none; box-shadow:none; }
body[data-design] .rol-dashboard-panel,body[data-design] .rol-feature-panel,body[data-design] .rol-community-panel { padding:25px; border:1px solid var(--white-line); border-radius:6px; background:linear-gradient(135deg,#17232d,#101920); }
body[data-design] :is(.rol-dashboard-panel,.rol-feature-panel,.rol-community-panel)::before,body[data-design] .rol-dashboard-panel::after { display:none; }
body[data-design] .rol-panel-heading { padding:0 0 16px; margin-bottom:7px; border-color:var(--white-line); }
body[data-design] .rol-panel-heading span { font:500 17px var(--legends-serif); color:#eee3cb; letter-spacing:0; text-transform:none; }
body[data-design] .rol-panel-heading small { color:#aab6bf; font-size:11px; }
body[data-design] .rol-ranking-entry { min-height:64px; padding:10px 0; gap:10px; border-color:var(--white-line); }
body[data-design] .rol-rank-name strong { font-size:13px; color:#e2e8eb; }
body[data-design] .rol-rank-name small { color:#9baab6; font-size:10px; }
body[data-design] .rol-ranking-entry>b { color:var(--gold-light); font-size:14px; }
body[data-design] .rol-rank-number { color:#9cabba; font-size:12px; }
body[data-design] .rol-panel-button { display:flex; justify-content:center; align-items:center; min-height:40px; margin-top:18px; border:1px solid var(--line); border-radius:3px; color:var(--gold-light); font:500 12px var(--legends-sans); background:rgba(217,183,121,.035); text-transform:none; letter-spacing:0; }
body[data-design] .rol-panel-empty { padding:35px 15px; color:#aab8c3; font-size:13px; }
/* Full-width siege art, with feature / community panels beneath. */
body[data-design] .rol-lower-section { padding:0 0 60px; background:var(--bg); }
body[data-design] .rol-lower-grid { grid-template-columns:1.2fr 1fr; gap:24px; }
body[data-design] .rol-battle-panel { grid-column:1/-1; grid-row:1; min-height:360px; height:auto; border:1px solid var(--line); border-radius:7px; overflow:hidden; }
body[data-design] .rol-battle-panel>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% 45%; filter:none; }
body[data-design] .rol-battle-panel::after { background:linear-gradient(90deg,#08121be8,rgba(8,18,27,.3) 65%),linear-gradient(0deg,#09131b55,transparent); }
body[data-design] .rol-battle-overlay { position:relative; inset:auto; min-height:360px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:45px 50px; text-align:left; }
body[data-design] .rol-battle-overlay>span { color:var(--gold); font:600 11px var(--legends-sans); letter-spacing:.15em; }
body[data-design] .rol-battle-overlay h2 { max-width:600px; margin:16px 0; color:#f0e2c6; font:500 clamp(27px,3.5vw,44px)/1.25 var(--legends-serif); }
body[data-design] .rol-battle-overlay p { max-width:430px; color:#c6cfd5; font-size:15px; line-height:1.7; }
body[data-design] .rol-battle-overlay a { padding:9px 0; margin-top:10px; color:var(--gold-light); font:600 13px var(--legends-sans); text-decoration:underline; text-underline-offset:6px; }
body[data-design] .rol-feature-icons { gap:15px; margin:24px 0; }
body[data-design] .rol-feature-icons i { width:44px; height:44px; margin-bottom:13px; color:var(--gold); font-size:23px; background:rgba(217,183,121,.06); border-color:var(--line); }
body[data-design] .rol-feature-icons strong { color:#d4dce1; font-size:11px; font-weight:500; text-transform:none; }
body[data-design] .rol-feature-icons span { color:#a4b2bd; font-size:11px; text-transform:none; white-space:normal; }
body[data-design] .rol-community-links { gap:12px; margin:22px 0; }
body[data-design] .rol-community-links a { padding:10px 4px; }
body[data-design] .rol-community-links i { color:var(--gold); font-size:24px; }
body[data-design] .rol-community-links strong { font-size:12px; color:#d8e0e6; }
body[data-design] .rol-community-links span { font-size:10px; color:#a7b4be; }
/* Events / CTA */
body[data-design] .rol-fixed-events { padding:50px 0 60px; background:#0e1820; border-color:var(--white-line); }
body[data-design] .rol-fixed-events-heading h2 { color:var(--text); font-size:32px; }
body[data-design] .rol-fixed-events-heading p { color:var(--muted); font-size:14px; }
body[data-design] .rol-fixed-events-heading>div:first-child>span { font-size:10px; color:var(--gold); }
body[data-design] .rol-fixed-events-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
body[data-design] .rol-event-schedule-card { min-height:240px; padding:25px; border:1px solid var(--white-line); border-radius:6px; background:linear-gradient(135deg,#192732,#111c24); }
body[data-design] .rol-event-schedule-card h3 { color:#eee3cc; font-size:18px; line-height:1.45; }
body[data-design] .rol-event-schedule-card p { color:#afbdc7; font-size:12px; }
body[data-design] .rol-event-schedule-frequency { color:#c8d0d5; font-size:10px; }
body[data-design] .rol-event-schedule-icon { background:#202e37; color:var(--gold); border-color:var(--line); }
body[data-design] .rol-event-primary-time strong { font-size:26px; color:var(--gold-light); }
body[data-design] .rol-event-primary-time small,body[data-design] .rol-fixed-events-clock small { font-size:10px; color:#b2bec6; }
body[data-design] .rol-event-time-slots strong { font-size:13px; color:#e8d3a9; border-color:var(--line); background:#17242e; }
body[data-design] .rol-fixed-events-clock { min-width:160px; background:#16232d; border-color:var(--line); border-radius:5px; }
body[data-design] .rol-fixed-events-clock strong { font-size:22px; color:var(--gold-light); }
body[data-design] .rol-home-events { padding:55px 0; background:var(--bg); }
body[data-design] .rol-home-event-grid article { border-radius:6px; background:var(--panel); padding:25px; }
body[data-design] .rol-home-event-grid p { color:var(--muted); font-size:14px; }
body[data-design] .rol-news-showcase { padding:70px 0; background:linear-gradient(90deg,#0c151fe8,#0c151fcc),url('visual/v2.20.113/chantra-hero.webp') center 60%/cover; border-color:var(--white-line); }
body[data-design] .rol-news-showcase h2 { font-size:clamp(28px,3.5vw,43px); color:var(--text); }
body[data-design] .rol-news-showcase p { font-size:15px; color:var(--muted); }
/* All public subpages share the new masthead and surfaces. */
body[data-design].is-subpage .page-hero,body[data-design].is-subpage .hero-section { position:relative; isolation:isolate; padding:68px 0 58px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,#0c151ff5 10%,#0c151fc7 55%,#0c151f77),url('visual/v2.20.113/chantra-hero.webp') center 43%/cover; }
body[data-design] .page-hero::after { pointer-events:none; }
body[data-design] .page-hero h1 { max-width:100%; margin:15px 0 19px; font:500 clamp(32px,4.3vw,58px)/1.18 var(--legends-serif); color:var(--text); overflow-wrap:break-word; }
body[data-design] .page-hero h1 em { color:var(--gold-light); font-style:normal; }
body[data-design] .page-hero p { max-width:740px; color:#bdc8d0; font-size:15px; line-height:1.8; }
body[data-design] .page-hero .eyebrow { font-size:10px; }
body[data-design] .news-card-grid { gap:25px; }
body[data-design] .news-card-image { aspect-ratio:16/9; height:auto; overflow:hidden; }
body[data-design] .news-card-image img { width:100%; height:100%; object-fit:cover; }
body[data-design] .news-card-placeholder { background:linear-gradient(#0b172155,#0b172177),url('visual/v2.20.113/siege.webp') center/cover; }
body[data-design] .news-card-content { padding:25px; }
body[data-design] .news-card-content h2 { color:var(--text); font-size:21px; line-height:1.5; }
body[data-design] .news-card-content p { color:var(--muted); font-size:14px; }
body[data-design] .news-card-content time,body[data-design] .news-card-link { color:var(--gold); font-size:12px; }
body[data-design] .news-article-body { font-size:16px; line-height:1.85; color:#c8d0d7; }
body[data-design] .downloads-guide-grid { border:1px solid var(--white-line); border-radius:6px; overflow:hidden; background:#131e27; }
body[data-design] .downloads-guide-grid article { padding:25px; }
body[data-design] .downloads-guide-grid article p { color:var(--muted); font-size:13px; line-height:1.75; }
body[data-design] .downloads-guide-grid article strong { color:#e0e6eb; font-size:14px; }
body[data-design] .download-card { padding:30px; }
body[data-design] .download-card-copy h2 { color:var(--text); font-size:25px; }
body[data-design] .download-card-copy p { font-size:14px; color:var(--muted); }
body[data-design] :is(.download-card-meta,.download-card-platform,.download-card-size) { font-size:12px; color:#bec9d2; }
body[data-design] :is(.ranking-medallion,.downloads-hero-mark,.faq-hero-mark,.wiki-hero-mark) { border-color:var(--line); border-radius:6px; background:rgba(20,34,45,.65); }
/* Data readability; preserve deliberate horizontal scrolling on dense tables. */
body[data-design] :is(.ranking-table,.arena-panel,.arena-table-wrap,.table-wrap,.table-scroll) { border-color:var(--white-line); border-radius:5px; background:#111b23; }
body[data-design] :is(.ranking-row,.arena-table td,.history-table td) { color:#c2cdd5; font-size:13px; border-color:var(--white-line); }
body[data-design] :is(.ranking-row strong,.arena-table td strong) { color:#e4e8eb; font-size:14px; }
body[data-design] :is(.ranking-head,.arena-table th,.history-table th) { color:#c4ae84; background:#1b2832; font-size:11px; }
body[data-design] :is(.ranking-row,.arena-table tbody tr,.history-table tbody tr):hover { background:#1b2934; }
body[data-design] .arena-table td small { color:#9dabb5; font-size:11px; }
body[data-design] .account-card>span { color:#aebbc6; font-size:11px; }
body[data-design] .account-card strong { color:var(--gold-light); font-size:26px; }
body[data-design] .account-card small { color:#a9b7c2; font-size:12px; }
body[data-design] .account-card a { color:var(--gold); font-size:12px; }
body[data-design] .stripe-rate-banner { border-radius:6px; border-color:var(--line); background:linear-gradient(110deg,#27323a,#17222b); }
body[data-design] .stripe-price-box { border:1px solid var(--line); border-radius:5px; background:#0d1720; }
body[data-design] .stripe-security-list { color:#aab9c4; font-size:13px; }
body[data-design] .rol-referral-item-card { border-radius:6px; background:#0e1820; border-color:var(--line); }
body[data-design] .rol-referral-step { color:#bdc7cf; font-size:13px; line-height:1.75; }
body[data-design] .rol-referral-link-row { flex-wrap:wrap; }
body[data-design] .rol-referral-link-row input { min-width:0; max-width:100%; }
body[data-design] :is(.wiki-nav a,.wiki-result-head p,.wiki-item-card small,.wiki-monster-card p,.wiki-stats-grid article span) { color:#b1bec8; font-size:12px; }
body[data-design] :is(.wiki-category-card h3,.wiki-article-card h3,.wiki-item-card h3) { font-size:18px; color:var(--gold-light); }
body[data-design] .wiki-nav { gap:8px; }
body[data-design] .wiki-nav a { border:1px solid var(--white-line); border-radius:4px; padding:11px 15px; background:#131f28; }
body[data-design] .wiki-nav a.active,body[data-design] .wiki-nav a:hover { color:var(--gold-light); border-color:var(--gold-dark); background:#23303a; }
body[data-design] .wiki-richtext { color:#c6cfd6; font-size:15px; line-height:1.9; }
body[data-design] .wiki-property-grid div { border-color:var(--white-line); background:#111c25; }
body[data-design] .wiki-property-grid dt { color:#a9b6c0; font-size:11px; }
body[data-design] .wiki-property-grid dd { color:#e1d6bb; font-size:13px; }
body[data-design] :is(.faq-item,.faq-category-card,.support-card,.status-card,.roadmap-card,.event-card) { background:#141f28; border-color:var(--white-line); border-radius:6px; }
body[data-design] .faq-item summary { color:#d9e1e6; font-size:15px; }
body[data-design] .faq-item p { color:#b3c0c9; font-size:14px; line-height:1.8; }
/* Footer is part of the site, not a dense afterthought. */
body[data-design] .site-footer { padding:55px 0 0; background:#080e13; border-top:1px solid var(--line); }
body[data-design] .footer-grid { gap:45px; padding-bottom:45px; }
body[data-design] .footer-brand strong { font-size:27px; color:#ead6ac; }
body[data-design] .footer-identity p { max-width:300px; color:#93a3af; font-size:13px; line-height:1.9; }
body[data-design] .footer-grid>div>strong { margin-bottom:17px; color:#e4d6bc; font-size:13px; }
body[data-design] .footer-grid a { display:block; margin:9px 0; color:#a7b6c1; font-size:12px; line-height:1.6; }
body[data-design] .footer-grid a:hover { color:var(--gold-light); }
body[data-design] .footer-bottom { padding-top:22px; padding-bottom:22px; border-color:var(--white-line); color:#8b9ba8; font-size:11px; gap:20px; }
/* Content must remain visible when JS is unavailable or reduced motion is chosen. */
body[data-design] .rol-reveal,body[data-design].rol-motion-ready .rol-reveal { opacity:1; transform:none; }
@media(min-width:1700px) { body[data-design] .rol-hero,body[data-design] .rol-hero-content { min-height:740px; } }
@media(max-width:1100px) {
 body[data-design] .container { width:calc(100% - 48px); }
 body[data-design] .header-actions { gap:7px; }
 body[data-design] .main-nav { gap:6px 22px; }
 body[data-design] .rol-hero-title-wrap { width:62%; }
 body[data-design] .rol-command-grid { gap:16px; }
 body[data-design] .rol-dashboard-panel { padding:20px; }
 body[data-design] .rol-fixed-events-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body[data-design] .rol-lower-grid { grid-template-columns:1fr; }
 body[data-design] .rol-community-links { grid-template-columns:repeat(4,minmax(0,1fr)); }
 body[data-design] .rol-feature-icons { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media(max-width:760px) {
 html { scroll-padding-top:150px; }
 body[data-design] .container { width:calc(100% - 36px); }
 body[data-design] .header-inner { grid-template-columns:1fr auto; padding-top:10px; gap:7px 14px; }
 body[data-design] .site-brand { grid-row:1; grid-column:1; min-height:43px; }
 .legends-crest { width:30px; height:37px; }
 body[data-design] .site-brand-copy strong { font-size:19px; }
 body[data-design] .site-brand-copy small { font-size:9px; }
 body[data-design] .nav-toggle { display:flex; flex-direction:column; justify-content:center; gap:5px; grid-column:2; grid-row:1; margin:0; width:43px; height:43px; padding:10px; border:1px solid var(--line); background:#17242e; border-radius:4px; }
 body[data-design] .nav-toggle span { display:block; width:21px; height:1px; margin:0; background:var(--gold-light); }
 body[data-design] .header-actions { grid-row:2; grid-column:1/-1; justify-content:flex-start; gap:7px; padding:0 0 10px; }
 body[data-design] .header-actions .ghost-button,body[data-design] .header-actions .gold-button { display:inline-flex; min-height:35px; padding:8px 10px; font-size:11px; }
 body[data-design] .header-discord-v28 { display:inline-flex; padding:7px; min-height:34px; }
 body[data-design] .header-discord-v28__text { display:none; }
 body[data-design] .language-current { min-height:34px; padding:7px 9px; }
 body[data-design] .main-nav { display:none; grid-row:3; grid-column:1/-1; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:0; margin:0; padding:7px 0 13px; max-height:calc(100dvh - 160px); overflow:auto; }
 body[data-design] .main-nav.open { display:flex; }
 body[data-design] .main-nav>a,body[data-design] .main-nav>.nav-dropdown>.nav-dropdown-trigger { min-height:44px; width:100%; padding:0 12px; font-size:14px!important; }
 body[data-design] .main-nav .nav-dropdown { display:block; }
 body[data-design] .nav-dropdown-menu { position:static; width:100%; transform:none; margin:0; box-shadow:none; }
 body[data-design] .main-nav>a::after { display:none; }
 body[data-design] .rol-hero,body[data-design] .rol-hero-content { min-height:670px; }
 body[data-design] .rol-hero-content { align-items:flex-end; padding-top:140px; padding-bottom:42px; }
 body[data-design] .rol-hero-title-wrap { width:100%; max-width:560px; }
 .legends-hero-art img { object-position:66% center; }
 body[data-design] .rol-hero::after { background:linear-gradient(0deg,#0b1116 1%,#0b1116d9 48%,#0b11164d 100%); }
 body[data-design] .rol-hero-overline { font-size:28px; margin-top:18px; }
 body[data-design] .rol-hero h1 { font-size:clamp(45px,12vw,74px); margin-bottom:20px; }
 body[data-design] .rol-hero-description { font-size:14px; line-height:1.75; }
 body[data-design] .rol-hero-motto strong { font-size:15px; }
 body[data-design] .rol-action { min-height:48px; padding:13px 16px; font-size:12px; }
 body[data-design] .rol-hero-actions { margin-top:23px; gap:10px; }
 body[data-design] .rol-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body[data-design] .rol-status-grid>div { padding:18px 12px; border-bottom:1px solid var(--white-line); }
 body[data-design] .rol-status-grid>div:first-child { grid-column:1/-1; padding:16px 0; display:flex; align-items:center; justify-content:space-between; border-right:0; }
 body[data-design] .rol-status-grid>div:last-child { grid-column:1/-1; padding:14px 0; display:flex; align-items:center; justify-content:space-between; }
 body[data-design] .rol-status-grid>div>span { font-size:9px; }
 body[data-design] .rol-status-grid strong { font-size:20px; }
 .legends-news-section { padding:40px 0; }
 body[data-design] .rol-news-list,body[data-design] .rol-command-grid { grid-template-columns:1fr; gap:20px; }
 body[data-design] .rol-news-entry>div { padding:22px; }
 body[data-design] .rol-news-entry strong { font-size:21px; }
 body[data-design] .rol-command-center { padding-bottom:40px; }
 .legends-section-heading h2 { font-size:27px; }
 body[data-design] .rol-lower-section { padding-bottom:40px; }
 body[data-design] .rol-battle-panel,body[data-design] .rol-battle-overlay { min-height:340px; }
 body[data-design] .rol-battle-overlay { padding:30px 25px; }
 body[data-design] .rol-battle-overlay h2 { font-size:30px; }
 body[data-design] .rol-feature-icons { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 12px; }
 body[data-design] .rol-community-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body[data-design] .rol-fixed-events { padding:40px 0; }
 body[data-design] .rol-fixed-events-heading { align-items:flex-start; flex-direction:column; gap:20px; }
 body[data-design] .rol-fixed-events-heading h2 { font-size:27px; }
 body[data-design] .rol-fixed-events-clock { width:100%; text-align:left; }
 body[data-design] .rol-fixed-events-grid { gap:14px; }
 body[data-design] .rol-event-schedule-card { padding:19px; }
 body[data-design] .rol-event-schedule-card h3 { font-size:16px; }
 body[data-design] .rol-news-showcase { padding:45px 0; }
 body[data-design].is-subpage .page-hero,body[data-design].is-subpage .hero-section { padding:43px 0; }
 body[data-design] .page-hero h1 { font-size:33px; }
 body[data-design] .page-hero p { font-size:14px; }
 body[data-design] .panel { padding:23px; }
 body[data-design] .downloads-guide-grid { grid-template-columns:1fr; }
 body[data-design] .footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 20px; }
 body[data-design] .footer-identity { grid-column:1/-1; }
 body[data-design] .footer-bottom { flex-direction:column; align-items:flex-start; gap:10px; }
 body[data-design] input,body[data-design] select,body[data-design] textarea { font-size:16px!important; }
}
@media(max-width:420px) {
 body[data-design] .container { width:calc(100% - 28px); }
 body[data-design] .header-actions .server-pill { display:none; }
 body[data-design] .header-actions { gap:6px; }
 body[data-design] .rol-fixed-events-grid { grid-template-columns:1fr; }
 body[data-design] .rol-event-schedule-card { min-height:205px; }
 body[data-design] .rol-hero-actions>.rol-action:not(.rol-action-red) { flex-basis:100%; }
 body[data-design] .rol-hero,body[data-design] .rol-hero-content { min-height:740px; }
 body[data-design] .rol-status-grid>div { padding-left:7px; padding-right:7px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 body[data-design] *,body[data-design] *::before,body[data-design] *::after { animation:none!important; transition:none!important; }
 body[data-design] .rol-embers { display:none; }
}
/* Specialist screens: preserve original icons, slot grids and map geometry. */
body[data-design] :is(.rol-guild-intro-card,.rol-guild-search-box,.rol-guild-empty,.rol-guild-table,.rol-guild-stat) { border-color:var(--white-line); border-radius:7px; background:linear-gradient(135deg,#182630,#111c25); }
body[data-design] .rol-guild-intro-card p { color:#b9c6cf; }
body[data-design] .rol-guild-intro-card h2 { color:#eee5d2; }
body[data-design] .rol-guild-table th { color:#d4bd91; background:#21313e; }
body[data-design] .rol-guild-table td { color:#c4d0da; border-color:var(--white-line); }
body[data-design] .db-page { --db-gold:#d9b779; --db-gold2:#f0d9a7; --db-line:rgba(217,183,121,.24); --db-card:#14212b; --db-card2:#1b2c38; --db-muted:#acbdc9; background:var(--bg); color:var(--text); }
body[data-design] .db-hero { background:linear-gradient(90deg,#0c1720ed,#0c172099),url('visual/v2.20.113/portal.webp') center/cover; border-color:var(--line); }
body[data-design] .db-hero p { color:#b9c8d3; }
body[data-design] :is(.db-card,.db-panel,.db-sidebar,.db-table-wrap,.db-detail-card,.db-filter-panel) { border-color:var(--white-line); border-radius:6px; background:#14212b; }
body[data-design] .db-topnav a { border-color:var(--line); color:#d8c7a4; background:#162630; }
body[data-design] .db-table td { color:#c0ced9; font-size:12px; }
body[data-design] .db-table th { color:#d5c29a; background:#20313f; font-size:11px; }
body[data-design] .db-filters input,body[data-design] .db-filters select { background:#0e1a24; color:#dfe7ec; border-color:#3b5262; font-size:14px; }
body[data-design] .wiki-hero { background-image:linear-gradient(90deg,#0c151ff5,#0c151fbb),url('visual/v2.20.113/portal.webp')!important; }
body[data-design] .rol-news-showcase-inner { gap:35px; }
body[data-design] .rol-news-showcase-actions { display:flex; flex-wrap:wrap; gap:12px; }
body[data-design] .rol-section-kicker { color:var(--gold); font-size:11px; }
body[data-design] .rol-news-showcase p { max-width:650px; }
body[data-design] .rol-status-grid>div { flex-direction:column; align-items:flex-start; justify-content:center; gap:4px; }
body[data-design] .rol-news-list>.rol-panel-empty { grid-column:1/-1; border:1px solid var(--white-line); border-radius:6px; background:var(--panel); }
body[data-design] .rol-battle-panel::before { display:none; }
body[data-design] .rol-battle-overlay { background:linear-gradient(90deg,#08121bd9,#08121b55 65%,#08121b11); }
body[data-design] .rol-battle-overlay h2 { text-transform:none; letter-spacing:0; }
body[data-design] .rol-battle-overlay a { border:0; background:none; text-transform:none; }
body[data-design] .rol-news-showcase::before { display:none; }
body[data-design] .rol-news-showcase-inner { padding:35px; background:#0f1b25b3; border:1px solid var(--line); border-radius:6px; }
body[data-design] .rol-news-showcase-actions { flex-shrink:1; }
@media(max-width:760px) {
 body[data-design] .rol-status-grid>div:first-child,body[data-design] .rol-status-grid>div:last-child { flex-direction:row; align-items:center; justify-content:space-between; }
 body[data-design] .rol-news-showcase-inner { padding:25px; flex-direction:column; align-items:flex-start; }
 body[data-design] .rol-news-showcase-actions { width:100%; }
 body[data-design] .rol-news-showcase-actions .rol-action { min-width:0; flex:1 1 160px; }
}
body[data-design] .rol-pro-panel { background:linear-gradient(135deg,#172630,#101c25); border-color:var(--white-line); border-radius:7px; }
body[data-design] .rol-pro-panel::before { border-color:#c2d5e00c; border-radius:5px; }
body[data-design] .rol-pro-copy h2 { color:#e9e2d3; font-size:24px; }
body[data-design] .rol-pro-copy p,body[data-design] .legal-pro-card .rol-pro-copy p { color:#b6c4ce; font-size:14px; line-height:1.85; }
body[data-design] .rol-pro-status-copy small { color:#a6b8c6; font-size:12px; }
body[data-design] .legal-pro-nav a { border-color:var(--line); background:#17252f; color:#cdbb98; font-size:12px; border-radius:4px; }
body[data-design] .legal-pro-number { color:var(--gold-light); background:#27343c; border-color:var(--line); border-radius:4px; }
body[data-design] .faq-answer { color:#b6c4cf; font-size:14px; line-height:1.85; }
body[data-design] .faq-category { border-radius:6px; border-color:var(--white-line); background:#15232d; }
body[data-design] :is(.wiki-feature-card,.wiki-stat-card,.wiki-obtain-card,.wiki-source-block,.player-profile-stat-card) { border:1px solid var(--white-line); border-radius:6px; background:linear-gradient(140deg,#1a2934,#121e27); }
body[data-design] .wiki-feature-card p,body[data-design] .wiki-stat-card span { color:#acbdc9; font-size:13px; }
body[data-design] .wiki-feature-card h3 { color:var(--gold-light); }
body[data-design] .wiki-description { color:#bac7d1; font-size:14px; line-height:1.8; }
@media(max-width:760px) {
 body[data-design] .header-language-switcher .language-menu { left:0; right:auto; max-width:calc(100vw - 28px); }
}