.creation-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:1240px;margin:14px auto;padding:0 24px}
.creation-actions button{min-height:44px}
.saved-library{margin:12px 0 20px}
.saved-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.saved-library-toolbar label,.saved-library-row>label{display:flex;align-items:center;gap:12px;min-width:0}
.saved-library input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0}
#saved-build-list{display:grid;gap:8px;max-height:480px;overflow:auto;padding:4px}
.saved-library-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--ah-surface,var(--panel))}
.saved-library-row span{min-width:0}.saved-library-row strong,.saved-library-row small{display:block;overflow-wrap:anywhere}
.saved-library-row small{color:var(--muted);margin-top:4px;font-size:12px}
.saved-library-row button{min-height:44px}
@media(max-width:500px){.saved-library-row{grid-template-columns:minmax(0,1fr) auto}.saved-library-row>label{grid-column:1/-1}.saved-library-row button{width:100%}}
.build-header{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr);gap:16px;align-items:start;background:linear-gradient(125deg,#192936,#101923);border-radius:20px}
.build-header .compact-budget{grid-column:1;grid-row:1 / span 2;margin:0;grid-template-columns:1fr;padding:16px;border:0;background:transparent}
.build-header .compact-budget>div:first-child{display:grid;gap:6px}
.build-header #overall{font-size:64px;line-height:1;letter-spacing:-3px;color:var(--accent)}
.build-header .compact-budget{grid-row:1;gap:10px;padding:0}
.build-header .compact-budget details{margin:0}
.build-header .compact-budget strong:not(#overall){font-size:14px}
.build-header #creation-state,.build-header #creation-goals,.build-header .compact-identity,.build-header #local-save-status{grid-column:1 / -1}
.build-header #creation-state{grid-row:2}
.build-header .body-card{align-self:start}
.attribute-ticks{grid-column:2;grid-row:2;font-size:12px;display:flex;justify-content:space-between;color:var(--muted);height:24px;padding-top:7px;background:repeating-linear-gradient(to right,#8796a8 0 1px,transparent 1px calc(100% / var(--tick-count,74)));background-size:calc(100% - 20px) 5px;background-position:top center;background-repeat:no-repeat;overflow:hidden}
@media(max-width:420px){.rating .controls .attribute-ticks{grid-column:1 / -1;grid-row:3}}
.build-header .body-card{grid-column:2;grid-row:1;background:transparent;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.build-header #creation-state,.build-header #creation-goals,.build-header .compact-identity,.build-header #local-save-status{grid-column:2;margin:0}
.build-header .body-card input,.build-header .body-card select{min-height:48px;width:100%;min-width:0}
.rating{padding:16px 0}
.rating .controls{display:grid;grid-template-columns:44px minmax(0,1fr) 64px 44px;gap:10px;align-items:center}
.rating .controls button,.rating .controls input[type=number]{min-height:48px;font-size:18px;text-align:center}
.rating input[type=range]{min-width:0;width:100%;height:48px;cursor:pointer;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--tick-count,74) - 1px),#8796a875 calc(100% / var(--tick-count,74) - 1px) calc(100% / var(--tick-count,74)));background-size:calc(100% - 20px) 8px;background-position:center;background-repeat:no-repeat;touch-action:pan-y}
.rating .inline-breaker{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:10px}
.breaker-cells{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px;grid-column:1 / -1}
.breaker-cells button{min-height:44px;border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:15px;background:#18232f}
.breaker-cells button[aria-pressed=true]{background:var(--accent);color:#142017;border-color:var(--accent)}
.breaker-cells button:disabled{opacity:.4}
.inline-breaker strong{grid-column:2;grid-row:1;font-size:13px}
@media(max-width:850px){.build-header{grid-template-columns:1fr}.build-header .compact-budget{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:12px}.build-header #overall{font-size:44px}.build-header .body-card,.build-header #creation-state,.build-header #creation-goals,.build-header .compact-identity,.build-header #local-save-status{grid-column:1;grid-row:auto}.rating .controls{grid-template-columns:44px minmax(0,1fr) 56px 44px;gap:6px}}
@media(max-width:420px){.rating .controls{grid-template-columns:44px minmax(0,1fr) 44px}.rating .controls input[type=range]{grid-column:1 / -1;grid-row:2}.rating .controls input[type=number]{grid-column:2;grid-row:1}.rating .controls button:last-child{grid-column:3;grid-row:1}.build-header .compact-budget strong{font-size:14px}.build-header .compact-budget small{font-size:11px}.build-header{gap:12px}}
.creation-actions #start-edit{background:var(--accent);color:#142017;font-weight:700}
.build-workspace{padding:16px;margin:12px 0}
#creation-state{margin:0 0 10px;font-weight:650}
.build-workspace .body-card{margin:0;padding:12px}
#creation-goals{color:#a8edd0;font-size:13px}
.compact-identity{padding-top:12px}
.compact-identity>summary{font-size:14px}
.compact-identity .build-identity{padding-top:12px}
.compact-identity:not([open]){padding-bottom:0}
.compact-budget{gap:12px;margin:12px 0;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr}
.compact-budget strong{font-size:18px}
.compact-budget small,.compact-budget span{font-size:12px}
.compact-budget details{font-size:12px}
#local-save-status{font-size:12px;color:var(--muted);margin:10px 0 0}
#review-visible-changes{padding-left:20px;max-height:210px;overflow:auto;line-height:1.6}
.inline-breaker select{min-height:44px;min-width:44px}
.editing-workspace{margin-top:12px}
#connected-badges>h2{font-size:16px}
#badge-feedback-details>summary{min-height:44px;display:flex;align-items:center}
#share-build-text{width:100%;min-height:260px;font-family:ui-monospace,monospace;font-size:12px}
#screenshot-preview{max-width:100%;max-height:220px;object-fit:contain}
#screenshot-ratings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#screenshot-ratings label,#screenshot-body label{display:flex;flex-direction:column;gap:5px;font-size:13px}
#screenshot-ratings input{width:100%;min-width:0}
#screenshot-dialog,#share-build-dialog{width:min(850px,calc(100% - 24px));max-height:90vh;overflow:auto}
#screenshot-dialog button{margin:12px 0}
#screenshot-status,#screenshot-validity{line-height:1.5}
.file-backup{margin-top:16px}
.file-backup button{margin:10px 4px}
.name-direction{margin:16px 0;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
#account-preview-notice{font-size:13px;line-height:1.6}
[hidden]{display:none!important}
.badge-table-hint{display:none}
#badge-token-rows td:first-child{white-space:nowrap}
#badge-token-rows small{display:block;max-width:180px;margin-top:6px;line-height:1.5}
textarea{font:inherit;color:var(--text);background:#111923;border:1px solid var(--line);border-radius:7px;padding:9px;max-width:100%}
textarea:focus-visible,#review-visible-changes:focus-visible,#connected-badge-list:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#review-visible-changes,#connected-badge-list{overscroll-behavior:contain}
/* One phone layout; expanded badge browsing returns to normal flow. */


/* Keep native disclosure semantics and markers, with comfortable tap targets. */
summary,#badge-feedback-details>summary{min-height:44px;padding-block:10px;align-content:center;line-height:1.5}
label:has(input[type=checkbox]){min-height:44px;display:inline-flex;align-items:center;gap:10px}
/* Build header and precision controls: final responsive composition. */
.build-header .compact-budget{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}
.build-header .compact-budget>div:first-child{grid-column:1 / -1}
.build-header .compact-budget>div:last-child{grid-column:auto}
.build-header #overall{font-size:48px}
.build-header #creation-state,.build-header #creation-goals,.build-header .compact-identity,.build-header #local-save-status{grid-column:1 / -1}
.build-header .compact-identity{padding-top:0}
@media(max-width:850px){.build-header .compact-budget{grid-template-columns:repeat(3,minmax(0,1fr))}.build-header .compact-budget>div:first-child{grid-column:auto}.build-header .compact-budget>div:last-child{grid-column:auto}.build-header #creation-state{grid-row:auto}}
@media(max-width:420px){.rating .controls .attribute-ticks{grid-column:1 / -1;grid-row:3}}
/* Player card: one shared body, optional directions stay inside the workspace. */
.build-header .compact-budget:has(#overall-details){display:flex;flex-direction:column;gap:8px;align-items:stretch}
.build-header #overall-details{margin:0}
.build-header #overall-details>summary{font-size:12px;color:var(--muted);padding-block:8px;min-height:44px}
.build-header #overall-details[open]{padding:10px 12px;background:#101923;border:1px solid var(--line);border-radius:10px}
.build-header #overall-details p{font-size:13px;margin:8px 0;line-height:1.6}
.build-header #overall-details>div{margin:12px 0}
.build-header #overall-details>div:last-child{margin-bottom:0}
.build-header{display:flex;flex-direction:column;gap:14px;padding:22px}
.build-header>*,.player-card-top>*{min-width:0;width:100%}
.player-card-top{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr);gap:24px;align-items:center}
.build-header .compact-budget{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;grid-row:auto;padding:0;margin:0}
.build-header .compact-budget>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.build-header .compact-budget>div:first-child>small{grid-column:2;grid-row:1;font-size:12px}
.build-header #overall{grid-column:1;grid-row:1/span 2;font-size:56px;letter-spacing:-2px}
.build-header #overall-source{grid-column:2;grid-row:2}
.build-header .compact-budget>div:last-child{grid-column:auto}
.build-header .compact-identity{grid-column:auto;grid-row:auto;padding:0;border-left:1px solid #ffffff18;padding-left:24px}
.build-header .build-identity>.eyebrow{display:block;margin-bottom:8px}
.build-header .build-identity .name-grid{display:flex;flex-wrap:wrap;gap:12px}
.build-header .build-identity .name-grid>div:first-child>small{display:none}
.build-header .build-identity .name-grid strong{font-size:clamp(22px,3vw,32px);margin:0 0 8px}
.build-header .build-identity .name-grid>div:last-child strong{font-size:17px}
.build-header .build-identity details{margin:4px 0;display:inline-block;margin-right:16px}
.build-header .build-identity details[open]{display:block}
.build-header .build-identity details summary{min-height:44px;padding-block:2px;font-size:12px;color:var(--muted)}
.build-header .shade-chips{margin:6px 0;gap:6px}
.build-header .shade-chips button{font-size:12px;padding:8px 10px}
.build-header .body-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid #ffffff18;border-radius:0}
.player-card-directions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.player-card-directions:has(>details[open]){grid-template-columns:1fr}
.player-card-directions>details{margin:0;padding:0;background:#10192399;border:1px solid #ffffff24;border-radius:12px}
.player-card-directions>details>summary{padding:12px 16px;font-size:14px;font-weight:600;min-height:48px}
.player-card-directions>details[open]{padding:0 16px 16px}
.player-card-directions>details[open]>summary{margin-inline:-16px;border-bottom:1px solid #ffffff18;margin-bottom:12px}
.player-card-directions #name-direction{margin:10px 0;background:transparent;padding:12px}
.player-card-directions .saved-controls{flex-wrap:wrap}
.player-card-directions label{min-width:0}
.player-card-directions select{width:100%;min-width:0;max-width:100%}
.player-card-directions section>label{display:flex;flex-direction:column;gap:8px}
.player-card-body-options{margin:0;font-size:12px;color:var(--muted)}
.player-card-body-options>summary{padding-block:4px;min-height:44px}
.player-card-body-options label{display:flex;flex-direction:column;gap:8px;max-width:400px}
.build-header #creation-state{font-size:13px;color:var(--muted);font-weight:400}
.build-header #local-save-status{font-size:12px;margin:0}
.build-header #player-card-empty{display:block;font-size:clamp(24px,3vw,32px);margin:8px 0}
.build-header .body-card small:empty{display:none}

/* Discovery uses a quiet filter row; only the selected direction gets emphasis. */
.name-search{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0}.name-search label{flex:1 1 260px;min-width:0;display:grid;gap:6px;font-size:12px;color:var(--muted)}.name-search input{width:100%;min-height:44px}.player-card-directions .name-part-filters,.player-card-directions .name-reward-info{background:transparent;border:0;border-top:1px solid #ffffff18;border-radius:0;padding:12px 0;margin:12px 0;font-size:12px}.name-unlock-tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:16px 0}.name-unlock-tracks p{margin:5px 0!important}.name-unlock-tracks a{font-size:11px}.name-unlock-tracks small{display:block;margin-top:6px}
#name-picker-facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:12px 0}
#name-picker-facets label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
#name-picker-facets select{font-size:14px;min-height:44px}
#name-picker-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px;padding:0}
#name-picker-results button{width:100%;text-align:left;min-height:44px;background:#ffffff04;border-color:#ffffff16;padding:12px;font-size:14px}
#name-picker-results button:hover,#name-picker-results button[aria-pressed=true]{background:#56d9aa12;border-color:#56d9aa80}
.player-card-directions #name-direction{border:0;border-left:3px solid #56d9aa;border-radius:0;padding:4px 16px;margin:16px 0 24px;background:#56d9aa08}
#name-picker-target{font-size:22px;font-weight:650;margin:12px 0}
#name-generate,#shade-generate{background:#7ce8c1;color:#10241c;font-weight:650;border-color:transparent}
.player-card-directions section h2{font-size:16px;margin:12px 0 8px}
.player-card-directions p{font-size:13px;line-height:1.6;color:var(--muted)}
.player-card-directions .advanced-search,.starter-info,.name-technical{margin:8px 0;border:0;background:transparent;font-size:12px}
#name-picker-clear{font-size:12px;background:transparent;border:0;padding-inline:0;color:var(--muted)}
#name-picker-status,#shade-catalog-status{font-size:12px}
.name-active-filters,.name-search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:10px 0}.name-active-filters button,.name-search-suggestions button,#name-clear-parts{min-height:44px;font-size:12px}.name-search-suggestions span{font-size:12px;color:var(--muted)}.name-active-filters[hidden],.name-search-suggestions[hidden]{display:none}
.shade-combinations{flex-basis:100%;min-width:0}
.player-card-directions .shade-companion-list{display:flex;flex-wrap:wrap;gap:6px}
#shade-selected-status:empty{display:none}
.attribute-price{margin:2px 0 10px;border:0;background:transparent}
.attribute-price>summary{color:var(--muted);font-size:12px;min-height:44px;padding-block:8px}
.attribute-price[open]{padding:0 12px 10px;background:#ffffff04;border-radius:8px}
.attribute-price p,.attribute-price li{font-size:13px;line-height:1.6;color:var(--muted)}
.attribute-price ul{padding-left:20px}
.builder-reference{margin:24px 0;border-top:1px solid var(--line);padding-top:10px}
.builder-reference>summary{font-size:15px;color:var(--muted)}
.builder-reference>p{font-size:13px;line-height:1.7;color:var(--muted);max-width:720px}
.builder-reference>.footer-card{border:0;border-top:1px solid #ffffff18;border-radius:0;background:transparent;margin:8px 0;padding-inline:0}
.builder-reference>.footer-card>summary{font-size:14px;font-weight:500}
.reference-links{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.reference-links a{display:inline-block;padding:12px;color:var(--muted);font-size:13px;min-height:44px}
.active-build-plan>summary{font-size:15px}
#editing-options{margin-top:12px}
.inline-plan-link{display:block;min-height:44px;padding-block:12px;font-size:13px;color:var(--accent)}

#build-command-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#101a25f5;border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(14px);margin-bottom:12px}
#build-command-bar strong{color:var(--accent);font-size:22px;margin-right:auto;font-variant-numeric:tabular-nums}
#build-command-bar button{min-height:44px}
.build-header,#ratings,.rating{scroll-margin-top:140px}
.badge-tier-choice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.badge-tier-select{display:flex;align-items:center;gap:8px;min-width:116px;min-height:54px}
.badge-tier-select .badge-emblem{width:32px;height:38px}
.badge-tier-choice>small{flex:1;min-width:150px}
.player-card-unlocks{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}
.card-unlock{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px}.card-unlock small{font-size:11px}
.badge-level-1{border-color:#b88050}.badge-level-2{border-color:#becbd6}.badge-level-3{border-color:#f3d254}.badge-level-4{border-color:#ab80ec}
.card-takeover{border-left:2px solid #7ee8ee;padding:12px;font-size:12px;background:#142b35}
.card-unlock .badge-emblem{width:22px;height:28px}
/* One player profile: overall emblem, current identity and direction controls. */
.player-card-top{grid-template-columns:88px minmax(0,1fr);gap:12px 20px;align-items:start}
.build-header .compact-budget:has(#overall-details),.build-header .compact-budget{display:block;align-self:start}
.build-header .compact-budget>div:first-child{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 6px;border:1px solid #ffffff20;border-radius:14px;background:#10192366}
.build-header .compact-budget>div:first-child>small{font-size:11px;order:2}
.build-header #overall{font-size:48px;line-height:1.1;letter-spacing:-1px}
.build-header .compact-identity{border:0;padding:0}
.build-header .build-identity>.eyebrow{display:none}
.build-header .build-identity .name-grid strong{font-size:clamp(22px,3vw,28px);margin:0 0 6px}
.build-header .compact-identity .player-card-directions{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.build-header .player-card-directions>details{border:0;background:transparent;border-radius:0}
.build-header .player-card-directions>details>summary{padding:6px 0;min-height:44px;font-size:13px;color:var(--accent)}
.build-header .player-card-directions>details[open]{flex-basis:100%;min-width:0;padding:0 0 12px}
.build-header .player-card-directions>details[open]>summary{margin:0;padding:6px 0}
#player-card-details{grid-column:1/-1;margin:0;border-top:1px solid #ffffff14;padding-top:4px;font-size:13px}
#player-card-details>summary{min-height:44px;padding:10px 0;color:var(--muted)}
#player-card-details>details{margin:8px 0;font-size:13px}
#player-card-details>details>summary{min-height:44px;padding:10px 0}
#player-card-details p{font-size:13px;line-height:1.5}
.build-header #overall-details #overall-source{display:block;font-size:13px;margin:8px 0}
@media(max-width:700px){header{padding-bottom:8px}
 .build-header #body-settings{grid-template-columns:repeat(2,minmax(0,1fr))}
 .build-header .body-card>label:has(#weight){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
 .build-header .body-card>label:has(#weight) .weight-adjustment{grid-column:1/-1}
 .build-header #weight-slider{grid-column:1/-1;min-height:44px;height:44px}
 .build-header .body-card>label:has(#wing){grid-column:2;grid-row:2}
 .build-header{padding:16px}
 #command-more>summary{font-size:14px}
#build-command-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:2px 8px;padding:6px 8px}
#build-command-bar #persistent-overall{grid-column:1;grid-row:1}
#build-command-bar #save-local{grid-column:2;grid-row:1}
#build-command-bar #command-more{grid-column:3;grid-row:1}
#build-command-bar button{font-size:12px;padding:6px;min-width:0;line-height:1.25}
#build-command-bar strong{font-size:18px;margin:0}
#command-save-feedback{grid-column:1/-1;grid-row:2;margin:0;line-height:1.3;font-size:11px}#command-save-feedback:empty{display:none}
.breaker-cells{gap:4px}
#connected-badges:not(:has(#badge-feedback-details[open])) #connected-badge-list{display:none}
#connected-badge-count{display:inline-block;margin:0 0 4px}
#connected-badge-impact{max-height:4.5em;overflow:auto;margin:6px 0}
#connected-badges #badge-feedback-details{margin:4px 0 0}
header h1{font-size:25px;margin:8px 0}
header p{font-size:13px;margin:8px 0}
.creation-actions{display:grid;grid-template-columns:1fr 1fr;margin:10px auto;padding:0 16px}
.creation-actions button{font-size:13px;padding:8px;white-space:normal}
.compact-budget{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.compact-budget strong{font-size:15px}
#connected-badges{order:-1;position:sticky;top:8px;z-index:3;max-height:42vh;overflow:auto;width:100%;padding:12px}
#connected-badges>h2{display:inline;margin-right:8px;font-size:14px}
#connected-badge-impact:empty{display:none}
#badge-feedback-details:not([open])~*{display:none}
#ratings,.rating input,.rating button,.inline-breaker select{scroll-margin-top:calc(var(--mobile-badge-height,110px) + 16px)}
#screenshot-ratings{grid-template-columns:1fr 1fr}
.badge-browse select{min-height:44px;font-size:12px;padding:8px;white-space:normal}
#connected-badge-list{max-height:300px}
.build-workspace .body-card{gap:10px}
.compact-identity summary{font-size:12px}
#badge-plan-panel table:has(#badge-token-rows){min-width:900px}
#badge-plan-panel table:has(#badge-plan-rows){min-width:800px}
#badge-plan-panel table:has(#fusion-rows){min-width:600px}
.badge-table-hint{display:block;font-size:12px;margin-bottom:0}
#badge-plan-panel .breaker-scroll{overscroll-behavior-x:contain}

#connected-badge-impact{font-size:12px;line-height:1.5}
#badge-feedback-details>summary{font-size:12px}
#connected-badges:has(#badge-feedback-details[open]){position:static}

.build-header{padding:16px;gap:12px}.player-card-top{grid-template-columns:1fr;gap:16px}.build-header .compact-identity{border-left:0;padding-left:0}.build-header .body-card{grid-template-columns:repeat(2,minmax(0,1fr))}.build-header #overall{font-size:48px}.build-header .compact-budget>div:first-child{grid-column:1/-1}.player-card-directions{grid-template-columns:1fr}.player-card-directions>details>summary{font-size:14px}.build-header .build-identity details summary{min-height:44px;padding-block:10px}.player-card-top{grid-template-columns:72px minmax(0,1fr);gap:10px 12px}.build-header #overall{font-size:40px}.build-header .build-identity .name-grid strong{font-size:22px}.build-header .shade-chips button{padding:7px 8px;min-height:44px}.build-header .player-card-directions>details[open]{position:relative;left:calc(-72px - 12px);width:calc(100% + 84px);min-width:calc(100% + 84px)}}
@media(max-width:360px){#screenshot-ratings{grid-template-columns:1fr}
.compact-budget{grid-template-columns:1fr 1fr}
.compact-budget>div:last-child{grid-column:1/-1}
}

#name-picker-facets{grid-template-columns:repeat(3,minmax(0,1fr))}
#command-more{position:relative;margin:0}
#command-more>summary{min-height:44px;padding:10px 8px;font-size:13px;cursor:pointer}
.command-more-options{position:absolute;right:0;top:100%;width:210px;display:grid;gap:4px;padding:8px;background:#14212f;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0008}
.command-more-options button{text-align:left}
#command-more:not([open])>.command-more-options{display:none}
.build-header .body-card{margin:0;padding:12px 0 0}
.player-card-footer{display:flex;flex-wrap:wrap;gap:4px 24px;border-top:1px solid #ffffff18;padding-top:4px}
.player-card-footer>#body-change-options,.player-card-footer>#player-card-details,.player-card-footer>#player-card-unlocks{margin:0;padding:0;border:0;background:transparent;font-size:14px}
.player-card-footer>details>summary{padding:10px 0;min-height:44px;color:var(--muted)}
.player-card-footer>details[open]{flex-basis:100%;min-width:0}
.player-card-footer>details p{max-width:72ch;line-height:1.6}
.player-card-footer #overall-details>summary{font-size:13px}
.name-extra-parts{grid-column:1/-1;border:0;padding:0;font-size:12px;color:var(--muted)}
.name-extra-parts summary{cursor:pointer;min-height:44px;display:list-item}
.name-extra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
#shade-current{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#shade-current button[aria-pressed="true"]{background:#53d79d20;border-color:#53d79d;color:#85ecc0}
#shade-current .shade-explore{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:var(--muted)}
#shade-direction[open]{border-top:1px solid #ffffff18;padding-top:12px}
.weight-adjustment{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;margin-top:8px}
.weight-adjustment button{min-height:44px;padding:0;font-size:20px}
.weight-adjustment #weight{margin:0;min-width:0;text-align:center;appearance:textfield;-moz-appearance:textfield}
.weight-adjustment #weight::-webkit-inner-spin-button,.weight-adjustment #weight::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#weight-slider{width:100%;min-height:44px;margin:4px 0;accent-color:#c9f477}
.body-option-note{display:block;min-height:20px;margin-top:6px;color:var(--muted);line-height:1.4}
#body-settings select:disabled{opacity:1;color:var(--muted);cursor:default}
@media(max-width:480px){#name-picker-facets,.name-extra-fields{grid-template-columns:1fr}
 .build-header #body-settings>label:has(#height){grid-column:1/-1;grid-row:2}
 .build-header #body-settings>label:has(#wing){grid-column:1/-1;grid-row:3}
 .build-header #body-settings>label:has(#weight){grid-column:1/-1;grid-row:4}
}
/* Presentation pass: reserve bright lime for decisions and the Overall score. */
.build-header .build-identity .name-grid strong,#player-card-empty{color:var(--text)}
.build-header .shade-chips button,.player-card-directions>details>summary,
.player-card-footer>details>summary,.body-option-note,#body-settings small,
.card-unlock small,.card-takeover{font-size:14px;line-height:1.45}
.build-header{gap:12px;padding:20px}
.build-header .body-card{gap:12px;margin:0;padding-top:12px}
.build-header #creation-goals{margin:0;font-size:14px;line-height:1.5}
/* The compact lock summary replaces duplicate status paragraphs, not errors. */
.build-header #name-lock-status,.build-header #shade-lock-status{font-size:14px;line-height:1.5}
.player-card-footer{gap:4px 24px}
#attribute-feedback-legend{margin:0 0 10px;font-size:14px;line-height:1.45;grid-column:1/-1}
/* The card is an identity and a body console, not a row of wide form fields. */
.body-position{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0;grid-column:1/-1}
.position-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.position-choice{min-height:44px;padding:8px 4px;font-weight:650;background:transparent}
.position-choice[aria-pressed=true]{background:#cfef8318;border-color:var(--accent);color:var(--accent)}
.measurement-adjustment{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:4px}
.measurement-adjustment button{min-height:44px;padding:0;font-size:20px}
.build-header .measurement-adjustment select{min-height:44px;height:44px;text-align:center;padding:8px 2px;appearance:none;font-weight:650;background:#101a25}
.build-header .weight-adjustment{gap:4px;margin:0}
.build-header .body-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.build-header .body-card label{gap:6px}
.build-header #weight-slider{margin:0;min-height:44px;height:44px}
.build-header .body-option-note{margin:0;min-height:0;font-size:13px}
.build-header .body-card #weight-range,.build-header .body-card #name-weight-range{font-size:13px;line-height:1.4}
@media(min-width:1000px){
 .build-header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);align-items:start;column-gap:28px;row-gap:12px}
 .build-header>.player-card-top{grid-column:1;grid-row:1;grid-template-columns:88px minmax(0,1fr);gap:12px 16px}
 .build-header>.body-card{grid-column:2;grid-row:1;border-top:0;border-left:1px solid #ffffff18;padding:0 0 0 24px}
 .build-header>.player-card-footer,.build-header>#creation-state{grid-column:1/-1}
 .build-header:has(.player-card-directions>details[open])>.player-card-top{grid-column:1/-1}
 .build-header:has(.player-card-directions>details[open])>.body-card{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #ffffff18;padding:12px 0 0}
}
.optimizer-option-comparison{grid-column:1/-1;border:1px solid var(--line,#506258);border-left:3px solid var(--accent,#ffb675);border-radius:12px;padding:16px;min-width:0}
.optimizer-option-comparison h3{margin:0 0 8px}.optimizer-option-comparison p{margin:8px 0 12px}
.optimizer-option-comparison table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.optimizer-option-comparison th,.optimizer-option-comparison td{text-align:left;padding:10px 12px;border-bottom:1px solid #ffffff20;white-space:nowrap}
.optimizer-option-comparison .optimizer-comparison-loss{color:#ffb5a7;font-weight:700}
.optimizer-option-comparison .optimizer-comparison-highest{font-weight:800;text-decoration:underline;text-underline-offset:4px}
.optimizer-option-comparison .optimizer-comparison-saving{color:var(--accent,#ffb675);font-weight:800}
.optimizer-attribute-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;margin:16px 0}
.optimizer-attribute-choices h3{grid-column:1/-1;margin:0}
.optimizer-attribute-choices fieldset{display:flex;flex-wrap:wrap;align-content:start;gap:6px;min-width:0;margin:0;padding:10px;border:1px solid #ffffff25;border-radius:10px}
.optimizer-attribute-choices button{min-height:44px;padding:8px 12px;white-space:normal;text-align:left}
.optimizer-attribute-choices button[aria-pressed=true]{border-color:#ffb675;box-shadow:inset 3px 0 #ffb675;font-weight:700}
.optimizer-goal-limit{display:block;grid-column:1/-1;color:var(--accent,#ffb675);line-height:1.5}
.optimizer-match-groups{grid-column:1/-1;border-left:3px solid var(--accent,#ffb675);padding:1rem;background:var(--panel,#202722);border-radius:.6rem}
.optimizer-plan-variants section{border-top:1px solid var(--border,#526258);padding:.75rem 0}.optimizer-plan-variants p{margin:.45rem 0}.optimizer-plan-variants button{margin-top:.5rem}
.optimizer-plan-variants small{display:block;margin:.4rem 0;color:var(--muted,#b9c8c8)}

/* Visible decision summary; detailed comparisons stay expandable. */
.optimizer-decision-brief{padding:4px 0 12px}
.optimizer-decision-brief>h3{font-family:var(--font-display,inherit);font-size:24px;letter-spacing:.02em}
.optimizer-decision-shared{display:flex;flex-wrap:wrap;gap:8px 24px;padding:12px 16px;margin:12px 0;border-radius:8px;background:var(--panel,#ffffff08);border:1px solid var(--line,#506258)}
.optimizer-decision-shared>strong{flex-basis:100%}
.optimizer-decision-shared>p{margin:0;font-size:13px}
.optimizer-decision-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
.optimizer-decision-option{min-width:0;border:1px solid var(--line,#506258);border-top:3px solid var(--accent,#ffb675);border-radius:10px;padding:14px;background:linear-gradient(145deg,var(--panel,#ffffff08),transparent)}
.optimizer-decision-option>h4{margin:0 0 12px;font-size:16px}
.optimizer-decision-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin-top:12px;font-variant-numeric:tabular-nums}
.optimizer-decision-metric>strong{font-size:23px;line-height:1.2}
.optimizer-decision-metric>span{align-self:center;font-size:13px}
.optimizer-decision-metric>small{grid-column:1/-1;line-height:1.5}
.optimizer-option-comparison>details>summary{min-height:44px;box-sizing:border-box;padding:12px 0;font-weight:700;cursor:pointer}
.optimizer-option-comparison>details{margin:0}

/* Keep the edit bar compact while the save status changes. */
#build-command-bar #persistent-overall{margin-right:0;white-space:nowrap}
#command-save-feedback{flex:0 1 22ch;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){#command-save-feedback{grid-column:1/-1;width:100%;height:16px;margin:0}#command-more>summary{font-size:13px;min-width:44px;text-align:center}#command-more>summary::marker{content:""}#build-command-bar{column-gap:4px}}
@media(max-width:700px){#build-command-bar #command-save-feedback{max-width:none}}

@media(max-width:700px){body #build-command-bar{position:relative;top:auto}#build-command-bar #save-local{min-width:44px}}

/* Mobile names wrap in a reserved status row; the primary controls stay put. */
@media(max-width:700px){#build-command-bar #command-save-feedback{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:16px;line-height:1.45;white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere;font-size:12px}#command-save-feedback>span,#command-save-feedback::before{grid-area:1/1}#command-save-feedback::before{content:attr(data-save-size);visibility:hidden;pointer-events:none}#build-command-bar #persistent-overall{font-size:17px}#build-command-bar #command-more>summary{padding-inline:6px}}

#build-command-bar #command-save-feedback{flex:1 1 22ch;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:16px;line-height:1.45;white-space:normal;text-overflow:clip;overflow:visible;overflow-wrap:anywhere}#command-save-feedback>span,#command-save-feedback::before{grid-area:1/1}#command-save-feedback::before{content:attr(data-save-size);visibility:hidden;pointer-events:none}