/* Outland interior tools. Equipment quality, model geometry and native dialogs
   deliberately keep their component styles. This sheet is loaded last. */

/* Character dossier: class colour stays on the identity, gold frames the data. */
.page-character .character {
  --profile-rule:#a890623b;
  --profile-pad:clamp(20px,2.6vw,38px);
}
.page-character .character>.character-header {
  padding-block:clamp(28px,3vw,46px);
  border-color:#ac895957;
  border-radius:8px 8px 0 0;
  background:radial-gradient(ellipse at 3% 0,rgba(var(--class-rgb),.13),transparent 64%),linear-gradient(110deg,#152432,#101b27);
  box-shadow:0 16px 48px #02060c45,inset 0 1px #f2d59b18;
}
.page-character .character>.character-header .portrait {
  border-radius:5px;
  border-color:rgba(var(--class-rgb),.7);
  box-shadow:0 0 0 4px #060d1680,0 0 0 5px #b7965540,0 10px 25px #0005;
}
.page-character .character>.character-header .identity h1 {
  font-family:Georgia,"Noto Serif",serif;
  font-weight:600;
  font-size:clamp(2rem,3.5vw,3.5rem);
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
.page-character .character-header .character-meta { color:#c5d1df; }
.page-character .character-header .realm { color:#a8bbd0; flex-wrap:wrap; }
.page-character .character-header .metrics>div {
  border-radius:5px;
  border-color:#a9bdce24;
  background:#0a1420;
  box-shadow:inset 0 1px #ffffff06;
}
.page-character .character-header .metrics .metric-gs {
  border-color:#bd995b60;
  background:linear-gradient(145deg,#332c22,#111e2a 85%);
}
.page-character .character-header .metrics dt { color:#bac8d8; }
.page-character .character-header .metrics .metric-gs dd { color:#f0cf8b; }
.page-character .character-actions {
  border-color:#ac895957;
  border-radius:0 0 7px 7px;
  background:#101c29;
  backdrop-filter:none;
}
.page-character .character-actions .section-links a { color:#b8c8db; }
.page-character .character-actions .section-links a[aria-current="location"] { color:#f3d698; }
.page-character .character-actions .section-links a:focus-visible,
.page-compare .comparison-actions .section-links a:focus-visible { color:#f3d698; outline-offset:-3px; }
.page-character .character-actions .section-links a:focus-visible::after,
.page-compare .comparison-actions .section-links a:focus-visible::after { transform:scaleX(1); }
.page-character .gs-profile-insight {
  padding:17px 23px;
  border-color:#bd9a5557;
  border-radius:6px;
  background:linear-gradient(110deg,#29291f,#10222b 72%);
}
.page-character .character>.profile-section {
  border-radius:7px;
  background:#101c28;
  box-shadow:0 10px 28px #03080e24,inset 0 1px #ffffff06;
}
.page-character .character .profile-section-heading {
  background:linear-gradient(110deg,#192a39,#12202e);
  border-block-end-color:#a58b5936;
}
.page-character .character .profile-section-heading h2 {
  font-size:clamp(1.5rem,2.3vw,2rem);
  font-weight:600;
  color:#f0e9dc;
}
.page-character .character .profile-section-heading .eyebrow { color:#c4ad7e; }
.page-character .profile-stats .profile-attributes { background:#142331; }
.page-character .profile-combat-grid { background:#101c28; }
.page-character .profile-stat-group h3 { font-family:Georgia,"Noto Serif",serif; font-size:1.15rem; }
.page-character .character .pvp-arena-card {
  border-radius:5px;
  border-color:#b9976945;
  background:linear-gradient(145deg,#20222d,#12202c 75%);
}
.page-character .character .pvp-arena-card>header { border-block-end-color:#b9976926; }
.page-character .character .pvp-rating dd { color:#efca85; }
.page-character .character .pvp-table thead { background:#172938; }
.page-character .character .pvp-table tbody tr:hover { background:#ffffff04; }
.page-character .character-source-note {
  padding:24px var(--profile-pad);
  border-color:#9e865137;
  border-inline-start-color:#b89761;
  border-radius:5px;
  background:#101c28;
}
.page-character .character-source-note h2 { font-family:Georgia,"Noto Serif",serif; font-size:1.2rem; }
.page-character .character>.related-links.reading-panel { padding:20px var(--profile-pad); background:#111f2b; border-radius:5px; }

/* Comparison: paired blue frames make the two identities easy to track. */
.page-compare .entry-surface.compare-entry {
  padding:clamp(24px,3.5vw,48px);
  border-color:#779ca553;
  border-radius:8px;
  background-image:linear-gradient(100deg,#101e2cfb 10%,#101e2cec 55%,#142335bd),url("art/outland-hero.webp");
  background-position:center,right 38%;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:0 16px 48px #02060c40,inset 0 1px #b6dce71b;
}
.page-compare .compare-entry .intro { padding-block-end:27px; }
.page-compare .compare-entry h1 {
  max-width:24ch;
  font:600 clamp(2.2rem,3.5vw,3.6rem)/1.08 Georgia,"Noto Serif",serif;
  letter-spacing:-.035em;
  color:#f4ecdd;
}
.page-compare .compare-entry .eyebrow { color:#accfcf; }
.page-compare .compare-entry .intro>p:last-child { max-width:68ch; color:#c3cfe0; }
.page-compare .entry-surface.compare-entry .compare-form {
  padding:24px;
  border:1px solid #8dacb846;
  border-radius:6px;
  background:#101d2a;
  box-shadow:0 8px 24px #0003,inset 0 1px #ffffff06;
}
.page-compare .compare-inputs { gap:20px; }
.page-compare .compare-inputs>.lookup,
.page-compare .compare-inputs>.lookup+.lookup {
  padding:22px;
  border:1px solid #8cabb32e;
  border-block-start:2px solid #849fa9;
  border-radius:4px;
  background:#142332;
}
.page-compare .compare-inputs>.lookup+.lookup { border-block-start-color:#b59b68; }
.page-compare .compare-inputs .player-label { color:#e7e5de; font:600 1.25rem/1.4 Georgia,"Noto Serif",serif; }
.page-compare .player-pair { gap:22px; }
.page-compare .player-card {
  border-color:#859fab59;
  border-block-start:2px solid #849fa9;
  border-radius:6px;
  background:linear-gradient(135deg,#182937,#0f1c28);
  box-shadow:0 10px 30px #02060c30;
}
.page-compare .player-card+.player-card { border-block-start-color:#b59b68; }
.page-compare .player-card>.player-label { color:#b5c5d6; letter-spacing:.09em; }
.page-compare .player-card .portrait { border-radius:4px; box-shadow:0 0 0 3px #070e1859,0 7px 20px #0004; }
.page-compare .player-card .identity h2 { font-family:Georgia,"Noto Serif",serif; font-size:clamp(1.65rem,2.7vw,2.5rem); }
.page-compare .player-card .identity { min-width:0; }
.page-compare .player-card .identity h2 { overflow-wrap:anywhere; }
.page-compare .player-card .metrics>div { border-radius:4px; background:#0b1622; border-color:#9aadb32a; }
.page-compare .player-card-footer { border-block-start:1px solid #8dabb01f; padding-block-start:16px; }
.page-compare .difference-panel {
  border-color:#85a3aa47;
  border-radius:6px;
  background:linear-gradient(115deg,#152c37,#14212d);
  box-shadow:inset 0 1px #ffffff06;
}
.page-compare .comparison-actions { border-color:#89a3b345; background:#101d2a; border-radius:6px; backdrop-filter:none; }
.page-compare .stats-section { border-color:#89a3b336; }
.page-compare .equipment-row { border-color:#89a3b33b; border-radius:5px; background:#101c28; }
.page-compare .equipment-row>h3 { padding-block:15px; background:#182937; border-color:#89a3b334; color:#e9e4d9; font-family:Georgia,"Noto Serif",serif; }
.page-compare .equipment-row .item-differences { border-color:#89a3b329; background:#0e1a25; }
.page-compare .equipment-row .item-differences>summary:is(:hover,:focus-visible) { color:#e0d5b8; background:#182937; }

/* Forge: artwork stays within the header, leaving inventory and stats quiet. */
.page-planner .planner {
  --planner-accent:#eac789;
  --planner-line:#aa895638;
  --planner-muted:#afbed0;
  --planner-panel:#101c28;
}
.page-planner .planner-hero {
  min-height:240px;
  margin-block:16px 22px;
  padding:clamp(26px,3.7vw,48px);
  border:1px solid #b78e575e;
  border-radius:8px;
  background:linear-gradient(90deg,#111e2cfb 8%,#111e2ced 45%,#111e2c5e 100%),url("art/workshop-banner.webp") right center/cover no-repeat;
  box-shadow:0 16px 48px #02060c40,inset 0 1px #f2d59b18;
}
.page-planner .planner-hero>div:first-child { max-width:730px; }
.page-planner .planner-hero h1 { font-weight:600; font-size:clamp(2.2rem,3.5vw,3.6rem); letter-spacing:-.035em; }
.page-planner .planner-hero>div>p:last-child { max-width:62ch; color:#c6d0df; font-size:1.025rem; }
.page-planner .planner-eyebrow { color:#e1bd7a; font-size:.75rem; }
.page-planner .planner-emblem { display:none; }
.page-planner .planner-journey { gap:12px; margin-block-end:22px; }
.page-planner .planner-journey a {
  padding:18px 20px;
  border-radius:5px;
  border-color:#ad8b533a;
  background:linear-gradient(135deg,#152634,#101c28);
}
.page-planner .planner-journey a[aria-current="step"] { background:linear-gradient(125deg,#332c22,#14212d); border-color:#c6a66a8c; }
.page-planner .planner-journey a:is(:hover,:focus-visible) { border-color:#d9b67a; text-decoration:none; }
.page-planner .planner-journey-number { font-size:1.2rem; line-height:1.15; }
.page-planner .planner-journey strong { font:600 1.075rem/1.35 Georgia,"Noto Serif",serif; }
.page-planner .planner-journey small { color:#b4c2d1; }
.page-planner .planner-import,
.page-planner .planner-settings,
.page-planner .planner-scores,
.page-planner .planner-loadout,
.page-planner .planner-reference,
.page-planner .planner-bottom-grid>.planner-panel {
  border-radius:6px;
  border-color:#b391593e;
  box-shadow:0 8px 26px #02060c24,inset 0 1px #ffffff06;
}
.page-planner .planner-import>summary { padding-block:19px; color:#e7dcc6; }
.page-planner .planner-import>summary:is(:hover,:focus-visible) { color:#ffe0a1; }
.page-planner .planner .planner-import-form { background:#111f2c; border-radius:0 0 6px 6px; }
.page-planner :is(.planner-import-form,.planner-settings,.planner-reference-controls) :is(input,select) { border-radius:5px; border-color:#74859873; background:#0b1723; }
.page-planner :is(.planner-import-form,.planner-settings,.planner-reference-controls) input::placeholder { color:#a8b6c8; }
.page-planner :is(.planner-import-form,.planner-settings,.planner-reference-controls) :is(input,select):is(:hover,:focus-visible) { border-color:var(--planner-accent); }
.page-planner .planner-settings { background:#142330; }
.page-planner .planner-scores { background:#111e2b; }
.page-planner .planner-scores>div { padding-block:26px; border-inline-end-color:#b69a5e26; }
.page-planner .planner-scores .planner-score-primary { background:linear-gradient(130deg,#373022,#18222b); }
.page-planner .planner-scores .planner-score-primary strong { color:#f2d18d; }
.page-planner .planner-scores small { font-size:.75rem; }
.page-planner .planner-share-action .button { border-radius:4px; background:linear-gradient(#f3d99b,#d6b168); border-color:#e8ca82; color:#211b11; box-shadow:inset 0 1px #fff0bd80,0 5px 16px #bd8d2d13; }
.page-planner .planner-share-action .button:is(:hover,:focus-visible):not(:disabled) { background:linear-gradient(#ffe5ac,#e4c078); }
.page-planner .planner-panel>header { background:linear-gradient(110deg,#192936,#12202d); border-block-end-color:#a88a5238; border-radius:inherit; border-end-start-radius:0; border-end-end-radius:0; }
.page-planner .planner-panel>header>div { min-width:0; }
.page-planner .planner-panel>header h2 { overflow-wrap:anywhere; }
.page-planner .planner-panel h2 { font-weight:600; color:#f0e6d5; }
.page-planner .planner-toolbar .subtle,
.page-planner .planner-actions>summary { border-radius:4px; border-color:#a58c5d43; background:#142331; }
.page-planner .planner-toolbar .subtle:focus-visible:not(:disabled),
.page-planner .planner-actions>summary:focus-visible { background:#223343; border-color:var(--planner-accent); }
.page-planner :is(.planner-reference-controls,.planner-panel>header,.planner-catalog-footer) :is(.button,.subtle) { border-radius:5px; }
.page-planner .planner-intro,
.page-planner .planner-explain { border-radius:6px; border-color:#a68a5238; background:#111e2a; }
.page-planner .planner-intro-steps li,
.page-planner .planner-explain-grid>div { border-radius:4px; border-color:#a58b522c; background:#142331; }

/* Native drawers stay in the top layer with their original sizing and focus. */
.page-planner .planner-catalog { border-color:#b6945b70; background:#101c28; }
.page-planner .planner-catalog>header { background:#182735; }
.page-planner .planner-catalog-footer { background:#182735; border-block-start-color:#b6945b48; }
.page-planner .planner-source-chips button { border-radius:4px; }
.page-planner .planner-source-chips button:focus-visible { color:#edf0f5; border-color:var(--planner-accent); background:#223343; }
.page-planner .planner-source-chips button[aria-pressed="true"] { color:#ffe1a4; border-color:#c5a160a6; background:#302d25; }

@media(max-width:780px) {
  .page-character .character { --profile-pad:20px; }
  .page-character .character>.character-header { padding-block:26px; }
  .page-character .gs-profile-insight { padding:16px 20px; }
  .page-compare .entry-surface.compare-entry { padding:25px; background-image:linear-gradient(100deg,#101e2cf7,#142335e8),url("art/outland-hero-mobile.webp"); }
  .page-compare .entry-surface.compare-entry .compare-form { padding:18px; }
  .page-compare .compare-inputs { gap:14px; }
  .page-compare .compare-inputs>.lookup,
  .page-compare .compare-inputs>.lookup+.lookup { padding:17px; }
  .page-planner .planner-hero { min-height:210px; background-position:center,right center; }
  .page-planner .planner-hero>div>p:last-child { font-size:1rem; }
  .page-planner .planner-journey { gap:8px; }
  .page-planner .planner-journey a { padding:14px 17px; align-items:center; }
  .page-planner .planner-journey strong { font-size:1rem; }
}
@media(max-width:520px) {
  .page-character .character { --profile-pad:16px; }
  .page-character .character>.character-header { gap:18px; padding-block:24px; }
  .page-character .character>.character-header .identity h1 { font-size:2rem; }
  .page-character .character>.character-header .portrait { border-radius:4px; }
  .page-character .gs-profile-insight { padding:15px 17px; }
  .page-compare .entry-surface.compare-entry { padding:22px 16px; }
  .page-compare .entry-surface.compare-entry .compare-form { padding:12px; }
  .page-compare .compare-entry h1 { font-size:2.15rem; }
  .page-compare .compare-inputs>.lookup,
  .page-compare .compare-inputs>.lookup+.lookup { padding:12px; }
  .page-compare .compare-form .form-actions { gap:14px; }
  .page-planner .planner-hero { padding:25px 20px; min-height:0; background-image:linear-gradient(90deg,#111e2cf5,#111e2cde),url("art/workshop-banner.webp"); }
  .page-planner .planner-hero h1 { font-size:2.15rem; }
  .page-planner .planner-scores>div { padding:20px 17px; }
  .page-planner .planner-scores span { font-size:.75rem; }
  .page-planner .planner-source-chips button,
  .page-planner .planner-toolbar :is(.subtle,summary),
  .page-planner .planner-catalog-footer .button { min-height:44px; }
  .page-planner .planner .planner-icon-button { width:44px; height:44px; min-height:44px; }
  .page-planner .planner .planner-import-form :is(input,select),
  .page-planner .planner-reference-controls select { font-size:1rem; }
}
@media(forced-colors:active) {
  .page-character .character>.character-header,
  .page-character .character-header .metrics>div,
  .page-character .character-header .metrics .metric-gs,
  .page-character .character-actions,
  .page-character .gs-profile-insight,
  .page-character .character>.profile-section,
  .page-character .character .profile-section-heading,
  .page-character .character .pvp-arena-card,
  .page-character .character-source-note,
  .page-compare .entry-surface.compare-entry,
  .page-compare .entry-surface.compare-entry .compare-form,
  .page-compare .compare-inputs>.lookup,
  .page-compare .compare-inputs>.lookup+.lookup,
  .page-compare .player-card,
  .page-compare .difference-panel,
  .page-compare .comparison-actions,
  .page-planner .planner-hero,
  .page-planner .planner-journey a,
  .page-planner .planner-journey a[aria-current="step"],
  .page-planner .planner-scores .planner-score-primary,
  .page-planner .planner-panel>header,
  .page-planner .planner-share-action .button {
    background:Canvas;
    border-color:CanvasText;
    box-shadow:none;
  }
  .page-character .character-header .identity h1,
  .page-character .character-header .metrics .metric-gs dd,
  .page-character .character-actions .section-links a[aria-current="location"],
  .page-compare .compare-entry h1,
  .page-planner .planner-hero h1,
  .page-planner .planner-scores .planner-score-primary strong { color:CanvasText; }
  .page-planner .planner-source-chips button[aria-pressed="true"] { outline:2px solid Highlight; }
}