#field-detail{max-width:1200px;margin:auto}.dossier-back,.dossier-retry{display:inline-flex;align-items:center;min-height:46px;color:#fff;border:1px solid #ffffff16;background:#171f2b;padding:10px 18px;border-radius:10px;margin-bottom:20px}.dossier-back:hover,.dossier-retry:hover{color:#d7fff4;border-color:#76dfcd70}.dossier-hero{position:relative;text-align:center;overflow:hidden;border:1px solid #ffffff16;border-radius:24px;padding:24px 32px 30px;background:radial-gradient(ellipse at 40% 45%,#76dfcd12,transparent 48%),radial-gradient(ellipse at 65% 40%,#818cf81c,transparent 50%),linear-gradient(150deg,#202a39,#111722 70%);box-shadow:inset 0 1px 0 #ffffff15,0 20px 60px #0004}.dossier-hero::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--tier),transparent)}.dossier-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px}.dossier-kicker .eyebrow{margin:0}.dossier-tier{color:var(--tier);background:color-mix(in srgb,var(--tier) 12%,transparent);border:1px solid color-mix(in srgb,var(--tier) 36%,transparent);border-radius:7px;padding:5px 12px;font-size:12px;letter-spacing:1px;font-weight:700}.dossier-portraits{display:flex;justify-content:center;align-items:center;margin:8px auto 16px}.dossier-portrait{object-fit:contain;filter:drop-shadow(0 14px 14px #000a);width:176px;height:176px}.dossier-portrait:first-child{margin-right:-12px;transform:rotate(-4deg)}.dossier-portrait:last-child{margin-left:-12px;transform:rotate(4deg)}.dossier-name{display:inline-block;white-space:nowrap}#detail-title{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.9px;line-height:1.25;margin:0 0 14px;outline:none}.dossier-troop{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:#fff}.dossier-troop img{object-fit:contain}.hero-dot{color:#fff}.pair-gear{margin:28px 0 34px;padding:24px 26px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(150deg,#1a212c,#121720);box-shadow:inset 0 1px 0 #ffffff08}.pair-gear h2,.dossier-section-heading h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin:6px 0 8px}.gear-intro,.dossier-section-heading>p{font-size:14px;color:#fff;margin:0}.gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.gear-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ffffff10;border-radius:13px;background:radial-gradient(ellipse at 10% 50%,#e6c27308,transparent 70%),#101620}.gear-icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 5px 8px #0007)}.gear-kind{font-size:11px;letter-spacing:1px;color:#fff}.gear-item h3{font-size:15px;line-height:1.4;color:#e9d9b5;margin:5px 0 0;font-weight:600}.dossier-section-heading{margin:0 0 22px}.skill-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.commander-skills{min-width:0;padding:24px;border:1px solid #76dfcd26;border-radius:18px;background:linear-gradient(155deg,#19242b,#121820 30%);box-shadow:inset 0 1px 0 #ffffff0b}.commander-skills:nth-child(2){border-color:#818cf82e;background:linear-gradient(155deg,#202438,#121820 30%)}.skill-commander-head{display:flex;align-items:center;gap:14px;margin:0 0 20px}.skill-portrait{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 5px #0006)}.skill-commander-head h2{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 5px}.commander-title{font-size:13px;line-height:1.4;color:#fff;margin:0}.skill-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:24px}.skill-tab{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-width:44px;min-height:44px;aspect-ratio:1;border:1px solid #ffffff18;border-radius:11px;padding:5px;background:linear-gradient(145deg,#27313e,#111721);box-shadow:0 4px 9px #0003}.skill-tab img{width:100%;height:100%;object-fit:contain;border-radius:7px}.skill-tab[aria-selected=true]{border-color:#76dfcd;box-shadow:0 0 0 2px #76dfcd22,0 5px 16px #0005;background:#203b39}.commander-skills:nth-child(2) .skill-tab[aria-selected=true]{border-color:#a8b1ff;box-shadow:0 0 0 2px #818cf82a,0 5px 16px #0005;background:#2b3051}.skill-number{position:absolute;bottom:-6px;right:-3px;display:flex;align-items:center;justify-content:center;min-width:21px;height:21px;font-size:11px;line-height:1;font-weight:700;border:1px solid #455264;border-radius:6px;background:#0d141e;color:#fff}.skill-copy{font-size:16px;line-height:1.75;color:#fff;overflow-wrap:break-word}.skill-copy-heading{border-bottom:1px solid #ffffff10;padding:0 0 17px;margin-bottom:20px}.skill-kind{font-size:12px;color:#87cdbf}.commander-skills:nth-child(2) .skill-kind{color:#b0baff}.skill-copy h3{font-size:23px;line-height:1.35;letter-spacing:-.3px;color:#fff;margin:6px 0 0}.skill-fact{margin:0 0 20px}.skill-fact:last-child{margin-bottom:0}.skill-fact h4{font-size:14px;color:#fff;margin:0 0 6px;font-weight:650}.skill-fact p{margin:0 0 10px;white-space:pre-line}.skill-fact p:last-child{margin-bottom:0}.dossier-status{padding:48px 24px;border:1px solid #ffffff16;border-radius:18px;color:#fff;background:#151d28;font-size:16px}@media(max-width:900px){.gear-grid{gap:10px}.gear-item{flex-direction:column;text-align:center}.skill-columns{gap:16px}.commander-skills{padding:20px}.skill-tabs{gap:7px}}@media(max-width:700px){.dossier-hero{border-radius:18px;padding:18px 16px 26px}.dossier-kicker .eyebrow{font-size:10px;letter-spacing:1.3px}.dossier-tier{font-size:11px;padding:4px 9px}.dossier-portrait{width:140px;height:140px}.dossier-portraits{margin-top:16px}.skill-columns{grid-template-columns:1fr;gap:22px}.pair-gear{padding:22px 18px;margin-top:22px}.gear-grid{grid-template-columns:1fr}.gear-item{flex-direction:row;text-align:left;gap:16px;padding:12px 16px}.gear-icon{width:64px;height:64px}.pair-gear h2,.dossier-section-heading h2{font-size:22px}.commander-skills{padding:20px}.skill-tabs{gap:9px}.skill-tab{max-width:76px}.skill-commander-head h2{font-size:21px}.skill-copy{font-size:16px}.dossier-back{margin-bottom:16px}.dossier-hero h1{overflow-wrap:anywhere}}@media(max-width:360px){.commander-skills{padding:14px}.skill-tabs{gap:6px}.skill-tab{padding:3px;border-radius:8px}.dossier-portrait{width:124px;height:124px}.dossier-kicker .eyebrow{letter-spacing:.7px}.dossier-hero{padding-left:12px;padding-right:12px}.pair-gear{padding:18px 14px}}

.pair-popup{color:#fff;background:linear-gradient(145deg,#202938,#101620);border:1px solid #ffffff26;border-radius:22px;width:min(1000px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px;box-shadow:0 32px 100px #000b;overscroll-behavior:contain}.pair-popup::backdrop{background:#03070bd4;backdrop-filter:blur(5px)}.popup-close,.popup-full{min-height:46px;border:1px solid #76dfcd60;border-radius:10px;background:#183832;color:#d4fff5;padding:10px 18px}.popup-close{position:sticky;top:0;z-index:3;display:block;margin:0 0 12px auto;font-size:22px;line-height:24px}.popup-full{display:block;margin:24px auto 0;font-weight:700}.popup-full:disabled{opacity:.45}.pair-popup .dossier-hero{padding:16px}.pair-popup .dossier-portrait{width:112px;height:112px}.pair-popup .dossier-portrait:last-child{width:84px;height:84px}.pair-popup #detail-title{font-size:clamp(22px,3vw,32px)}.pair-popup .pair-gear{margin:18px 0;padding:16px}.pair-popup .skill-columns{gap:16px}@media(max-width:700px){.pair-popup{padding:12px;border-radius:16px}.pair-popup .skill-columns{grid-template-columns:1fr}.pair-popup .gear-grid{grid-template-columns:1fr}.pair-popup .dossier-kicker{gap:6px}.pair-popup .eyebrow{font-size:10px}}

/* Navy surfaces and blue interaction accents. */
#field-detail .dossier-hero,
.pair-popup .dossier-hero {
  border-color: #344966;
  background: radial-gradient(ellipse at 35% 15%, #426bb82b, transparent 65%),
    linear-gradient(145deg, #182942, #0c1526 75%);
}

#field-detail .pair-gear,
.pair-popup .pair-gear {
  border-color: #30425e;
  background: linear-gradient(145deg, #15233a, #0e1829);
}

#field-detail .gear-item,
.pair-popup .gear-item {
  border-color: #2d3e58;
  background: radial-gradient(ellipse at 10% 50%, #e6c2730a, transparent 70%), #0b1424;
}

#field-detail .commander-skills,
.pair-popup .commander-skills {
  border-color: #375479;
  background: linear-gradient(155deg, #182a45, #0e192b 40%);
}

#field-detail .commander-skills:nth-child(2),
.pair-popup .commander-skills:nth-child(2) {
  border-color: #474d78;
  background: linear-gradient(155deg, #202a49, #0e192b 40%);
}

#field-detail .skill-tab[aria-selected=true],
.pair-popup .skill-tab[aria-selected=true] {
  border-color: #81b4ff;
  background: #224b86;
  box-shadow: 0 0 0 2px #4387ee33, 0 5px 16px #0005;
}

#field-detail .commander-skills:nth-child(2) .skill-tab[aria-selected=true],
.pair-popup .commander-skills:nth-child(2) .skill-tab[aria-selected=true] {
  border-color: #a8baff;
  background: #303e7a;
  box-shadow: 0 0 0 2px #849aff33, 0 5px 16px #0005;
}

.dossier-back,
.dossier-retry,
.popup-close,
.popup-full {
  border-color: #4c78b8;
  background: linear-gradient(135deg, #245cb7, #214681);
  color: #fff;
}

.dossier-back:hover,
.dossier-retry:hover,
.popup-close:hover,
.popup-full:hover:not(:disabled) {
  color: #fff;
  border-color: #99c2ff;
}

.pair-popup {
  border-color: #466184;
  background: linear-gradient(145deg, #16253d, #0a1323);
  scrollbar-color: #45638c #0a1323;
}

.pair-popup::backdrop {
  background: #030815dc;
}

#field-detail .gear-kind,
.pair-popup .gear-kind,
#field-detail .skill-kind,
.pair-popup .skill-kind,
#field-detail .dossier-tier,
.pair-popup .dossier-tier,
#field-detail .dossier-kicker .eyebrow,
.pair-popup .dossier-kicker .eyebrow {
  font-size: 13px;
}

#field-detail .skill-number,
.pair-popup .skill-number {
  font-size: 13px;
  min-width: 22px;
  height: 22px;
}

/* Unverified append-only candidate; load after both existing stylesheets. */
html body .app-tabs button[aria-pressed="true"],
html body #field-filters button[aria-pressed="true"],
html body .app-tabs button[aria-pressed="true"]:is(:hover,:focus,:active),
html body #field-filters button[aria-pressed="true"]:is(:hover,:focus,:active){
 background:#383a3e!important;background-image:none!important;border-color:#66696e!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;
}
html body .app-tabs button[aria-pressed="false"],
html body #field-filters button[aria-pressed="false"]{background-image:none!important;box-shadow:none!important;}
html body .app-tabs button:focus-visible,
html body #field-filters button:focus-visible{outline:2px solid #b9bcc1;outline-offset:3px;}
html body #field-board .field-card[aria-expanded="true"]{border-color:#777a80;outline:2px solid #777a80;outline-offset:2px;box-shadow:none;}
html body #field-board .field-card:focus-visible{outline:2px solid #b9bcc1;outline-offset:3px;box-shadow:none;}
#field-board-view{overflow-anchor:none;}
html body #field-board-view .tier-grid>section.pair-inline.pair-popup{
 display:block;box-sizing:border-box;grid-column:1 / -1;position:relative;inset:auto;top:auto;right:auto;bottom:auto;left:auto;transform:none;
 width:100%;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;margin:12px 0;padding:20px;overflow:visible;
 background:#17191e;color:#fff;border:1px solid #41444c;border-top:3px solid var(--tier,#94a5b8);border-radius:16px;box-shadow:none;z-index:auto;isolation:auto;
}
html body section.pair-inline.pair-popup>.popup-body{width:100%;min-width:0;max-width:none;height:auto;max-height:none;margin:0;padding:0;overflow:visible;}
html body section.pair-inline.pair-popup>.popup-close{
 position:absolute;inset:8px 8px auto auto;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;
 border:1px solid #555860;border-radius:10px;background:#292c32;color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:1;
}
html body section.pair-inline.pair-popup>.popup-full{position:static;display:block;box-sizing:border-box;max-width:100%;min-height:44px;margin:20px 0 0;white-space:normal;}
html body section.pair-inline .dossier-hero{padding-top:36px;min-width:0;max-width:100%;}
html body section.pair-inline .dossier-hero h1{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
html body section.pair-inline .dossier-name{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
html body section.pair-inline :is(.skill-columns,.commander-skills,.skill-commander-head,.skill-commander-head>div,.skill-copy,.skill-copy-heading,.pair-gear,.gear-grid,.gear-item,.gear-item>div){min-width:0;max-width:100%;}
html body :is(section.pair-inline,#field-detail) .skill-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
html body :is(section.pair-inline,#field-detail) .commander-skills:first-child{background:linear-gradient(145deg,rgba(230,194,115,.09),rgba(230,194,115,.025));border-color:#63563a;}
html body :is(section.pair-inline,#field-detail) .commander-skills:nth-child(2){background:linear-gradient(145deg,rgba(190,157,224,.09),rgba(190,157,224,.025));border-color:#554860;}
html body :is(section.pair-inline,#field-detail) .commander-skills:first-child :is(.skill-kind,.commander-title){color:#e6c273;}
html body :is(section.pair-inline,#field-detail) .commander-skills:nth-child(2) :is(.skill-kind,.commander-title){color:#c8ade8;}
html body :is(section.pair-inline,#field-detail) .skill-tabs{display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
html body :is(section.pair-inline,#field-detail) .skill-tab{box-sizing:border-box;flex:0 0 auto;min-width:44px;min-height:44px;}
html body :is(section.pair-inline,#field-detail) .commander-skills:first-child .skill-tab[aria-selected="true"]{border-color:#e6c273;box-shadow:0 0 0 1px #e6c273;}
html body :is(section.pair-inline,#field-detail) .commander-skills:nth-child(2) .skill-tab[aria-selected="true"]{border-color:#be9de0;box-shadow:0 0 0 1px #be9de0;}
html body :is(section.pair-inline,#field-detail) .gear-item{background:rgba(230,194,115,.045);border-color:#63563a;}
html body :is(section.pair-inline,#field-detail) .gear-item .gear-kind{color:#e6c273;}
html body :is(section.pair-inline,#field-detail) .gear-item:last-child{background:rgba(130,232,207,.045);border-color:#3f625b;}
html body :is(section.pair-inline,#field-detail) .gear-item:last-child .gear-kind{color:#82e8cf;}
html body section.pair-inline :is(h2,h3,h4,p,.commander-title,.gear-kind){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
@media(max-width:700px){
 html body :is(section.pair-inline,#field-detail) .skill-columns{grid-template-columns:minmax(0,1fr);}
 html body section.pair-inline .gear-grid{grid-template-columns:minmax(0,1fr);}
 html body section.pair-inline .skill-tab{width:44px;height:44px;padding:2px;}
 html body section.pair-inline .skill-tab img{display:block;width:100%;height:100%;object-fit:contain;}
}

/* Unverified draft; execution verification belongs to the parent. */
html body #field-board-view .tier-grid>section.pair-inline.pair-popup{
 --rgb1:236,72,153;--rgb2:139,92,246;--rgb3:6,182,212;
 box-sizing:border-box;display:block;grid-column:1 / -1;justify-self:start;position:relative;inset:auto;transform:none;
 width:100%;max-width:720px;min-width:0;height:auto;min-height:0;max-height:none;overflow:visible;margin:10px 0;padding:12px;
 border:2px solid transparent;border-radius:14px;border-image:none;
 background:linear-gradient(#131923,#131923) padding-box,linear-gradient(115deg,rgb(var(--rgb1)),rgb(var(--rgb2)),rgb(var(--rgb3))) border-box;
 color:#fff;box-shadow:0 6px 18px #0004;font-size:13px;line-height:1.35;
}
html body #field-board-view .tier-grid>section.pair-inline[data-tier="S"]{--rgb1:239,68,68;--rgb2:249,115,22;--rgb3:251,146,60;}
html body #field-board-view .tier-grid>section.pair-inline[data-tier="A"]{--rgb1:245,158,11;--rgb2:234,179,8;--rgb3:253,224,71;}
html body #field-board-view .tier-grid>section.pair-inline[data-tier="B"]{--rgb1:6,182,212;--rgb2:14,165,233;--rgb3:59,130,246;}
html body #field-board-view .tier-grid>section.pair-inline[data-tier="C"]{--rgb1:16,185,129;--rgb2:5,150,105;--rgb3:52,211,153;}
html body section.pair-inline.pair-popup>.popup-body{width:100%;min-width:0;max-width:none;height:auto;max-height:none;overflow:visible;padding:0;margin:0;}
html body section.pair-inline .inline-hero{
 box-sizing:border-box;min-width:0;margin:0 0 10px;padding:10px 48px 10px 10px;border:1px solid rgba(var(--rgb2),.7);border-radius:9px;
 background:linear-gradient(110deg,rgba(var(--rgb1),.36),rgba(var(--rgb2),.3),rgba(var(--rgb3),.28));
}
html body section.pair-inline .inline-title{font-size:17px;line-height:1.25;letter-spacing:0;margin:0 0 6px;color:#fff;overflow-wrap:anywhere;}
html body section.pair-inline .inline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;}
html body section.pair-inline .inline-tier{font-size:13px;font-weight:750;color:#fff;}
html body section.pair-inline .inline-troop{display:inline-flex;align-items:center;gap:5px;color:#fff;font-size:13px;}
html body section.pair-inline .inline-troop img{width:20px;height:20px;object-fit:contain;}
html body section.pair-inline .skill-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;}
html body section.pair-inline .commander-skills{box-sizing:border-box;min-width:0;padding:10px;border-radius:10px;}
html body section.pair-inline .commander-skills:first-child{border:1px solid #d5a94e;background:linear-gradient(135deg,#62481d80,#1b202b 80%);}
html body section.pair-inline .commander-skills:nth-child(2){border:1px solid #b395e4;background:linear-gradient(135deg,#63488080,#1b202b 80%);}
html body section.pair-inline .skill-commander-head{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-width:0;}
html body section.pair-inline .skill-commander-head>div{min-width:0;}
html body section.pair-inline .skill-portrait{display:block;flex:0 0 36px;width:36px;height:36px;min-width:36px;max-width:36px;object-fit:contain;}
html body section.pair-inline .skill-commander-head h2{font-size:15px;line-height:1.3;letter-spacing:0;margin:0;color:#fff;overflow-wrap:anywhere;}
html body section.pair-inline .skill-tabs{display:grid;grid-template-columns:repeat(5,44px);justify-content:start;gap:6px;min-width:0;margin:0;padding:0;}
html body section.pair-inline .commander-skills .skill-tab{
 box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:0 0 44px;
 width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;
 aspect-ratio:auto;padding:3px;margin:0;border:1px solid #68717e;border-radius:7px;background:#252a33;box-shadow:none;
}
html body section.pair-inline .skill-tab img{display:block;width:100%;height:100%;min-width:0;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;}
html body section.pair-inline .commander-skills .skill-tab[aria-selected="true"]{background:#414348;border-color:#afb1b7;box-shadow:0 0 0 1px #85888f;}
html body section.pair-inline .skill-number{box-sizing:border-box;bottom:-4px;right:-2px;min-width:17px;height:17px;border-radius:4px;font-size:13px;line-height:1;background:#171b23;}
html body section.pair-inline .skill-copy[hidden]{display:none!important;}
html body section.pair-inline .skill-copy{height:auto;max-height:none;overflow:visible;font-size:14px;line-height:1.6;margin-top:14px;overflow-wrap:anywhere;}
html body section.pair-inline .skill-copy-heading{padding:0 0 8px;margin:0 0 10px;}
html body section.pair-inline .skill-kind{font-size:13px;}
html body section.pair-inline .skill-copy h3{font-size:17px;line-height:1.35;margin:4px 0 0;}
html body section.pair-inline .skill-fact{margin:0 0 12px;}
html body section.pair-inline .skill-fact h4{font-size:14px;margin:0 0 4px;}
html body section.pair-inline .skill-fact p{font-size:14px;margin:0 0 8px;}
html body section.pair-inline .pair-gear{box-sizing:border-box;min-width:0;margin:10px 0 0;padding:0;border:0;background:none;box-shadow:none;}
html body section.pair-inline .gear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;}
html body section.pair-inline .gear-item{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;text-align:left;gap:6px;min-width:0;padding:7px;border-radius:8px;}
html body section.pair-inline .gear-item>div{min-width:0;}
html body section.pair-inline .gear-icon{display:block;flex:0 0 32px;width:32px;height:32px;min-width:32px;max-width:32px;object-fit:contain;}
html body section.pair-inline .gear-item .gear-kind{font-size:13px;letter-spacing:0;line-height:1.25;}
html body section.pair-inline .gear-item h3{font-size:13px;line-height:1.35;font-weight:600;margin:2px 0 0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
html body section.pair-inline.pair-popup>.popup-close{box-sizing:border-box;position:absolute;inset:18px 18px auto auto;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #8b8d96;border-radius:8px;background:#30323a;color:#fff;font-size:26px;line-height:1;}
html body section.pair-inline.pair-popup>.popup-full{box-sizing:border-box;position:static;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;margin:8px 0 0;padding:6px 12px;border:1px solid #777b85;border-radius:8px;background:#34363d;color:#fff;font-size:13px;line-height:1.3;white-space:normal;}
html body section.pair-inline .dossier-status{margin:0;padding:12px 48px 12px 10px;font-size:14px;}
html body section.pair-inline :is(button:focus-visible,.skill-copy:focus-visible){outline:2px solid #f1e6ff;outline-offset:3px;}
html body .app-tabs button[aria-pressed="true"],html body #field-filters button[aria-pressed="true"]{background:#383a3e!important;background-image:none!important;border-color:#66696e!important;box-shadow:none!important;}
html body .app-tabs button:hover,html body #field-filters button:hover,
html body .app-tabs button[aria-pressed="true"]:hover,html body #field-filters button[aria-pressed="true"]:hover,
html body .app-tabs button[aria-pressed="true"]:is(:hover,:focus,:active),html body #field-filters button[aria-pressed="true"]:is(:hover,:focus,:active){color:rgb(255,255,255)!important;}
@media(max-width:600px){
 html body section.pair-inline .skill-columns{grid-template-columns:minmax(0,1fr);gap:8px;}
 html body #field-board-view .tier-grid>section.pair-inline.pair-popup{padding:10px;}
 html body section.pair-inline .inline-title{font-size:15px;}
 html body section.pair-inline .commander-skills{padding:8px;}
 html body section.pair-inline .gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
 html body section.pair-inline .gear-item{flex-direction:row;flex-wrap:wrap;align-content:start;align-items:center;padding:6px;gap:4px;}
 html body section.pair-inline .gear-item>div{flex:1 1 54px;}
 html body section.pair-inline.pair-popup>.popup-close{top:16px;right:16px;}
}

.pair-inline .gear-item h3,
#field-detail .gear-item h3 {
  color: rgb(255, 255, 255) !important;
}

/* NO_VERDICT: unverified draft. Compact smart-hover only; append to theme.css. */
.commander-skills > .skill-copy.smart-skill-popover:not([hidden]),
.pair-inline .commander-skills > .skill-copy.smart-skill-popover:not([hidden]) {
  display: block !important;
  position: fixed !important;
  inset: auto;
  right: auto !important;
  bottom: auto !important;
  box-sizing: border-box;
  width: min(360px, calc(100vw - 16px));
  max-width: calc(100vw - 16px);
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: min(420px, calc(100vh - 16px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  overflow-wrap: anywhere;
  margin: 0 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1000;
}
.commander-skills > .skill-copy.smart-skill-popover[hidden],
.pair-inline .commander-skills > .skill-copy.smart-skill-popover[hidden] {
  display: none !important;
}

/* Unverified draft; execution verification belongs to the parent. */
.pair-inline .skill-copy.smart-skill-popover {
  background: #000 !important;
  background-image: none !important;
  border: 1px solid #ffffff40;
  border-radius: 10px;
  padding: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

/* Append-only, unverified draft: NO_VERDICT.
   Parent must verify that no other ancestor clips the panel and that
   absolute positioning uses the document coordinate system. */
.pair-inline,
.pair-inline .commander-skills {
  overflow: visible !important;
}

.pair-inline .commander-skills > .skill-copy.smart-skill-popover:not([hidden]) {
  box-sizing: border-box;
  width: 600px;
  max-width: calc(100vw - 16px);
  min-width: 0 !important;
  max-height: none !important;
  height: auto;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  background: #000 !important;
}

/* NO_VERDICT — unverified draft. Supplied superpowers, systematic-debugging, test-driven-development and verification-before-completion reviewed. No tools or tests run; no RED/GREEN claimed. Parent must review and verify rendered equipment, commander markup, button states and 320px layout. Commander renderer and page outer padding were not supplied. Append after existing CSS. */
#field-detail {
  --dossier-start: #06b6d4;
  --dossier-end: #3b82f6;
  --dossier-gradient: linear-gradient(115deg, var(--dossier-start), var(--dossier-end));
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  padding: 16px;
  background: #080d17;
  color: #fff;
  border: 1px solid #334155;
  border-radius: 16px;
}
#field-detail[data-tier="Z"] { --dossier-start: #ec4899; --dossier-end: #06b6d4; --dossier-gradient: linear-gradient(115deg, #ec4899, #8b5cf6, #06b6d4); }
#field-detail[data-tier="S"] { --dossier-start: #ef4444; --dossier-end: #f97316; }
#field-detail[data-tier="A"] { --dossier-start: #f59e0b; --dossier-end: #eab308; }
#field-detail[data-tier="B"] { --dossier-start: #06b6d4; --dossier-end: #3b82f6; }
#field-detail[data-tier="C"] { --dossier-start: #10b981; --dossier-end: #059669; }
#field-detail *, #field-detail *::before, #field-detail *::after { box-sizing: border-box; }
#field-detail .dossier-hero {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0 0 16px;
  padding: 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: linear-gradient(#101827, #0b1220) padding-box, var(--dossier-gradient) border-box;
  box-shadow: none;
  text-align: left;
  overflow: visible;
}
#field-detail .dossier-hero::before, #field-detail .dossier-hero::after { content: none; }
#field-detail .dossier-portraits {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
#field-detail .dossier-portrait {
  display: block;
  flex: none;
  position: static;
  margin: 0;
  padding: 0;
  object-fit: cover;
  border: 2px solid var(--dossier-start);
  border-radius: 12px;
  transform: none;
  filter: none;
  box-shadow: none;
}
#field-detail .dossier-portrait-primary { width: 96px; height: 96px; min-width: 96px; max-width: 96px; }
#field-detail .dossier-portrait-secondary { width: 72px; height: 72px; min-width: 72px; max-width: 72px; border-color: var(--dossier-end); }
#field-detail .dossier-identity { flex: 1 1 0; min-width: 0; }
#field-detail .dossier-kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 0; }
#field-detail .dossier-tier {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  background: linear-gradient(#192231, #192231) padding-box, var(--dossier-gradient) border-box;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .06em;
}
#field-detail #detail-title {
  display: block;
  width: auto;
  min-width: 0;
  margin: 0 0 10px;
  padding: 0;
  color: #fff;
  background: none;
  -webkit-text-fill-color: currentColor;
  font-size: clamp(23px, 2.5vw, 32px);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.025em;
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
#field-detail .dossier-name { display: inline; color: inherit; white-space: normal; }
#field-detail .dossier-troop {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  background: #202936;
  border: 1px solid #475569;
  border-radius: 7px;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
}
#field-detail .dossier-troop img { width: 28px; height: 28px; flex: none; object-fit: contain; }
#field-detail .hero-dot { color: #fff; }
#field-detail .pair-gear.dossier-equipment {
  display: block;
  min-width: 0;
  margin: 0 0 16px;
  padding: 0;
  background: none;
  border: 0;
}
#field-detail .dossier-equipment > .gear-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
#field-detail .dossier-equipment .gear-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 10px;
  background: #111a28;
  border: 1px solid #334155;
  border-radius: 9px;
  color: #fff;
  box-shadow: none;
}
#field-detail .dossier-equipment .gear-icon {
  display: block;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  object-fit: contain;
}
#field-detail .dossier-equipment .gear-item > div { min-width: 0; max-width: 100%; }
#field-detail .dossier-equipment .gear-kind {
  display: block;
  margin: 0 0 3px;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
#field-detail .dossier-equipment .gear-item h3 {
  min-width: 0;
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}
#field-detail .skill-columns { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 16px; min-width: 0; margin: 0; }
#field-detail .skill-columns > * {
  min-width: 0;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 16px;
  background: #101827;
  border: 1px solid #334155;
  border-radius: 12px;
  overflow: visible;
  box-shadow: none;
}
#field-detail .skill-columns header {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  margin: 0 0 14px;
  padding: 0;
  background: none;
}
#field-detail .skill-columns header img { flex: 0 0 44px; width: 44px; height: 44px; object-fit: cover; border: 1px solid #64748b; border-radius: 8px; }
#field-detail .skill-columns :is(h2, h3, h4) { color: #fff; font-size: 20px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
#field-detail .skill-columns header :is(h2, h3, h4) { margin: 0; color: #fff; font-size: 14px; }
#field-detail .skill-columns [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(5, 48px);
  justify-content: start;
  align-items: start;
  gap: 6px;
  min-width: 0;
  margin: 0 0 16px;
  padding: 0;
  background: none;
  border: 0;
  overflow: visible;
}
#field-detail .skill-columns [role="tab"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  border: 1px solid #475569;
  border-radius: 7px;
  background: #303844;
  color: #fff;
  box-shadow: none;
  transform: none;
}
#field-detail .skill-columns [role="tab"] img { display: block; flex: none; width: 48px; height: 48px; max-width: none; object-fit: contain; border-radius: 6px; }
#field-detail .skill-columns [role="tab"][aria-selected="true"] { border-color: var(--dossier-start); background: #424a55; color: #fff; box-shadow: none; }
#field-detail .skill-columns [role="tab"]:hover { background: #424a55; color: #fff; border-color: #cbd5e1; box-shadow: none; transform: none; }
#field-detail .skill-columns [role="tabpanel"] {
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  color: #fff;
  font-size: 15px;
  line-height: 1.65;
  white-space: normal;
  overflow-wrap: anywhere;
}
#field-detail .skill-columns [role="tabpanel"] :is(p, li, div) { height: auto; max-height: none; overflow: visible; font-size: 15px; line-height: 1.65; }
#field-detail .skill-columns p { margin: 0 0 12px; color: #fff; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
#field-detail .skill-columns [role="tabpanel"] :is(h2, h3, h4) { margin: 0 0 10px; font-size: 20px; line-height: 1.35; }
#field-detail button:not([role="tab"]) {
  background: #303844;
  border: 1px solid #64748b;
  border-radius: 7px;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
}
#field-detail button:not([role="tab"]):hover { background: #424a55; border-color: #cbd5e1; color: #fff; box-shadow: none; }
#field-detail button:hover { -webkit-text-fill-color: #fff; }
#field-detail :is(button, a, [role="tab"]):focus-visible { outline: 2px solid #f8fafc; outline-offset: 3px; }
#field-detail [hidden] { display: none !important; }
@media (min-width: 800px) {
  #field-detail .skill-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #field-detail .dossier-hero { padding: 16px 20px; }
  #field-detail #detail-title { font-size: clamp(23px, 2.2vw, 30px); }
}
@media (max-width: 799px) {
  #field-detail { padding: 12px; }
  #field-detail .dossier-hero { flex-wrap: wrap; gap: 14px; padding: 16px; }
  #field-detail .dossier-identity { flex: 1 1 240px; }
  #field-detail .dossier-equipment > .gear-grid { gap: 6px; }
  #field-detail .dossier-equipment .gear-item { flex-direction: column; align-items: center; gap: 6px; padding: 8px 4px; text-align: center; }
  #field-detail .dossier-equipment .gear-item h3 { color: #fff; font-size: 14px; line-height: 1.4; }
}
@media (max-width: 359px) {
  #field-detail { padding: 8px; }
  #field-detail .skill-columns { gap: 12px; }
  #field-detail .skill-columns > * { padding: 10px; }
  #field-detail .skill-columns [role="tablist"] { gap: 2px; }
  /* Five 48px tracks + four 2px gaps = 248px. Including commander
     padding/borders and detail padding/borders requires 288px;
     at a 320px viewport this permits 16px page padding per side.
     Parent must verify actual outer padding and commander tab markup. */
}

/* NO_VERDICT: unverified draft; no files changed or tests executed.
 * Apply every replacement occurrence, including both commander-load sites
 * and both joined-name sites. Parent must review the diff and execute tests.
 * CSS is an additive artifact; JavaScript scope remains the two named files.
 */
.skill-columns > .commander-skills:only-child {
  grid-column: 1 / -1;
}
.tier-mode-card {
  font: inherit;
  cursor: pointer;
}