/* Keep the recorded items and AP sequence together in the first viewport. */
body[data-view="pro-builds"] .probuilds-app.is-reading-build { max-width:1560px; width:calc(100% - 40px); padding-top:18px; }
.is-reading-build .probuilds-shell { gap:8px; }
.is-reading-build .pro-heroes-back { padding:0; font-size:11px; }
.is-reading-build .probuilds-detail { position:relative; }
.is-reading-build .pro-hero-matches { position:absolute; top:-29px; right:0; margin:0; font-size:11px; max-width:calc(100% - 100px); }
.is-reading-build .pro-hero-matches select { padding:5px 8px; }
.is-reading-build .probuild-detail-card { gap:14px; }
.is-reading-build .probuild-detail-head { grid-template-columns:48px minmax(0,1fr); gap:14px; padding-bottom:14px; }
.is-reading-build .probuild-detail-portrait { width:48px; height:48px; }
.is-reading-build .probuild-detail-head>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.8fr) minmax(0,1fr); align-items:center; column-gap:20px; }
.is-reading-build .probuild-detail-head h1 { font-size:28px; grid-column:1; }
.is-reading-build .probuild-detail-sub { grid-column:1; font-size:11px; line-height:1.4; margin:3px 0; }
.is-reading-build .build-player-attribution { grid-column:3; grid-row:1 / 4; margin:0; justify-self:end; }
.is-reading-build .build-player-attribution>img,.is-reading-build .build-team-monogram { display:block; width:64px; height:64px; flex-shrink:0; object-fit:contain; }
.build-match-summary { grid-column:2; grid-row:1 / 4; display:flex; flex-direction:column; align-items:center; gap:4px; }
.build-match-result { color:#aaa08a; font-size:10px; letter-spacing:.08em; font-weight:750; text-transform:uppercase; }
.build-match-result.is-win { color:#94d2a4; }.build-match-result.is-loss { color:#ed9b8f; }
.build-match-kda { font-size:23px; line-height:1.2; font-variant-numeric:tabular-nums; letter-spacing:.08em; color:#eee1c5; }
.build-match-summary small { font-size:8px; letter-spacing:.08em; color:#aa9c80; }
.is-reading-build .build-player-attribution strong { font-size:15px; }
.is-reading-build .build-player-attribution small { font-size:11px; }
.is-reading-build .build-team-monogram { display:grid; place-items:center; }
.is-reading-build .probuild-match-date { grid-column:1; font-size:10px; margin:2px 0; }
.is-reading-build .probuild-detail-head .probuild-chip { grid-column:2; justify-self:end; grid-row:3; margin:0; font-size:8px; }
.is-reading-build .build-editor-tools { gap:16px; }
.is-reading-build .build-editor-tools :is(a,button) { font-size:11px; }
.build-game-access { display:flex; align-items:center; justify-content:space-between; gap:10px 18px; flex-wrap:wrap; padding:10px 13px; border:1px solid #40533a; border-radius:7px; background:#171f15; }
.build-game-access-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.build-game-access-copy strong { color:#b8dc9f; font-size:12px; }
.build-game-access-copy>span { color:#acae99; font-size:10px; line-height:1.4; }
.build-game-access-controls { display:flex; align-items:center; gap:14px; }
.build-game-id { font:600 17px/1.2 ui-monospace,monospace; letter-spacing:.04em; color:#ecdfbf; user-select:all; }
.build-game-copy { min-height:40px; padding:9px 15px; border:1px solid #dbbb79; border-radius:5px; background:#dcc18b; color:#211d14; font:inherit; font-weight:700; font-size:12px; line-height:1.3; cursor:pointer; }
.build-game-copy:hover { background:#ead4a7; }
.build-game-copy:focus-visible { outline:2px solid #f5ddaa; outline-offset:3px; }
.build-game-copy:disabled { opacity:.65; }
.build-game-copy-status { width:100%; font-size:11px; line-height:1.4; color:#cbd9b7; }
.build-game-copy-status:empty { display:none; }
.build-game-access.is-pending { background:#17150f; border-color:#3c3525; }
.build-game-access.is-pending strong { color:#c5b48e; }
.build-overview { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:16px; align-items:start; min-width:0; padding-right:24px; }
.build-overview>* { min-width:0; }
.build-detail-loading { min-height:380px; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #393120; border-radius:8px; color:#dac69e; }
.build-detail-loading p { color:#a99b80; font-size:12px; }
.build-overview .build-view-toolbar { gap:8px; margin-bottom:14px; }
.build-overview .build-view-tabs button { padding:7px 12px; font-size:11px; }
.build-overview .build-editor-hint { font-size:10px; }
.build-overview .probuild-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; align-items:start; }
.build-overview .probuild-group h3 { font-size:11px; margin:0 0 9px; padding-bottom:8px; border-bottom:1px solid #343025; }
.build-overview .probuild-group-items { display:grid; grid-template-columns:1fr; gap:10px; border-left:1px solid #302d24; padding-left:10px; }
.is-timeline-view .build-objective-inline-hint { display:none; }
.build-objective-inline-hint { color:#969e87; font-size:9px; line-height:1.4; }
.build-rift-unavailable { color:#aaa18f; font-size:10px; line-height:1.5; width:100%; }
.build-objective-teams { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 5px; font-size:10px; line-height:1.4; margin:4px 0 2px; }
.build-objective-teams .build-objective-actor,.build-objective-teams .build-objective-claim { color:#c4e0a7; font-size:10px; }
.build-objective-owner { color:#ecb6a1; }
.build-objective-stolen { color:#f0c27b; font-size:9px; letter-spacing:.06em; }
.build-team-badge { display:inline-flex; align-items:center; gap:5px; min-width:0; }
.build-team-badge img { width:22px; height:22px; object-fit:contain; flex-shrink:0; }
.build-team-badge strong { font-size:10px; line-height:1.4; }
.build-event-group { min-width:0; border:1px solid #435249; border-left:3px solid #92c9a1; border-radius:5px 12px 12px 5px; background:#14201a; }
.build-event-group.is-rift,.build-event-group.is-rejuvenator { border-color:#4e593a; border-left-color:#a8bf78; background:#172014; }
.build-event-group.is-assists-only { border-color:#3d4d65; border-left-color:#99b5d9; background:#18212d; }
.build-fight-assists { color:#c4d6ed; }
.build-fight-kills { color:#c2e4ce; }
.build-event-group-summary { display:flex; align-items:center; gap:8px; padding:9px; cursor:pointer; list-style:none; }
.build-event-group-summary::-webkit-details-marker { display:none; }
.build-event-group-summary:focus-visible { outline:2px solid #e2c083; outline-offset:2px; border-radius:6px; }
.build-event-group-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:4px; }
.build-event-group-copy>strong { color:#d6e3cb; font-size:11px; line-height:1.35; }
.build-event-group-copy>time { font:600 10px/1.4 ui-monospace,monospace; color:#e4dac0; }
.build-event-group-copy>small { color:#b5c0ab; font-size:9px; }
.build-event-group-toggle { color:#c8c3ad; font-size:9px; flex-shrink:0; }
.build-event-group-toggle::before { content:'＋ '; }
.build-event-group[open]>.build-event-group-summary .build-event-group-toggle::before { content:'− '; }
.build-event-group-summary>.build-objective-art { flex-shrink:0; width:27px; height:27px; }
.build-event-group-children { display:grid; gap:7px; padding:9px; border-top:1px solid #ffffff12; margin:0; list-style:none; }
.build-event-group-children:empty { display:none; }
.build-event-group-children .build-item-combat,.build-event-group-children .build-item-objective { border:0; border-radius:4px; padding:5px; background:#ffffff04; }
.build-fight-portraits { display:flex; flex-wrap:wrap; gap:3px; }
.build-fight-portraits img { width:24px; height:24px; object-fit:contain; }
.build-fight-participant { display:flex; flex-direction:column; align-items:center; gap:2px; min-width:30px; color:#c2e4ce; }
.build-fight-participant.is-assist { color:#c4d6ed; }
.build-fight-role { font:600 8px/1.3 ui-sans-serif,system-ui,sans-serif; }
.build-assist-coverage { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 7px; flex-basis:100%; color:#a9b8cd; font-size:10px; line-height:1.5; }
.build-assist-coverage strong { color:#c4d6ed; font-size:11px; }
.build-combat-souls { display:inline-block; color:#ade8cb; font:600 10px/1.5 ui-monospace,monospace; margin-top:3px; }
.build-timeline-group { margin:0 0 16px 62px; list-style:none; max-width:760px; }
.build-timeline-group .build-event-group-summary { padding:12px; }
.build-timeline-group .build-event-group-copy>strong { font-size:12px; }
.build-timeline-group .build-timeline-event { margin-bottom:4px; }
@media(max-width:760px){.build-timeline-group { margin-left:0; }.build-event-group-summary { min-height:44px; }.build-event-group-copy>strong { font-size:12px; }}
.build-item-combat { grid-column:1/-1; display:flex; align-items:center; gap:9px; padding:8px; border:1px solid #385040; border-left:3px solid #92c9a1; border-radius:4px 13px 13px 4px; background:#142019; color:#c2e4ce; content-visibility:auto; contain-intrinsic-size:auto 52px; }
.build-item-combat.is-assist { color:#c4d6ed; border-color:#3d4d65; border-left-color:#99b5d9; background:#18212d; }
.build-item-combat.is-death { color:#edc0b5; border-color:#684437; border-left-color:#d29784; background:#281c18; }
.build-item-combat>img { width:28px; height:28px; flex-shrink:0; object-fit:contain; border-radius:50%; background:#ffffff08; }
.build-item-combat-copy { min-width:0; }
.build-item-combat-copy>strong { display:block; font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.build-item-combat-meta { display:flex; flex-wrap:wrap; gap:2px 7px; margin-top:2px; font-size:9px; color:#b2b5aa; line-height:1.4; }
.build-item-combat time { font:10px/1.4 ui-monospace,monospace; color:inherit; }
.build-phase-more { width:100%; padding:10px 6px; margin-top:10px; background:#211d15; border:1px solid #645334; border-radius:5px; color:#dbc695; font-family:inherit; font-size:11px; line-height:1.4; cursor:pointer; }
.build-ap-recorded { font-size:10px; line-height:1.5; color:#bbac90; margin:5px 0; }
.build-overview .build-view-toolbar:has(.build-objective-inline-hint) { flex-wrap:wrap; }
.build-item-objective { grid-column:1 / -1; position:relative; display:flex; align-items:center; gap:8px; min-width:0; width:100%; padding:7px 8px; border:1px solid #394535; border-radius:10px; background:#141b13; color:#c9d3bb; font:inherit; text-align:left; cursor:pointer; }
.build-item-objective.is-scheduled { border-style:dashed; border-color:#414737; background:#13160f; }
.build-item-objective.is-completed { border-color:#4d6541; background:#182216; }
.build-item-objective:hover { border-color:#b8bd8d; background:#20281a; }
.build-item-objective:focus-visible { outline:2px solid #e0c17e; outline-offset:2px; }
.build-item-objective-icons { display:flex; align-items:center; flex-shrink:0; gap:3px; }
.build-item-objective-icons .build-objective-art { width:27px; height:27px; padding:3px; border:1px solid #53613f; border-radius:50%; background:#232e1b; box-sizing:border-box; }
.build-item-objective-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.build-item-objective-copy strong { font-size:10px; line-height:1.3; font-weight:600; overflow-wrap:anywhere; }
.build-item-objective-meta { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; color:#a1ad94; font-size:9px; line-height:1.2; }
.build-item-objective-meta time { color:#e6ddc5; font:600 11px/1.3 ui-monospace,monospace; }
.build-objective-pickup-gap { color:#ada58f; font-size:9px; line-height:1.4; }
.build-item-objective.is-completed .build-item-objective-meta>span { color:#b1d28f; }
.build-item-objective-note { position:absolute; right:4px; top:2px; color:#eed193; font-size:11px; }
.build-overview .probuild-item { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; align-content:start; justify-items:start; gap:4px 8px; width:auto; max-width:none; min-height:48px; text-align:left; position:relative; padding-right:32px; }
.build-overview .probuild-item .item-slot { width:36px; height:36px; grid-column:1; grid-row:1; align-self:start; }
.build-item-copy { display:flex; flex-direction:column; min-width:0; gap:2px; }
.build-overview .probuild-item-name { font-size:12px; line-height:1.25; }
.build-overview .probuild-item-time { font-size:10px; line-height:1.3; }
.build-overview .probuild-upgrade,.build-overview .probuild-item-imbue { font-size:9px; line-height:1.3; margin:0; }
.build-overview .probuild-item>.build-note-button { position:absolute; right:0; top:12px; padding:0; font-size:9px; line-height:1.2; }
.build-overview .probuild-item.has-build-note { padding-right:0; }
.build-overview .probuild-item>.build-note-button.has-notes { display:grid; place-items:center; left:23px; right:auto; top:-5px; width:23px; height:23px; padding:3px; border:1px solid #cfb375; border-radius:50%; background:#302719; color:#f4d99f; box-shadow:0 2px 5px #0008; z-index:1; }
.build-overview .probuild-item>.build-note-button.has-notes .build-note-count { display:none; }
@media(min-width:1001px) {
  .build-overview .probuild-group.is-long .probuild-group-items { grid-template-columns:1fr; gap:10px; }
  .build-overview .probuild-group.is-long .probuild-item { grid-template-columns:28px minmax(0,1fr); gap:5px; padding-right:0; min-height:46px; }
  .build-overview .probuild-group.is-long .probuild-item .item-slot { width:28px; height:28px; }
  .build-overview .probuild-group.is-long .probuild-item-name { font-size:10px; }
  .build-overview .probuild-group.is-long .probuild-item-time { font-size:9px; }
  .build-overview .probuild-group.is-long .probuild-item>.build-note-button { position:static; grid-column:2; }
  .build-overview .probuild-group.is-long .probuild-item>.build-note-button.has-notes { position:absolute; left:17px; width:20px; height:20px; }
}
.build-stage-tabs { display:none; }
.build-overview .build-sales { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding-top:10px; margin-top:0; }
.build-overview .build-sales h3 { font-size:10px; margin:0 4px 0 0; }
.build-overview .build-sale { display:grid; grid-template-columns:auto auto; gap:3px 6px; padding:5px 7px; margin:0; border-radius:4px; font-size:9px; }
.build-overview .build-sale strong { grid-column:1; grid-row:1; font-size:10px; }
.build-overview .build-sale>span { grid-column:1; grid-row:2; }
.build-overview .build-sale>.build-note-button { grid-column:2; grid-row:1 / 3; align-self:center; font-size:9px; }
.build-overview .build-sale .build-note { grid-column:1 / -1; }
.build-ap-overview { padding:12px; border:1px solid #3d3525; background:#15120d; border-radius:8px; margin:46px 0 0; position:sticky; top:110px; }
@media(min-width:1001px) {
  .build-overview .build-ap-overview { top:max(100px,calc((100dvh - 470px + 76px) / 2)); }
}
.build-ap-overview h3 { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 12px; color:#e1d2b5; font-size:12px; letter-spacing:0; text-transform:none; }
.build-ap-overview .ability-order-ladder { min-width:0; width:100%; border:0; border-radius:0; padding:0; background:none; gap:5px; }
.build-ap-overview .ability-order-row,.build-ap-column-heading { display:grid; grid-template-columns:92px minmax(0,1fr); gap:6px; align-items:center; min-width:0; }
.build-ap-overview .ability-order-label { grid-template-columns:25px minmax(0,1fr); gap:5px; }
.build-ap-overview .ability-order-label strong { font-size:10px; line-height:1.3; white-space:normal; overflow:visible; text-overflow:clip; }
.build-ap-toggle { display:none; }
.build-ap-overview .ability-order-icon { width:25px; height:25px; background:none; border:0; border-radius:0; }
.build-ap-column-numbers,.build-ap-overview .ability-order-track { display:grid; grid-template-columns:repeat(var(--ability-cols,16),minmax(0,1fr)); gap:1px; }
.build-ap-column-numbers { grid-column:2; color:#988b72; text-align:center; font:9px/1.5 ui-monospace,monospace; }
.build-ap-order-label { color:#988b72; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.build-ap-overview .ability-order-track { border:0; border-radius:4px; overflow:visible; background:#211d16; padding:3px 0; }
.build-ap-overview .ability-order-row:nth-child(even) .ability-order-track { background:#1d1913; }
.build-ap-overview .ability-order-cell { height:31px; border:0; position:relative; }
.build-ap-overview .ability-order-cell:empty::after { content:''; width:2px; height:2px; border-radius:50%; background:#514838; }
.build-ap-overview .ability-order-token { position:relative; width:100%; max-width:23px; height:25px; font-size:11px; border-radius:4px; cursor:pointer; }
.build-ap-overview .ability-order-token.unlock { color:#bee0ce; background:#20352a; border-color:#446c53; }
.build-ap-overview .ability-order-token.upgrade { color:#f3dbaa; background:#493b22; border-color:#907445; }
.build-ap-overview .ability-order-token.has-note::after { content:''; position:absolute; top:-3px; right:-2px; width:5px; height:5px; border-radius:50%; background:#ffe0a0; }
.build-ap-overview .ability-order-token:focus-visible { outline:2px solid #f3dbaa; outline-offset:2px; }
.build-ap-overview .info-tip-bubble { display:none!important; }
.build-ap-overview .probuild-ability-legend { color:#a99d87; font-size:10px; line-height:1.5; margin:10px 0; }
.build-ap-notes { border-top:1px solid #383124; margin-top:12px; padding-top:10px; }
.build-ap-notes summary { color:#d5bd8d; font-size:11px; cursor:pointer; }
.investment-weapon { --investment-color:#f1bf78; --investment-background:#2b2115; }
.investment-vitality { --investment-color:#abd785; --investment-background:#1c2718; }
.investment-spirit { --investment-color:#d4b4f3; --investment-background:#271e32; }
.build-investment { margin-top:14px; border-top:1px solid #3d3525; padding-top:12px; }
.build-investment h3 { margin:0 0 9px; font-size:12px; color:#e1d2b5; }
.build-investment-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.build-investment-card { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; padding:9px; border:1px solid #423c31; border-top:2px solid var(--investment-color); border-radius:5px; background:var(--investment-background); color:#e8dfcf; font:inherit; text-align:left; cursor:pointer; }
.build-investment-category { color:var(--investment-color); font-size:11px; }
.build-investment-time { font:600 16px/1.2 ui-monospace,monospace; }
.build-investment-time.is-status { font-size:11px; line-height:1.5; }
.build-investment-items { display:grid; grid-template-columns:repeat(3,minmax(0,28px)); gap:11px 10px; width:100%; }
.build-investment-item { display:grid; place-items:center; position:relative; min-width:0; aspect-ratio:1; border:1px solid #ffffff25; border-radius:4px; background:#15120d; }
.build-investment-item:not(:last-child)::after { content:'→'; position:absolute; left:calc(100% + 2px); top:50%; transform:translateY(-50%); color:var(--investment-color); font:11px/1 ui-monospace,monospace; }
.build-investment-item:nth-child(3n):not(:last-child)::after { content:'↵'; left:50%; top:calc(100% + 1px); transform:translateX(-50%); font-size:10px; }
.build-investment-item.is-trigger { border-color:var(--investment-color); box-shadow:0 0 0 1px var(--investment-color); }
.build-investment-item img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; border-radius:3px; }
.build-investment-item-fallback { color:var(--investment-color); font:600 9px/1 ui-monospace,monospace; }
.build-investment-cause { font-size:10px; line-height:1.4; }
.build-investment-hint { margin:8px 0 0; color:#a99d87; font-size:9px; line-height:1.5; }
.build-investment-card:hover { border-color:var(--investment-color); }
.build-investment-card:focus-visible,.build-investment-marker:focus-visible,.build-investment-event:focus-visible { outline:2px solid var(--investment-color); outline-offset:3px; }
.build-investment-marker { position:absolute; top:25px; left:-3px; z-index:2; min-width:38px; height:18px; padding:0 4px; border:1px solid var(--investment-color); border-radius:3px; background:var(--investment-background); color:var(--investment-color); font:700 9px/1 ui-monospace,monospace; cursor:pointer; }
.build-investment-event { display:block; margin:4px 0 7px; padding:5px 8px; border:1px solid var(--investment-color); border-radius:4px; background:var(--investment-background); color:var(--investment-color); font:inherit; font-size:10px; text-align:left; cursor:pointer; }
.build-investment-dialog h2 { color:var(--investment-color); }
.build-investment-bonus { display:flex; flex-direction:column; gap:7px; padding:15px; border-radius:6px; background:var(--investment-background); color:var(--investment-color); }
.build-investment-bonus strong { font:600 26px/1.3 ui-monospace,monospace; }
.build-investment-bonus span { font-size:12px; line-height:1.5; }
.build-investment-reached { font-size:13px; line-height:1.6; margin-top:20px; }
.build-investment-breakdown { display:grid; gap:10px; padding:0; margin:18px 0; list-style:none; }
.build-investment-breakdown li { display:flex; align-items:center; gap:10px; font-size:12px; }
.build-investment-breakdown img { object-fit:contain; }
.build-investment-breakdown strong { margin-left:auto; font:12px ui-monospace,monospace; }
.build-investment-total { display:flex; justify-content:space-between; border-top:1px solid #423c31; padding-top:12px; font-size:12px; }
.build-investment-change { color:#c1b49d; font-size:12px; line-height:1.6; }
.is-reading-build .probuild-detail-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.is-reading-build .probuild-detail-actions :is(p,button) { margin:0; font-size:10px; }
.is-reading-build .probuild-in-game { font-size:10px; color:#9c927e; }
.is-reading-build .probuild-match-facts { padding-top:10px; }
.is-reading-build .pro-library-sources { font-size:9px; padding-top:10px; margin-top:8px; }
@media(min-width:761px) and (max-height:800px) {
  .build-overview .probuild-group-items { gap:5px; }
  .build-overview .probuild-item { min-height:43px; }
  .build-overview .probuild-item .item-slot { width:32px; height:32px; }
  .is-reading-build .probuild-detail-card { gap:10px; }
  .build-overview .build-view-toolbar { margin-bottom:10px; }
}
@media(max-width:1000px) and (min-width:761px) {
  .build-overview { grid-template-columns:minmax(0,1fr); gap:16px; padding-right:0; }
  .build-overview .probuild-groups { gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .build-overview .probuild-item { grid-template-columns:30px minmax(0,1fr); gap:3px 6px; }
  .build-overview .probuild-item .item-slot { width:30px; height:30px; }
  .build-overview .build-editor-hint { display:none; }
  .build-ap-overview { padding:10px; grid-row:1; position:static; margin:0; }
}
@media(max-width:760px) {
  .build-game-access { gap:9px; padding:10px; }
  .build-game-access-copy { width:100%; }
  .build-game-access-controls { width:100%; justify-content:space-between; }
  .build-game-copy { min-height:44px; padding:10px 17px; }
  body[data-view="pro-builds"] .probuilds-app.is-reading-build { width:calc(100% - 28px); padding-top:12px; }
  .is-reading-build .pro-hero-matches { flex-direction:row; justify-content:flex-end; gap:6px; top:-26px; max-width:calc(100% - 92px); }
  .is-reading-build .pro-hero-matches-label { display:none; }
  .is-reading-build .pro-hero-matches select { max-width:100%; font-size:10px; padding:5px 6px; }
  .is-reading-build .probuild-detail-head { grid-template-columns:38px minmax(0,1fr); gap:10px; padding-bottom:10px; }
  .is-reading-build .probuild-detail-portrait { width:38px; height:38px; align-self:start; margin-top:8px; }
  .is-reading-build .probuild-detail-head>div { display:flex; flex-wrap:wrap; column-gap:8px; }
  .is-reading-build .probuild-detail-head h1 { font-size:23px; }
  .is-reading-build .probuild-detail-sub { width:100%; order:3; font-size:10px; }
  .is-reading-build .build-player-attribution { width:100%; order:2; gap:5px; margin:2px 0; }
  .is-reading-build .build-player-attribution>div { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; }
  .is-reading-build .build-player-attribution strong { font-size:12px; }
  .is-reading-build .build-player-attribution small { font-size:10px; margin:0; }
  .is-reading-build .build-team-monogram,.is-reading-build .build-player-attribution>img { display:grid; width:44px; height:44px; }
  .is-reading-build .build-player-attribution { width:auto; margin-left:auto; }
  .is-reading-build .build-player-attribution>div { display:block; }
  .is-reading-build .build-match-summary { order:4; width:100%; flex-direction:row; justify-content:center; gap:10px; border-top:1px solid #302a20; padding-top:9px; margin-top:6px; }
  .build-match-kda { font-size:18px; }.build-match-summary small { font-size:7px; }
  .is-reading-build .probuild-match-date { display:none; }
  .is-reading-build .probuild-detail-head .probuild-chip { font-size:7px; padding:2px 5px; }
  .is-reading-build .probuild-detail-card { gap:10px; }
  .build-overview { display:flex; flex-direction:column; gap:12px; padding-right:0; }
  .build-overview>* { width:100%; box-sizing:border-box; }
  .build-ap-overview { order:-1; padding:10px; border-radius:6px; position:static; margin:0; }
  .build-ap-toggle { display:flex; width:100%; justify-content:space-between; align-items:center; min-height:32px; border:0; background:transparent; color:#e4c994; font-family:inherit; font-size:12px; line-height:1.4; font-weight:600; text-align:left; cursor:pointer; }
  .build-ap-toggle::after { content:'+'; font-size:20px; font-weight:400; }
  .build-ap-toggle[aria-expanded=true]::after { content:'−'; }
  .build-ap-toggle:focus-visible { outline:2px solid #d7b878; outline-offset:2px; }
  .build-ap-overview:not(.is-expanded)>:not(.build-ap-toggle) { display:none; }
  .build-ap-overview.is-expanded .build-ap-toggle { margin-bottom:12px; }
  .build-ap-overview h3 { font-size:11px; margin-bottom:8px; }
  .build-ap-overview .ability-order-row,.build-ap-column-heading { grid-template-columns:27px minmax(0,1fr); gap:5px; }
  .build-ap-overview .ability-order-label { display:block; }
  .build-ap-overview .ability-order-label strong,.build-ap-order-label { display:none; }
  .build-ap-column-numbers { font-size:8px; }
  .build-ap-overview .ability-order-token { font-size:10px; height:27px; }
  .build-ap-overview .ability-order-cell { height:30px; }
  .build-ap-overview .probuild-ability-legend { font-size:9px; margin:7px 0 0; }
  .build-investment { margin-top:10px; padding-top:10px; }
  .build-investment-card { padding:7px; gap:4px; }
  .build-investment-time { font-size:14px; }
  .build-investment-cause { font-size:9px; }
  .build-investment-marker { top:25px; left:-3px; min-height:20px; }
  .build-overview .build-view-toolbar { margin-bottom:8px; }
  .build-overview .build-editor-hint { display:none; }
  .build-stage-tabs { grid-column:1 / -1; display:flex; gap:4px; }
  .build-stage-tabs button { flex:1; border:0; border-bottom:2px solid transparent; padding:7px 4px; color:#9e9583; background:transparent; font:inherit; font-size:11px; cursor:pointer; }
  .build-stage-tabs button[aria-pressed=true] { border-color:#c9a86a; color:#e9d4ac; }
  .build-stage-tabs button:focus-visible { outline:2px solid #c9a86a; outline-offset:2px; }
  .build-overview .probuild-groups { grid-template-columns:1fr; gap:10px; }
  .build-overview .probuild-group:not(.is-current) { display:none; }
  .build-overview .probuild-group h3 { display:none; }
  .build-overview .probuild-group-items { grid-template-columns:1fr; gap:11px; padding-left:10px; }
  .build-overview .probuild-item { display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:8px; min-height:42px; text-align:left; padding-right:0; }
  .build-overview .probuild-item>.build-note-button { position:static; }
  .build-overview .probuild-item>.build-note-button.has-notes { position:absolute; left:24px; top:-5px; width:24px; height:24px; padding:4px; }
  .build-overview .probuild-item .item-slot { align-self:center; width:34px; height:34px; }
  .build-overview .probuild-item-name { font-size:12px; line-height:1.25; }
  .build-overview .probuild-item-time { font-size:9px; }
  .build-overview .probuild-upgrade,.build-overview .probuild-item-imbue { font-size:8px; }
  .build-overview .build-sales { gap:4px; padding-top:8px; }
  .build-overview .build-sales h3 { width:100%; font-size:9px; }
  .build-overview .build-sale { flex:1; max-width:none; padding:4px; }
  .build-overview .build-sale strong { font-size:9px; }
  .build-overview .build-sale>.build-note-button { font-size:8px; }
  .is-reading-build .probuild-detail-actions { gap:6px; }
  .is-reading-build .probuild-detail-actions :is(p,button) { font-size:9px; }
}