:root{color-scheme:dark;--bg:#0c1017;--panel:#141b25;--raised:#1a2330;--line:#35404e;--text:#f0f0ed;--muted:#a9b4c3;--gold:#e2c48d;--green:#94d9a6;--danger:#ffb8c2;--radius:12px;font-size:16px}
/* One frame and reading scale for the homepage and every interior page. */
:root {
  --site-frame-width:calc(100% - clamp(36px,12vw,192px));
  --site-frame-max:2080px;
  --site-ui-size:clamp(16px,.9vw,20px);
}
@media(min-width:1101px) {
  :root {
    --site-frame-width:calc(90% - clamp(32.4px,10.8vw,172.8px));
    --site-frame-max:1872px;
    --site-ui-size:clamp(14.4px,.81vw,18px);
    font-size:14.4px;
  }
}
/* PvP dossier: large honor total, three arena records and independent battleground rows. */
.profile-pvp{margin-block:28px 38px;border:1px solid #494451;border-block-start:2px solid var(--gold);border-radius:var(--radius);background:#171d28;overflow:hidden}
.pvp-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding:26px 30px;background:linear-gradient(115deg,#2b2230,#1a2230 75%);border-block-end:1px solid var(--line)}
.pvp-heading .eyebrow{font-size:.875rem;letter-spacing:.06em;margin-block-end:7px}
.pvp-heading h2{font:500 1.8rem/1.2 Georgia,"Noto Serif",serif}
.pvp-honor{text-align:end;border-inline-start:1px solid #6d5864;padding-inline-start:28px}
.pvp-honor dt{color:var(--text);font-size:.875rem}
.pvp-honor dd[data-pvp]{font:500 2.7rem/1.25 Georgia,serif;color:var(--gold);font-variant-numeric:tabular-nums}
.pvp-honor dd.pvp-honor-note{color:var(--muted);font-size:.875rem}
.pvp-content{padding:24px 30px 30px}
.pvp-subheading{font-size:1.1rem;font-weight:600;margin-block-end:18px}
.pvp-arena-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pvp-arena-card{min-width:0;padding:22px;border:1px solid #3a4353;border-radius:9px;background:linear-gradient(160deg,#232c3b,#1b2330 65%)}
.pvp-arena-card>header{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pvp-arena-card h4{font:600 1.35rem/1.2 Georgia,serif;letter-spacing:.03em;color:var(--gold)}
.pvp-season{font-size:.875rem;color:var(--muted);text-align:end}
.pvp-rating{padding:20px 0 18px;border-block-end:1px solid var(--line);margin-block-end:16px}
.pvp-rating dt{font-size:.875rem;color:var(--muted)}
.pvp-rating dd{font:500 2.6rem/1.25 Georgia,serif;font-variant-numeric:tabular-nums}
.pvp-record-label{font-size:.875rem;color:var(--muted);margin-block-end:12px}
.pvp-match-record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pvp-match-record dt{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.pvp-match-record dd{font-size:1.2rem;font-weight:600;line-height:1.8;font-variant-numeric:tabular-nums}
.profile-pvp .pvp-wins{color:var(--green)}
.profile-pvp .pvp-losses{color:var(--danger)}
.pvp-win-rate{font-size:.875rem;margin-block-start:16px}
.pvp-win-rate>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}
.pvp-win-rate dt{color:var(--muted)}
.pvp-win-rate dd{font-weight:600;font-size:1rem;font-variant-numeric:tabular-nums}
.pvp-weekly{margin-block-start:18px;border-block-start:1px solid var(--line);padding-block-start:6px}
.pvp-weekly summary{font-size:.875rem;color:var(--gold);padding-block:10px;min-height:44px}
.pvp-weekly[open] summary{margin-block-end:8px}
.pvp-bg-heading{margin-block-start:30px}
.pvp-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.pvp-table{width:100%;min-width:570px;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
.pvp-table th,.pvp-table td{padding:14px 18px;text-align:end;border-block-end:1px solid var(--line)}
.pvp-table th:first-child{text-align:start;min-width:200px;overflow-wrap:anywhere}
.pvp-table thead{background:#232d3c}
.pvp-table th{font-weight:600}
.pvp-table tbody th{color:var(--muted);font-weight:500}
.pvp-table tbody tr:last-child>*{border-block-end:0}
.pvp-table tbody tr:hover{background:#202937}
.pvp-empty-bracket,.pvp-unavailable,.pvp-footnote{font-size:.9375rem;color:var(--muted);line-height:1.7}
.pvp-unavailable{padding:22px 30px 28px;max-width:880px}
.pvp-footnote{padding:14px 30px;border-block-start:1px solid var(--line);background:#10162055;font-size:.875rem}
.pvp-warning{display:block;margin-block-start:12px;color:var(--danger);font-size:.875rem;font-weight:400}
@media(max-width:900px){.pvp-arena-grid{grid-template-columns:1fr}.pvp-match-record{gap:20px}.pvp-match-record dd{font-size:1.35rem}.pvp-rating{padding-block:14px}}
@media(max-width:620px){.pvp-heading{padding:22px 20px}.pvp-heading h2{font-size:1.65rem}.pvp-honor{width:100%;text-align:start;border-inline-start:0;border-block-start:1px solid var(--line);padding:16px 0 0}.pvp-content{padding:22px 20px}.pvp-arena-card{padding:18px}.pvp-unavailable,.pvp-footnote{padding-inline:20px}.pvp-table th,.pvp-table td{padding:12px}}
/* Crawlable directory and reading pages share the armory's spacing and palette. */
.reading-panel{margin:30px 0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.reading-panel h2,.questions h2{font-size:1.3rem;margin-bottom:16px}
.reading-panel p,.questions p{color:var(--muted);max-width:85ch}
.related-links{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center}
.reading-panel .related-links{margin-top:20px}
.related-links a{display:inline-block;padding-block:6px;overflow-wrap:anywhere}
.questions{margin:38px 0 56px;max-width:960px}
.questions details{border-bottom:1px solid var(--line);padding:8px 0}
.questions summary{padding:12px 4px;font-weight:600;font-size:1rem}
.questions p{padding:4px 4px 18px}
.directory-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-bottom:30px;padding:16px 22px;border:1px solid var(--surface-line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:.875rem}
.directory-list{margin:0 0 30px}
.realm-group{margin-bottom:32px}
.realm-group h2{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:550;margin-bottom:18px;overflow-wrap:anywhere}
.realm-group h2::after{content:'';height:1px;min-width:20px;flex:1;background:var(--surface-line)}
.realm-group ul{list-style:none;padding:0;margin:0}
.realm-group li{min-width:0}
.realm-group .recent-character{display:block;height:100%}
.pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:32px 0 50px}
.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:6px}
.pagination a[aria-current]{color:var(--bg);background:var(--gold);border-color:var(--gold)}
.pagination p{width:100%;color:var(--muted);font-size:.875rem;margin-top:10px}
.reading-guide{max-width:960px;margin:0 auto 54px}
.reading-guide>section{margin-bottom:36px}
.reading-guide h2{font-size:1.4rem;margin-bottom:16px}
.reading-guide section p{color:var(--muted);margin:0 0 14px;max-width:85ch}
.reading-guide ol{padding-inline-start:26px;color:var(--muted)}
.reading-guide li{padding-inline-start:6px;margin-bottom:16px}
.reading-guide li::marker{color:var(--gold);font-weight:600}
.guide-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.guide-table-scroll table{width:100%;min-width:620px;border-collapse:collapse;text-align:start;font-size:1rem}
.guide-table-scroll th,.guide-table-scroll td{padding:16px;vertical-align:top;border-bottom:1px solid var(--line);text-align:start}
.guide-table-scroll thead{background:var(--raised)}
.guide-table-scroll th[scope=row]{width:20%;color:var(--gold)}
.guide-table-scroll td{width:40%;color:var(--muted)}
.guide-table-scroll tr:last-child td,.guide-table-scroll tr:last-child th[scope=row]{border-bottom:0}
@media(max-width:620px){.reading-panel{padding:20px}.recent-section .section-heading{flex-wrap:wrap;gap:12px}.reading-guide h2{font-size:1.25rem}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3,h4,p,dl,dd{margin:0}h1,h2,h3,h4{line-height:1.25}a{color:var(--gold);text-underline-offset:5px;text-decoration:none}a:hover{text-decoration:underline}button,input,summary,a{touch-action:manipulation}button,input{font:inherit}button,summary{cursor:pointer}button,input{border:1px solid var(--line);border-radius:7px;background:#121823;color:var(--text);min-height:46px;padding:10px 14px}button:hover{border-color:var(--gold)}button:disabled{opacity:.65;cursor:wait}input{width:100%;min-width:0}input::placeholder{color:#9ba9bd}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:7px}a,button,input,summary{outline-offset:4px}:focus-visible{outline:3px solid var(--gold)}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.muted{color:var(--muted)}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:15px;background:var(--panel);padding:14px;z-index:100}.skip:focus{inset-block-start:10px}.topbar{border-bottom:1px solid var(--line);background:#121720}.navigation{min-height:88px;display:flex;gap:30px;align-items:center}.brand{display:flex;gap:14px;align-items:center;color:var(--text);font-weight:650;line-height:1.3;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ac8d53;color:var(--gold);font:1.8rem Georgia,serif}.brand small{display:block;color:var(--gold);font-size:.75rem;font-weight:400;margin-top:3px}.nav-links{display:flex;gap:25px;margin-inline-start:auto;align-self:stretch;align-items:center}.nav-links a{display:flex;align-items:center;min-height:46px;color:var(--muted);font-size:.9375rem}.nav-links a[aria-current]{color:var(--gold);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}.language-picker{position:relative;flex-shrink:0;font-size:.875rem}.language-picker>summary{display:flex;gap:9px;align-items:center;min-height:44px;list-style:none;padding:9px 12px;border:1px solid var(--line);border-radius:7px}.language-picker>summary::-webkit-details-marker{display:none}.language-code{color:var(--gold);font-size:.75rem;text-transform:uppercase}.language-panel{position:absolute;inset-inline-end:0;z-index:50;inset-block-start:calc(100% + 10px);width:min(320px,85vw);padding:15px;background:var(--raised);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 55px #0008}.language-options{display:grid;gap:3px;max-height:340px;overflow-y:auto;margin-top:10px;overscroll-behavior:contain}.language-options a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:44px;border-radius:5px;padding:8px 10px;color:var(--text);overflow-wrap:anywhere}.language-options a[aria-current],.language-options a:hover{background:#344052}.language-options small{font-size:.75rem;color:var(--muted)}.language-hint{margin-top:18px;padding:10px 15px;border:1px solid var(--line);border-radius:7px;font-size:.875rem;color:var(--muted)}.language-hint a{margin-inline-start:6px}.breadcrumbs{display:flex;gap:12px;padding-top:24px;font-size:.875rem;color:var(--muted);flex-wrap:wrap}.breadcrumbs span:last-child{max-width:100%;overflow-wrap:anywhere}.intro{padding:35px 0 27px}.home-intro{padding-top:56px;max-width:920px}.eyebrow{color:var(--gold);font-size:.75rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px}h1{font:500 clamp(2rem,4.5vw,3.35rem)/1.15 Georgia,"Noto Serif",serif;letter-spacing:-.015em}.intro>p:last-child{margin-top:16px;max-width:790px;color:var(--muted)}.search-panel,.compare-form{padding:24px;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--radius);background:var(--panel)}.search-panel{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:start}.search-panel>button{align-self:start;margin-top:30px;min-width:150px}.lookup{min-width:0}.field-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.character-field{position:relative;min-width:0}.primary{display:inline-flex;justify-content:center;gap:20px;align-items:center;min-height:50px;color:#201a10;background:var(--gold);border:1px solid var(--gold);font-weight:700;padding:11px 20px;border-radius:7px}.primary:hover{background:#efce8e;text-decoration:none}.primary span{font-size:1.2rem}.search-hint,.form-actions p{font-size:.875rem;color:var(--muted);grid-column:1/-1}.search-hint{margin-top:8px}.suggestion-status{font-size:.875rem;color:var(--muted);display:block;min-height:0;margin-top:5px}.form-status{font-size:.875rem;grid-column:1/-1;color:var(--muted)}.form-status:empty,.suggestion-status:empty{display:none}.form-status:not(:empty){margin-top:12px}.dropdown{position:absolute;inset-inline:0;inset-block-start:100%;z-index:30;list-style:none;padding:7px;margin:7px 0 0;border:1px solid #55627a;border-radius:7px;background:#222b3a;box-shadow:0 16px 35px #0006;max-height:330px;overflow:auto}.dropdown li{padding:11px 10px;min-height:44px;display:flex;gap:15px;justify-content:space-between;cursor:pointer;overflow-wrap:anywhere}.dropdown li[aria-selected=true],.dropdown li:hover{background:#37445a;border-radius:4px}.dropdown small{color:var(--muted)}.tool-links{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0 32px;font-size:.875rem}.tool-links>span{color:var(--muted)}.tool-links a{padding-block:8px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:50px;padding:40px 0 55px}.guide-grid h2{font:1.7rem/1.25 Georgia,serif;margin-bottom:15px}.guide-grid article>p:not(.eyebrow){color:var(--muted)}.guide-grid a{display:inline-block;margin-top:18px}.gs-note{font-size:.875rem;color:var(--muted);margin:12px 0 18px;max-width:950px}.recent-section{margin:0 0 38px}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-character{position:relative;background:var(--panel);padding:15px 34px 15px 17px;border:1px solid var(--line);border-radius:7px;overflow-wrap:anywhere}.recent-character bdi{font-weight:600;display:block;color:var(--text)}.recent-character small{display:block;font-size:.875rem;color:var(--muted)}.recent-character>span{position:absolute;inset-inline-end:13px;inset-block-start:15px}.empty{margin:30px 0 60px;padding:60px 28px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty h2{color:var(--text);font:1.75rem/1.3 Georgia,serif;margin-bottom:12px}.empty p{max-width:640px;margin-inline:auto}.notice{border:1px solid var(--line);background:var(--panel);border-radius:7px;padding:14px 18px;color:var(--muted);margin:22px 0}.notice.error{color:var(--danger);border-color:#74444d;background:#2a1c24}.character{margin:26px 0 60px}.character-header{display:flex;align-items:center;gap:24px;padding:30px;background:linear-gradient(115deg,#222a38,#191f29);border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--radius) var(--radius) 0 0}.portrait,.icon{position:relative;flex-shrink:0;display:grid;place-items:center;background:#111721;border:1px solid var(--line);border-radius:7px;overflow:hidden;color:var(--muted)}.portrait{width:88px;height:88px;border-color:#88754e;font:2rem Georgia,serif}.icon{width:48px;height:48px;font-size:1.25rem}.portrait img,.icon img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;display:block}.identity{min-width:0;flex:1}.identity h1,.identity h2{font:500 clamp(1.8rem,4vw,2.8rem)/1.15 Georgia,serif;overflow-wrap:anywhere}.character-meta{margin-top:10px;color:#d1d9e5;font-size:.9375rem}.guild{color:var(--gold);margin-top:5px;font-size:.875rem}.realm{color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.metrics{display:flex;gap:25px;flex-shrink:0}.metrics>div{display:flex;flex-direction:column-reverse;border-inline-start:1px solid #424b5b;padding-inline-start:25px;text-align:end;justify-content:flex-start}.metrics dt{font-size:.8125rem;color:var(--muted);max-width:160px}.metrics dd{font:2.9rem/1.2 Georgia,serif;color:var(--gold);font-variant-numeric:tabular-nums}.character-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:0 24px;background:var(--panel);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.section-links{display:flex;gap:25px;align-items:center;margin-inline-end:auto}.section-links a{padding:17px 0;min-height:50px}.section-links span{color:var(--muted);margin-inline-start:5px;font-size:.875rem}.subtle{background:transparent;font-size:.875rem;min-height:40px;padding:7px 10px}.character-actions [role=status]{font-size:.875rem;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:32px 0 18px}.section-heading h2{font-size:1.25rem;font-weight:650}.section-heading p{font-size:.875rem;color:var(--muted);text-align:end}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}.item{--quality:#e7eaf0;background:var(--panel);border:1px solid var(--line);border-inline-start:3px solid var(--quality);border-radius:9px;overflow:hidden;min-width:0}.quality-POOR{--quality:#acb1bb}.quality-UNCOMMON{--quality:#8cdda0}.quality-RARE{--quality:#80bcff}.quality-EPIC{--quality:#ce9bff}.quality-LEGENDARY{--quality:#ffb677}.quality-ARTIFACT,.quality-HEIRLOOM{--quality:#ecd993}.item>summary{display:flex;align-items:center;gap:13px;padding:16px;list-style:none;min-height:83px}.item>summary::-webkit-details-marker,.talent>summary::-webkit-details-marker{display:none}.item-identity{flex:1;min-width:0}.item-identity>strong{display:block;color:var(--quality);font-size:.9375rem;font-weight:650;overflow-wrap:anywhere}.item-meta{display:block;color:var(--muted);font-size:.8125rem;margin-top:4px}.item-scores{text-align:end;white-space:nowrap;line-height:1.6;font-variant-numeric:tabular-nums}.item-scores>strong{display:block;font-size:1rem;font-weight:600;color:var(--text)}.item-scores>span{font-size:.875rem;color:var(--muted)}.item-scores small{font-size:.75rem;font-weight:400;color:var(--muted)}.disclosure{font-size:1.3rem;color:var(--muted);line-height:1}.item[open] .disclosure{transform:rotate(45deg)}.item-body{margin:0 17px 17px;padding-top:15px;padding-inline-start:61px;border-top:1px solid var(--line);font-size:.9375rem;overflow-wrap:anywhere}.detail-block{margin-bottom:14px}.detail-block h4{font-size:.8125rem;color:var(--muted);margin-bottom:6px}.detail-block p+p{margin-top:4px}.detail-block.enchants{color:#c6b1ff}.detail-block.effects{color:var(--green)}.wowhead{display:inline-block;padding:7px 0;font-weight:600;font-size:.875rem}.talent-group{background:#151c26;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px}.active-build{border-color:#716340;border-top:2px solid var(--gold)}.build-title{display:flex;gap:15px;align-items:center;justify-content:space-between}.build-title h3{font-size:.9375rem;color:var(--muted);font-weight:500}.badge{color:var(--gold);border:1px solid #796642;background:#2a261e;padding:3px 10px;border-radius:30px;font-size:.8125rem}.spec-heading{display:flex;justify-content:space-between;gap:20px;margin:24px 0 13px}.spec-heading h4{font-size:1rem}.spec-heading span{color:var(--muted);font-size:.875rem}.talent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:start}.talent{border:1px solid var(--line);border-radius:7px;background:var(--panel);min-width:0}.talent>summary{display:flex;align-items:center;gap:11px;padding:13px;list-style:none}.talent .icon{width:33px;height:33px;font-size:1rem}.talent summary>strong{flex:1;font-size:.875rem;font-weight:500;overflow-wrap:anywhere}.rank{color:var(--gold);font-size:.8125rem;white-space:nowrap}.talent-body{padding:0 15px 16px;color:#c6d0e0;font-size:.875rem;overflow-wrap:anywhere}.talent-body p+p{margin-top:8px}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-inputs>.lookup+ .lookup{border-inline-start:1px solid var(--line);padding-inline-start:24px}.player-label{font-size:.875rem;font-weight:600;color:var(--gold);margin-bottom:17px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.form-actions p{max-width:620px}.comparison{margin-bottom:60px}.player-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-card{border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.player-card>.player-label{padding:20px 22px 0;margin:0}.player-card .character-header{border:0;border-radius:0;flex-wrap:wrap;padding:18px 22px;background:none;gap:18px}.player-card .identity h2{font-size:2rem}.player-card .portrait{width:66px;height:66px}.player-card .metrics{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.player-card .metrics>div{border:0;padding:0;text-align:start}.player-card .metrics dd{font-size:2.5rem}.player-card-footer{padding:0 22px 18px;color:var(--muted);font-size:.8125rem}.player-card-footer a{display:inline-block;margin-top:12px;font-size:.875rem}.difference-panel{display:flex;gap:35px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:var(--radius);margin:18px 0 32px;background:#151b24}.difference-stat{min-width:155px}.difference-stat>span,.difference-stat small{display:block;font-size:.8125rem;color:var(--muted)}.difference-stat>strong{display:block;color:var(--gold);font:2.2rem/1.35 Georgia,serif}.difference-panel>p{font-size:.875rem;color:var(--muted);max-width:400px;margin-inline-start:auto}.equipment-row{margin-bottom:18px}.equipment-row>h3{font-size:.875rem;background:#222b39;border:1px solid var(--line);padding:9px 16px;border-radius:8px 8px 0 0}.equipment-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.equipment-cell{min-width:0}.item-owner{color:var(--muted);font-size:.8125rem;padding:8px 4px}.no-item{padding:24px;display:flex;align-items:center;gap:20px;color:var(--muted);font-size:.9375rem;border:1px dashed var(--line);border-radius:8px}.no-item span{font-size:1.4rem}.footer{border-top:1px solid var(--line);padding:30px 0;background:#121720;margin-top:24px}.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 38px;font-size:.8125rem;color:var(--muted)}.footer-brand{display:block;color:var(--gold);font-size:1rem;font-weight:600;margin-bottom:10px}.footer-links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-size:.875rem}.footer-links a{min-height:30px}.music{display:grid;grid-template-columns:auto auto;gap:7px 12px;align-items:center;max-width:330px}.music button{font-size:.8125rem;grid-column:1/-1}.music label{margin:0;font-size:.8125rem;max-width:180px}.music input{min-height:30px;padding:0;accent-color:var(--gold);width:95px}.music [role=status]{grid-column:1/-1}.translation-credit{flex-basis:100%;border-top:1px solid var(--line);padding-top:18px}.translation-credit a+a{margin-inline-start:16px}.prose{max-width:850px;padding:38px 0 65px}.prose h1{font-size:2.6rem}.prose>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.all-languages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.all-languages a{padding:8px 0;overflow-wrap:anywhere}.error-page .primary{margin-top:24px}.error-page h1{color:var(--text);font-size:2.4rem;margin-bottom:20px}
@media(max-width:1050px){.character-header{flex-wrap:wrap}.metrics{margin-inline-start:auto}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-inputs .field-grid{grid-template-columns:1fr}.metrics dd{font-size:2.5rem}.item>summary{gap:10px;padding:13px}.item-body{padding-inline-start:0}}
@media(max-width:780px){.navigation{gap:18px;flex-wrap:wrap;padding:16px 0}.nav-links{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:8px}.language-picker{margin-inline-start:auto}.nav-links a{min-height:38px}.search-panel{grid-template-columns:1fr}.search-panel>button{margin-top:15px;width:100%}.tool-links{flex-wrap:wrap}.guide-grid{gap:30px;grid-template-columns:1fr}.equipment-grid{grid-template-columns:1fr}.character-header{gap:18px;padding:23px}.metrics{width:100%;margin-top:5px;justify-content:space-between}.metrics>div{border:0;padding:0;text-align:start}.section-heading{flex-wrap:wrap;gap:9px}.section-heading p{text-align:start}.player-pair{grid-template-columns:1fr}.player-card .metrics{width:auto;margin:0;flex:1;flex-basis:100%}.difference-panel{flex-wrap:wrap;gap:20px}.difference-panel>p{max-width:none;flex-basis:100%;margin:0}.equipment-pair{gap:10px}.equipment-pair .item>summary{flex-wrap:wrap}.equipment-pair .item-identity{flex-basis:calc(100% - 62px)}.equipment-pair .item-scores{display:flex;gap:12px;align-items:center;margin-inline-start:58px}.form-actions{flex-wrap:wrap}.form-actions button{width:100%}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.wrap{width:calc(100% - 28px)}.brand{font-size:.9375rem;gap:9px}.brand-mark{width:35px;height:35px;font-size:1.5rem}.navigation{gap:12px}.language-code{display:none}.language-picker>summary{max-width:175px;padding:7px 10px}.language-picker summary span:nth-child(2){max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intro{padding-top:27px}.home-intro{padding-top:35px}.search-panel,.compare-form{padding:17px}.field-grid,.compare-inputs{grid-template-columns:1fr;gap:14px}.compare-inputs>.lookup+.lookup{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:20px}.character-header{padding:20px;gap:14px}.portrait{width:65px;height:65px}.identity h1{font-size:2.1rem}.character-meta{font-size:.875rem}.metrics dd{font-size:2.3rem}.metrics dt{max-width:145px}.talent-grid{grid-template-columns:1fr}.talent-group{padding:17px}.character-actions{padding:0 17px;gap:5px 15px}.section-links{gap:20px}.character-actions button{margin-bottom:10px}.equipment-pair{grid-template-columns:1fr;gap:0}.equipment-row{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:10px}.equipment-row>h3{border:0;border-bottom:1px solid var(--line);border-radius:0}.equipment-cell{padding:0 10px}.equipment-pair .item>summary{flex-wrap:nowrap}.equipment-pair .item-identity{flex:1}.equipment-pair .item-scores{display:block;margin:0}.item>summary{gap:9px}.icon{width:40px;height:40px}.disclosure{display:none}.item-identity>strong{font-size:.9375rem}.recent-grid{grid-template-columns:1fr 1fr}.recent-character{padding:13px}.recent-character>span{display:none}.all-languages{grid-template-columns:1fr 1fr}.difference-stat{min-width:130px}.empty{padding:40px 20px}.prose h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Character totals and per-slot base bonuses stay distinct, including on mobile. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stats-section{margin-block:32px 38px}.stats-intro,.stats-footnote{font-size:.875rem;color:var(--muted);max-width:960px;line-height:1.7}.stats-intro{margin-block:0 18px}.stats-footnote{margin-block:14px 0}.stats-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overscroll-behavior-inline:contain;outline-offset:4px}.stats-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:.9375rem;font-variant-numeric:tabular-nums}.stats-name-col{width:34%}.stats-table th,.stats-table td{padding:13px 18px;border-block-end:1px solid var(--line);vertical-align:middle}.stats-table th{font-weight:500;text-align:start;overflow-wrap:anywhere}.stats-table td,.stats-table thead th:not(:first-child){text-align:end}.stats-table thead{background:#202937}.stats-table thead th{color:var(--text);font-weight:650;font-size:.875rem;padding-block:18px}.stats-table thead small{display:block;font-weight:400;color:var(--muted);margin-block-start:3px;font-size:.8125rem}.stats-player-number{color:var(--gold)}.stats-table .stats-group th{padding-block:10px;background:#141b25;color:var(--gold);font-size:.8125rem;font-weight:600}.stats-table tbody tr:not(.stats-group):hover{background:#1d2734}.stats-table tbody:last-child tr:last-child>*{border-block-end:0}.stats-table td:last-child{border-inline-start:1px solid var(--line);background:#ffffff03}.stats-table bdi[dir=ltr]{white-space:nowrap}.stats-table abbr{font-size:.8125rem;text-underline-offset:3px}.stat-delta{font-weight:700}.stat-delta.positive{color:var(--green)}.stat-delta.negative{color:var(--danger)}.stat-delta.equal,.stat-unavailable{color:var(--muted)}.item-differences{margin-block-start:12px;border:1px solid var(--line);border-radius:8px;background:#141b25;overflow:hidden}.item-differences>summary{list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:48px;padding:12px 16px;font-size:.875rem;font-weight:600;color:var(--gold)}.item-differences>summary::-webkit-details-marker{display:none}.item-differences[open]>summary{border-block-end:1px solid var(--line)}.item-differences[open] .disclosure{transform:rotate(45deg)}.item-differences .stats-scroll{border:0;border-radius:0}.item-differences .stats-footnote{margin:0;padding:12px 16px;border-block-start:1px solid var(--line)}
@media(max-width:780px){.stats-table th,.stats-table td{padding:12px 10px}.stats-name-col{width:32%}}
@media(max-width:520px){.stats-scroll{border-radius:8px}.stats-table{min-width:440px;font-size:.875rem}.stats-table th,.stats-table td{padding:12px 9px}.stats-table thead th{font-size:.8125rem}.stats-name-col{width:30%}.item-differences{margin-inline:10px}.item-differences .disclosure{display:block}.equipment-row>.stats-footnote{padding-inline:12px}.stats-footnote{line-height:1.75}}

/* Armory stat sheet: a single gold-edged surface, generous attribute figures,
   and quieter combat rows. No estimated bars or fabricated maximum values. */
.character-actions .section-links{min-width:0;max-width:100%;flex-wrap:wrap;gap:0 24px}
.profile-stats{margin-block:28px 38px;background:linear-gradient(125deg,#202837 0%,#171e29 55%,#181f29 100%);border:1px solid #414653;border-block-start:2px solid var(--gold);border-radius:var(--radius);overflow:hidden}
.profile-stats-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px 32px;padding:26px 30px 24px}
.profile-stats-header .eyebrow{font-size:.875rem;letter-spacing:.08em;margin-block-end:7px}
.profile-stats-header h2{font:500 1.8rem/1.2 Georgia,"Noto Serif",serif;letter-spacing:-.01em}
.profile-vitals{display:flex;flex-wrap:wrap;gap:16px 30px;font-variant-numeric:tabular-nums}
.profile-vitals>div{display:flex;flex-direction:column;gap:3px;border-inline-start:1px solid #4b4d54;padding-inline-start:24px;min-width:0}
.profile-vitals dt{font-size:.875rem;color:var(--muted)}
.profile-vitals dd{font-size:1.35rem;font-weight:600;line-height:1.3;color:var(--text)}
.profile-attributes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid #4a463b;background:linear-gradient(100deg,#d7b8780a,#d7b87803)}
.profile-attributes>div{padding:22px 24px 24px;min-width:0;border-inline-end:1px solid #d7b87825}
.profile-attributes>div:last-child{border-inline-end:0}
.profile-attributes dt{font-size:1rem;color:#d8dfe9;margin-block-end:7px;overflow-wrap:anywhere}
.profile-attributes dd{font:500 clamp(1.8rem,3vw,2.5rem)/1.2 Georgia,"Noto Serif",serif;color:var(--gold);font-variant-numeric:tabular-nums}
.profile-attributes .profile-stat-missing dt{color:var(--muted)}
.profile-combat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:26px 8px 24px}
.profile-stat-group{min-width:0;padding-inline:22px}
.profile-stat-group+.profile-stat-group{border-inline-start:1px solid var(--line)}
.profile-stat-group h3{font-size:1rem;line-height:1.4;font-weight:600;color:var(--gold);margin-block-end:13px}
.profile-stat-group dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding-block:11px;border-block-end:1px solid #ffffff0d}
.profile-stat-group dl>div:last-child{border-block-end:0;padding-block-end:0}
.profile-stat-group dt{color:#c3cddd;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.profile-stat-group dd{font-size:1rem;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums;text-align:end}
.profile-stats bdi[dir=ltr]{white-space:nowrap}
.profile-stats-note{border-block-start:1px solid var(--line);background:#10162055;color:var(--muted);font-size:.875rem;line-height:1.65;padding:14px 30px}
.profile-stats-empty{padding:0 30px 26px;color:var(--muted);max-width:800px;font-size:1rem}
@media(max-width:900px){.profile-combat-grid{grid-template-columns:1fr;padding:6px 26px 10px}.profile-stat-group{padding:20px 0}.profile-stat-group+.profile-stat-group{border-inline-start:0;border-block-start:1px solid var(--line)}.profile-stat-group h3{margin-block-end:5px}.profile-stat-group dl>div{gap:24px}.profile-attributes>div{padding:18px 16px 20px}.profile-attributes dd{font-size:1.9rem}}
@media(max-width:620px){.profile-stats-header{padding:22px 20px;gap:20px}.profile-stats-header h2{font-size:1.65rem}.profile-vitals{width:100%;gap:18px 28px}.profile-vitals>div{padding-inline-start:16px}.profile-vitals>div:first-child{padding-inline-start:0;border-inline-start:0}.profile-attributes{grid-template-columns:1fr;padding-inline:20px}.profile-attributes>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 0;border-inline-end:0;border-block-end:1px solid #d7b87820}.profile-attributes>div:last-child{border-block-end:0}.profile-attributes dt{margin:0}.profile-attributes dd{font-size:1.7rem}.profile-combat-grid{padding-inline:20px}.profile-stats-note{padding:14px 20px}.profile-stats-empty{padding-inline:20px}.character-actions .section-links{gap:0 18px}}

/* Armory finishing: class light, quiet shared surfaces and deliberate gold accents. */
.character{--profile-pad:28px;--profile-rule:#ffffff14}
.character-header{--class-rgb:194,204,222}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="1"]{--class-rgb:199,156,110}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="2"]{--class-rgb:245,140,186}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="3"]{--class-rgb:171,212,115}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="4"]{--class-rgb:255,245,105}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="5"]{--class-rgb:238,241,245}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="7"]{--class-rgb:105,170,255}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="8"]{--class-rgb:105,204,240}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="9"]{--class-rgb:179,156,226}
:is(.character-header,.recent-profile-card,.gs-mini-portrait,.gs-leaderboard-list a)[data-class="11"]{--class-rgb:255,163,92}
.character>.character-header{display:grid;grid-template-columns:104px minmax(0,1fr) minmax(21rem,25rem);gap:26px;padding:34px var(--profile-pad);border:1px solid #ffffff18;background:radial-gradient(ellipse at 8% 20%,rgba(var(--class-rgb),.14),transparent 65%),linear-gradient(115deg,#1d2532,#161d28)}
.character>.character-header .portrait{width:104px;height:104px;border-radius:13px;border-color:rgba(var(--class-rgb),.55);box-shadow:0 0 0 5px #ffffff03,0 10px 24px #0003}
.character-header .identity h1,.character-header .identity h2{color:rgb(var(--class-rgb))}
.character>.character-header .identity h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-block-end:9px}
.character-header .guild{color:#c5cfdd;margin-block-start:9px;overflow-wrap:anywhere}
.character-header .realm{font-size:.875rem;margin-block-start:2px}
.character-header .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:12px;min-width:0;margin:0;align-self:stretch;align-items:stretch}
.character-header .metrics>div{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:16px 18px;text-align:start;border:1px solid #ffffff0d;border-radius:9px;background:#0a101a55}
.character-header .metrics dt{font-size:.875rem;line-height:1.4;max-width:none;overflow-wrap:anywhere;color:var(--muted)}
.character-header .metrics dd{font:500 clamp(2rem,3vw,2.7rem)/1.15 Georgia,serif;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.character-header .metrics .metric-gs{border-color:#dfbd7a28;background:linear-gradient(135deg,#dfbd7a0b,#0a101a44)}
.character-header .metrics .metric-ilvl dd{font-size:clamp(1.8rem,2.5vw,2.2rem);color:var(--text)}
.player-card .metrics{width:100%;padding-block-start:16px;border-top:1px solid #ffffff12}
.player-card .metrics>div{padding:13px 15px}

/* Each section uses the same outer frame, heading baseline and content inset. */
.character>.profile-section{margin-block:28px 0;border:1px solid var(--profile-rule);border-radius:var(--radius);background:#171e29;overflow:hidden;scroll-margin-block-start:20px}
.character .profile-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 28px;margin:0;padding:24px var(--profile-pad);border-block-end:1px solid var(--profile-rule);background:#ffffff02}
.character .profile-section-heading h2{font:500 1.7rem/1.25 Georgia,"Noto Serif",serif;letter-spacing:-.01em;color:var(--text)}
.character .profile-section-heading>p{max-width:420px;color:var(--muted);font-size:.875rem;line-height:1.6}
.character .profile-section-heading .eyebrow{color:#aeb9c9;font-size:.8125rem;letter-spacing:.06em;line-height:1.5;margin-block-end:7px}
.character .profile-section-content,.character .pvp-content{padding:24px var(--profile-pad)}
.character .gs-note{margin:0 0 20px;color:var(--muted);font-size:.875rem;line-height:1.7}
.character .profile-attributes{border-block-start:0;border-block-end-color:var(--profile-rule);background:#ffffff02;padding-inline:var(--profile-pad)}
.character .profile-attributes>div{padding:22px 20px;border-inline-end-color:var(--profile-rule)}
.character .profile-attributes>div:first-child{padding-inline-start:0}
.character .profile-attributes>div:last-child{padding-inline-end:0}
.character .profile-attributes dd{color:var(--text);font-size:2.1rem}
.character .profile-stat-group h3,.character .pvp-arena-card h4{color:var(--text)}
.character .profile-stats-note,.character .pvp-footnote{border-block-start-color:var(--profile-rule);padding-inline:var(--profile-pad);background:#10162044}
.character .profile-stats-empty,.character .pvp-unavailable{padding:22px var(--profile-pad)}
.character .pvp-honor{border-inline-start-color:var(--profile-rule);padding-inline-start:24px}
.character .pvp-honor dd[data-pvp]{color:var(--text);font-size:2.2rem}
.character .pvp-arena-card{border-color:var(--profile-rule);background:linear-gradient(145deg,#202a39,#19222f);border-radius:9px}
.character .pvp-rating dd{color:var(--gold)}
.character .pvp-season{font-size:.8125rem}
.character .pvp-rating,.character .pvp-weekly{border-block-color:var(--profile-rule)}
.character .pvp-weekly summary{color:#d1dbea}
.character .pvp-table-scroll{border-color:var(--profile-rule)}
.character .pvp-table thead{background:#ffffff04}
.character .pvp-table td,.character .pvp-table th{border-block-end-color:var(--profile-rule)}
.character .talent-group{padding:20px;background:#121a2555;border-color:var(--profile-rule)}
.character .talent-group:last-child{margin-block-end:0}
.character .talent{border-color:var(--profile-rule);background:#1a2330}
.character .active-build{border-color:#dfbd7a35}
.character .related-links{border-color:var(--profile-rule);background:transparent}
.character .related-links a{color:#ced9e9}

/* Numeric tracks stay aligned independently of translated item names. */
.item{border:1px solid #ffffff16;background:#1b2432;transition:background-color 160ms ease,border-color 160ms ease}
.item>summary,.equipment-pair .item>summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto 12px;gap:12px;padding:16px;min-height:90px;align-items:center}
.item>summary>.icon{width:48px;height:48px;border:1px solid var(--quality);border-radius:8px;box-shadow:0 0 0 3px #0002}
.item .item-identity>strong{font-size:1rem;line-height:1.45;font-weight:600}
.item .item-meta{font-size:.8125rem;line-height:1.5;margin-block-start:5px}
.item .item-scores,.equipment-pair .item .item-scores{display:grid;grid-template-columns:5.5ch 4.5ch;gap:12px;margin:0;line-height:1.4;text-align:end;white-space:normal;font-variant-numeric:tabular-nums}
.item .item-scores>.item-score{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:1rem}
.item-score strong{font-size:1rem;font-weight:650;line-height:1.35;color:var(--text);overflow-wrap:anywhere}
.item-score small{font-size:.75rem;line-height:1.3;color:var(--muted)}
.item-score-ilvl strong{font-weight:500;color:#c0ccdc}
.item-chevron{display:block;width:8px;height:8px;border-right:1.5px solid #9eacc0;border-bottom:1.5px solid #9eacc0;transform:rotate(45deg);transform-origin:center;transition:transform 160ms ease,border-color 160ms ease}
.item[open]>summary .item-chevron{transform:rotate(225deg);border-color:var(--text)}
.item[open]{background:#202b3a;border-color:#ffffff28}
.item[open]>summary{background:#ffffff02}
.item .item-body{margin:0;padding:20px 22px;border-block-start:1px solid #ffffff1c;background:#10172280;font-size:.9375rem}
.item .detail-block+.detail-block{margin-block-start:18px}
.item .detail-block h4{font-size:.875rem;color:#cbd6e5;margin-block-end:7px}
.item .wowhead{display:inline-flex;min-height:40px;align-items:center;font-size:.875rem;color:#c9d7ec;margin-block-start:10px}
@media(hover:hover){.item:hover{border-color:#ffffff30;background:#222e3e}.talent>summary:hover{background:#ffffff04}.character .related-links a:hover{color:var(--gold)}}
.item>summary:focus-visible,.talent>summary:focus-visible{outline-offset:-4px;border-radius:8px}

/* Native anchors remain usable without JavaScript; active state is progressive. */
.character-actions{padding:0 var(--profile-pad);gap:12px 20px;border-color:#ffffff18;background:#151d29}
.character-actions .section-links{flex:1 1 auto;gap:0 24px;align-items:stretch}
.section-links a{position:relative;display:flex;align-items:center;gap:5px;color:#aeb9c9;font-size:.9375rem;font-weight:500;text-decoration:none;padding:18px 0;transition:color 160ms ease}
.section-links a span{margin:0;font-size:.75rem;color:#94a3b8}
.section-links a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform:scaleX(0);transition:transform 160ms ease;transform-origin:center}
.section-links a[aria-current="location"]{color:var(--text)}
.section-links a[aria-current="location"]::after{transform:scaleX(1)}
@media(hover:hover){.section-links a:hover{color:var(--text)}.section-links a:hover::after{transform:scaleX(.55)}.section-links a[aria-current="location"]:hover::after{transform:scaleX(1)}}
.character-share{position:relative;max-width:100%;margin-inline-start:auto;flex-shrink:0}
.character-share button{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:8px 0;color:#cbd7e7;border-color:#ffffff1a;min-height:42px;padding:8px 12px;text-align:start}
.copy-icon{display:block;flex-shrink:0;position:relative;width:12px;height:13px;border:1px solid currentColor;border-radius:2px;margin-inline-start:3px;transition:color 160ms ease}
.copy-icon::before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:9px;border-left:1px solid currentColor;border-top:1px solid currentColor;border-radius:2px 0 0}
[data-copy][data-state="success"]{color:var(--green);border-color:#94d9a650;background:#94d9a609}
[data-copy][data-state="success"] .copy-icon{width:13px;height:7px;border-width:0 0 2px 2px;border-radius:0;transform:rotate(-45deg);margin-block-start:-4px}
[data-copy][data-state="success"] .copy-icon::before{display:none}
.character-actions .copy-feedback{position:absolute;z-index:10;inset-inline-end:0;top:calc(100% + 8px);width:max-content;max-width:min(340px,calc(100vw - 56px));padding:11px 15px;border:1px solid #ffffff20;border-radius:8px;background:#263346;box-shadow:0 12px 26px #0005;color:var(--text);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}
.character-actions .copy-feedback:empty{padding:0;border:0;box-shadow:none;pointer-events:none}
.character-actions .copy-feedback[data-state="success"]{border-color:#94d9a650;color:#b9e6c5}
.character-actions .copy-feedback[data-state="error"]{border-color:#ffb8c250}
button,.primary,.language-picker>summary,.talent>summary{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}
.disclosure{transition:transform 160ms ease}
@media(prefers-reduced-motion:no-preference){.copy-feedback:not(:empty){animation:copy-feedback-in 160ms ease-out}}
@keyframes copy-feedback-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.character>.character-header{grid-template-columns:104px minmax(0,1fr);gap:22px}.character>.character-header .metrics{grid-column:1/-1;width:100%}.character>.character-header .metrics>div{padding:16px 20px}}
@media(max-width:900px){.character .profile-combat-grid{padding:4px var(--profile-pad) 10px}}
@media(max-width:780px){.character{--profile-pad:20px}.character>.character-header{padding-block:26px}.character-actions{gap:0 12px}.character-actions .section-links{flex-basis:100%;margin:0;justify-content:space-between;gap:0 16px}.character-share{margin-inline-start:0;margin-block-end:5px}.section-links a{font-size:.875rem;padding-block:15px;min-height:46px}.character-actions .copy-feedback{inset-inline-start:0;inset-inline-end:auto}.equipment-pair .item>summary{grid-template-columns:40px minmax(0,1fr) 12px;gap:10px;padding:13px}.equipment-pair .item>summary>.icon{width:40px;height:40px}.equipment-pair .item .item-scores{grid-column:2;grid-row:2;justify-self:end}.equipment-pair .item-chevron{grid-column:3;grid-row:1}.equipment-pair .item .item-identity{grid-column:2;grid-row:1}}
@media(max-width:620px){.character{--profile-pad:18px}.character>.character-header{grid-template-columns:80px minmax(0,1fr);gap:19px;padding-block:24px}.character>.character-header .portrait{width:80px;height:80px;border-radius:11px}.character>.character-header .identity h1{font-size:2rem}.character-header .character-meta{font-size:.875rem;line-height:1.6}.character>.character-header .metrics{gap:10px;margin-block-start:2px}.character>.character-header .metrics>div{padding:14px}.character-header .metrics dd{font-size:2.2rem}.character-header .metrics .metric-ilvl dd{font-size:1.9rem}.character>.profile-section{margin-block-start:22px}.character .profile-section-heading{padding-block:21px;gap:18px}.character .profile-section-heading h2{font-size:1.55rem}.character .profile-section-content,.character .pvp-content{padding-block:20px}.character .profile-attributes>div{padding:14px 0;border-color:var(--profile-rule)}.character .profile-attributes dd{font-size:1.65rem}.character .pvp-honor{padding:16px 0 0;border-inline-start:0;border-block-start-color:var(--profile-rule)}.character .pvp-honor dd[data-pvp]{font-size:2rem}.character .talent-group{padding:15px}.item>summary{grid-template-columns:40px minmax(0,1fr) auto 10px;gap:9px;padding:13px;min-height:84px}.item>summary>.icon{width:40px;height:40px}.item .item-scores{grid-template-columns:4.5ch 4ch;gap:9px}.item .item-body{padding:18px}.character-actions .section-links{gap:0 12px}.section-links a{padding-block:13px}.section-links a span{display:none}.character-share button{font-size:.875rem}}
@media(max-width:400px){.character-actions .section-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.section-links a{justify-content:center}.character>.character-header{grid-template-columns:64px minmax(0,1fr);gap:16px}.character>.character-header .portrait{width:64px;height:64px}.character>.character-header .identity h1{font-size:1.8rem}.item .item-scores{grid-template-columns:4ch 3.5ch;gap:7px}.item>summary{gap:8px;padding:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.section-links a[aria-current="location"]{outline:1px solid Highlight;outline-offset:-4px}.item-chevron,.copy-icon{border-color:ButtonText}.character-header .identity h1,.character-header .identity h2{color:CanvasText}}

/* Product-wide finishing: one identity, a clear search surface, restrained contrast. */
:root{--surface-line:#ffffff12;--surface-soft:#141b25;--ink-soft:#b5bfcd;--gold-soft:#ead3a7}
body{background-color:var(--bg);background-image:radial-gradient(ellipse 1000px 650px at 85% 0,#b3915410,transparent),radial-gradient(ellipse 900px 900px at 0 15%,#415a7b0c,transparent);background-repeat:no-repeat;-webkit-font-smoothing:antialiased}
::selection{background:#e2c48d38;color:#fff8e8}
.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;width:20px;height:20px}
.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.875rem;font-weight:550;line-height:1.5;min-height:44px}
[dir=rtl] .text-link>.ui-icon,[dir=rtl] .recent-character>.ui-icon,[dir=rtl] .tool-links a>.ui-icon:last-child{transform:scaleX(-1)}
.topbar{background:#0d121beF;border-block-end-color:var(--surface-line);box-shadow:0 1px 0 #0004}
.navigation{min-height:82px;gap:28px}
.brand{gap:13px;font-size:1.075rem;letter-spacing:.01em}
.brand-mark{position:relative;width:44px;height:44px;border:0;border-radius:10px;background:#0d1520;overflow:hidden;box-shadow:0 0 0 1px #dfbd7a24,0 7px 18px #0003}
.brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brand small{font-size:.75rem;color:#b5a17d;letter-spacing:.13em;text-transform:uppercase;margin-block-start:5px}
.nav-links{gap:8px}
.nav-links a{position:relative;justify-content:center;gap:9px;padding:11px 16px;min-height:44px;border-radius:8px;font-weight:550;color:#aeb8c7;transition:background-color 160ms ease,color 160ms ease}
.nav-links a .ui-icon{width:17px;height:17px;opacity:.8}
.nav-links a>span{min-width:0;overflow-wrap:anywhere}
.nav-links a[aria-current]{color:var(--gold-soft);text-decoration:none;background:#e2c48d0b;box-shadow:inset 0 0 0 1px #e2c48d23}
.nav-links a[aria-current]::after{content:none}
.language-picker>summary{border-color:var(--surface-line);background:#ffffff02;color:#c4cede;gap:10px}
.language-code{color:#9babc2}
.language-panel{padding:16px;border-color:#435060;background:#1a2330;box-shadow:0 20px 50px #0009}
.language-hint{margin-block-start:20px;background:#172233;border-color:var(--surface-line);padding:12px 16px;line-height:1.65}
.breadcrumbs{padding-block-start:25px;gap:10px;color:#97a8c0;font-size:.8125rem}
.breadcrumbs a{color:#b4c2d6}

/* The first screen leads directly to the existing search or comparison. */
.entry-surface{margin:28px 0 34px;padding:38px;border:1px solid #e2c48d20;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#cba6630c,transparent 60%),linear-gradient(115deg,#19212b,#121923);box-shadow:0 18px 60px #00000020,inset 0 1px 0 #ffffff05}
.home-entry{margin-block-start:36px;padding:42px 40px 0}
.entry-surface .intro{padding:0 0 26px;max-width:900px}
.entry-surface .eyebrow{margin-block-end:13px;letter-spacing:.1em;font-size:.75rem;font-weight:650;color:#c4ad84}
.entry-surface h1{font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.12;letter-spacing:-.03em;max-width:22ch;text-wrap:balance;color:#f5f1e8}
.home-entry h1{max-width:25ch}
.entry-surface .intro>p:last-child{font-size:1rem;line-height:1.7;max-width:720px;margin-block-start:17px;color:var(--ink-soft)}
.entry-surface .search-panel,.entry-surface .compare-form{padding:24px;border:1px solid #ffffff14;border-radius:12px;background:#0c1119b3;box-shadow:0 8px 24px #00000010,inset 0 1px 0 #ffffff03}
.search-panel .field-grid{grid-template-columns:1.2fr 1fr;gap:18px}
.entry-surface label{color:#d0d9e7;font-size:.875rem;font-weight:550;margin-block-end:8px}
.entry-surface input{min-height:52px;padding:12px 14px;border-color:#3e4a5b;background:#151e2b;border-radius:8px;box-shadow:0 1px 2px #0002;transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
.entry-surface input::placeholder{color:#93a3ba;opacity:1}
.entry-surface input:focus{background:#162234;border-color:#cfb274;box-shadow:0 0 0 3px #dfbd7a12}
.entry-surface input:focus-visible{outline-width:2px;outline-offset:2px}
.entry-surface .search-panel>button{margin-block-start:31px;min-width:160px;min-height:52px;gap:18px}
.primary{border-color:#e8c887;color:#231b0e;background:linear-gradient(180deg,#e7c98d,#d7b572);box-shadow:inset 0 1px 0 #fff5,0 5px 15px #0002;font-weight:650;letter-spacing:.005em}
.primary span{font-size:1rem}
.primary .ui-icon{width:19px;height:19px;stroke-width:2}
.primary:active{background:#d4b16c;box-shadow:inset 0 2px 4px #7c5e1933}
.entry-surface .search-hint,.entry-surface .form-actions p{color:#a2b1c7;line-height:1.6;font-size:.8125rem}
.search-hint{margin-block-start:12px}
.form-status:not(:empty){padding:10px 13px;border-inline-start:2px solid #dfbd7a99;background:#dfbd7a08;border-radius:0 5px 5px 0;line-height:1.6}
[dir=rtl] .form-status:not(:empty){border-radius:5px 0 0 5px}
form[aria-busy=true] .primary{opacity:.85}
form[aria-busy=true] .primary>.ui-icon{display:none}
form[aria-busy=true] .primary::after{content:"";width:16px;height:16px;flex-shrink:0;border:2px solid #231b0e35;border-top-color:#231b0e;border-radius:50%;animation:search-turn 700ms linear infinite}
@keyframes search-turn{to{transform:rotate(360deg)}}
.dropdown{margin-block-start:8px;padding:6px;background:#1d2a3e;border-color:#53637c;border-radius:9px;box-shadow:0 18px 40px #0006}
.dropdown li{border-radius:5px;min-height:48px;font-size:.9375rem;gap:16px}
.dropdown li[aria-selected=true]{background:#344860;box-shadow:inset 2px 0 0 #dfbd7a}
.dropdown small{font-size:.8125rem;line-height:1.6}
.home-entry .tool-links{padding:18px 0 22px;gap:18px}
.tool-links>a{display:inline-flex;align-items:center;gap:10px;color:var(--gold-soft);font-weight:550;font-size:.875rem}
.tool-links>a>.ui-icon:first-child{width:18px;height:18px;color:#b8c5d9}
.tool-links>a>.ui-icon:last-child{width:16px;height:16px}
.tool-links>span{font-size:.8125rem;line-height:1.6;color:#98a9c1}

/* Existing content reads as a coherent product, including empty and error states. */
.recent-section{margin-block:34px 38px}
.section-heading{margin-block:30px 18px;gap:18px}
.section-heading h2{font:500 1.45rem/1.3 Georgia,"Noto Serif",serif;color:#e6edf7}
.section-heading>a{color:#b9c9de}
.recent-grid{gap:12px}
.recent-character,.realm-group .recent-character{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:12px;position:relative;padding:17px;border:1px solid var(--surface-line);border-radius:10px;background:linear-gradient(135deg,#1a2433,#141d2b);text-decoration:none;transition:border-color 160ms ease,background-color 160ms ease}
.recent-character>.recent-monogram{position:static;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;border:1px solid #dfbd7a1f;background:#dfbd7a08;color:#dcc28e;font:500 1.3rem/1 Georgia,serif;text-transform:uppercase}
.recent-character>.recent-identity{position:static;display:block;min-width:0}
.recent-character bdi{font-size:.9375rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.recent-character small{font-size:.8125rem;line-height:1.5;margin-block-start:3px;overflow-wrap:anywhere;color:#9daec6}
.recent-identity small{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.recent-identity small bdi{display:inline;font-size:inherit;font-weight:400;color:var(--muted)}
.recent-identity small .region-tag{margin-inline-end:0}
.recent-character>.ui-icon{width:16px;height:16px;color:#8fa1bb;transition:color 160ms ease}
.guide-grid{gap:20px;padding:0 0 28px;border:0}
.guide-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid var(--surface-line);border-radius:12px;background:#151e2b}
.guide-card-label{display:flex;align-items:center;gap:13px;margin-block-end:22px}
.guide-card-label .eyebrow{margin:0;color:#b9c7da;font-size:.8125rem;letter-spacing:.07em}
.guide-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dfbd7a26;border-radius:9px;background:#dfbd7a08;color:#d9bd85}
.guide-grid h2{font:500 1.65rem/1.25 Georgia,"Noto Serif",serif;letter-spacing:-.01em;margin-block-end:14px}
.guide-grid article>p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#abbad0}
.guide-grid article>.gs-note{font-size:.8125rem;margin-block-start:12px}
.guide-grid article>a{display:inline-flex;gap:10px;align-items:center;margin-block-start:auto;padding-block-start:22px;color:#d9c394;font-size:.875rem;min-height:44px}
.reading-panel{border-color:var(--surface-line);background:var(--panel);box-shadow:inset 0 1px 0 #ffffff02;border-radius:12px}
.reading-panel h2,.questions h2{font:500 1.55rem/1.3 Georgia,"Noto Serif",serif;margin-block-end:15px}
.reading-panel>p,.questions details>p{color:#b6c4d8;line-height:1.75;font-size:1rem}
.reading-panel .related-links{gap:12px 24px}
.reading-panel .related-links a{font-size:.875rem;color:#d4bf95;min-height:44px;display:inline-flex;align-items:center}
.questions{padding:0 4px 30px}
.questions details{border-bottom-color:var(--surface-line)}
.questions summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;min-height:56px;font-size:.9375rem;font-weight:550;color:#d4deec;list-style:none}
.questions summary::-webkit-details-marker{display:none}
.questions summary::after{content:"";flex-shrink:0;width:7px;height:7px;border-right:1.5px solid #97a8bf;border-bottom:1.5px solid #97a8bf;transform:rotate(45deg);transition:transform 160ms ease;margin-inline-end:4px}
.questions details[open] summary::after{transform:rotate(225deg)}
.questions details>p{max-width:900px;padding-block-end:20px}
.notice{border-color:#8aa5ca30;border-radius:9px;background:#8aa5ca08;color:#c8d6e8;padding:17px 20px;line-height:1.65}
.notice.error{border-color:#ffb8c240;background:#ffb8c209;color:#ffd1d8}
.entry-surface>.notice.error{margin-block:20px 0}

/* Comparison is presented as two equal inputs and two equal result cards. */
.entry-surface .compare-form{padding:22px}
.compare-inputs{gap:20px}
.compare-inputs>.lookup{padding:20px;border:1px solid transparent;border-radius:9px;background:#ffffff03}
.compare-inputs>.lookup+.lookup{padding:20px;border:1px solid transparent;border-inline-start-color:var(--surface-line)}
.compare-inputs .player-label{display:flex;align-items:center;gap:10px;min-width:0;font-size:.9375rem;font-weight:550;color:#d6dfed;margin-block-end:19px;line-height:1.5}
.player-index{font-size:.75rem;font-variant-numeric:tabular-nums;display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #dfbd7a25;border-radius:6px;color:#dac18d;background:#dfbd7a07}
.compare-inputs .field-grid{gap:14px}
.compare-form .form-actions{margin-block-start:22px;gap:24px}
.compare-form .form-actions .primary{min-height:52px;gap:18px;min-width:230px}
.player-card{border:1px solid #ffffff1b;background:linear-gradient(140deg,#1a2330,#141b25);box-shadow:0 8px 24px #00000015}
.player-card>.player-label{font-size:.8125rem;font-weight:550;text-transform:uppercase;letter-spacing:.04em;color:#a5b4ca;padding:23px 24px 0}
.player-card .character-header{padding:20px 24px;gap:16px}
.player-card .portrait{border-radius:10px;border-color:rgba(var(--class-rgb),.4);width:72px;height:72px;box-shadow:0 0 0 4px #ffffff02}
.player-card .identity h2{font-size:1.9rem}
.player-card-footer{padding:0 24px 22px;line-height:1.65;color:#abbad0;font-size:.8125rem}
.player-card-footer>a{color:#d7c18f;min-height:38px;display:inline-flex;align-items:center}
.difference-panel{padding:25px 28px;background:var(--panel);border-color:var(--surface-line);gap:30px}
.difference-stat>span{font-size:.875rem;color:#bcc9dc}
.difference-stat>strong{color:var(--gold-soft)}
.equipment-row>h3{background:var(--raised);border-color:var(--surface-line);color:#d8e3f3}
.stats-scroll,.item-differences{border-color:var(--surface-line)}
.stats-table thead{background:var(--raised)}
.stats-table .stats-group th{background:var(--panel);color:#bacbdf}
.stats-table td,.stats-table th{border-block-end-color:var(--surface-line)}
.item-differences>summary{color:#c5d3e6}

/* Finish the armory surface without changing its information order. */
.character>.character-header{background:radial-gradient(ellipse at 0 0,rgba(var(--class-rgb),.055),transparent 65%),linear-gradient(115deg,#1a2330,#141b25);box-shadow:0 12px 35px #0002}
.character>.profile-section{background:var(--panel)}
.character-actions{isolation:isolate}
.character>.profile-section{scroll-margin-block-start:var(--section-scroll-offset,20px)}
.character .profile-section-heading h2{letter-spacing:-.015em}
.character .profile-stats .profile-combat-grid{padding:24px var(--profile-pad)}
.character .profile-stat-group{padding-inline:22px}
.character .profile-stat-group:first-child{padding-inline-start:0}
.character .profile-stat-group:last-child{padding-inline-end:0}
.character .item-score-gs strong{color:#e5d4af}
.character .profile-stats-empty,.character .pvp-unavailable{color:#aebdd2}
.footer{margin-block-start:50px;padding:38px 0 30px;border-color:var(--surface-line);background:#090e15}
.footer-grid{gap:26px 40px;color:#96a8c0;line-height:1.7}
.footer-brand{color:#dce5f2;font-size:1.05rem;letter-spacing:.01em}
.footer-links{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:5px}
.footer-links a{color:#b2c2d8;min-height:35px;font-size:.8125rem}
.music{border-inline-start:1px solid var(--surface-line);padding-inline-start:25px}
.music button{background:transparent;border-color:var(--surface-line);color:#b5c5db}
.translation-credit{border-top-color:var(--surface-line)}
@media(hover:hover){.nav-links a:hover{background:#ffffff04;color:#e0e8f4;text-decoration:none}.primary:hover{background:linear-gradient(180deg,#efd6a2,#dfc080);border-color:#efd59d;box-shadow:inset 0 1px 0 #fff6,0 7px 20px #0003}.entry-surface input:hover{border-color:#60728d}.recent-character:hover{border-color:#dfbd7a42;background:#1d2a3d;text-decoration:none}.recent-character:hover>.ui-icon{color:var(--gold)}.text-link:hover{color:#efd29a;text-decoration:underline}.questions summary:hover{color:var(--gold-soft)}.footer-links a:hover{color:var(--gold-soft)}}
@media(min-width:901px){.character-actions{position:sticky;top:14px;z-index:25;background:#151d29f5;backdrop-filter:blur(14px);box-shadow:0 12px 28px #0003}.character>.profile-section{scroll-margin-block-start:var(--section-scroll-offset,106px)}}
@media(max-width:1050px){.home-entry{padding:30px 28px 0}.entry-surface{padding:28px}.home-entry{padding-block-end:0}.entry-surface h1{max-width:24ch}.entry-surface .compare-form{padding:18px}.compare-inputs>.lookup,.compare-inputs>.lookup+.lookup{padding:17px}.compare-inputs .field-grid{grid-template-columns:1fr}}
@media(max-width:900px){.character .profile-stats .profile-combat-grid{padding:4px var(--profile-pad) 10px}.character .profile-stat-group{padding:20px 0}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.music{padding-inline-start:0;border:0}}
@media(max-width:780px){.navigation{gap:16px;padding-block:16px}.nav-links{gap:8px;padding-block-start:10px;border-top-color:var(--surface-line);justify-content:stretch}.nav-links a{flex:1;padding-block:9px;min-height:42px}.brand{font-size:1rem}.entry-surface,.home-entry{margin-block:24px 28px;padding:25px}.home-entry{padding-block-end:0}.entry-surface .intro{padding-block-end:23px}.entry-surface h1{font-size:2.35rem;max-width:25ch}.entry-surface .search-panel{grid-template-columns:1fr;padding:20px}.entry-surface .search-panel>button{margin-block-start:17px;width:100%;justify-content:center}.entry-surface .search-hint{margin-block-start:14px}.home-entry .tool-links{gap:8px;padding-block:16px 20px;align-items:flex-start}.tool-links>span{flex-basis:100%}.guide-grid{grid-template-columns:1fr;gap:16px;padding-block-end:18px}.guide-grid article{padding:25px}.guide-grid article>a{padding-block-start:20px}.guide-card-label{margin-block-end:18px}.compare-inputs{grid-template-columns:1fr 1fr;gap:14px}.compare-form .form-actions{align-items:stretch;gap:14px}.compare-form .form-actions .primary{width:100%}.entry-surface .form-actions p{max-width:none}.difference-panel{padding:22px;gap:22px}.footer-grid{gap:25px}.footer-links{column-gap:24px}.section-heading .text-link{font-size:.8125rem}}
@media(max-width:520px){.navigation{gap:12px;padding-block:13px}.brand{gap:10px;font-size:.9375rem}.brand-mark{width:39px;height:39px;border-radius:9px}.brand small{font-size:.75rem;letter-spacing:.06em}.language-picker>summary{padding:8px 10px;max-width:155px}.nav-links{margin:0}.nav-links a{font-size:.875rem}.entry-surface,.home-entry{margin-block:20px 25px;padding:21px 18px;border-radius:12px}.home-entry{padding-block-end:0}.entry-surface .eyebrow{font-size:.75rem;letter-spacing:.055em;line-height:1.5}.entry-surface h1{font-size:2rem;line-height:1.15}.entry-surface .intro>p:last-child{font-size:1rem;line-height:1.65;margin-block-start:14px}.entry-surface .search-panel,.entry-surface .compare-form{padding:16px}.search-panel .field-grid{grid-template-columns:1fr;gap:15px}.entry-surface input{min-height:50px;padding:11px 12px}.entry-surface .search-panel>button{min-height:50px;margin-block-start:18px}.home-entry .tool-links{padding-block:14px 18px}.tool-links>a{gap:8px;font-size:.875rem}.tool-links>a>.ui-icon:last-child{display:none}.tool-links>span{font-size:.75rem}.recent-grid{grid-template-columns:1fr}.recent-character,.realm-group .recent-character{padding:16px;grid-template-columns:38px minmax(0,1fr) 16px;gap:13px}.section-heading{gap:8px;margin-block:24px 15px}.section-heading h2{font-size:1.35rem}.section-heading .text-link{padding:0;min-height:38px}.guide-grid article{padding:22px}.guide-grid h2{font-size:1.5rem}.guide-card-label{margin-block-end:18px}.guide-icon{width:36px;height:36px}.reading-panel{padding:22px 20px}.reading-panel h2,.questions h2{font-size:1.4rem}.reading-panel .related-links{gap:5px 20px}.compare-inputs{grid-template-columns:1fr;gap:15px}.compare-inputs>.lookup,.compare-inputs>.lookup+.lookup{padding:16px;border:1px solid var(--surface-line)}.compare-inputs .player-label{font-size:.9375rem;margin-block-end:16px}.compare-form .form-actions .primary{min-width:0;font-size:.875rem;gap:12px}.compare-form .primary span{font-size:.875rem}.player-card .character-header{padding:19px 20px}.player-card>.player-label{padding:20px 20px 0}.player-card-footer{padding-inline:20px}.player-card .portrait{width:64px;height:64px}.difference-panel{padding:20px;gap:20px}.equipment-row{border-color:var(--surface-line)}.footer{padding-block:28px}.footer-grid>div:first-child{flex-basis:100%}.footer-links{grid-template-columns:1fr 1fr;flex-basis:100%;column-gap:20px}.music{margin-block-start:4px}.questions{padding-inline:0}.questions summary{font-size:.9375rem;line-height:1.5;gap:20px}.questions details>p{font-size:.9375rem}}
@media(max-width:360px){.brand{gap:8px;font-size:.875rem}.brand-mark{width:34px;height:34px}.navigation{gap:8px}.language-picker>summary{max-width:135px;padding:8px}.entry-surface,.home-entry{padding-inline:15px}.entry-surface .search-panel,.entry-surface .compare-form{padding:13px}}
@media(prefers-reduced-motion:reduce){form[aria-busy=true] .primary::after{animation:none}.questions summary::after,.recent-character,.nav-links a,.entry-surface input{transition:none}}
@media(forced-colors:active){.nav-links a[aria-current]{outline:1px solid Highlight}.primary{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}.recent-character,.entry-surface{border-color:CanvasText}}

/* Recently inspected profiles reuse the saved portrait and localized identity. */
.recent-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.directory-profile-grid li{min-width:0}
.directory-profile-grid .recent-profile-card{height:100%}
.recent-profile-card{--class-rgb:194,204,222;display:grid;grid-template-columns:64px minmax(0,1fr) 16px;grid-template-rows:auto auto auto;align-content:start;align-items:center;gap:15px 16px;min-width:0;padding:22px;border:1px solid #ffffff18;border-radius:12px;background:radial-gradient(ellipse at 0 0,rgba(var(--class-rgb),.055),transparent 80%),#16202e;text-decoration:none;transition:border-color 160ms ease,background-color 160ms ease}
.recent-portrait{position:relative;display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;overflow:hidden;border:1px solid rgba(var(--class-rgb),.48);border-radius:10px;background:#101927;color:rgb(var(--class-rgb));font:500 1.8rem/1 Georgia,serif;box-shadow:0 0 0 4px rgba(var(--class-rgb),.035)}
.recent-portrait>span{text-transform:uppercase}
.recent-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.recent-profile-heading{min-width:0;display:block}
.recent-profile-heading>strong{display:block;font-size:1.05rem;font-weight:600;line-height:1.4;color:rgb(var(--class-rgb));overflow-wrap:anywhere}
.recent-profile-realm{display:block;color:#9eafc7;font-size:.8125rem;line-height:1.5;margin-block-start:6px;overflow-wrap:anywhere}
.recent-profile-card>.ui-icon{width:16px;height:16px;color:#91a4bf;align-self:start;margin-block-start:4px}
.recent-profile-meta{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding-block-start:15px;border-block-start:1px solid #ffffff10;color:#c1cee0;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.recent-profile-level{color:#9aacC5;font-size:.8125rem;white-space:nowrap}
.recent-profile-spec{grid-column:1/-1;justify-self:start;min-width:0;max-width:100%;padding:5px 10px;border:1px solid rgba(var(--class-rgb),.18);border-radius:6px;background:rgba(var(--class-rgb),.055);color:#d3ddec;font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
[dir=rtl] .recent-profile-card>.ui-icon{transform:scaleX(-1)}
@media(hover:hover){.recent-profile-card:hover{border-color:rgba(var(--class-rgb),.42);background-color:#1d2a3d;text-decoration:none}.recent-profile-card:hover>.ui-icon{color:rgb(var(--class-rgb))}}
@media(max-width:1050px){.recent-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.recent-profile-grid{grid-template-columns:1fr;gap:13px}.recent-profile-card{padding:20px;grid-template-columns:56px minmax(0,1fr) 16px;gap:14px 15px}.recent-portrait{width:56px;height:56px}.recent-profile-heading>strong{font-size:1rem}.recent-profile-meta{padding-block-start:14px}}
@media(prefers-reduced-motion:reduce){.recent-profile-card{transition:none}}
@media(forced-colors:active){.recent-profile-card,.recent-portrait,.recent-profile-spec{border-color:CanvasText}.recent-profile-heading>strong{color:LinkText}}

/* Region belongs to the character identity; it is independent of the UI language. */
.regional-fields select{width:100%;min-height:52px;padding:12px;border:1px solid var(--line);border-radius:7px;background:#0e1622;color:var(--text);font:inherit;cursor:pointer}
.regional-fields select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.search-panel .regional-fields{grid-template-columns:minmax(135px,.72fr) minmax(0,1.15fr) minmax(0,1fr)}
.region-tag{display:inline-flex;align-items:center;vertical-align:middle;min-height:23px;padding:1px 6px;margin-inline-end:5px;border:1px solid #ffffff1a;border-radius:4px;background:#ffffff05;color:var(--muted);font:600 .75rem/1.4 system-ui,sans-serif;letter-spacing:.035em;white-space:nowrap}
.character-header .realm{display:flex;align-items:center;gap:4px}
.compare-inputs .region-field{grid-column:1/-1}
@media(max-width:1050px){.search-panel .regional-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.search-panel .region-field{grid-column:1/-1}.entry-surface .search-panel>button{align-self:end;margin-block-end:24px}}
@media(max-width:780px){.entry-surface .search-panel>button{margin-block-end:0}}
@media(max-width:520px){.search-panel .regional-fields{grid-template-columns:1fr}.regional-fields select{min-height:50px}.compare-inputs .region-field{grid-column:auto}}

/* Discovery: keep the four tools visible at every screen size. */
.navigation { gap: 22px; }
.nav-links { gap: 3px; }
.nav-links > a { min-width: 0; padding-inline: 12px; text-align: center; line-height: 1.4; }
.language-picker > summary > span:nth-child(2) { overflow-wrap: anywhere; min-width: 0; }
.language-panel { max-height: min(560px, 75dvh); overflow-y: auto; }
#main { min-height: 55vh; }
#main:focus { outline: none; }
.home-hero { display: grid; grid-template-columns: minmax(0, 1fr) 200px; align-items: center; gap: 34px; padding-bottom: 32px; }
.home-hero .home-intro { padding: 0; }
.home-hero h1 { max-width: 23ch; font-size: clamp(2.25rem, 3.8vw, 3.4rem); }
.home-hero .intro > p:last-child { max-width: 62ch; }
.home-entry { background: radial-gradient(ellipse at 100% 0, #cba66312, transparent 55%), linear-gradient(120deg, #19212b, #121923); }
.entry-hero { display:grid; grid-template-columns:minmax(0,1fr) 200px; align-items:center; gap:32px; padding-block-end:32px; }
.entry-hero .intro { padding:0; }
.entry-hero .intro>p:not(.eyebrow) { margin-block-start:17px; max-width:62ch; color:var(--ink-soft); font-size:1rem; line-height:1.7; }
.entry-features { display:flex; flex-wrap:wrap; gap:12px 24px; margin:25px 0 0; padding:0; list-style:none; color:#b8c2d0; font-size:.8125rem; }
.entry-features li { display:flex; align-items:center; gap:8px; }
.entry-features .ui-icon { width:16px; height:16px; color:var(--gold); opacity:.85; }
.armory-emblem { width:100%; max-width:210px; justify-self:center; color:var(--gold); background:radial-gradient(circle,#e2c48d08,transparent 70%); }
.armory-emblem svg { display:block; width:100%; height:auto; overflow:visible; }
.emblem-orbit { stroke:currentColor; stroke-opacity:.14; }
.emblem-orbit-inner { stroke:currentColor; stroke-opacity:.1; stroke-dasharray:2 8; }
.emblem-axis { stroke:currentColor; stroke-opacity:.3; }
.emblem-shield { stroke:currentColor; stroke-width:1.3; stroke-opacity:.6; fill:#e2c48d04; }
.emblem-shield-inner { stroke:currentColor; stroke-opacity:.16; }
.emblem-sword { stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:#e2c48d0a; }
.emblem-star { fill:currentColor; fill-opacity:.6; }
.armory-support { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr); align-items:start; gap:44px; margin-block:40px 52px; }
.armory-support .reading-panel { margin:0; padding:28px; }
.armory-support .reading-panel>.guide-icon { margin-block-end:20px; }
.armory-support .reading-panel>p { font-size:.9375rem; }
.armory-support .questions { margin:0; padding:4px 0 0; max-width:none; }
.armory-support .questions h2 { margin-block-end:15px; }
.armory-support .questions details>p { font-size:.9375rem; }
.armory-support .related-links { display:grid; gap:0; margin-block-start:20px; padding-block-start:15px; border-block-start:1px solid var(--surface-line); }
.armory-support .related-links a { display:flex; justify-content:space-between; gap:16px; padding-block:9px; }
.armory-support .related-links .ui-icon { width:16px; height:16px; }
[dir=rtl] .armory-support .related-links .ui-icon { transform:scaleX(-1); }
.entry-surface .search-panel { align-items: start; }
.entry-surface .search-panel > button { margin-block-start: 31px; margin-block-end: 0; align-self: start; }
.home-tools { margin-block: 34px; }
.home-tools .section-heading { margin-block: 0 18px; }
.tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tool-card { display: flex; flex-direction: column; align-items: stretch; min-width: 0; padding: 28px; border: 1px solid var(--surface-line); border-radius: 12px; background: var(--panel); color: var(--text); transition: border-color 160ms ease, background-color 160ms ease; }
.tool-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-block-end: 23px; }
.tool-card-index { font-size: .8125rem; color: #8d9cb2; font-variant-numeric: tabular-nums; }
.tool-card h3 { font: 500 1.5rem/1.3 Georgia, 'Noto Serif', serif; letter-spacing: -.01em; text-wrap: balance; }
.tool-card > p { margin-block: 14px 22px; color: #acbcd1; line-height: 1.7; font-size: .9375rem; }
.tool-card-action { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-block-start: auto; padding-block-start: 18px; border-block-start: 1px solid var(--surface-line); font-size: .875rem; font-weight: 550; color: var(--gold-soft); }
.tool-card-action .ui-icon { width: 18px; height: 18px; }
.tool-card-planner { background: linear-gradient(145deg, #242b2d, #171f2b); border-color: #dfbd7a28; }
.tool-card-planner .guide-icon { border-color: #dfbd7a45; background: #dfbd7a10; }
.guide-spotlight { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 24px; margin-block: 32px 48px; padding: 28px 30px; border-block: 1px solid #dfbd7a25; background: linear-gradient(90deg, #dfbd7a06, transparent); }
.guide-spotlight > .guide-icon { width: 48px; height: 48px; border-radius: 50%; }
.guide-spotlight .eyebrow { font-size: .6875rem; margin-block-end: 8px; color: #ad9d82; }
.guide-spotlight h2 { font: 500 1.45rem/1.3 Georgia, 'Noto Serif', serif; }
.guide-spotlight p:last-child { max-width: 65ch; margin-block-start: 8px; font-size: .875rem; color: var(--muted); }
.guide-spotlight > a { max-width: 23ch; }
.directory-empty { display: flex; flex-direction: column; align-items: center; gap: 22px; text-align: center; padding: 48px 28px; margin-block: 24px 48px; border: 1px dashed #60718c66; border-radius: 12px; background: #151e2b; }
.directory-empty .guide-icon { width: 56px; height: 56px; border-radius: 50%; }
.directory-empty h2 { font: 500 1.65rem/1.3 Georgia, 'Noto Serif', serif; }
.directory-empty p { max-width: 62ch; color: var(--muted); }
.directory-empty .primary { margin-block-start: 4px; }
.comparison-actions { margin-block: 28px; border: 1px solid var(--surface-line); border-radius: 10px; background: #17202d; }
#comparison-statistics, #comparison-equipment, #entry-title { scroll-margin-block-start: 28px; }
.comparison .equipment-pair { min-width: 0; }
.footer-links { align-content: start; }
[dir=rtl] .tool-card:not([dir=ltr]) .tool-card-action .ui-icon { transform: scaleX(-1); }
@media (hover: hover) {
  .tool-card:hover { text-decoration: none; border-color: #dfbd7a70; background-color: #1c293b; }
  .tool-card:hover h3 { color: var(--gold-soft); }
}
@media (max-width: 1100px) {
  .navigation { flex-wrap: wrap; padding-block: 15px 10px; gap: 13px 22px; }
  .nav-links { order: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; margin: 0; gap: 8px; padding-block-start: 9px; border-block-start: 1px solid var(--surface-line); }
  .nav-links > a { min-height: 46px; padding: 9px 12px; }
  .language-picker { margin-inline-start: auto; }
  .home-hero { grid-template-columns: minmax(0, 1fr) 145px; gap: 20px; }
  .entry-surface .search-panel { grid-template-columns: 1fr; }
  .entry-surface .search-panel .regional-fields { grid-template-columns: minmax(130px, .7fr) minmax(0, 1fr) minmax(0, 1fr); }
  .entry-surface .search-panel .region-field { grid-column: auto; }
  .entry-surface .search-panel > button { grid-row: 3; width: 100%; margin-block-start: 17px; }
  .tool-card { padding: 22px; }
}
@media (max-width: 780px) {
  .home-hero { grid-template-columns: minmax(0, 1fr); padding-block-end: 24px; }
  .armory-emblem { display: none; }
  .entry-hero { grid-template-columns:1fr; padding-block-end:27px; }
  .entry-features { margin-block-start:21px; gap:10px 20px; }
  .armory-support { grid-template-columns:1fr; gap:30px; margin-block:30px 36px; }
  .armory-support .reading-panel { padding:24px; }
  .home-hero h1 { font-size: 2.35rem; }
  .tool-grid { grid-template-columns: 1fr; gap: 14px; }
  .tool-card { padding: 24px; }
  .tool-card-top { margin-block-end: 18px; }
  .tool-card h3 { font-size: 1.5rem; }
  .tool-card > p { margin-block: 10px 18px; }
  .guide-spotlight { grid-template-columns: 40px minmax(0, 1fr); gap: 18px; padding: 25px 20px; }
  .guide-spotlight > .guide-icon { width: 40px; height: 40px; align-self: start; }
  .guide-spotlight > a { grid-column: 2; max-width: none; }
  .comparison-actions .section-links { gap: 0 18px; }
}
@media (max-width: 600px) {
  .nav-links { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; }
  .nav-links > a { padding: 10px 8px; min-height: 46px; font-size: .875rem; overflow-wrap: anywhere; }
  .entry-surface .search-panel .regional-fields { grid-template-columns: 1fr; }
  .entry-surface .search-panel, .entry-surface .compare-form { padding: 20px 0 0; border: 0; border-block-start: 1px solid var(--surface-line); border-radius: 0; background: transparent; box-shadow: none; }
  .entry-surface .search-panel > button { margin-block-start: 15px; }
  .home-hero h1 { font-size: 2.05rem; }
  .home-entry .tool-links { padding-block: 18px; }
  .home-tools { margin-block: 28px; }
  .guide-spotlight { margin-block-end: 32px; padding-inline: 12px; }
  .directory-empty { padding: 32px 22px; text-align: start; align-items: flex-start; }
  .directory-empty .primary { width: 100%; }
  .comparison-actions { padding-inline: 18px; }
  .comparison-actions .section-links { display: flex; justify-content: flex-start; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .tool-card { transition: none; }
}
@media (forced-colors: active) {
  .tool-card, .directory-empty, .guide-spotlight { border: 1px solid CanvasText; }
  .tool-card-action, .tool-card h3 { color: LinkText; }
  .armory-emblem { display: none; }
}

/* A shared illustrated entrance and quieter, tactile details across discovery pages. */
body {
  background: radial-gradient(ellipse 75% 520px at 50% -220px, #31425a40, transparent 80%), var(--bg);
}
.topbar {
  background: linear-gradient(180deg, #171e29, #111822);
  box-shadow: 0 9px 30px #05080d24;
}
.brand-mark {
  box-shadow: inset 0 0 0 3px #101722, 0 0 20px #d3ac6522;
}
.entry-surface:is(.home-entry,.armory-entry,.compare-entry) {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border-color: #c9aa7540;
  background-color: #151d28;
  background-image: linear-gradient(90deg, #151d28fa 0%, #151d28ed 36%, #151d28b5 62%, #151d2870 100%), url("outland-background.webp");
  background-repeat: no-repeat;
  background-position: center, right center;
  background-size: cover;
  box-shadow: 0 25px 70px #03060d44, inset 0 1px 0 #ffffff13;
}
.entry-surface:is(.home-entry,.armory-entry,.compare-entry)::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid #e8c98b12;
  border-radius: 10px;
  pointer-events: none;
  z-index: -1;
}
.entry-surface:is(.home-entry,.armory-entry) :is(.home-hero,.entry-hero) {
  grid-template-columns: minmax(0, 1fr);
  min-height: 205px;
}
.entry-surface:is(.home-entry,.armory-entry) .armory-emblem { display: none; }
.entry-surface:is(.home-entry,.armory-entry) .intro { max-width: 720px; }
.entry-surface:is(.home-entry,.armory-entry,.compare-entry) .search-panel,
.entry-surface.compare-entry .compare-form {
  background: linear-gradient(145deg, #0d141de9, #101923da);
  border-color: #ffffff20;
  box-shadow: 0 14px 40px #0005, inset 0 1px 0 #ffffff0b;
}
.entry-surface .eyebrow::before,
.directory-intro .eyebrow::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1px;
  margin-inline-end: 10px;
  vertical-align: .32em;
  background: currentColor;
  opacity: .85;
}
.directory-intro {
  position: relative;
  overflow: hidden;
  margin-block: 29px 23px;
  padding: 38px 42px;
  border: 1px solid #d4b87a2c;
  border-radius: 15px;
  background: radial-gradient(circle at 87% 42%, #d0ac5b1a, transparent 28%), linear-gradient(110deg, #1b2634, #121b27);
  box-shadow: inset 0 1px 0 #ffffff0b, 0 16px 45px #03060d20;
}
.directory-intro::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  inset-inline-end: 7%;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border: 1px solid #d0ae6424;
  border-radius: 24px;
  box-shadow: 0 0 0 28px #d0ae6408, inset 0 0 0 24px #d0ae6406;
  pointer-events: none;
}
.directory-intro > * { position: relative; z-index: 1; }
.directory-intro h1 { max-width: 23ch; }
.directory-intro > p:last-child { max-width: 62ch; color: #b9c8db; }
.directory-heading {
  background: linear-gradient(90deg, #1a2634, #141d2a);
  border-color: #ffffff21;
  box-shadow: inset 3px 0 0 #d4b87a75;
}
.directory-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; align-items:end; gap:12px; margin:-12px 0 30px; padding:19px; border:1px solid var(--surface-line); border-radius:11px; background:var(--panel); }
.directory-filters label { display:block; margin-bottom:7px; color:var(--muted); font-size:.78rem; font-weight:650; }
.directory-filters select { width:100%; min-height:46px; padding:9px 12px; color:var(--text); background:#0f1823; border:1px solid #7a8a9c55; border-radius:7px; }
.directory-filters .primary { min-height:46px; white-space:nowrap; }
.directory-clear { min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:9px; color:var(--muted); white-space:nowrap; font-size:.82rem; }
.directory-clear:hover { color:var(--gold); }
.character-source-note { margin:28px 0 18px; padding:22px 25px; border:1px solid var(--surface-line); border-inline-start:3px solid #d6b878a8; border-radius:8px; background:linear-gradient(100deg,#d6b8780b,#182331); }
.character-source-note h2 { margin:0 0 9px; color:#e9e4da; font-size:1rem; }
.character-source-note p { margin:6px 0 0; color:var(--muted); font-size:.85rem; line-height:1.65; }
@media (max-width: 780px) {
  .directory-filters { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:-5px; padding:15px; }
  .directory-filters .primary { width:100%; }
}
@media (max-width: 500px) {
  .directory-filters { grid-template-columns:1fr; }
}
.realm-group h2 { color: #e3e9f2; }
.realm-group h2::after { background: linear-gradient(90deg, #d1b57d47, #ffffff0c); }
.recent-profile-card {
  box-shadow: inset 0 1px 0 #ffffff08, 0 8px 20px #00000016;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.recent-profile-card .recent-portrait { box-shadow: 0 0 0 3px rgba(var(--class-rgb), .09), 0 7px 15px #0005; }
.tool-card {
  position: relative;
  overflow: hidden;
  background-color: var(--panel);
  background-image: linear-gradient(150deg, #ffffff05, transparent 56%);
  box-shadow: inset 0 1px 0 #ffffff0a, 0 9px 25px #00000017;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, background-color 180ms ease;
}
.tool-card-planner { background-color: #1b292f; background-image: linear-gradient(145deg, #283433, #17212b); }
.tool-card::before {
  content: "";
  position: absolute;
  width: 105px;
  height: 105px;
  inset-inline-end: -46px;
  top: -53px;
  border: 1px solid #d5b9791c;
  border-radius: 50%;
  pointer-events: none;
}
.guide-spotlight {
  border: 1px solid #dfbd7a2a;
  border-radius: 12px;
  background: linear-gradient(100deg, #dfbd7a0e, #14202d 48%, #101923);
  box-shadow: inset 0 1px 0 #ffffff08;
}
.guide-grid article, .reading-panel, .player-card {
  box-shadow: inset 0 1px 0 #ffffff09, 0 10px 26px #00000014;
}
.section-heading h2::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: .9em;
  margin-inline-end: 11px;
  border-radius: 2px;
  background: var(--gold);
  vertical-align: -.08em;
  opacity: .8;
}
@media (hover: hover) {
  .recent-profile-card:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 #ffffff0a, 0 18px 32px #00000036; }
  .tool-card:hover { transform: translateY(-3px); box-shadow: inset 0 1px 0 #ffffff10, 0 18px 35px #0000003d; }
}
@media (max-width: 780px) {
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry) {
    background-image: linear-gradient(105deg, #151d28f8, #151d28dc 75%, #151d28af), url("outland-background.webp");
    background-position: center, 70% center;
  }
  .entry-surface:is(.home-entry,.armory-entry) :is(.home-hero,.entry-hero) { min-height: 0; }
  .directory-intro { padding: 29px 26px; }
  .directory-intro::after { opacity: .45; inset-inline-end: -60px; }
}
@media (max-width: 600px) {
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry) {
    background-image: linear-gradient(115deg, #151d28f8, #151d28ea), url("outland-background.webp");
  }
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry) .search-panel,
  .entry-surface.compare-entry .compare-form {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-block-start: 1px solid var(--surface-line);
  }
  .directory-intro { margin-block: 20px; padding: 27px 20px; }
  .directory-intro::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .recent-profile-card, .tool-card { transition: none; }
}
@media (forced-colors: active) {
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry), .directory-intro, .guide-spotlight { background: Canvas; border-color: CanvasText; }
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry)::before, .directory-intro::after { display: none; }
}

/* Entry points to the Arms PvP field manual. */
.nav-links>a.nav-guide{color:#dec39b}
@media(min-width:1101px){.navigation{gap:17px}.nav-links>a{padding-inline:9px;font-size:.84rem}}
@media(max-width:1100px){.nav-links{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-links:has(> .nav-guide){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:600px){.nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links>a.nav-guide{grid-column:1/-1;border:1px solid #e2c48d24;background:#e2c48d08}}
.warrior-guide-teaser{display:block;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b3936355;border-radius:14px;margin:34px 0 10px;background:#111918;min-height:320px;color:#e8decf}
.warrior-guide-teaser>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% 40%}
.warrior-guide-teaser:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1717f5,#0d1717cf 42%,#0d171720)}
.warrior-guide-teaser>div{max-width:660px;padding:44px}.warrior-guide-teaser h2{font:400 2.6rem/1.15 Georgia,serif;margin:15px 0;color:#efddbb}.warrior-guide-teaser p{font-size:.94rem;color:#b7bcb8;max-width:470px}.warrior-guide-teaser .text-link{display:flex;gap:14px;justify-content:flex-start;width:fit-content;margin-top:22px;color:#e5c38c;font-size:.87rem}.warrior-guide-teaser:hover{text-decoration:none;border-color:#d6b77f}.warrior-guide-teaser:hover .text-link{text-decoration:underline}
.warrior-profile-guide{display:flex;gap:24px;justify-content:space-between;align-items:center;border:1px solid #b3936338;background:linear-gradient(110deg,#29231b,#161e23);padding:25px 30px;border-radius:10px;margin:27px 0}.warrior-profile-guide .eyebrow{font-size:.65rem;margin-bottom:9px}.warrior-profile-guide h2{font:400 1.6rem Georgia;color:#e1cba6}.warrior-profile-guide p:last-child{color:#aeb6c3;font-size:.85rem;margin-top:10px}.warrior-profile-guide .primary{flex-shrink:0;font-size:.85rem}
@media(max-width:600px){.warrior-guide-teaser>div{padding:30px 25px}.warrior-guide-teaser h2{font-size:2.2rem}.warrior-guide-teaser:before{background:linear-gradient(90deg,#0d1717f5,#0d1717b8)}.warrior-profile-guide{padding:23px;align-items:flex-start;flex-direction:column}}

/* Mobile discovery: keep every primary destination visible in one compact row. */
.nav-label-compact { display: none; }
@media (max-width: 600px) {
  .navigation { padding-block: 10px 7px; gap: 9px 12px; }
  .nav-links { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; padding-block-start: 6px; }
  .nav-links:has(> .nav-guide) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .nav-links > a { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: 68px; padding: 6px 3px; font-size: .76rem; line-height: 1.18; text-wrap: balance; overflow-wrap: anywhere; }
  .nav-label-full { display: none; }
  .nav-label-compact { display: inline; }
  .nav-links a .ui-icon { width: 18px; height: 18px; flex: none; }
  .nav-links > a.nav-guide { grid-column: auto; }
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry) { margin-block: 15px 20px; padding: 18px; }
  .entry-surface:is(.home-entry,.armory-entry) :is(.home-hero,.entry-hero) { padding-block-end: 15px; }
  .entry-surface:is(.home-entry,.armory-entry,.compare-entry) .intro > p:last-child { margin-block-start: 11px; font-size: .94rem; line-height: 1.55; }
  .entry-surface:is(.home-entry,.armory-entry) .search-panel { padding-block-start: 14px; }
  .entry-surface .search-panel .regional-fields { gap: 10px; }
  .entry-surface .search-panel > button { margin-block-start: 12px; }
  .entry-surface .search-hint { margin-block-start: 8px; font-size: .78rem; line-height: 1.4; }
  .entry-features { margin-block-start: 12px; gap: 8px 13px; }
  .directory-intro { margin-block: 13px; padding: 19px 20px; }
  .directory-intro .eyebrow { margin-block-end: 9px; }
  .directory-intro h1 { font-size: clamp(1.9rem, 8vw, 2.2rem); }
  .directory-intro > p:last-child { margin-block-start: 10px; font-size: .91rem; line-height: 1.55; }
  .directory-heading { margin-block-end: 17px; padding: 13px 16px; }
  .directory-heading a { min-height: 44px; display: inline-flex; align-items: center; }
  .character-actions .section-links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); flex-basis: 100%; gap: 2px; }
  .character-actions .section-links a { justify-content: center; min-width: 0; padding-block: 11px; font-size: .76rem; text-align: center; }
  .character-share { margin-inline-start: auto; margin-block: 0 10px; }
}
@media (max-width: 360px) {
  .nav-links { grid-template-columns: 1fr 1fr 1.45fr .9fr; }
  .nav-links > a { min-width: 0; font-size: .72rem; overflow: hidden; }
  .nav-links > a > span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* The home page leads to a search first, then offers clear next steps. */
.home-next-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-block: 15px 0; padding-block: 15px 16px; border-top: 1px solid var(--surface-line); }
.home-next-actions a { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 8px 11px; color: var(--gold-soft); font-size: .84rem; border: 1px solid transparent; border-radius: 8px; }
.home-next-actions a:hover { text-decoration: none; border-color: #e2c48d52; background: #e2c48d0c; }
.home-next-actions a span { flex: 1; }
.home-next-actions a .ui-icon { flex: none; }
.home-next-actions a .ui-icon:last-child { width: 16px; height: 16px; }
@media (max-width: 780px) {
  .home-next-actions { grid-template-columns: 1fr 1fr; }
  .home-next-actions a:last-child { grid-column: 1/-1; }
}
@media (max-width: 600px) {
  .home-entry .home-intro { padding-block: 0; }
  .home-entry .eyebrow { margin-block-end: 8px; }
  .home-entry h1 { font-size: clamp(1.8rem,8vw,2rem); }
  .home-next-actions { grid-template-columns: 1fr; gap: 2px; margin-block-start: 11px; padding-block: 10px 11px; }
  .home-next-actions a, .home-next-actions a:last-child { grid-column: auto; min-height: 43px; padding: 5px 9px; }
}

/* Outland colour lives at the edges; the middle stays calm behind reading surfaces. */
body { position:relative; min-height:100vh; background:#0b121d; }
body::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:linear-gradient(180deg,#09111b1f 0%,#09111b46 60%,#09111bb8 100%),url("outland-background.webp") center / cover no-repeat; }
body > :is(.topbar,main,.footer) { position:relative; z-index:1; }
/* Keep the header's stacking context above main so the language panel can overlap it. */
body > .topbar { z-index:5; }
@media (max-width: 780px) {
  body::before { background-position:center,75% center; }
}
@media (forced-colors: active) {
  body { background:Canvas; }
  body::before { display:none; }
}

/* GearScore discovery: rankings only use complete, previously inspected profiles. */
.gs-home { position:relative; isolation:isolate; overflow:hidden; margin:10px 0 35px; padding:25px 28px 18px; border:1px solid #b69b6c69; border-radius:13px; background:linear-gradient(110deg,#1b2833,#161d2b 58%,#1c1d2d); box-shadow:0 18px 48px #0003; }
.gs-home::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at 100% 0%,#9d6b8433,transparent 56%),radial-gradient(ellipse at 0% 100%,#28807721,transparent 45%); }
.gs-home-heading { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:16px 30px; margin-bottom:17px; }
.gs-home-heading .eyebrow { margin-bottom:7px; }
.gs-home-heading h2 { color:#f1e2cb; font:500 clamp(1.4rem,2.8vw,1.9rem)/1.25 Georgia,"Noto Serif",serif; }
.gs-home-heading p:last-child { max-width:60ch; margin-top:7px; color:#b7c4d5; font-size:.86rem; }
.gs-home-heading .text-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; white-space:nowrap; }
.gs-home-list { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.gs-home-list a { display:grid; grid-template-columns:45px 42px minmax(0,1fr) auto 18px; align-items:center; gap:13px; min-height:66px; padding:7px 14px 7px 10px; border:1px solid #ffffff13; border-radius:8px; background:#0e1826ac; color:var(--text); text-decoration:none; transition:border-color 150ms ease,background-color 150ms ease; }
.gs-home-list a:hover { border-color:#ddb77c76; background:#1c2a3b; }
.gs-position { color:#dfc08c; font:500 1.25rem/1 Georgia,serif; text-align:center; font-variant-numeric:tabular-nums; }
.gs-home-list li:first-child .gs-position { color:#f5d38e; font-size:1.5rem; }
.gs-mini-portrait { position:relative; display:grid; place-items:center; width:42px; height:42px; overflow:hidden; border:1px solid #c9a87280; border-radius:7px; background:#111a26; color:#e6c997; font:1.2rem Georgia,serif; }
.gs-mini-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gs-mini-identity { min-width:0; line-height:1.35; }
.gs-mini-identity strong { display:block; color:#f3ede4; font-size:.92rem; overflow-wrap:anywhere; }
.gs-mini-identity small { display:block; margin-top:3px; color:#aebbd0; font-size:.75rem; overflow-wrap:anywhere; }
.gs-mini-identity .region-tag { min-height:19px; font-size:.65rem; }
.gs-mini-score { display:flex; align-items:baseline; gap:7px; color:#e9c78b; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gs-mini-score strong { font:600 1.25rem/1.1 Georgia,serif; }
.gs-mini-score small { color:#bec9d8; font-size:.68rem; letter-spacing:.06em; }
.gs-home-list .ui-icon { width:17px; height:17px; color:#9fb0c4; }
.gs-home-note { margin-top:12px; color:#a6b5c9; font-size:.75rem; line-height:1.5; }
.gs-profile-insight { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 24px; margin:13px 0 0; padding:14px 20px; border:1px solid #bd9e6860; border-radius:8px; background:linear-gradient(90deg,#47382755,#17313a80); }
.gs-profile-insight>div { display:flex; align-items:center; flex-wrap:wrap; gap:5px 20px; }
.gs-profile-rank { display:inline-flex; align-items:baseline; gap:11px; color:#ded1b9; font-size:.84rem; }
.gs-profile-rank strong { color:#f4d399; font:600 1.45rem/1 Georgia,serif; }
.gs-profile-insight p,.gs-profile-incomplete { color:#b7c6d8; font-size:.78rem; }
.gs-profile-insight a { min-height:44px; display:inline-flex; align-items:center; gap:9px; font-size:.82rem; font-weight:600; }
.gs-profile-incomplete { margin:13px 0 0; padding:13px 17px; border:1px solid #ffffff1f; border-radius:8px; background:#172433; }
.directory-filters { grid-template-columns:repeat(4,minmax(0,1fr)) auto auto; }
.directory-profile-entry.has-gs .recent-profile-card { height:auto; border-radius:12px 12px 0 0; border-block-end:0; }
.directory-card-gs { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 18px; border:1px solid #ffffff18; border-top:1px solid #ffffff12; border-radius:0 0 12px 12px; background:#111b29; color:#aebed2; font-size:.75rem; line-height:1.4; }
.directory-card-gs strong { color:#edcb90; font:600 1.1rem/1.15 Georgia,serif; white-space:nowrap; font-variant-numeric:tabular-nums; }
.directory-card-gs small { color:#aebed2; font:600 .65rem/1 system-ui,sans-serif; letter-spacing:.05em; }
.gs-directory-heading { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:10px 25px; margin:15px 0 7px; }
.gs-directory-heading .eyebrow { margin-bottom:5px; }
.gs-directory-heading h2 { color:#ebd6af; font:500 1.5rem/1.3 Georgia,serif; }
.gs-directory-heading a { display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:.84rem; }
.gs-directory-heading .ui-icon { width:16px; height:16px; }
.gs-directory-note { color:var(--muted); font-size:.78rem; margin-bottom:16px; }
.gs-leaderboard-intro { position:relative; overflow:hidden; display:flex; align-items:end; justify-content:space-between; gap:35px; margin:30px 0 18px; padding:39px 42px; border:1px solid #b89a6c73; border-radius:13px; background:radial-gradient(ellipse at 90% 20%,#9961a944,transparent 46%),radial-gradient(ellipse at 15% 100%,#2f876542,transparent 54%),linear-gradient(112deg,#172536,#111a2a); }
.gs-leaderboard-intro::after { content:""; position:absolute; width:260px; height:260px; inset:-75px -20px auto auto; border:1px solid #d5bb8c26; border-radius:50%; box-shadow:0 0 0 24px #d5bb8c0b,0 0 0 64px #d5bb8c09; pointer-events:none; }
.gs-leaderboard-intro>* { position:relative; z-index:1; }
.gs-leaderboard-intro .eyebrow { margin-bottom:10px; }
.gs-leaderboard-intro h1 { color:#f4e6cf; }
.gs-leaderboard-intro p:last-child { max-width:64ch; margin-top:13px; color:#bdcadb; font-size:.95rem; }
.gs-leaderboard-count { display:flex; flex-direction:column; align-items:flex-end; flex:none; padding-inline-start:22px; border-inline-start:1px solid #ffffff30; }
.gs-leaderboard-count strong { color:#f1d39d; font:600 2.4rem/1 Georgia,serif; font-variant-numeric:tabular-nums; }
.gs-leaderboard-count span { margin-top:7px; color:#b7c6d9; font-size:.74rem; text-align:end; }
.gs-leaderboard-filters { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto; align-items:end; gap:12px; margin-bottom:20px; padding:18px; border:1px solid var(--surface-line); border-radius:10px; background:var(--panel); }
.gs-leaderboard-filters label { color:#bdcadd; font-size:.8rem; }
.gs-leaderboard-filters select { width:100%; min-height:46px; padding:9px 12px; border:1px solid #7a8a9c55; border-radius:7px; background:#0f1823; color:var(--text); }
.gs-leaderboard-filters .primary { min-height:46px; }
.gs-leaderboard-list { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.gs-leaderboard-list a { --class-rgb:194,204,222; display:grid; grid-template-columns:62px 60px minmax(0,1fr) auto 18px; align-items:center; gap:17px; min-height:88px; padding:12px 18px; border:1px solid #ffffff1d; border-inline-start:3px solid rgba(var(--class-rgb),.58); border-radius:9px; background:linear-gradient(95deg,rgba(var(--class-rgb),.06),transparent 34%),#151f2c; color:var(--text); text-decoration:none; transition:background-color 150ms ease,border-color 150ms ease,transform 150ms ease; }
.gs-leaderboard-list a:hover { border-color:rgba(var(--class-rgb),.62); background-color:#1b2a3b; transform:translateY(-1px); }
.gs-leaderboard-list li:first-child a { border-color:#e6bf7999; background:linear-gradient(100deg,#8b684426,transparent 45%),#182432; }
.gs-leaderboard-rank { display:inline-flex; justify-content:center; align-items:baseline; gap:2px; color:#d5b882; font:600 1.6rem/1 Georgia,serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gs-leaderboard-rank span { font-size:.9rem; }
.gs-leaderboard-portrait { position:relative; display:grid; place-items:center; width:60px; height:60px; overflow:hidden; border:1px solid rgba(var(--class-rgb),.65); border-radius:9px; background:#101923; color:rgb(var(--class-rgb)); font:1.5rem Georgia,serif; }
.gs-leaderboard-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gs-leaderboard-identity { min-width:0; }
.gs-leaderboard-identity strong { display:block; color:rgb(var(--class-rgb)); font-size:1.04rem; line-height:1.3; overflow-wrap:anywhere; }
.gs-leaderboard-identity small { display:block; margin-top:6px; color:#b1c1d5; font-size:.8rem; line-height:1.4; overflow-wrap:anywhere; }
.gs-leaderboard-score { display:flex; flex-direction:column; align-items:flex-end; color:#f1d397; font-variant-numeric:tabular-nums; white-space:nowrap; }
.gs-leaderboard-score strong { font:600 1.7rem/1 Georgia,serif; }
.gs-leaderboard-score small { margin-top:5px; color:#aebed2; font-size:.7rem; }
.gs-leaderboard-list .ui-icon { width:17px; height:17px; color:#9aaec5; }
.gs-leaderboard-method { margin:28px 0 50px; padding:18px 22px; border:1px solid #e7cf9d35; border-radius:9px; background:#151e2bec; color:#bac7d8; }
.gs-leaderboard-method h2 { color:#e8d2ad; font-size:.92rem; margin-bottom:5px; }
.gs-leaderboard-method p { max-width:90ch; font-size:.81rem; }
@media(max-width:950px) { .directory-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .gs-leaderboard-intro { padding:29px 26px; align-items:flex-start; } .gs-leaderboard-count { border:0; padding:0; } .gs-leaderboard-filters { grid-template-columns:1fr 1fr; } .gs-leaderboard-filters .primary { width:100%; } }
@media(max-width:620px) {
  .gs-home { padding:20px 16px 15px; margin-block:2px 27px; }
  .gs-home-heading .text-link { min-height:38px; }
  .gs-home-list a { grid-template-columns:28px 38px minmax(0,1fr) auto; gap:9px; padding:8px 9px; }
  .gs-home-list .ui-icon { display:none; }
  .gs-mini-portrait { width:38px; height:38px; }
  .gs-mini-identity small { font-size:.69rem; }
  .gs-mini-identity small .region-tag { display:none; }
  .gs-mini-score { flex-direction:column; align-items:flex-end; gap:1px; }
  .gs-mini-score strong { font-size:1.07rem; }
  .gs-profile-insight { padding:13px 16px; }
  .directory-filters { grid-template-columns:1fr; }
  .gs-leaderboard-intro { margin-block:17px; flex-direction:column; gap:18px; padding:26px 20px; }
  .gs-leaderboard-intro h1 { font-size:2rem; }
  .gs-leaderboard-intro p:last-child { font-size:.86rem; }
  .gs-leaderboard-count { align-items:flex-start; }
  .gs-leaderboard-count strong { font-size:1.8rem; }
  .gs-leaderboard-filters { grid-template-columns:1fr; padding:15px; }
  .gs-leaderboard-list a { grid-template-columns:32px 45px minmax(0,1fr) auto; gap:9px; padding:10px; min-height:72px; }
  .gs-leaderboard-rank { font-size:1.1rem; }
  .gs-leaderboard-rank span { font-size:.7rem; }
  .gs-leaderboard-portrait { width:45px; height:45px; }
  .gs-leaderboard-identity strong { font-size:.92rem; }
  .gs-leaderboard-identity small { font-size:.7rem; }
  .gs-leaderboard-identity .region-tag { display:none; }
  .gs-leaderboard-score strong { font-size:1.25rem; }
  .gs-leaderboard-score small,.gs-leaderboard-list .ui-icon { display:none; }
}
@media(max-width:370px) { .gs-home-list a { grid-template-columns:23px 34px minmax(0,1fr) auto; gap:6px; } .gs-mini-portrait { width:34px; height:34px; } .gs-leaderboard-list a { grid-template-columns:27px 40px minmax(0,1fr) auto; gap:6px; } .gs-leaderboard-portrait { width:40px; height:40px; } .gs-leaderboard-score strong { font-size:1.1rem; } }
@media(prefers-reduced-motion:reduce) { .gs-home-list a,.gs-leaderboard-list a { transition:none; } .gs-leaderboard-list a:hover { transform:none; } }
@media(forced-colors:active) { .gs-home,.gs-profile-insight,.gs-leaderboard-intro,.gs-leaderboard-list a,.gs-leaderboard-method,.directory-card-gs { background:Canvas; border-color:CanvasText; } .gs-mini-portrait,.gs-leaderboard-portrait { border-color:CanvasText; } }

/* Arena rankings share the GearScore hierarchy, with separate bracket and season context. */
.home-questions { margin-block:32px 48px; }
.armory-rankings { margin-block:0 32px; display:flex; flex-wrap:wrap; gap:12px 24px; }
.armory-rankings a { display:inline-flex; align-items:center; gap:10px; min-height:44px; }
.ranking-switch { display:flex; flex-wrap:wrap; gap:7px; margin:25px 0 0; padding:5px; width:fit-content; max-width:100%; border:1px solid var(--surface-line); border-radius:10px; background:#111b28; }
.ranking-switch a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 20px; border:1px solid transparent; border-radius:7px; color:#b9c8da; font-size:.88rem; font-weight:600; text-decoration:none; }
.ranking-switch a:hover { color:#f7e5c8; background:#263043; }
.ranking-switch a[aria-current] { color:#f3d4a3; border-color:#ddbb795e; background:linear-gradient(110deg,#483b2a66,#2a263a); }
.ranking-switch+.gs-leaderboard-intro { margin-top:17px; }
.pvp-leaderboard-intro { background:radial-gradient(ellipse at 90% 20%,#993b6740,transparent 46%),radial-gradient(ellipse at 15% 100%,#5750a341,transparent 54%),linear-gradient(112deg,#1c2435,#151b2a); }
.pvp-ranking-context { display:flex; flex-wrap:wrap; gap:7px; margin-top:17px; color:#d7c9b3; font-size:.75rem; }
.pvp-ranking-context>span { padding:5px 10px; border:1px solid #dac59e36; border-radius:5px; background:#0e152273; }
.pvp-leaderboard-filters { grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(160px,1fr) minmax(140px,1fr) auto; }
.pvp-bracket-tabs { display:flex; gap:9px; margin:0 0 18px; }
.pvp-bracket-tabs a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; min-width:72px; padding:10px 20px; border:1px solid #75869e4d; border-radius:7px; background:#111c2a; color:#bdcbe0; text-decoration:none; font-weight:600; }
.pvp-bracket-tabs a:hover { border-color:#d2b37c; color:#f7deb0; }
.pvp-bracket-tabs a[aria-current] { background:#4e334457; border-color:#bc859f; color:#f5dce5; box-shadow:inset 0 -2px #ce9eb5; }
.pvp-leaderboard-list a { grid-template-columns:62px 60px minmax(0,1fr) minmax(205px,auto) auto 18px; }
.pvp-ranking-record { color:#b9c9dc; text-align:end; font-size:.78rem; line-height:1.5; font-variant-numeric:tabular-nums; }
.pvp-ranking-record>span,.pvp-ranking-record small { display:block; }
.pvp-ranking-record small { margin-top:4px; color:#a5b6ce; font-size:.72rem; }
.pvp-ranking-wins { color:#9fd2ae; }
.pvp-ranking-empty>p { max-width:65ch; margin:10px auto 20px; color:var(--muted); }
.pvp-ranking-empty>div { display:flex; flex-wrap:wrap; gap:12px 22px; justify-content:center; align-items:center; }
.pvp-ranking-empty .text-link { display:inline-flex; align-items:center; min-height:44px; }
.pvp-home { border-color:#b989a65c; background:linear-gradient(110deg,#252133,#191f30 60%,#242231); }
.pvp-home::before { background:radial-gradient(ellipse at 100% 0%,#a94b6938,transparent 55%),radial-gradient(ellipse at 0% 100%,#7768bf29,transparent 45%); }
.pvp-home .pvp-ranking-context { margin:0 0 14px; }
.pvp-home .gs-mini-portrait { border-color:rgba(var(--class-rgb,199,156,110),.65); color:rgb(var(--class-rgb,199,156,110)); }
.pvp-home-empty { display:flex; justify-content:space-between; align-items:center; gap:20px 30px; flex-wrap:wrap; padding:20px; border:1px dashed #baa3b549; border-radius:8px; background:#1119278c; }
.pvp-home-empty h3 { color:#e4d8cf; font-size:.93rem; }
.pvp-home-empty p { margin-top:5px; max-width:62ch; color:#b3bfd2; font-size:.83rem; }
.pvp-home-empty .text-link { display:inline-flex; align-items:center; gap:9px; min-height:44px; font-size:.83rem; }
.pvp-profile-ranking { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 16px; margin:-5px 0 15px; padding:9px 12px; border:1px solid #b28caa42; border-radius:6px; background:#38293b40; }
.pvp-profile-ranking a { display:flex; width:100%; align-items:center; justify-content:space-between; gap:8px; min-height:44px; font-size:.76rem; }
.pvp-arena-card .pvp-rating { display:flex; align-items:end; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.pvp-rating-rank { max-width:130px; text-align:end; }
.pvp-rating-rank dt { font-size:.72rem; }
.pvp-rating .pvp-rating-rank dd { font-size:1.7rem; line-height:1.5; color:#d1b6ca; }
@media(max-width:1000px) { .pvp-leaderboard-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } .pvp-leaderboard-filters .primary { grid-column:1/-1; } }
@media(max-width:900px) {
  .pvp-leaderboard-list a { grid-template-columns:45px 50px minmax(0,1fr) auto 18px; gap:4px 13px; }
  .pvp-leaderboard-list .gs-leaderboard-rank,.pvp-leaderboard-list .gs-leaderboard-portrait { grid-row:1/3; }
  .pvp-leaderboard-list .gs-leaderboard-portrait { width:50px; height:50px; }
  .pvp-leaderboard-list .gs-leaderboard-identity { grid-column:3; grid-row:1; }
  .pvp-ranking-record { grid-column:3; grid-row:2; text-align:start; font-size:.73rem; }
  .pvp-ranking-record small { display:inline; margin:0; font-size:inherit; }
  .pvp-ranking-record>span { display:none; }
  .pvp-leaderboard-list .gs-leaderboard-score { grid-column:4; grid-row:1/3; }
  .pvp-leaderboard-list .ui-icon { grid-column:5; grid-row:1/3; }
}
@media(max-width:560px) {
  .ranking-switch { display:flex; width:100%; margin-top:18px; }
  .ranking-switch a { flex:1; padding-inline:12px; }
  .pvp-leaderboard-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }
  .pvp-leaderboard-filters select { padding-inline:10px; }
  .pvp-leaderboard-list a { grid-template-columns:30px 42px minmax(0,1fr) auto; gap:5px 8px; }
  .pvp-leaderboard-list .gs-leaderboard-portrait { width:42px; height:42px; }
  .pvp-leaderboard-list .gs-leaderboard-rank { font-size:1.1rem; }
  .pvp-leaderboard-list .gs-leaderboard-identity small { margin-top:4px; }
  .pvp-leaderboard-list .gs-leaderboard-score { align-self:center; }
  .pvp-leaderboard-list .gs-leaderboard-score small { display:block; font-size:.66rem; }
  .pvp-ranking-record { grid-column:3/5; font-size:.68rem; }
  .pvp-leaderboard-list .gs-leaderboard-score { grid-row:1; }
  .pvp-bracket-tabs a { flex:1; min-width:0; }
  .pvp-home-empty { padding:16px; gap:8px; }
  .pvp-home .gs-mini-score { flex-direction:column; align-items:flex-end; gap:2px; }
}
@media(forced-colors:active) { .ranking-switch,.ranking-switch a,.pvp-bracket-tabs a,.pvp-home-empty,.pvp-profile-ranking,.pvp-ranking-context>span { background:Canvas; border-color:CanvasText; } .ranking-switch a[aria-current],.pvp-bracket-tabs a[aria-current] { outline:2px solid Highlight; } }

/* Native filters keep the same type size, focus and touch behavior as search. */
/* Shared finishing details: states remain visible without changing control size. */
.navigation .nav-links>a { min-width:0; text-align:center; }
.navigation .nav-links>a>span { overflow-wrap:anywhere; }
.topbar .language-picker>summary>span:last-child { display:inline-block; transition:transform 160ms ease; transform-origin:center; }
.topbar .language-picker[open]>summary>span:last-child { transform:rotate(180deg); }
.topbar .language-picker[open]>summary { border-color:#c9a967; color:#f4d799; box-shadow:0 0 0 3px #d8b76910; }
.topbar .language-panel .language-options a[aria-current] { box-shadow:inset 3px 0 #d9b976; text-decoration:underline; text-underline-offset:4px; }
.topbar .language-options a:focus-visible { outline-offset:-2px; }
.topbar .language-options small { text-transform:uppercase; font-variant-numeric:tabular-nums; }
:is(.navigation,.footer-links,.pagination,.related-links) a:focus-visible,
.language-picker>summary:focus-visible,
form :is(input,select,button):focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.footer-links a[aria-current="page"] { text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; text-decoration-color:var(--gold); }
.regional-fields>div { min-width:0; }
:is(form[data-search],form[data-filter]) :is(input,select):user-invalid { border-color:#df948f; box-shadow:0 0 0 2px #df948f18; }
form input:autofill { background:#172a3b; color:#edf0e8; caret-color:#edca7d; }
form input:-webkit-autofill { -webkit-text-fill-color:#edf0e8; -webkit-box-shadow:0 0 0 100px #172a3b inset; caret-color:#edca7d; }
[dir=rtl] .topbar .language-panel .language-options a[aria-current] { box-shadow:inset -3px 0 #d9b976; }
@media(prefers-reduced-motion:reduce) { .topbar .language-picker>summary>span:last-child { transition:none; } }
@media(forced-colors:active) {
  .topbar .language-picker[open]>summary,.topbar .language-panel .language-options a[aria-current] { border-color:Highlight; color:LinkText; box-shadow:none; }
  :is(form[data-search],form[data-filter]) :is(input,select):user-invalid { border-color:Mark; box-shadow:none; }
  form input:autofill { background:Field; color:FieldText; }
  form input:-webkit-autofill { -webkit-text-fill-color:FieldText; -webkit-box-shadow:none; }
}
select { font:inherit; min-width:0; max-width:100%; touch-action:manipulation; cursor:pointer; outline-offset:4px; }
.directory-filters>div,.gs-leaderboard-filters>div { min-width:0; }
.directory-filters select:focus-visible,.gs-leaderboard-filters select:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
[data-filter] .form-status:not(:empty) { margin-top:0; }
[data-filter][aria-busy=true] { border-color:#b89a6c; }
.language-options { scroll-padding-block:5px; padding:4px; }
.dropdown { overscroll-behavior:contain; }
@media(max-width:480px) { .pvp-leaderboard-filters { grid-template-columns:minmax(0,1fr); } }
@media(pointer:coarse) {
  .entry-surface input,.compare-form input,.language-panel input,.regional-fields select,
  .directory-filters select,.gs-leaderboard-filters select { font-size:1rem; }
}