/* 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("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('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); }