/* Rise of Legends v2.20.182 — audited consolidated CSS. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

/* === assets/legends-v2.20.113.css: kept in original load order === */
/* 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('/assets/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('/assets/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('/assets/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('/assets/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('/assets/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); }
}

/* === assets/legends-subpages-v2.20.114.css: kept in original load order === */
/* Rise of Legends 2.20.114 — complete public subpage system. */
body[data-design].is-subpage main.subpage,
body[data-design].is-subpage main.db-page { background:var(--bg); color:var(--text); min-width:0; }
body[data-design].is-subpage main { --db-gold:var(--gold); --db-gold2:var(--gold-light); --db-line:var(--white-line); --db-card:var(--panel); --db-card2:var(--panel-soft); --db-muted:var(--muted); }
body[data-design].is-subpage :is(.news-archive-section,.news-detail-body-section,.downloads-list-section,.faq-section,.wcoin-section,.ranking-section,.arena-ranking-section,.account-section,.form-section,.portal-section,.player-profile-section,.db-body) { background:transparent; padding-top:44px; padding-bottom:64px; }
body[data-design].is-subpage main :is(h2,h3,h4) { color:var(--text); text-wrap:pretty; }
body[data-design].is-subpage main :is(p,li) { line-height:1.8; }
body[data-design].is-subpage main :is(input,select,textarea):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]) { max-width:100%; min-width:0; border-radius:5px; border-color:#3c505f; background:#0c1720; color:var(--text); font-family:var(--legends-sans); font-size:14px; }
body[data-design].is-subpage main :is(input,select,textarea):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
body[data-design].is-subpage main :is(textarea) { resize:vertical; }
body[data-design].is-subpage main :is(.container,.panel,article,form) { min-width:0; }
body[data-design].is-subpage main :is(.panel,.db-card,.db-panel) :is(p,li) { color:var(--muted); }
body[data-design].is-subpage :is(.rol-pro-panel,.rol-pro-roadmap-item,.rol-pro-list-item,.rol-pro-message,.portal-card,.portal-empty-card,.faq-category,.news-detail-sidebar,.download-card,.security-rule-box,.security-secret-box,.stripe-order-summary,.vote-clean-side-box,.rol-referral-code-card,.rol-referral-incoming-grid,.rol-account-character-row,.rol-account-history-row,.player-profile-stat-card,.wiki-stat-card,.wiki-feature-card,.wiki-world-card,.wiki-quest-card,.wiki-obtain-card,.wiki-source-block,.wiki-item-recipe,.wiki-gate-overview,.wiki-filter-banner,.db-sidebar,.db-home-card,.db-stat,.db-panel,.db-card,.db-item-card,.db-monster-card,.db-collection,.db-world-card,.db-title-card,.db-title-record,.db-detail-hero,.db-category-card,.db-source-card,.db-community-build,.db-quest-card,.db-equip-slot,.db-location-summary,.db-location-list,.db-location-mapcol,.db-skill-card,.rol-community-card,.rol-community-intro-card,.rol-community-filter-box,.rol-community-stat,.rol-guild-intro-card,.rol-guild-search-box,.rol-guild-stat) { background:linear-gradient(135deg,#182630,#111c25); border:1px solid var(--white-line); border-radius:8px; box-shadow:0 8px 28px #0002; }
body[data-design].is-subpage .rol-pro-panel { background:linear-gradient(135deg,#182630,#111c25)!important; border:1px solid var(--white-line)!important; }
body[data-design].is-subpage .rol-pro-panel::before { background:linear-gradient(90deg,var(--gold),transparent 65%); opacity:.55; }
body[data-design].is-subpage .rol-pro-header-panel::after { display:none; }
body[data-design].is-subpage .rol-pro-header-panel { grid-template-columns:minmax(0,1fr); padding:30px; }
body[data-design].is-subpage :is(.rol-pro-copy,.rol-pro-roadmap-item,.rol-pro-message) { overflow-wrap:anywhere; }
body[data-design].is-subpage :is(.rol-pro-copy,.rol-pro-roadmap-item,.rol-pro-message,.legal-pro-card) p { font-size:14px; color:var(--muted); line-height:1.85; }
body[data-design].is-subpage :is(.rol-pro-copy,.rol-pro-panel) h2 { font-size:clamp(21px,2.1vw,28px); line-height:1.4; letter-spacing:0; }
body[data-design].is-subpage :is(.rol-pro-list-item,.rol-pro-message,.rol-pro-event-date) small,
body[data-design].is-subpage .rol-pro-event-end,
body[data-design].is-subpage .rol-pro-note,
body[data-design].is-subpage .rol-pro-empty span { font-size:12px; color:var(--muted); }
body[data-design].is-subpage .rol-pro-list-item strong { color:var(--gold-light); font-size:14px; }
body[data-design].is-subpage .rol-pro-list-item.active,
body[data-design].is-subpage .rol-pro-list-item:hover { background:#23333f; border-color:var(--gold-dark); }
body[data-design].is-subpage .rol-pro-message.staff { border-left:3px solid #91c9ad; background:#172b2b; }
body[data-design].is-subpage .rol-pro-message.staff strong { color:#a9dfc2; }
body[data-design].is-subpage .rol-pro-ticket-list,
body[data-design].is-subpage .news-detail-sidebar { top:155px; }
body[data-design].is-subpage .rol-pro-form :is(input,select,textarea) { background:#0c1720!important; border-color:#3c505f!important; color:var(--text)!important; font-size:14px!important; border-radius:5px; }
body[data-design].is-subpage .rol-pro-form :is(input,select,textarea):focus { border-color:var(--gold)!important; }
body[data-design].is-subpage .rol-pro-form label>span { font-size:12px; color:#c0cbd3; }
body[data-design].is-subpage .rol-pro-file-field input::file-selector-button { border-radius:4px; background:#253744; color:var(--gold-light); font:600 12px var(--legends-sans); text-transform:none; }
body[data-design].is-subpage .rol-pro-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body[data-design].is-subpage .rol-pro-status-card { padding:26px; min-height:164px; grid-template-columns:minmax(0,1fr) 32px; }
body[data-design].is-subpage .rol-pro-status-copy strong { font:600 26px/1.4 var(--legends-sans); letter-spacing:0; }
body[data-design].is-subpage .rol-pro-status-copy small,
body[data-design].is-subpage .rol-pro-status-copy p { font-size:12px; color:var(--muted); }
body[data-design].is-subpage .rol-pro-status-light { width:16px; height:16px; border-radius:50%; transform:none; border:1px solid currentColor; background:transparent; }
body[data-design].is-subpage .rol-pro-status-light::before { width:8px; height:8px; border-radius:50%; }
body[data-design].is-subpage .stripe-history-section { margin-top:46px; }
body[data-design].is-subpage .stripe-history-table { background:#111c25; border:1px solid var(--white-line); border-radius:8px; overflow:auto; }
body[data-design].is-subpage .stripe-history-row { grid-template-columns:minmax(230px,1.6fr) minmax(90px,.6fr) minmax(100px,.7fr) minmax(120px,.8fr); min-width:640px; min-height:68px; padding:14px 22px; gap:16px; color:#c0cdd7; font-size:13px; border-color:var(--white-line); }
body[data-design].is-subpage .stripe-history-row>span:first-child { display:block; }
body[data-design].is-subpage .stripe-history-row:not(.stripe-history-head):hover { background:#1b2c38; }
body[data-design].is-subpage .stripe-history-head { min-height:48px; background:#1d2d39; color:#cbb78e; font-size:11px; letter-spacing:.08em; }
body[data-design].is-subpage .stripe-history-row>strong { font:600 17px var(--legends-sans); color:var(--gold-light); }
body[data-design].is-subpage .stripe-history-row :is(.payment-status,.stripe-status) { border-radius:5px; font-size:11px; }
body[data-design].is-subpage :is(.account-security-copy,.security-feature-list,.security-rule-box,.security-neutral-note,.stripe-order-summary,.vote-clean-steps,.rol-referral-step) :is(p,li,small) { font-size:13px; color:var(--muted); }
body[data-design].is-subpage :is(.account-security-copy,.account-warning-list,.security-feature-list,.stripe-order-summary) strong { color:var(--text); }
body[data-design].is-subpage .rol-account-character-row,
body[data-design].is-subpage .rol-account-history-row { padding:15px 18px; gap:14px; }
body[data-design].is-subpage :is(.rol-account-character-row,.rol-account-history-row,.player-profile-stat-card) :is(span,small) { color:var(--muted); font-size:12px; }
body[data-design].is-subpage .quick-links a,
body[data-design].is-subpage .account-security-actions a { border-radius:5px; }
body[data-design].is-subpage .rol-referral-overview-card,
body[data-design].is-subpage .rol-referral-code-panel,
body[data-design].is-subpage .vote-reward-panel { border-color:var(--white-line); }
body[data-design].is-subpage .rol-referral-code { overflow-wrap:anywhere; }
body[data-design].is-subpage .downloads-guide-section { background:#101b24; border-color:var(--white-line); padding:28px 0; }
body[data-design].is-subpage .downloads-guide-grid { background:none; border:0; border-radius:0; gap:18px; }
body[data-design].is-subpage .downloads-guide-grid article { background:#192832; border:1px solid var(--white-line); border-radius:7px; padding:24px; }
body[data-design].is-subpage .downloads-guide-grid article>span { background:#263640; border-color:var(--line); border-radius:50%; color:var(--gold-light); }
body[data-design].is-subpage .downloads-section-heading { gap:24px; border-color:var(--white-line); }
body[data-design].is-subpage .downloads-section-heading p,
body[data-design].is-subpage .downloads-security-note { color:var(--muted); font-size:13px; }
body[data-design].is-subpage .downloads-card-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); align-items:start; gap:24px; }
body[data-design].is-subpage .download-card:only-child { width:100%; max-width:none; }
body[data-design].is-subpage .download-card { padding:32px; }
body[data-design].is-subpage .download-card-copy { max-width:85ch; }
body[data-design].is-subpage .download-card-copy p { line-height:1.9; margin:16px 0; }
body[data-design].is-subpage .download-card-platform { background:#223540; color:#d3dde3; border:1px solid var(--white-line); border-radius:4px; }
body[data-design].is-subpage .download-card-kicker,
body[data-design].is-subpage .download-card-number { color:var(--gold); }
body[data-design].is-subpage .download-primary-button { background:linear-gradient(115deg,#e7c98e,#c39b5e); color:#171a1c; border:1px solid #e1bd7c; border-radius:5px; font:700 14px var(--legends-sans); text-transform:none; letter-spacing:0; min-height:50px; }
body[data-design].is-subpage .news-card { display:flex; flex-direction:column; }
body[data-design].is-subpage .news-card-content { display:flex; flex-direction:column; flex:1; gap:12px; padding:26px; }
body[data-design].is-subpage .news-card-content h2,
body[data-design].is-subpage .news-card-content p { margin:0; }
body[data-design].is-subpage .news-card-content p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; line-height:1.8; }
body[data-design].is-subpage .news-card-link { margin-top:auto; padding-top:12px; min-height:44px; display:inline-flex; align-items:center; }
body[data-design].is-subpage .news-detail-content { color:#c4d0d8; font-size:16px; line-height:1.9; }
body[data-design].is-subpage .news-detail-content :is(h2,h3) { color:var(--gold-light); line-height:1.4; }
body[data-design].is-subpage .news-detail-content blockquote { background:#152630; border-left:3px solid var(--gold); color:#d4dce1; }
body[data-design].is-subpage .news-detail-sidebar { padding:28px; }
body[data-design].is-subpage .faq-category { overflow:hidden; margin-bottom:24px; }
body[data-design].is-subpage .faq-category-header { background:#1c2d38; border-color:var(--white-line); padding:24px; }
body[data-design].is-subpage .faq-category-header h2 { font-size:23px; color:var(--text); }
body[data-design].is-subpage .faq-category-header small { color:var(--gold); font-size:11px; }
body[data-design].is-subpage .faq-list summary { color:#e0e7ec; font-size:15px; padding-top:23px; padding-bottom:23px; }
body[data-design].is-subpage .faq-list details[open] summary { color:var(--gold-light); background:#1c2c37; }
body[data-design].is-subpage .faq-answer { color:var(--muted); font-size:14px; line-height:1.85; }
body[data-design].is-subpage .faq-quicklinks a,
body[data-design].is-subpage .faq-action { background:#172630; color:var(--gold-light); border-color:var(--white-line); border-radius:5px; }
body[data-design].is-subpage :is(.news-pagination,.wiki-pagination,.db-pagination,.rol-community-pagination,.wiki-subnav,.wiki-view-tabs,.wiki-gate-tabs,.db-topnav,.db-skill-class-tabs,.rol-skill-category-tabs) { display:flex; flex-wrap:wrap; gap:8px; }
body[data-design].is-subpage .news-pagination a,
body[data-design].is-subpage .news-pagination button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .news-pagination .active,
body[data-design].is-subpage .news-pagination a:hover,
body[data-design].is-subpage .news-pagination button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .wiki-pagination a,
body[data-design].is-subpage .wiki-pagination button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .wiki-pagination .active,
body[data-design].is-subpage .wiki-pagination a:hover,
body[data-design].is-subpage .wiki-pagination button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .db-pagination a,
body[data-design].is-subpage .db-pagination button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .db-pagination .active,
body[data-design].is-subpage .db-pagination a:hover,
body[data-design].is-subpage .db-pagination button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .rol-community-pagination a,
body[data-design].is-subpage .rol-community-pagination button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .rol-community-pagination .active,
body[data-design].is-subpage .rol-community-pagination a:hover,
body[data-design].is-subpage .rol-community-pagination button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .wiki-subnav a,
body[data-design].is-subpage .wiki-subnav button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .wiki-subnav .active,
body[data-design].is-subpage .wiki-subnav a:hover,
body[data-design].is-subpage .wiki-subnav button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .wiki-view-tabs a,
body[data-design].is-subpage .wiki-view-tabs button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .wiki-view-tabs .active,
body[data-design].is-subpage .wiki-view-tabs a:hover,
body[data-design].is-subpage .wiki-view-tabs button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .wiki-gate-tabs a,
body[data-design].is-subpage .wiki-gate-tabs button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .wiki-gate-tabs .active,
body[data-design].is-subpage .wiki-gate-tabs a:hover,
body[data-design].is-subpage .wiki-gate-tabs button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .db-topnav a,
body[data-design].is-subpage .db-topnav button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .db-topnav .active,
body[data-design].is-subpage .db-topnav a:hover,
body[data-design].is-subpage .db-topnav button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .db-skill-class-tabs a,
body[data-design].is-subpage .db-skill-class-tabs button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .db-skill-class-tabs .active,
body[data-design].is-subpage .db-skill-class-tabs a:hover,
body[data-design].is-subpage .db-skill-class-tabs button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .rol-skill-category-tabs a,
body[data-design].is-subpage .rol-skill-category-tabs button { border:1px solid var(--white-line); border-radius:5px; background:#162630; color:#c0cbd3; min-height:42px; padding:10px 14px; font:500 12px/1.5 var(--legends-sans); letter-spacing:0; text-transform:none; }
body[data-design].is-subpage .rol-skill-category-tabs .active,
body[data-design].is-subpage .rol-skill-category-tabs a:hover,
body[data-design].is-subpage .rol-skill-category-tabs button:hover { background:#30404a; border-color:var(--gold-dark); color:var(--gold-light); }
body[data-design].is-subpage .news-pagination .active,
body[data-design].is-subpage .wiki-pagination .active,
body[data-design].is-subpage .db-pagination .active { background:var(--gold); color:#111b23; border-color:var(--gold); }
body[data-design].is-subpage :is(.wiki-stat-card,.wiki-feature-card,.wiki-world-card) :is(span,p,small) { color:var(--muted); font-size:12px; }
body[data-design].is-subpage :is(.wiki-stat-card,.wiki-feature-card,.wiki-world-card) strong { color:var(--gold-light); }
body[data-design].is-subpage .wiki-feature-card { padding:25px; transition:border-color .2s,background .2s; }
body[data-design].is-subpage .wiki-feature-card:hover { border-color:var(--gold); background:#20323e; }
body[data-design].is-subpage .wiki-feature-card h2,
body[data-design].is-subpage .wiki-feature-card h3 { font-size:22px; }
body[data-design].is-subpage .wiki-table-wrap,
body[data-design].is-subpage .db-table-wrap,
body[data-design].is-subpage .db-spawn-table-wrap { border:1px solid var(--white-line); border-radius:6px; overflow:auto; }
body[data-design].is-subpage .wiki-table,
body[data-design].is-subpage .db-table,
body[data-design].is-subpage .db-spawn-table { background:#111c25; }
body[data-design].is-subpage :is(.wiki-table,.db-table,.db-spawn-table) th { background:#1e2e3a; color:#cbb78e; padding:14px; font-size:11px; border-color:var(--white-line); }
body[data-design].is-subpage :is(.wiki-table,.db-table,.db-spawn-table) td { color:#c3cfd7; padding:14px; font-size:13px; border-color:var(--white-line); }
body[data-design].is-subpage :is(.wiki-table,.db-table,.db-spawn-table) tr:hover td { background:#1a2d39; }
body[data-design].is-subpage .wiki-recipe-ingredient,
body[data-design].is-subpage .wiki-recipe-result,
body[data-design].is-subpage .wiki-monster-drop-row,
body[data-design].is-subpage .wiki-box-drops>a,
body[data-design].is-subpage .wiki-link-grid a { background:#0f1c26; border-color:var(--white-line); border-radius:5px; }
body[data-design].is-subpage :is(.wiki-recipe-ingredient-copy,.wiki-recipe-result-copy,.wiki-obtain-card,.wiki-quest-meta) :is(span,small,p) { color:var(--muted); font-size:12px; }
body[data-design].is-subpage .wiki-monster-copy p,
body[data-design].is-subpage .wiki-source-explain,
body[data-design].is-subpage .wiki-obtain-meta,
body[data-design].is-subpage .wiki-recipe-footer-rich { font-size:13px; color:var(--muted); }
body[data-design].is-subpage .wiki-level-badge,
body[data-design].is-subpage .wiki-item-tags span,
body[data-design].is-subpage .wiki-quest-source-badge { background:#26343c; color:var(--gold-light); border-color:var(--line); border-radius:4px; }
body[data-design].is-subpage .db-hero { background:linear-gradient(90deg,#0c151ff5,#0c151fb0),url("/assets/visual/v2.20.113/portal.webp") center 45%/cover; padding:48px 0 34px; border-color:var(--line); }
body[data-design].is-subpage .db-hero h1 { font:500 clamp(32px,4vw,54px)/1.2 var(--legends-serif); text-transform:none; letter-spacing:0; color:var(--text); }
body[data-design].is-subpage .db-hero p { color:var(--muted); font-size:15px; line-height:1.8; }
body[data-design].is-subpage .db-shell { grid-template-columns:240px minmax(0,1fr); gap:26px; }
body[data-design].is-subpage .db-sidebar { top:150px; max-height:calc(100vh - 170px); overflow-y:auto; padding:15px; }
body[data-design].is-subpage .db-side-section>span { color:var(--gold); font-size:10px; }
body[data-design].is-subpage .db-side-section a { color:#bdcbd5; font-size:13px; border-radius:4px; padding:10px; }
body[data-design].is-subpage .db-side-section a.active,
body[data-design].is-subpage .db-side-section a:hover { color:var(--gold-light); background:#263641; border-left-color:var(--gold); }
body[data-design].is-subpage .db-sidebar-brand small,
body[data-design].is-subpage .db-source-note,
body[data-design].is-subpage .db-muted { color:var(--muted); }
body[data-design].is-subpage .db-sidebar-brand strong { color:var(--gold-light); }
body[data-design].is-subpage .db-home-card { padding:24px; min-height:175px; }
body[data-design].is-subpage .db-home-card p,
body[data-design].is-subpage .db-card p,
body[data-design].is-subpage .db-detail-hero p { color:var(--muted); font-size:13px; }
body[data-design].is-subpage .db-home-card strong,
body[data-design].is-subpage .db-section-title h2,
body[data-design].is-subpage .db-detail-hero h2 { font-family:var(--legends-serif); font-weight:500; color:var(--text); }
body[data-design].is-subpage .db-stat span,
body[data-design].is-subpage .db-field span,
body[data-design].is-subpage .db-item-card small,
body[data-design].is-subpage .db-props span,
body[data-design].is-subpage .db-world-card small,
body[data-design].is-subpage .db-category-type-title,
body[data-design].is-subpage .db-category-head p { color:#adbdc8; font-size:11px; }
body[data-design].is-subpage .db-stat b,
body[data-design].is-subpage .db-kicker,
body[data-design].is-subpage .db-home-card small { color:var(--gold-light); }
body[data-design].is-subpage .db-field input,
body[data-design].is-subpage .db-field select { min-height:44px; }
body[data-design].is-subpage .db-button { background:linear-gradient(115deg,#e7c98e,#c39b5e); border-color:var(--gold); border-radius:5px; color:#13212a; font:700 12px var(--legends-sans); text-transform:none; letter-spacing:0; min-height:44px; }
body[data-design].is-subpage .db-button.secondary { background:#21323e; border-color:#526775; color:#dce4e9; }
body[data-design].is-subpage .db-props>div,
body[data-design].is-subpage .db-builder-summary>div,
body[data-design].is-subpage .db-world-coords span,
body[data-design].is-subpage .db-category-type,
body[data-design].is-subpage .db-category-subtypes a,
body[data-design].is-subpage .db-location-list-head,
body[data-design].is-subpage .db-detail-list>div { background:#15232d; border-color:var(--white-line); color:var(--muted); }
body[data-design].is-subpage .db-category-subtypes a,
body[data-design].is-subpage .db-category-list a { border-radius:4px; color:#c4d0d8; font-size:13px; }
body[data-design].is-subpage .db-category-subtypes a:hover,
body[data-design].is-subpage .db-category-list a:hover { background:#293b47; color:var(--gold-light); }
body[data-design].is-subpage .db-item-card strong,
body[data-design].is-subpage .db-monster-card h3,
body[data-design].is-subpage .db-props strong { color:var(--text); }
body[data-design].is-subpage .db-item-card em,
body[data-design].is-subpage .db-monster-card p,
body[data-design].is-subpage .db-farm-row small { color:var(--muted); font-size:12px; }
body[data-design].is-subpage .db-farm-row { background:#14232d; border-color:var(--white-line); border-radius:5px; }
body[data-design].is-subpage .db-tags span,
body[data-design].is-subpage .db-location-chip { background:#20323e; color:var(--gold-light); border-color:var(--line); border-radius:4px; }
body[data-design].is-subpage .db-skill-section>h3 { background:#20323e; border-color:var(--white-line); color:var(--gold-light); padding:16px; }
body[data-design].is-subpage .db-skill-grid { background:var(--white-line); border-color:var(--white-line); }
body[data-design].is-subpage .db-builder-summary span,
body[data-design].is-subpage .db-skill-card small { color:var(--muted); font-size:11px; }
body[data-design].is-subpage .db-builder-summary strong { color:var(--gold-light); }
body[data-design].is-subpage .db-rank-control button { width:36px; height:36px; background:#263b48; border-color:#526775; border-radius:4px; color:var(--gold-light); }
body[data-design].is-subpage .db-builder-note { background:#1e2c35; color:var(--muted); border-color:var(--gold); font-size:13px; }
body[data-design].is-subpage .rol-guild-table { border:1px solid var(--white-line); border-radius:8px; background:#111e28; overflow:auto; }
body[data-design].is-subpage .rol-guild-row { background:transparent; border-color:var(--white-line); color:#c1ced7; }
body[data-design].is-subpage .rol-guild-head { background:#20323e; color:#cbb78e; }
body[data-design].is-subpage :is(.rol-guild-intro-card,.rol-community-intro-card) p,
body[data-design].is-subpage .rol-community-meta,
body[data-design].is-subpage .rol-guild-stat-label,
body[data-design].is-subpage .rol-community-stat-label { color:var(--muted); font-size:12px; }
body[data-design].is-subpage .rol-guild-stat-value,
body[data-design].is-subpage .rol-community-stat-value,
body[data-design].is-subpage .rol-community-card h3 { color:var(--gold-light); }
body[data-design].is-subpage .rol-community-filter-group label,
body[data-design].is-subpage .rol-guild-search-field label { color:#c3cfd7; font-size:12px; }
body[data-design].is-subpage .rol-community-class-badge,
body[data-design].is-subpage .rol-community-level-badge { border-radius:4px; border-color:var(--line); background:#263641; color:var(--gold-light); }
body[data-design].is-subpage .rol-community-open { color:var(--gold-light); }
body[data-design].is-subpage .ranking-row,
body[data-design].is-subpage .arena-table td { font-size:14px; }
body[data-design].is-subpage .arena-panel-heading { background:#1c2c37; border-color:var(--white-line); }
body[data-design].is-subpage .arena-filter-toolbar { background:#15232e; border:1px solid var(--white-line); border-radius:7px; padding:20px; }
@media(max-width:1100px) {
body[data-design].is-subpage .rol-pro-status-grid,
body[data-design].is-subpage .db-grid,
body[data-design].is-subpage .db-world-grid,
body[data-design].is-subpage .db-collection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-design].is-subpage .db-shell { grid-template-columns:205px minmax(0,1fr); gap:18px; }
body[data-design].is-subpage .db-items-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-design].is-subpage .db-filter,
body[data-design].is-subpage .db-filter.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-design].is-subpage .db-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-design].is-subpage .db-two-col,
body[data-design].is-subpage .db-detail-columns { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:800px) {
body[data-design].is-subpage .db-shell,
body[data-design].is-subpage .rol-pro-support-grid,
body[data-design].is-subpage .rol-pro-two-column,
body[data-design].is-subpage .security-layout,
body[data-design].is-subpage .news-detail-layout,
body[data-design].is-subpage .stripe-purchase-grid,
body[data-design].is-subpage .rol-referral-hero-grid,
body[data-design].is-subpage .downloads-guide-grid { grid-template-columns:minmax(0,1fr); }
body[data-design].is-subpage .db-sidebar,
body[data-design].is-subpage .rol-pro-ticket-list,
body[data-design].is-subpage .news-detail-sidebar { position:static; max-height:none; }
body[data-design].is-subpage .db-side-section { display:flex; flex-wrap:wrap; gap:4px; }
body[data-design].is-subpage .db-side-section>span { flex-basis:100%; }
body[data-design].is-subpage .db-side-section a { padding:8px 10px; border:1px solid var(--white-line); }
body[data-design].is-subpage .rol-pro-panel-top,
body[data-design].is-subpage .rol-pro-event-card { grid-template-columns:minmax(0,1fr); gap:18px; }
body[data-design].is-subpage .rol-pro-event-date,
body[data-design].is-subpage .rol-pro-event-end { padding:0; border:0; }
body[data-design].is-subpage .news-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-design].is-subpage .db-character-builder,
body[data-design].is-subpage .db-location-layout { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:560px) {
body[data-design].is-subpage main .container { width:calc(100% - 32px); }
body[data-design].is-subpage .rol-pro-status-grid,
body[data-design].is-subpage .rol-pro-roadmap-grid,
body[data-design].is-subpage .news-card-grid,
body[data-design].is-subpage .db-grid,
body[data-design].is-subpage .db-world-grid,
body[data-design].is-subpage .db-items-grid,
body[data-design].is-subpage .db-monster-grid,
body[data-design].is-subpage .db-collection-grid,
body[data-design].is-subpage .wiki-category-grid,
body[data-design].is-subpage .wiki-detail-layout,
body[data-design].is-subpage .wiki-recipe-grid-rich,
body[data-design].is-subpage .rol-community-list,
body[data-design].is-subpage .player-profile-detail-grid { grid-template-columns:minmax(0,1fr); }
body[data-design].is-subpage .panel,
body[data-design].is-subpage .rol-pro-panel,
body[data-design].is-subpage .download-card,
body[data-design].is-subpage .db-panel,
body[data-design].is-subpage .db-card { padding:22px; }
body[data-design].is-subpage .rol-pro-status-card { grid-template-columns:minmax(0,1fr) 26px; min-height:140px; }
body[data-design].is-subpage .news-card-content { padding:22px; }
body[data-design].is-subpage .downloads-section-heading,
body[data-design].is-subpage .db-section-title { align-items:flex-start; flex-direction:column; gap:12px; }
body[data-design].is-subpage .db-stats,
body[data-design].is-subpage .db-props,
body[data-design].is-subpage .db-builder-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
body[data-design].is-subpage .db-filter,
body[data-design].is-subpage .db-filter.compact { grid-template-columns:minmax(0,1fr); }
body[data-design].is-subpage .db-detail-hero { grid-template-columns:72px minmax(0,1fr); padding:18px; gap:16px; }
body[data-design].is-subpage .db-detail-icon { width:72px; height:72px; }
body[data-design].is-subpage .db-detail-hero h2 { font-size:24px; overflow-wrap:anywhere; }
body[data-design].is-subpage .stripe-history-row { min-width:640px; padding:14px 18px; }
body[data-design].is-subpage .stripe-history-row>span:first-child { display:block; }
body[data-design].is-subpage .rol-pro-message header { flex-wrap:wrap; gap:5px; }
body[data-design].is-subpage .rol-referral-link-row { display:flex; flex-direction:column; align-items:stretch; }
}
/* Database pages use their own pagehead, not the public page-hero. */
body[data-design].is-subpage .db-main { min-width:0; background:transparent; border-color:var(--white-line); }
body[data-design].is-subpage .db-pagehead { padding:32px; border:1px solid var(--white-line); border-radius:8px; margin-bottom:24px; background:linear-gradient(100deg,#101e2aee,#101e2ac9),url('/assets/visual/v2.20.113/portal.webp') center 48%/cover; }
body[data-design].is-subpage .db-pagehead h1 { margin:12px 0; font:500 clamp(28px,3.2vw,44px)/1.25 var(--legends-serif); color:var(--text); }
body[data-design].is-subpage .db-pagehead p { color:#becbd5; font-size:14px; line-height:1.8; }
body[data-design].is-subpage .db-pagehead .db-kicker { color:var(--gold); font-size:10px; }
body[data-design].is-subpage .db-content { padding:0; background:transparent; }
body[data-design].is-subpage .db-browser-filters { top:152px; padding:18px; border-color:var(--white-line); border-radius:7px; background:#15232d; }
body[data-design].is-subpage .db-stats>div { padding:18px; background:#182832; border:1px solid var(--white-line); border-radius:6px; }
body[data-design].is-subpage .db-stats>div strong { color:var(--gold-light); font:600 24px var(--legends-sans); }
body[data-design].is-subpage .db-stats>div span { color:var(--muted); font-size:11px; }
body[data-design].is-subpage .db-category-head { background:#1e303d; border-color:var(--white-line); padding:20px; }
body[data-design].is-subpage .db-category-head strong { color:var(--text); font:500 22px var(--legends-serif); }
body[data-design].is-subpage .db-category-head span { color:var(--gold); }
body[data-design].is-subpage .db-category-types { background:var(--white-line); }
body[data-design].is-subpage .db-category-type-title strong { color:var(--gold-light); }
body[data-design].is-subpage .db-category-subtypes b { color:#b5c4cf; }
body[data-design].is-subpage .db-global-search { gap:10px; }
body[data-design].is-subpage .db-global-search input { border:1px solid #3c505f; }
body[data-design].is-subpage .db-global-search button { padding:12px 18px; border:1px solid var(--gold); border-radius:5px; background:var(--gold); color:#14212a; font-weight:700; }
body[data-design].is-subpage .legal-pro-nav { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }
body[data-design].is-subpage .legal-pro-nav a { border:1px solid var(--white-line); border-radius:5px; background:#172630; color:#bdcbd5; font-size:12px; padding:12px 16px; }
body[data-design].is-subpage .legal-pro-nav a.active { border-color:var(--gold-dark); color:var(--gold-light); background:#2a3943; }
body[data-design].is-subpage .legal-pro-number { color:var(--gold); background:#26343d; border-color:var(--line); border-radius:5px; }
body[data-design].is-subpage .legal-pro-card :is(p,li) { font-size:14px; line-height:1.9; color:var(--muted); }
body[data-design].is-subpage .legal-pro-card a { color:var(--gold-light); }
body[data-design].is-subpage .rol-skill-icon-preview { background:#172934; border-color:var(--gold-dark); }
body[data-design].is-subpage .rol-community-empty,
body[data-design].is-subpage .rol-guild-empty,
body[data-design].is-subpage .db-empty { background:#13232d; border:1px dashed #536875; border-radius:7px; color:var(--muted); }
@media(max-width:800px) {
 body[data-design].is-subpage .db-browser-filters { position:static; }
}
@media(max-width:560px) {
 body[data-design].is-subpage .db-pagehead { padding:22px; }
 body[data-design].is-subpage .db-global-search { grid-template-columns:minmax(0,1fr); }
 body[data-design].is-subpage .db-global-search button { min-height:44px; }
}
body[data-design].is-subpage .rol-pro-status-light::after { inset:3px; }
body[data-design].is-subpage .rol-pro-status-light.online { color:#82d090; }
body[data-design].is-subpage .rol-pro-status-light.offline { color:#dc8c7f; }
body[data-design].is-subpage .rol-pro-status-light.neutral { color:var(--gold); }
body[data-design].is-subpage .rol-publish-form { background:#182832; border-color:var(--white-line); border-radius:7px; }
body[data-design].is-subpage .rol-publish-form label { color:var(--text); font-size:14px; }
body[data-design].is-subpage .rol-community-heading { background:#1c2e39; border-color:var(--white-line); border-radius:6px; color:var(--gold-light); }
body[data-design].is-subpage .rol-community-card strong { color:var(--text); }

/* === assets/rol120/rol120-public.css: kept in original load order === */
/* Rise of Legends v2.20.120 – approved cinematic visual reference.
   Visual-only layer on top of v2.20.119. No business logic overrides. */

:root { --rol120-bg:#09131b; --rol120-ink:#e9e7e2; --rol120-sand:#cbad7b; --rol120-gold:#d5ae72; --rol120-dark-gold:#9d7140; --rol120-line:#43515b; --rol120-panel:#101d26; --rol120-blue:#72bdd6; }
html {background:#09131b}
body[data-design="legends-120"] { color:#e6e8e9;background:radial-gradient(ellipse at 40% 10%,#1c354459,transparent 44%),#09131b;font-family:Inter,Arial,sans-serif;font-size:13px; }
body[data-design="legends-120"] .container { width:min(1550px,calc(100% - 86px)); max-width:1550px; }
body[data-design="legends-120"] .site-header { background:rgba(9,17,24,.92);box-shadow:0 2px 16px rgba(0,0,0,.5);border-bottom:1px solid rgba(191,169,122,.33);backdrop-filter:blur(14px); }
body[data-design="legends-120"] .header-inner { display:flex;align-items:center;gap:24px;justify-content:space-between;padding:0;min-height:64px; }
body[data-design="legends-120"] .site-brand {min-height:62px;flex:0 0 auto;gap:8px; }
body[data-design="legends-120"] .legends-crest { width:43px;height:51px;filter:drop-shadow(0 0 4px #5da3b9); }
body[data-design="legends-120"] .site-brand-copy {display:flex;flex-direction:column;gap:0}
body[data-design="legends-120"] .site-brand-copy small {font:500 11px Cinzel,Georgia,serif;letter-spacing:.06em;color:#ebd5b0}
body[data-design="legends-120"] .site-brand-copy strong {font:700 24px Cinzel,Georgia,serif;letter-spacing:-.065em;color:#f0e4d4;text-shadow:0 2px 10px #000}
body[data-design="legends-120"] .main-nav {position:static;flex:1;min-width:0;grid-column:auto;grid-row:auto;margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;min-height:64px;width:auto; }
body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger {white-space:nowrap;padding:18px 12px;min-height:64px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:#e5e7e9;font:600 12px Inter,Arial,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;}
body[data-design="legends-120"] .main-nav>a:hover,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger:hover,body[data-design="legends-120"] .main-nav>a.active,body[data-design="legends-120"] .main-nav .nav-dropdown.active>.nav-dropdown-trigger {color:#fff;border-bottom-color:#97c4d4;background:linear-gradient(0deg,#5a9eb61e,transparent 70%);}
body[data-design="legends-120"] .nav-dropdown {position:relative;}
body[data-design="legends-120"] .nav-dropdown-menu {border:1px solid #5d6b6c;background:#0e1b24f5;border-radius:2px;box-shadow:0 18px 30px #0009;}
body[data-design="legends-120"] .nav-dropdown-menu a {color:#e2e6e8;}
body[data-design="legends-120"] .header-actions {grid-column:auto;grid-row:auto;flex:0 0 auto;gap:7px;justify-content:flex-end;flex-wrap:nowrap;align-items:center;}
body[data-design="legends-120"] .header-actions .ghost-button {border:1px solid #525a60;background:#0d151dd9;color:#e7e8e9;font-size:11px;padding:9px 12px;border-radius:2px;min-height:37px}
body[data-design="legends-120"] .header-actions .gold-button {background:linear-gradient(180deg,#d5b37b,#8c5e34);box-shadow:inset 0 1px #f4d9ad,0 0 14px #dda76834;border:1px solid #e9c78b;color:white;font-size:11px;padding:9px 13px;min-height:37px;border-radius:2px;}
body[data-design="legends-120"] .header-discord-v28 {display:none}
body[data-design="legends-120"] .server-pill {display:none!important}
body[data-design="legends-120"] .site-footer {background:#09141d;border-color:#304553;padding:20px 0 0;}
body[data-design="legends-120"] .footer-grid {gap:22px;padding-bottom:24px}
body[data-design="legends-120"] .footer-grid>* {font-size:12px;color:#a9bac4}
body[data-design="legends-120"] .footer-bottom {color:#8aa0ad}
body[data-design="legends-120"] :is(a,button):focus-visible {outline:2px solid #f0d1a2;outline-offset:3px}
/* Landing layout: screenshot composition, separate genuine HTML cards. */
.rol120-home {background:radial-gradient(ellipse at 80% 3%,#24455755,transparent 55%),#09131b;padding-bottom:18px;}
.rol120-home .rol120-hero {height:330px;min-height:330px;position:relative;background:#101f2b;isolation:isolate;overflow:hidden;border-bottom:1px solid #5f655e9b}
.rol120-hero-art {position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07131be8 0%,#08151dee 18%,#0a1822bd 39%,#1424320c 65%,#0e1c25a8 100%),url('/assets/rol120/hero-castle.webp') right 32% center/73% auto no-repeat,#132331;}
.rol120-hero:after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#08131a 0%,transparent 17%),linear-gradient(90deg,#06111891,transparent 55%);z-index:-1}
.rol120-hero-inner {height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.rol120-hero-copy {width:min(580px,58%);padding:14px 0 13px;position:relative;text-shadow:0 2px 12px #000d}
.rol120-kicker {margin:0 0 6px!important;font:700 10px Inter,Arial,sans-serif;color:#cda970!important;letter-spacing:.26em!important;text-transform:uppercase}
.rol120-hero h1 {margin:3px 0 0;font:600 clamp(42px,4.3vw,67px)/1.08 Cinzel,Georgia,serif;letter-spacing:-.04em;color:#f2eee9;text-shadow:0 3px 5px #000,0 0 20px #101d24}
.rol120-hero h1 span {font-size:.85em;}
.rol120-flourish {width:330px;max-width:85%;height:25px;line-height:20px;color:#c1ab86;font-size:14px;letter-spacing:.18em;text-align:center;text-shadow:0 0 10px #e0b879;
}
.rol120-hero-copy>p:not(.rol120-kicker) {font:400 14px/1.45 Georgia,serif;max-width:465px;color:#e3e9ec;margin:7px 0 13px;text-shadow:0 1px 4px #000}
.rol120-hero-copy>p strong {color:white}
.rol120-hero-buttons {display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin:12px 0 10px}
.rol120-btn {min-height:43px;min-width:160px;display:inline-flex;justify-content:center;align-items:center;padding:10px 19px;border:1px solid #a3aeb5;text-decoration:none;font:700 12px Cinzel,Georgia,serif;letter-spacing:.02em;color:white;background:#09161dbd;transition:transform .2s,box-shadow .2s}
.rol120-btn:hover {transform:translateY(-2px);box-shadow:0 5px 15px #0009}
.rol120-btn-gold {background:linear-gradient(180deg,#d6b480ed,#7a4d2ecf);border:1px solid #f2d0a1;box-shadow:inset 0 1px #ffe0ac,0 0 13px #cf965847;color:#fff}
.rol120-hero-benefits {display:flex;flex-wrap:wrap;gap:16px;color:#c5d0d8;font-size:10px}
.rol120-hero-side {font:500 13px/2.1 Cinzel,serif;letter-spacing:.16em;color:#cfb383;text-align:center;align-self:center;padding-top:115px;opacity:.9;text-shadow:0 2px 6px #000}
.rol120-feature-row {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;transform:translateY(-2px);position:relative;z-index:1}
.rol120-feature {height:78px;overflow:hidden;display:flex;align-items:center;gap:11px;padding:10px 14px;text-decoration:none;background:linear-gradient(90deg,#14222bd9 0%,#0e1a20eb 75%),url('/assets/rol120/news-1.webp') center/cover;border:1px solid #53616a;border-radius:2px;box-shadow:inset 0 1px #ffffff14,0 2px 9px #0008}
.rol120-feature:nth-child(2){background-image:linear-gradient(90deg,#14222bf2,#07131ec0),url('/assets/rol120/news-2.webp')}
.rol120-feature:nth-child(3){background-image:linear-gradient(90deg,#14222bf2,#07131ec0),url('/assets/rol120/news-1.webp')}
.rol120-feature:nth-child(4){background-image:linear-gradient(90deg,#14222bf2,#07131ec0),url('/assets/rol120/news-3.webp')}
.rol120-feature-icon {display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:50%;border:1px solid #6f665346;background:#1a2830c4;font:30px Georgia,serif;color:#d5bb86;text-shadow:0 1px #000}
.rol120-feature strong {display:block;color:#f2e9dc;font:600 12px Cinzel,Georgia,serif;margin-bottom:2px;white-space:nowrap}
.rol120-feature small {display:block;color:#d0d9de;font:11px/1.4 Georgia,serif}
.rol120-feature:hover {border-color:#d4b17b;transform:translateY(-1px)}
.rol120-serverstrip {min-height:64px;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:11px 21px;margin-top:7px;border:1px solid #53616a;background:linear-gradient(90deg,#0d1921,#1a2c34 53%,#091721);box-shadow:inset 0 1px #ffffff13}
.rol120-server-state {display:flex;align-items:center;gap:15px;min-width:250px}
.rol120-server-state>i {height:33px;width:33px;flex:none;border:1px solid #356e45;background:radial-gradient(circle,#ffe4b1 0%,#b58842 30%,#433119 63%);border-radius:50%;box-shadow:0 0 20px #c29d4659}
.rol120-server-state>i.is-offline {background:radial-gradient(circle,#fff2e0,#b54635 33%,#3d1010 70%);box-shadow:0 0 18px #ab291955}
.rol120-server-state strong {display:block;color:#97dbad;font:700 14px Cinzel,serif}
.rol120-server-state small {font-size:11px;color:#becbd2}
.rol120-servermetric {display:flex;flex-direction:column;align-items:flex-start;min-width:85px}
.rol120-servermetric strong {font:700 15px Cinzel,serif;color:#a5e4f4}
.rol120-servermetric span {font:11px Georgia,serif;color:#c4d3db}
.rol120-serverlink {text-decoration:none;color:#e1ded5;border:1px solid #82929a;padding:12px 18px;font:600 10px Cinzel,serif;white-space:nowrap}
.rol120-home-grid {display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,.89fr) minmax(0,.85fr);gap:24px;margin-top:16px;align-items:start;}
.rol120-section-title {display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-height:24px;margin-bottom:6px}
.rol120-section-title h2 {font:700 13px Cinzel,serif;margin:0;color:#e8e6e1;letter-spacing:.015em;white-space:nowrap}
.rol120-section-title>a {font-size:11px;font-family:Georgia,serif;color:#66cce6;text-decoration:none;white-space:nowrap}
.rol120-news-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.rol120-news-card {min-width:0;border:1px solid #45535c;background:linear-gradient(#152631,#0b171e);box-shadow:inset 0 1px #ffffff14;display:flex;flex-direction:column;min-height:250px}
.rol120-news-image {height:103px;overflow:hidden;display:block;background:#1d3040}
.rol120-news-image img {width:100%;height:100%;object-fit:cover;transition:transform .3s}
.rol120-news-card:hover img {transform:scale(1.04)}
.rol120-news-body {padding:9px 11px 11px;display:flex;flex-direction:column;flex:1;}
.rol120-news-meta {display:flex;gap:7px;align-items:center;min-width:0}
.rol120-news-meta b {background:#2a62a4;color:white;font:700 9px Inter,Arial,sans-serif;border:1px solid #72b5df;border-radius:4px;padding:2px 5px;text-transform:uppercase}
.rol120-news-card:nth-child(2) .rol120-news-meta b {background:#9e3e42;border-color:#ce7877}
.rol120-news-card:nth-child(3) .rol120-news-meta b {background:#946a3e;border-color:#dba66d}
.rol120-news-meta time {font-size:10px;color:#9db1ba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rol120-news-card h3 {font:600 14px/1.2 Cinzel,serif;margin:8px 0 5px;color:#f1eee8}
.rol120-news-card h3 a {color:inherit;text-decoration:none}
.rol120-news-card p {font:11px/1.35 Georgia,serif;color:#bdc7cb;margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.rol120-textlink {margin-top:auto;text-decoration:none;font:11px Georgia,serif;color:#8cdaec}
.rol120-empty {justify-content:center;padding:14px;color:#bbcad1;font-size:12px}
.rol120-rank-box {border:1px solid #3d4e58;background:#0c171f;min-height:250px}
.rol120-ranking-tabs {display:grid;grid-template-columns:repeat(4,1fr);background:#09141c;gap:2px;padding:3px}
.rol120-ranking-tabs a {text-align:center;padding:5px 3px;text-decoration:none;color:#bbc7d0;font:11px Georgia,serif}
.rol120-ranking-tabs a.active {background:linear-gradient(#35596a,#253d4a);color:white}
.rol120-rank-heading,.rol120-rank-row {display:grid;grid-template-columns:26px 1fr 1fr 34px;gap:5px;align-items:center;padding:5px 9px;font-size:10px}
.rol120-rank-heading {background:#1c2c36;color:#9fb0bd;font:600 9px Inter,sans-serif}
.rol120-rank-row {border-top:1px solid #ffffff16;min-height:32px;text-decoration:none;color:#e4e5e3}
.rol120-rank-row b {font-size:11px;font-weight:600}
.rol120-rank-row b.top {color:#e3b65a;text-shadow:0 0 5px #8b632b}
.rol120-rank-row strong {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rol120-rank-row small {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b6c9d5;font-size:10px}
.rol120-rank-row:hover {background:#234151}
.rol120-rank-empty {padding:25px 10px;color:#a9b7c1}
.rol120-wiki-cover {display:flex;min-height:155px;align-items:flex-end;padding:14px;text-decoration:none;border:1px solid #42515a;background:linear-gradient(0deg,#07121af9 5%,#12222c0a 100%),url('/assets/rol120/wiki-books.webp') center/cover;color:#f1e6d3;}
.rol120-wiki-cover strong {display:block;font:600 14px Cinzel,serif}
.rol120-wiki-cover small {display:block;font:11px/1.4 Georgia,serif;color:#e0e5e4}
.rol120-wiki-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}
.rol120-wiki-links a {padding:10px 6px;text-align:center;text-decoration:none;background:linear-gradient(#1e2d38,#101d27);border:1px solid #465660;color:#f1eee4;font:11px Georgia,serif}
.rol120-wiki-links a:hover {background:#324e5c}
.rol120-bottom-promos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:14px;margin-bottom:0}
.rol120-promo {min-height:100px;display:flex;align-items:center;gap:13px;padding:10px 15px;text-decoration:none;background:linear-gradient(90deg,#0c161ff5 0%,#15202cad 70%),url('/assets/rol120/news-2.webp') center/cover;border:1px solid #826844;color:#eee5d5;box-shadow:inset 0 0 0 1px #ffffff10}
.rol120-promo:nth-child(2) {background-image:linear-gradient(90deg,#0c161ff5,#13243591),url('/assets/rol120/hero-castle.webp')}
.rol120-promo:nth-child(3) {background-image:linear-gradient(90deg,#0c161ff5,#13243591),url('/assets/rol120/news-1.webp')}
.rol120-promo-icon {font:35px Georgia,serif;color:#d1aa6a;width:53px;flex:0 0 53px;text-align:center}
.rol120-promo strong {display:block;font:600 12px Cinzel,serif;}
.rol120-promo small {display:block;max-width:320px;font:11px/1.35 Georgia,serif;color:#c5d0d2}
.rol120-promo em {display:inline-block;margin-top:6px;padding:4px 10px;border:1px solid #8f764f;font:normal 9px Cinzel,serif;color:#e9d0a3}
/* The rest of the 180+ PHP pages inherit this visual language without rewriting their working logic. */
body[data-design="legends-120"].is-subpage {background:radial-gradient(ellipse at 60% 0,#193b4b33,transparent 55%),#0a151d;color:#dce5e9;}
body[data-design="legends-120"].is-subpage :is(.page-hero,.subpage-hero,.rol-page-hero,.page-heading,.page-banner,.wiki-hero,.account-hero,.downloads-hero,.news-hero) {background-image:linear-gradient(90deg,#101d26ed,#112332a4),url('/assets/rol120/admin-landscape.webp');background-size:cover;background-position:center;border:1px solid #52616a;border-radius:3px;}
body[data-design="legends-120"].is-subpage :is(.card,.panel,.section-card,.wiki-card,.news-card,.account-card,.stat-card,.download-card,.faq-category,.faq-item,.rol-referral-item-card,.roadmap-card,.status-card,.event-card,.support-card) {border-radius:3px!important;border-color:#425563!important;background:#11212be8;box-shadow:inset 0 1px #ffffff12,0 10px 25px #0002}
body[data-design="legends-120"].is-subpage :is(.page-title,h1,h2,h3,.section-title) {color:#f0e7d7;text-shadow:0 1px 8px #0004}
body[data-design="legends-120"].is-subpage :is(.primary-button,.gold-button,.download-primary-button,.rol-action-gold) {border-radius:3px;background:linear-gradient(180deg,#d5b67e,#94693c);color:#fff;box-shadow:inset 0 1px #f7ddab55;border-color:#bf965e;}
body[data-design="legends-120"].is-subpage :is(input,select,textarea) {border-radius:3px;border-color:#4b5f6b;color:#e6edf0;background:#0c1922;}
body[data-design="legends-120"].is-subpage :is(.wiki-nav a,.tab,.tabs a,.news-pagination a) {border-radius:3px;background:#142735;border:1px solid #425766;color:#cedce6}
body[data-design="legends-120"].is-subpage :is(.wiki-nav a.active,.tabs a.active) {background:#2a4858;color:#f4ddb7;border-color:#9e855f}
@media(max-width:1450px){body[data-design="legends-120"] .container{width:min(100% - 56px,1400px)}body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{padding:17px 9px;font-size:11px}.rol120-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.95fr) minmax(0,.85fr);gap:16px}.rol120-feature strong{font-size:11px}.rol120-feature-icon{width:45px;flex-basis:45px;height:45px}}
@media(max-width:1160px){body[data-design="legends-120"] .header-actions .gold-button,body[data-design="legends-120"] .header-actions .ghost-button{padding:8px}.rol120-home-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.rol120-home-wiki{grid-column:1/-1}.rol120-wiki-cover{min-height:125px}.rol120-feature-row{grid-template-columns:repeat(2,1fr)}.rol120-feature{height:75px}.rol120-hero{height:345px}.rol120-hero-art{background-size:90% auto}}
@media(max-width:900px){body[data-design="legends-120"] .header-inner{display:grid;grid-template-columns:1fr auto;min-height:64px;gap:0 15px}.rol120-hero-side{display:none}.rol120-hero-copy{width:85%}.rol120-serverstrip{flex-wrap:wrap}.rol120-home-grid{grid-template-columns:1fr 1fr}.rol120-home-news{grid-column:1/-1}.rol120-home-wiki{grid-column:auto}.rol120-bottom-promos{grid-template-columns:1fr}.rol120-serverstate{min-width:auto}.rol120-feature-row{grid-template-columns:repeat(2,1fr)}body[data-design="legends-120"] .main-nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:75vh;overflow:auto;padding:12px;background:#0c1a25f5;border:1px solid #50606b;flex-direction:column;align-items:stretch;gap:0;min-height:0}body[data-design="legends-120"] .main-nav.open{display:flex}body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{min-height:44px;justify-content:flex-start;padding:12px 16px}body[data-design="legends-120"] .nav-toggle{display:flex;grid-row:1;grid-column:2}body[data-design="legends-120"] .header-actions{display:none}body[data-design="legends-120"] .nav-dropdown-menu{position:static;max-width:none;box-shadow:none} }
@media(max-width:630px){body[data-design="legends-120"] .container{width:calc(100% - 28px)}body[data-design="legends-120"] .site-brand-copy strong{font-size:19px}body[data-design="legends-120"] .legends-crest{width:32px;height:40px}.rol120-home .rol120-hero{height:420px}.rol120-hero-art{background:linear-gradient(90deg,#07131bd8,#08151da1 65%,#0e1c25d0),url('/assets/rol120/hero-castle.webp') center/cover}.rol120-hero-copy{width:100%;max-width:none}.rol120-hero h1{font-size:clamp(36px,10.5vw,58px)}.rol120-hero-copy>p:not(.rol120-kicker){font-size:14px}.rol120-hero-benefits{gap:8px}.rol120-feature-row{grid-template-columns:1fr 1fr;gap:6px}.rol120-feature{height:95px;padding:7px;gap:5px}.rol120-feature-icon{display:none}.rol120-feature strong{white-space:normal;font-size:10px}.rol120-feature small{font-size:10px}.rol120-serverstrip{gap:10px;padding:12px}.rol120-server-state{width:100%}.rol120-servermetric{min-width:60px;flex:1}.rol120-serverlink{width:100%;text-align:center}.rol120-home-grid{display:block}.rol120-home-grid>div{margin-bottom:17px}.rol120-news-cards{grid-template-columns:1fr}.rol120-news-card{min-height:0;display:grid;grid-template-columns:35% 1fr}.rol120-news-image{height:100%;min-height:155px}.rol120-section-title h2{font-size:12px}.rol120-section-title>a{font-size:10px}.rol120-wiki-links{grid-template-columns:1fr 1fr}.rol120-promo{min-height:104px}.rol120-promo-icon{width:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.rol120-home *,body[data-design="legends-120"] *{transition:none!important;animation:none!important}}
.rol120-event-schedule{margin-top:22px;margin-bottom:12px}
.rol120-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rol120-event-grid article{background:linear-gradient(135deg,#142c3a,#0b1922);border:1px solid #4e626c;padding:13px 16px;min-height:92px}
.rol120-event-grid article>span{font:700 10px Inter,sans-serif;letter-spacing:.09em;color:#d6ae71}
.rol120-event-grid h3{font:600 14px Cinzel,serif;margin:7px 0 5px;color:#eee4d5}
.rol120-event-grid p{font:11px Georgia,serif;color:#c8d5d9;margin:0}
.rol120-upcoming-events{margin-top:15px;background:#10212c;border:1px solid #485963;padding:12px}
.rol120-upcoming-events>h3{font:600 12px Cinzel,serif;color:#d9b883;margin:0 0 8px}
.rol120-upcoming-events>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rol120-upcoming-events a{display:flex;flex-direction:column;gap:5px;color:#e2e8ec;text-decoration:none;background:#192d38;border:1px solid #3e525e;padding:10px}
.rol120-upcoming-events a time{font-size:10px;color:#8ad2e8}.rol120-upcoming-events a strong{font:600 13px Cinzel,serif}.rol120-upcoming-events a span{font-size:11px;color:#aebec8}
@media(max-width:900px){.rol120-event-grid{grid-template-columns:repeat(2,1fr)}.rol120-upcoming-events>div{grid-template-columns:1fr 1fr}}
@media(max-width:630px){.rol120-event-grid{grid-template-columns:1fr 1fr}.rol120-upcoming-events>div{grid-template-columns:1fr}}

.rol120-server-state>i.is-online{background:radial-gradient(circle,#d0ffd1 0%,#3da45d 30%,#123321 63%);box-shadow:0 0 20px #16af5959;border-color:#356e45}
/* v2.20.120 visual QA alignment against the approved 1672×941 reference */
@media(min-width:901px){
body[data-design="legends-120"] .site-header .container{width:min(1290px,calc(100% - 80px))}
body[data-design="legends-120"] .header-inner{min-height:53px}
body[data-design="legends-120"] .site-brand{min-height:53px}
body[data-design="legends-120"] .main-nav{min-height:53px}
body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{min-height:53px;padding-top:12px;padding-bottom:12px}
.rol120-home .rol120-hero{height:315px;min-height:315px}
.rol120-hero-inner{padding-left:clamp(20px,8.7vw,148px)}
.rol120-hero-art{background-size:65% auto}
.rol120-news-card{min-height:212px}
}
@media(min-width:901px){.rol120-hero-art{background-size:100% 100%,65% auto;background-position:center,right 32% center;background-repeat:no-repeat,no-repeat}}

/* === assets/rol121/rol121-public.css: kept in original load order === */
/* Rise of Legends v2.20.121 — visual layout/color correction only.
   Loaded AFTER v2.20.120; preserves all HTML, PHP, account logic and links. */
:root{--rol121-bg:#14191c;--rol121-ink:#f0ece6;--rol121-gold:#d9b475;--rol121-amber:#be8d51;--rol121-moss:#789c8b;--rol121-slate:#292e32;--rol121-warm:#302a27;--rol121-navy:#1c2630;--rol121-border:#74634b;--rol121-muted:#b9c0bf}
html{background:var(--rol121-bg)}
body[data-design="legends-120"]{background:radial-gradient(ellipse at 67% 0,#44403650,transparent 41%),linear-gradient(115deg,#111b1f,#1a1d1d 48%,#161a1e);color:var(--rol121-ink);font-size:15px;line-height:1.55}
body[data-design="legends-120"] .container{width:min(1640px,calc(100% - 64px));max-width:1640px}
body[data-design="legends-120"] .site-header{background:linear-gradient(90deg,#10181cf2,#22211ef2 65%,#121a1ff5);border-bottom:1px solid #ac895b7a;box-shadow:0 8px 26px #0007}
body[data-design="legends-120"] .header-inner{min-height:76px;gap:22px}
body[data-design="legends-120"] .site-brand{min-height:72px}
body[data-design="legends-120"] .site-brand-copy strong{font-size:26px;color:#f0ddbe}
body[data-design="legends-120"] .site-brand-copy small{font-size:12px;letter-spacing:.13em}
body[data-design="legends-120"] .main-nav{min-height:72px;gap:1px}
body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{min-height:72px;padding:19px 15px;font-size:13px;color:#d5d7d3}
body[data-design="legends-120"] .main-nav>a.active,body[data-design="legends-120"] .main-nav>a:hover,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger:hover{color:#f3d8a8;border-bottom-color:#d9b475;background:linear-gradient(0deg,#ad834b2b,transparent 75%)}
body[data-design="legends-120"] .header-actions .ghost-button{color:#eee8dc;border-color:#87745d;background:#24282bbb;font-size:12px;padding:10px 16px}
body[data-design="legends-120"] .header-actions .gold-button{font-size:12px;padding:10px 17px;background:linear-gradient(#e1bf87,#966536);color:#241d16;border-color:#f0cf93}
body[data-design="legends-120"] .site-footer{background:#121719;border-top:1px solid #a38053}
/* Landing: wider presentation, intentionally different material/colors per panel. */
.rol120-home{background:linear-gradient(0deg,#171a1c 8%,#111c21 70%,#121c20);padding-bottom:40px}
.rol120-home .rol120-hero{height:430px;min-height:430px;background:#1c2528;border-bottom:2px solid #a98b5b}
.rol120-hero-art{background:linear-gradient(90deg,#101a20e8 0%,#101a20d4 18%,#17252bb3 37%,#17222d24 72%,#152129b0 100%),url('/assets/rol120/hero-castle.webp') 72% 43%/cover no-repeat,#212932}
.rol120-hero:after{background:linear-gradient(0deg,#14191c 0%,transparent 23%),linear-gradient(90deg,#14171890,transparent 58%)}
.rol120-hero-inner{padding-left:0;align-items:center}
.rol120-hero-copy{width:min(700px,63%);padding:24px 0 22px}
.rol120-kicker{font-size:12px;color:#e7be83!important;letter-spacing:.22em!important}
.rol120-hero h1{font-size:clamp(44px,4.3vw,72px);letter-spacing:-.045em;line-height:1.07;color:#f4f0e9}
.rol120-flourish{margin:7px 0 10px;color:#ebc68c}
.rol120-hero-copy>p:not(.rol120-kicker){max-width:590px;font:16px/1.55 Georgia,serif;color:#ebebe8;margin:12px 0 16px}
.rol120-hero-buttons{gap:14px;margin:19px 0 16px}
.rol120-btn{font-size:13px;min-height:50px;min-width:180px;border-radius:4px;border-color:#8a8f8c;background:linear-gradient(#263137,#161f25)}
.rol120-btn-gold{color:#1b1714;background:linear-gradient(#edce91,#b8874e);border-color:#f5d69b;box-shadow:inset 0 1px #fff6,0 5px 20px #0008}
.rol120-hero-benefits{font-size:12px;gap:14px;color:#e2dfd4}
.rol120-hero-side{font-size:14px;color:#f0c78e;padding:70px 5px 0 0}
.rol120-feature-row{gap:15px;transform:translateY(-5px)}
.rol120-feature{height:auto;min-height:108px;padding:18px;gap:14px;border-color:#746c5e;border-radius:5px;background:linear-gradient(110deg,#242b2ef2,#1d2429e5 67%,#141c20b8),url('/assets/rol120/news-1.webp') center/cover;box-shadow:inset 0 1px #ffffff1b,0 6px 17px #0008}
.rol120-feature:nth-child(2){background-image:linear-gradient(105deg,#26252af0,#232b30cb),url('/assets/rol120/news-2.webp');border-color:#886f59}
.rol120-feature:nth-child(3){background-image:linear-gradient(105deg,#202a2beb,#172632b8),url('/assets/rol120/news-1.webp');border-color:#55727d}
.rol120-feature:nth-child(4){background-image:linear-gradient(105deg,#312a23f2,#25201ebd),url('/assets/rol120/news-3.webp');border-color:#937047}
.rol120-feature-icon{width:62px;height:62px;flex-basis:62px;background:#302a2570;border-color:#ab8c5b;color:#e5be80}
.rol120-feature strong{font-size:14px;white-space:normal;line-height:1.3;color:#f5ecda;margin-bottom:5px}
.rol120-feature small{font:13px/1.4 Inter,Arial,sans-serif;color:#e2e2dd}
.rol120-serverstrip{min-height:93px;margin-top:14px;padding:16px 22px;background:linear-gradient(100deg,#182924,#262d2a 44%,#1b262a);border:1px solid #587866;border-left:4px solid #86b092;border-radius:5px;box-shadow:0 8px 21px #0005}
.rol120-server-state strong{color:#a4dbb3;font-size:16px}
.rol120-server-state small{font-size:12px;color:#cbdad1}
.rol120-servermetric strong{font-size:22px;color:#e8c68d}
.rol120-servermetric span{font:12px Inter,sans-serif;color:#c4cfcb}
.rol120-serverlink{padding:13px 18px;font-size:12px;background:#192b2a;border-color:#86a69b;color:#eceade;border-radius:3px}
.rol120-home-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,.91fr) minmax(0,.88fr);gap:22px;margin-top:27px}
.rol120-section-title{min-height:34px;align-items:center;margin-bottom:11px;border-bottom:1px solid #6e63564d;padding-bottom:8px}
.rol120-section-title h2{font-size:16px;color:#e7c996;letter-spacing:.035em}
.rol120-section-title>a{font:12px Inter,sans-serif;color:#a2d2c8}
.rol120-news-cards{gap:12px}
.rol120-news-card{min-height:330px;background:linear-gradient(150deg,#292d2f,#212426);border:1px solid #756951;border-radius:5px;overflow:hidden;box-shadow:0 6px 16px #0006}
.rol120-news-card:nth-child(2){background:linear-gradient(145deg,#302824,#242124);border-color:#826451}
.rol120-news-card:nth-child(3){background:linear-gradient(145deg,#222d2f,#20282c);border-color:#52747c}
.rol120-news-image{height:150px}
.rol120-news-body{padding:15px 16px 17px}
.rol120-news-meta b{font-size:10px;padding:4px 6px}
.rol120-news-meta time{font-size:11px;color:#ded2c2}
.rol120-news-card h3{font:600 17px/1.28 Cinzel,serif;margin:11px 0 9px}
.rol120-news-card p{font:13px/1.48 Inter,Arial,sans-serif;color:#d2d7d5}
.rol120-textlink{font:600 12px Inter,sans-serif;color:#cbb080}
.rol120-rank-box{min-height:330px;background:#202a31;border:1px solid #677a7e;border-radius:5px;overflow:hidden}
.rol120-ranking-tabs{background:#16252c;padding:5px;gap:4px}
.rol120-ranking-tabs a{font:12px Inter,sans-serif;padding:11px 5px;color:#bdcbd0}
.rol120-ranking-tabs a.active{background:#9e7950;color:#fff3d8;font-weight:700}
.rol120-rank-heading{font-size:11px;padding:11px 12px;background:#31414a;color:#dce3e5}
.rol120-rank-row{min-height:40px;padding:8px 12px;font-size:12px}
.rol120-rank-row b,.rol120-rank-row small{font-size:12px}
.rol120-rank-empty{padding:26px 18px;font-size:13px;color:#d0dadb}
.rol120-wiki-cover{min-height:226px;background:linear-gradient(0deg,#291e16f2,transparent 80%),url('/assets/rol120/wiki-books.webp') center/cover;border-color:#977a53;border-radius:5px;overflow:hidden;padding:17px}
.rol120-wiki-cover strong{font-size:17px;color:#ffdfaa}
.rol120-wiki-cover small{font:13px/1.45 Inter,Arial,sans-serif;color:#f4eddd}
.rol120-wiki-links{gap:8px;margin-top:9px}
.rol120-wiki-links a{padding:13px 7px;font:12px Inter,sans-serif;border-color:#89745c;background:linear-gradient(#3a3028,#282622);border-radius:4px}
.rol120-bottom-promos{gap:16px;margin-top:25px}
.rol120-promo{min-height:143px;padding:20px;gap:19px;border:1px solid #846b4b;border-radius:5px;background:linear-gradient(90deg,#2b2623e8,#241f20c2),url('/assets/rol120/news-2.webp') center/cover}
.rol120-promo:nth-child(2){border-color:#54736a;background-image:linear-gradient(90deg,#1d302be8,#24312ba1),url('/assets/rol120/hero-castle.webp')}
.rol120-promo:nth-child(3){border-color:#917042;background-image:linear-gradient(90deg,#33271df0,#3a3025b1),url('/assets/rol120/news-1.webp')}
.rol120-promo strong{font-size:15px;color:#f7e5c5}
.rol120-promo small{font:13px/1.5 Inter,sans-serif;color:#e0dfd9}
.rol120-promo em{font:600 11px Inter,sans-serif;color:#f2ce93;padding:7px 12px;margin-top:9px}
.rol120-event-schedule{margin-top:27px}
.rol120-event-grid{gap:14px}
.rol120-event-grid article{min-height:124px;border-color:#736450;background:linear-gradient(145deg,#302d2a,#1d2629);padding:20px;border-radius:5px}
.rol120-event-grid article:nth-child(2){background:linear-gradient(130deg,#262c2f,#202b31);border-color:#627b83}
.rol120-event-grid article:nth-child(3){background:linear-gradient(130deg,#2c2825,#3a2924);border-color:#946c50}
.rol120-event-grid article:nth-child(4){background:linear-gradient(130deg,#2c3129,#242b24);border-color:#677e63}
.rol120-event-grid article>span{font-size:11px}
.rol120-event-grid h3{font-size:17px;margin:10px 0 7px}
.rol120-event-grid p{font:13px/1.5 Inter,sans-serif}
.rol120-upcoming-events{background:#242b2b;border-color:#8b744f;padding:17px;border-radius:5px}
.rol120-upcoming-events a{background:#2f3432;border-color:#68766e}
/* All existing public subpages inherit a warmer, readable and varied card system. */
body[data-design="legends-120"].is-subpage{background:radial-gradient(ellipse at 50% 0,#3b342844,transparent 45%),#171b1d;color:#e8e6e1}
body[data-design="legends-120"].is-subpage :is(.page-hero,.subpage-hero,.rol-page-hero,.page-heading,.page-banner,.wiki-hero,.account-hero,.downloads-hero,.news-hero){border-color:#957750;border-left:4px solid #c09a65;background-image:linear-gradient(90deg,#241f1be8,#1b292bb0),url('/assets/rol120/admin-landscape.webp');border-radius:5px;padding:clamp(20px,2.2vw,36px)}
body[data-design="legends-120"].is-subpage :is(.card,.panel,.section-card,.wiki-card,.news-card,.account-card,.stat-card,.download-card,.faq-category,.faq-item,.rol-referral-item-card,.roadmap-card,.status-card,.event-card,.support-card){border-radius:5px!important;background:linear-gradient(145deg,#282b2b,#202628)!important;border-color:#70675a!important;box-shadow:0 8px 23px #0004}
body[data-design="legends-120"].is-subpage :is(.card,.panel,.section-card,.wiki-card,.news-card,.account-card,.stat-card,.download-card,.faq-category,.faq-item,.rol-referral-item-card,.roadmap-card,.status-card,.event-card,.support-card):nth-child(even){background:linear-gradient(140deg,#282b2c,#272624)!important}
body[data-design="legends-120"].is-subpage :is(.page-title,h1,h2,h3,.section-title){color:#f1e5d2}
body[data-design="legends-120"].is-subpage :is(input,select,textarea){font-size:14px;background:#1a2124;border-color:#7b6e5b}
body[data-design="legends-120"].is-subpage :is(.wiki-nav a,.tab,.tabs a,.news-pagination a){font-size:13px;background:#293034;border-color:#727165}
body[data-design="legends-120"].is-subpage :is(.wiki-nav a.active,.tabs a.active){background:#594a35;border-color:#c7a16b;color:#fff0d3}
/* Width + typography: replace the old cramped 1290 px desktop override. */
@media(min-width:901px){
  body[data-design="legends-120"] .site-header .container{width:min(1640px,calc(100% - 64px));max-width:1640px}
  body[data-design="legends-120"] .header-inner,body[data-design="legends-120"] .site-brand,body[data-design="legends-120"] .main-nav{min-height:72px}
  body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{min-height:72px;padding:18px 12px;font-size:13px}
  .rol120-home .rol120-hero{height:430px;min-height:430px}
  .rol120-hero-inner{padding-left:0}
  .rol120-hero-art{background-size:cover;background-position:72% 43%}
  .rol120-news-card{min-height:330px}
}
@media(max-width:1450px) and (min-width:901px){body[data-design="legends-120"] .container,body[data-design="legends-120"] .site-header .container{width:calc(100% - 48px)}.rol120-home-grid{gap:14px;grid-template-columns:minmax(0,1.5fr) minmax(0,.91fr) minmax(0,.9fr)}.rol120-feature strong{font-size:13px}.rol120-feature-icon{width:50px;height:50px;flex-basis:50px}.rol120-news-image{height:135px}}
@media(max-width:1160px){.rol120-home-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.rol120-home-wiki{grid-column:1/-1}.rol120-wiki-cover{min-height:180px}.rol120-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rol120-feature{min-height:98px}}
@media(max-width:900px){body[data-design="legends-120"] .container{width:calc(100% - 32px)}body[data-design="legends-120"] .header-inner{min-height:64px}.rol120-home .rol120-hero{height:420px;min-height:420px}.rol120-hero-copy{width:85%}.rol120-home-grid{grid-template-columns:1fr 1fr}.rol120-home-news{grid-column:1/-1}.rol120-home-wiki{grid-column:auto}.rol120-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rol120-bottom-promos{grid-template-columns:1fr}.rol120-hero-art{background-size:cover}.rol120-news-card{min-height:310px}}
@media(max-width:630px){body[data-design="legends-120"] .container{width:calc(100% - 28px)}.rol120-home .rol120-hero{height:auto;min-height:490px}.rol120-hero-copy{width:100%;padding:30px 0}.rol120-hero h1{font-size:clamp(37px,9vw,55px)}.rol120-hero-copy>p:not(.rol120-kicker){font-size:15px}.rol120-hero-benefits{font-size:12px;gap:10px}.rol120-feature-row{gap:8px}.rol120-feature{min-height:115px;padding:12px}.rol120-feature-icon{display:none}.rol120-feature strong{font-size:12px}.rol120-feature small{font-size:12px}.rol120-serverstrip{padding:14px;gap:14px}.rol120-servermetric strong{font-size:19px}.rol120-home-grid{display:block}.rol120-home-grid>div{margin-bottom:23px}.rol120-news-cards{grid-template-columns:1fr}.rol120-news-card{min-height:0;display:grid;grid-template-columns:38% 1fr}.rol120-news-image{height:100%;min-height:190px}.rol120-news-card h3{font-size:14px}.rol120-news-card p{font-size:12px}.rol120-news-body{padding:12px}.rol120-section-title h2{font-size:14px}.rol120-wiki-cover{min-height:185px}.rol120-wiki-links a{font-size:12px}.rol120-promo{min-height:128px;padding:15px}.rol120-promo strong{font-size:13px}.rol120-promo small{font-size:12px}.rol120-event-grid{grid-template-columns:1fr 1fr}.rol120-event-grid article{padding:12px;min-height:125px}.rol120-event-grid h3{font-size:14px}.rol120-event-grid p{font-size:11px}}

/* === assets/rol122/rol122-public.css: kept in original load order === */
/* Rise of Legends v2.20.122 – actual-page QA fixes after 7 real screenshots.
   Scoped visual adjustments. No game logic, admin permissions, web control or DB touched. */
:root{--rol122-paper:#ede3d3;--rol122-sand:#dbb77c;--rol122-mute:#bac4c7;--rol122-dark:#151d21;--rol122-slate:#20292d;--rol122-panel:#293032;--rol122-edge:#83725b}
body[data-design="legends-120"]{color:var(--rol122-paper)}
/* Browser was sometimes still serving the cached v120 stylesheet. This file is loaded
   last from a new, versioned URL and keeps the baseline v121 improvements visible. */
body[data-design="legends-120"] .container{width:min(1540px,calc(100% - 60px));max-width:1540px}
body[data-design="legends-120"] .main-nav>a,body[data-design="legends-120"] .main-nav .nav-dropdown-trigger{font-size:13px!important}
body[data-design="legends-120"] .site-header{border-bottom:1px solid #b18a57a0}
/* Homepage – stop miniature-looking blocks on 1600px displays. */
body[data-design="legends-120"].is-home-page{background:#182022}
body[data-design="legends-120"].is-home-page .rol120-home{background:linear-gradient(#182124,#1d2425 47%,#171e21 100%);padding-bottom:65px}
body[data-design="legends-120"].is-home-page .rol120-hero{border-color:#b58f5b}
body[data-design="legends-120"].is-home-page .rol120-news-card{min-height:345px}
body[data-design="legends-120"].is-home-page .rol120-feature{min-height:120px}
body[data-design="legends-120"].is-home-page .rol120-feature small{font-size:13px}
body[data-design="legends-120"].is-home-page .rol120-home-grid{margin-top:36px}
body[data-design="legends-120"].is-home-page .rol120-section-title h2{font-size:18px}
body[data-design="legends-120"].is-home-page .rol120-bottom-promos{margin-top:31px}
body[data-design="legends-120"].is-home-page .rol120-serverstrip{background:linear-gradient(100deg,#24332e,#293431 51%,#1c292d);border-color:#8db29c}
/* Subpages – consistent but distinguishable surfaces, no fullscreen striped callout. */
body[data-design="legends-120"].is-subpage{--bg:#171e22;--panel:#232b2f;--panel-soft:#293135;--text:#f2e9d8;--muted:#b9c3c5;--white-line:#87775e54;--gold:#d8b17a;--gold-light:#f4d8aa;color:var(--text)}
body[data-design="legends-120"].is-subpage main.subpage,body[data-design="legends-120"].is-subpage main.db-page{background:#171e22}
body[data-design="legends-120"].is-subpage .page-hero{border-left:0;border-right:0;border-radius:0!important;background:linear-gradient(90deg,#151f24eb 0%,#1a282be2 55%,#22282290 100%),url('/assets/rol120/admin-landscape.webp') center 48%/cover;min-height:215px;padding:48px 0!important}
body[data-design="legends-120"].is-subpage .page-hero .container{padding:0}
body[data-design="legends-120"].is-subpage .page-hero::after{content:none!important;display:none!important}
body[data-design="legends-120"].is-subpage .page-hero h1{font-size:clamp(33px,3.8vw,55px);line-height:1.16}
body[data-design="legends-120"].is-subpage .page-hero p{color:#d7dfe0;font-size:15px}
body[data-design="legends-120"].is-subpage .eyebrow,body[data-design="legends-120"].is-subpage .panel-kicker{font-size:11px;letter-spacing:.13em;color:#e3b979}
body[data-design="legends-120"].is-subpage :is(.account-section,.wiki-section,.downloads-list-section){padding-top:38px}
/* Account: old decorative watermark visibly overlapped content in screenshots. */
body[data-design="legends-120"].is-subpage .account-security-panel::after{content:none!important;display:none!important}
body[data-design="legends-120"].is-subpage .account-section .container{max-width:1480px}
body[data-design="legends-120"].is-subpage .account-grid{gap:20px;margin-bottom:22px}
body[data-design="legends-120"].is-subpage .balance-card,body[data-design="legends-120"].is-subpage .account-grid>.account-card{min-height:200px;padding:28px 32px;border:1px solid #8b7759!important;border-radius:7px;background:linear-gradient(125deg,#302c28,#262a2a)!important;box-shadow:0 12px 27px #0004}
body[data-design="legends-120"].is-subpage .balance-card{background:linear-gradient(120deg,#25332f,#202e32)!important;border-color:#759989!important}
body[data-design="legends-120"].is-subpage .balance-card>span,body[data-design="legends-120"].is-subpage .account-card>span{font-size:12px;color:#d0c4ae}
body[data-design="legends-120"].is-subpage .balance-card strong,body[data-design="legends-120"].is-subpage .account-card strong{margin-top:16px;font-size:clamp(25px,2vw,34px);overflow-wrap:anywhere}
body[data-design="legends-120"].is-subpage .balance-card small,body[data-design="legends-120"].is-subpage .account-card small{font-size:13px;color:#bac9c9}
body[data-design="legends-120"].is-subpage .balance-card a,body[data-design="legends-120"].is-subpage .account-card a{margin-top:20px;font-size:13px;color:#f0c98e}
body[data-design="legends-120"].is-subpage .account-section .panel{padding:28px 30px!important;margin-bottom:20px;overflow:hidden;border:1px solid #827661!important;border-radius:7px!important;background:linear-gradient(110deg,#2c3030,#252c30)!important;box-shadow:0 10px 26px #0005}
body[data-design="legends-120"].is-subpage .account-section .rol-account-links-panel{background:linear-gradient(115deg,#2b302d,#232e2c)!important;border-color:#648578!important}
body[data-design="legends-120"].is-subpage .account-section .rol-account-history-panel{background:linear-gradient(115deg,#302c2a,#252a2d)!important}
body[data-design="legends-120"].is-subpage .account-security-panel{align-items:start;gap:30px}
body[data-design="legends-120"].is-subpage .account-security-panel :is(h2,p){margin-top:9px}
body[data-design="legends-120"].is-subpage .account-security-copy h2,body[data-design="legends-120"].is-subpage .account-info-panel h2{font-size:clamp(23px,2vw,29px);line-height:1.3}
body[data-design="legends-120"].is-subpage .account-security-copy p,body[data-design="legends-120"].is-subpage .account-info-panel p{font-size:14px;line-height:1.65;color:#c7cecc}
body[data-design="legends-120"].is-subpage .account-security-status>span{font-size:12px;color:#c5b9a3}
body[data-design="legends-120"].is-subpage .account-security-status>strong{font-size:11px}
body[data-design="legends-120"].is-subpage .account-info-panel{align-items:start;gap:30px}
body[data-design="legends-120"].is-subpage .quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-design="legends-120"].is-subpage .quick-links a{min-height:82px;background:#1f3037;border:1px solid #677b82;padding:16px}
body[data-design="legends-120"].is-subpage .quick-links a :is(span,small){font-size:13px}
/* Dense lists belong below their section headings: no empty left half on a long account. */
body[data-design="legends-120"].is-subpage .rol-account-community-panel,body[data-design="legends-120"].is-subpage .rol-account-history-panel{grid-template-columns:1fr!important;gap:22px}
body[data-design="legends-120"].is-subpage .rol-account-character-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-design="legends-120"].is-subpage .rol-account-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-design="legends-120"].is-subpage .rol-account-history-row{grid-template-columns:minmax(120px,.65fr) minmax(70px,.35fr) minmax(145px,.95fr);min-height:50px;gap:12px;background:#1e2c32;border:1px solid #5d737a;border-radius:5px;padding:10px 13px}
body[data-design="legends-120"].is-subpage .rol-account-history-row :is(strong,span,small){font-size:12px;overflow-wrap:anywhere;min-width:0}
body[data-design="legends-120"].is-subpage .rol-account-character-row{min-height:70px;background:linear-gradient(95deg,#1c3139,#213136);border:1px solid #597782;border-radius:5px}
body[data-design="legends-120"].is-subpage .rol-account-character-row :is(span,small){font-size:12px}
/* Downloads – make long admin-managed descriptions readable without creating a giant gray wall. */
body[data-design="legends-120"].is-subpage .downloads-guide-section{background:#25302f}
body[data-design="legends-120"].is-subpage .downloads-guide-grid article{background:#26373b;border-color:#657974;min-height:140px}
body[data-design="legends-120"].is-subpage .downloads-card-grid{gap:22px}
body[data-design="legends-120"].is-subpage .download-card{min-height:270px;padding:26px 30px!important;background:linear-gradient(145deg,#302b27,#222c30)!important;border:1px solid #9d835e!important;border-radius:7px!important}
body[data-design="legends-120"].is-subpage .download-card-copy{padding:20px 0}
body[data-design="legends-120"].is-subpage .download-card-copy h2{font-size:clamp(19px,2vw,26px);line-height:1.35;overflow-wrap:anywhere}
body[data-design="legends-120"].is-subpage .download-card-copy p{font-size:14px;color:#ced7d7;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}
body[data-design="legends-120"].is-subpage .download-card .rol122-download-details{margin:12px 0 4px;border-top:1px solid #88765880;padding-top:10px;color:#dbe2e0}
body[data-design="legends-120"].is-subpage .rol122-download-details summary{color:#f1c990;cursor:pointer;font-weight:700;font-size:13px;padding:8px 0;list-style:revert}
body[data-design="legends-120"].is-subpage .rol122-download-details[open] summary{margin-bottom:10px}
body[data-design="legends-120"].is-subpage .rol122-download-details p{white-space:normal;margin:0 0 7px}
body[data-design="legends-120"].is-subpage .download-card-kicker{font-size:11px}
body[data-design="legends-120"].is-subpage .download-card-platform{font-size:11px}
/* Wiki – screenshot shows 7-8px item metadata despite desktop 1600px. */
body[data-design="legends-120"].is-subpage .wiki-stat-card{min-height:130px;padding:22px 24px;background:linear-gradient(140deg,#293137,#242c30);border:1px solid #6b7775;border-radius:6px}
body[data-design="legends-120"].is-subpage .wiki-stat-card :is(span,small){font-size:12px;color:#c5d0d0}
body[data-design="legends-120"].is-subpage .wiki-stat-card strong{font-size:30px;color:#f3ce95;margin-top:12px}
body[data-design="legends-120"].is-subpage .wiki-category-grid{gap:16px}
body[data-design="legends-120"].is-subpage .wiki-feature-card{min-height:168px;padding:24px!important;background:linear-gradient(140deg,#28343a,#202b32);border:1px solid #6a8182;border-radius:6px}
body[data-design="legends-120"].is-subpage .wiki-feature-card:nth-child(even){background:linear-gradient(140deg,#302e2a,#262a2c);border-color:#927856}
body[data-design="legends-120"].is-subpage .wiki-feature-card>span{font-size:11px;color:#f0c28a}
body[data-design="legends-120"].is-subpage .wiki-feature-card h3{font-size:22px;margin:11px 0 10px}
body[data-design="legends-120"].is-subpage .wiki-feature-card p{font-size:14px;line-height:1.55;color:#c4ced0}
body[data-design="legends-120"].is-subpage .wiki-search-panel{border-color:#8d795e!important}
body[data-design="legends-120"].is-subpage .wiki-item-grid{gap:13px}
body[data-design="legends-120"].is-subpage .wiki-item-card{min-height:100px;padding:12px;grid-template-columns:64px minmax(0,1fr);gap:12px;background:linear-gradient(120deg,#23313a,#1f2b31);border:1px solid #607885;border-radius:6px}
body[data-design="legends-120"].is-subpage .wiki-item-card:nth-child(4n+2){background:linear-gradient(120deg,#2e2e2a,#292b2d);border-color:#777363}
body[data-design="legends-120"].is-subpage .wiki-item-icon{width:64px;height:64px;border-radius:4px;background:#16222a;border-color:#a18b64}
body[data-design="legends-120"].is-subpage .wiki-item-copy small{font-size:11px;margin-bottom:6px;color:#b4c3cb;line-height:1.3}
body[data-design="legends-120"].is-subpage .wiki-item-copy strong{font-size:14px;line-height:1.4;color:#f1d49c}
body[data-design="legends-120"].is-subpage .wiki-item-copy>span{font-size:11px;margin-top:7px;color:#c5cdd0}
body[data-design="legends-120"].is-subpage .wiki-result-head p,body[data-design="legends-120"].is-subpage .wiki-panel-heading p{font-size:13px;color:#c8d0cf}
body[data-design="legends-120"].is-subpage :is(.wiki-search-form,.wiki-monster-search) .form-field>span{font-size:13px;color:#d5d0c6}
/* Shared dynamic content should not silently overflow wide rows. */
body[data-design="legends-120"].is-subpage :is(.panel,.download-card,.wiki-feature-card,.wiki-stat-card,.account-card){min-width:0}
@media(min-width:1600px){body[data-design="legends-120"] .container{width:min(1540px,calc(100% - 72px))}}
@media(max-width:1150px){body[data-design="legends-120"].is-subpage :is(.rol-account-community-panel,.rol-account-history-panel,.rol-account-links-panel){grid-template-columns:1fr}body[data-design="legends-120"].is-subpage .wiki-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body[data-design="legends-120"].is-subpage .account-section .panel{padding:21px!important}body[data-design="legends-120"].is-subpage .quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){body[data-design="legends-120"] .container{width:calc(100% - 28px)}body[data-design="legends-120"].is-subpage .page-hero{padding:26px 0!important}body[data-design="legends-120"].is-subpage .account-grid,body[data-design="legends-120"].is-subpage .rol-account-community-panel,body[data-design="legends-120"].is-subpage .rol-account-history-panel{grid-template-columns:1fr}body[data-design="legends-120"].is-subpage .account-grid :is(.balance-card,.account-card){min-height:155px;padding:21px}body[data-design="legends-120"].is-subpage .quick-links{grid-template-columns:1fr}body[data-design="legends-120"].is-subpage .rol-account-history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}body[data-design="legends-120"].is-subpage .rol-account-history-row small{grid-column:1/-1}body[data-design="legends-120"].is-subpage :is(.rol-account-history-list,.rol-account-character-list){grid-template-columns:1fr}body[data-design="legends-120"].is-subpage .wiki-item-grid{grid-template-columns:1fr}body[data-design="legends-120"].is-subpage .download-card{padding:19px!important}}

/* === assets/rol123/rol123-public.css: kept in original load order === */
/* Rise of Legends v2.20.123 — navigation & feature-spacing visual patch.
   Purposefully scoped to the cinematic public layout. No PHP or JS behavior changes. */

/* The inherited legacy dropdown styles reserve a 34px icon column, but the new
   navigation renders text-only links. Remove that obsolete grid and make the
   two-level labels compact, readable and properly aligned. */
body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
  top: calc(100% + 3px);
  width: 290px;
  max-width: calc(100vw - 32px);
  padding: 7px;
  border: 1px solid #73634c;
  border-radius: 7px;
  background: linear-gradient(150deg, rgba(30, 40, 42, .99), rgba(13, 25, 31, .99));
  box-shadow: 0 14px 32px #000b, inset 0 1px #e5c18c19;
  max-height: min(72vh, 420px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
body[data-design="legends-120"] .main-nav .nav-dropdown.open > .nav-dropdown-menu {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: none;
  gap: 2px;
  width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  text-align: left;
  text-decoration: none;
  color: #f2e6d3;
  line-height: 1.3;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a:hover,
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a:focus-visible {
  background: linear-gradient(90deg, #ae87442b, #ffffff05);
  border-color: #98774b90;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a > span {
  display: block;
  min-width: 0;
  width: 100%;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu strong {
  display: block;
  margin: 0;
  font: 600 13px/1.35 Cinzel, Georgia, serif;
  color: #f0d7a9;
  letter-spacing: .015em;
  text-transform: none;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu small {
  display: block;
  margin: 2px 0 0;
  font: 400 11px/1.3 Inter, Arial, sans-serif;
  color: #bfc9cb;
  letter-spacing: .015em;
  text-transform: none;
}

/* Feature cards should start below the hero divider, not float over it. */
body[data-design="legends-120"].is-home-page .rol120-feature-row {
  transform: none;
  margin-top: 22px;
  margin-bottom: 0;
}
body[data-design="legends-120"].is-home-page .rol120-serverstrip {
  margin-top: 14px;
}

/* Keep dropdowns inside the mobile stacked navigation. */
@media (max-width: 900px) {
  body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    transform: none;
    box-shadow: none;
    overflow: visible;
  }
  body[data-design="legends-120"].is-home-page .rol120-feature-row {
    margin-top: 15px;
  }
}
@media (max-width: 630px) {
  body[data-design="legends-120"].is-home-page .rol120-feature-row {
    margin-top: 12px;
  }
}
/* Prevent the compact homepage news heading/link pair from forcing sideways
   scrolling on narrow phones. */
@media (max-width: 480px) {
  body[data-design="legends-120"].is-home-page .rol120-section-title {
    flex-wrap: wrap;
    align-items: center;
    row-gap: 5px;
  }
  body[data-design="legends-120"].is-home-page .rol120-section-title > a {
    margin-left: auto;
  }
}
@media (max-width: 900px) {
  body[data-design="legends-120"] .main-nav.open {
    background: #111d25;
    z-index: 400;
  }
}

/* === assets/rol124/rol124-public.css: kept in original load order === */
/* v2.20.124: reliable dropdown pointer path; no change to feature gap or cards. */
@media (min-width: 901px) {
  body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
    top: calc(100% - 5px); /* overlap trigger and menu: no dead hover gap */
  }
  body[data-design="legends-120"] .main-nav .nav-dropdown-menu::after {
    content: "";
    position: absolute;
    height: 13px;
    top: -9px;
    left: 0;
    right: 0;
    background: transparent;
  }
}
@media (max-width: 900px) {
  body[data-design="legends-120"] .main-nav .nav-dropdown-menu { top: auto; }
}

/* === assets/rol125/rol125-public.css: kept in original load order === */
/* Rise of Legends v2.20.125 — Dropdown horizontal-scroll fix.
   Deliberately scoped to the public cinematic navigation.
   Retains v2.20.124 hover/click/keyboard behavior, labels and colors. */

/* A scrollable Y axis in v123 implicitly made X auto. An unnecessary
   horizontal scrollbar could become visible at browser zoom levels or
   with longer translations. Only vertical scrolling is allowed here. */
body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: calc(100vw - 32px);
}

/* Children must fit the panel's content box, even with translated strings.
   Do not increase the fixed menu width or affect the hover bridge. */
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a,
body[data-design="legends-120"] .main-nav .nav-dropdown-menu > a > span {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}
body[data-design="legends-120"] .main-nav .nav-dropdown-menu strong,
body[data-design="legends-120"] .main-nav .nav-dropdown-menu small {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* On phones, the submenu is already in the stacked navigation; it should
   size to its contents instead of creating a nested scroll container. */
@media (max-width: 900px) {
    body[data-design="legends-120"] .main-nav .nav-dropdown-menu {
        overflow-x: hidden;
        overflow-y: visible;
        max-width: 100%;
    }
}

/* === assets/rol126/rol126-billing.css: kept in original load order === */
/* Rise of Legends v2.20.126 — isolated billing card, current cinematic theme. */
body[data-design="legends-120"].is-subpage .account-section .rol-billing-panel {
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,330px);align-items:center;
  gap:24px;min-height:0;padding:24px 30px!important;margin-bottom:20px;
  background:linear-gradient(108deg,#29302f 0%,#302b26 64%,#282b2e 100%)!important;
  border:1px solid #997b53!important;border-left:3px solid #d0a66b!important;
  border-radius:7px;box-shadow:0 12px 28px rgba(0,0,0,.22)
}
body[data-design="legends-120"].is-subpage .rol-billing-copy {min-width:0}
body[data-design="legends-120"].is-subpage .rol-billing-copy h2 {
  margin:7px 0 9px;font-size:clamp(22px,2vw,28px);line-height:1.2;color:#f3dfbb
}
body[data-design="legends-120"].is-subpage .rol-billing-copy p {
  margin:0 0 9px;color:#c3cbd0;font-size:14px;line-height:1.6;max-width:78ch
}
body[data-design="legends-120"].is-subpage .rol-billing-hint {
  display:block;color:#aaaeb0;font-size:12px;line-height:1.6
}
body[data-design="legends-120"].is-subpage .rol-billing-actions {
  min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:9px
}
body[data-design="legends-120"].is-subpage .rol-billing-actions .rol-billing-link {
  display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;
  width:100%;box-sizing:border-box;white-space:normal;text-align:center;
  padding:12px 16px;font-size:14px;line-height:1.4;font-weight:700;text-decoration:none
}
body[data-design="legends-120"].is-subpage .rol-billing-provider {
  display:block;text-align:center;color:#b0afb0;font-size:11px;letter-spacing:.02em
}
@media (max-width:780px){
  body[data-design="legends-120"].is-subpage .account-section .rol-billing-panel {
    grid-template-columns:1fr;gap:16px;padding:22px 20px!important
  }
}

/* === assets/rol127/rol127-public.css: kept in original load order === */

/* Rise of Legends Website v2.20.127 - header logo + account panel cleanup */
body[data-design="legends-120"] .site-brand{
    min-width: clamp(270px, 22vw, 420px);
    min-height: 72px;
    padding: 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:0;
}
body[data-design="legends-120"] .site-brand::before{
    inset:0;
    opacity:0;
    background:none;
    filter:none;
}
body[data-design="legends-120"] .site-brand::after,
body[data-design="legends-120"] .site-brand-flare,
body[data-design="legends-120"] .site-brand-copy,
body[data-design="legends-120"] .legends-crest,
body[data-design="legends-120"] .site-brand-copy--fallback{
    display:none!important;
}
body[data-design="legends-120"] .site-brand-logo{
    display:block;
    width:auto;
    height:72px;
    max-width:min(100%, 430px);
    object-fit:contain;
    filter: drop-shadow(0 3px 16px rgba(0,0,0,.38));
}
body[data-design="legends-120"] .rol-account-links-panel .rol-account-link-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 900px){
    body[data-design="legends-120"] .site-brand{
        min-width: 220px;
    }
    body[data-design="legends-120"] .site-brand-logo{
        height:58px;
        max-width:320px;
    }
    body[data-design="legends-120"] .rol-account-links-panel .rol-account-link-grid{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 630px){
    body[data-design="legends-120"] .site-brand{
        min-width: 172px;
        min-height: 54px;
    }
    body[data-design="legends-120"] .site-brand-logo{
        height:46px;
        max-width:240px;
    }
    body[data-design="legends-120"] .rol-account-links-panel .rol-account-link-grid{
        grid-template-columns: 1fr;
    }
}

/* === assets/rol140/rol140-public.css: kept in original load order === */
/* Rise of Legends v2.20.140 — header nav consistency fix
   Unifies dropdown trigger typography with normal nav links
   and removes the duplicated active underline appearance. */

body[data-design="legends-120"] .main-nav > a,
body[data-design="legends-120"] .main-nav > .nav-dropdown > .nav-dropdown-trigger {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 19px 15px;
    border: 0 !important;
    border-bottom: 0 !important;
    font-family: Inter, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body[data-design="legends-120"] .main-nav > a::after,
body[data-design="legends-120"] .main-nav > .nav-dropdown > .nav-dropdown-trigger::after {
    content: "" !important;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: -1px;
    height: 2px;
    width: auto !important;
    background: #d9b475 !important;
    box-shadow: none !important;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
}

body[data-design="legends-120"] .main-nav > a:hover,
body[data-design="legends-120"] .main-nav > a.active,
body[data-design="legends-120"] .main-nav > .nav-dropdown:hover > .nav-dropdown-trigger,
body[data-design="legends-120"] .main-nav > .nav-dropdown.open > .nav-dropdown-trigger,
body[data-design="legends-120"] .main-nav > .nav-dropdown.active > .nav-dropdown-trigger {
    color: #f3d8a8 !important;
    background: linear-gradient(0deg, #ad834b2b, transparent 75%);
}

body[data-design="legends-120"] .main-nav > a:hover::after,
body[data-design="legends-120"] .main-nav > a.active::after,
body[data-design="legends-120"] .main-nav > .nav-dropdown:hover > .nav-dropdown-trigger::after,
body[data-design="legends-120"] .main-nav > .nav-dropdown.open > .nav-dropdown-trigger::after,
body[data-design="legends-120"] .main-nav > .nav-dropdown.active > .nav-dropdown-trigger::after {
    transform: scaleX(1);
}

@media (max-width: 900px) {
    body[data-design="legends-120"] .main-nav > a,
    body[data-design="legends-120"] .main-nav > .nav-dropdown > .nav-dropdown-trigger {
        min-height: 44px;
        padding: 12px 16px;
        justify-content: flex-start;
    }

    body[data-design="legends-120"] .main-nav > a::after,
    body[data-design="legends-120"] .main-nav > .nav-dropdown > .nav-dropdown-trigger::after {
        display: none !important;
    }
}

/* === assets/forum132/forum132.css: kept in original load order === */
.forum-post-actions .forum-delete-form{margin-left:auto;display:inline-flex}.forum-post-actions .forum-delete-button{color:#f0a4a1;border:1px solid #8c4b47;padding:5px 10px;border-radius:4px;background:#432526}.forum-post-actions .forum-delete-button:hover{background:#6a292c;text-decoration:none}