@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('./assets/fonts/Barlow-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/BarlowCondensed-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/BarlowCondensed-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/BarlowCondensed-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./assets/fonts/BarlowCondensed-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{color-scheme:light;--page:#f5f3ee;--surface:#fff;--surface-soft:#f8f9fa;--primary:#125fa4;--primary-dark:#0d477e;--action:#ff851a;--action-dark:#e77108;--text:#112438;--muted:#5c6773;--quiet:#7e8893;--border:#dce1e5;--border-strong:#c6cdd3;--success:#247b56;--warning:#a6550b;--danger:#b33b35;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow','Segoe UI',sans-serif;--mono:'Cascadia Code','Consolas',monospace;--radius:7px;--panel-radius:12px;--shadow:0 2px 9px #17283a0a;--accent-finishing:#125fa4;--accent-shooting:#168454;--accent-playmaking:#e57713;--accent-defense:#c74642;--accent-rebounding:#7548ad;--accent-physicals:#916000;--tab-divider:#cbd3da;--verification-dot:#d89132;--hover-surface:#f1f7fb;--notice-border:#dfe4e8;--error-border:#e4b8b4;--panel-focus:#125fa455;--success-surface:#eef8f1;--status-success-border:#a9d4be;--loader-surface:#eaf2f8;--detail-surface:#f8fafb;--input-focus-shadow:#125fa41a;--position-surface:#f9fbfc;--step-hover:#eef6fc;--disabled-text:#adb5bc;--breaker-hover:#edf5fb;--rail-track:#e3e7ea;--rating-input-surface:#edf1f4;--over-cap-surface:#fff3ed;--over-cap-border:#e4a07a;--validation-border:#edd2c0;--validation-surface:#fff8f2;--validation-text:#7e4a24;--meter-track:#e4e8eb;--badge-art-border:#d7e2ec;--badge-art-surface:#edf4f9;--preset-border:#f0d6bd;--preset-surface:#fffaf5;--breaker-row-border:#e9ecee;--filter-surface:#eff6fb;--eligible-border:#afd5bf;--partial-border:#f0c7a5;--partial-surface:#fff7ef;--requirement-border:#edf0f2;--met-border:#b8ddc7;--goal-row-border:#e6eaed;--disabled-surface:#f0f2f3;--preset-selected-shadow:#125fa422;--step-number:#125fa410;--unknown-border:#ecd0b4;--unknown-number:#ff851a18;--toast-border:#f8b477;--toast-shadow:#11243818;--control-focus:#ff851a80;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font:400 16px/1.45 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}.skip-link{position:absolute;z-index:50;left:12px;top:-60px;padding:9px 13px;border-radius:var(--radius);background:var(--primary);color:white}.skip-link:focus{top:10px}.app-shell{width:min(1536px,100%);margin:0 auto;padding:0 28px}
.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:5px 0;border-bottom:1px solid var(--border)}.wordmark{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:5px;row-gap:0;color:var(--text);text-decoration:none;white-space:nowrap;font:800 28px/.82 var(--display);font-style:italic;letter-spacing:-.025em}.wordmark-court{color:var(--text)}.wordmark-lab{color:var(--primary)}.wordmark small{grid-column:1/-1;margin-top:4px;font:600 9px/1 var(--display);font-style:normal;letter-spacing:.17em;color:var(--muted)}.tabs{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--tab-divider) transparent}.tab{position:relative;flex:none;min-height:42px;padding:8px 10px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;font:600 16px/1 var(--display);letter-spacing:.01em;transition:color .15s,border-color .15s}.tab:hover{color:var(--primary)}.tab.is-active{border-bottom-color:var(--action);color:var(--action)}.tab-count{margin-left:3px;color:var(--quiet);font:600 11px var(--body)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.reference-indicator{display:flex;align-items:center;gap:7px;max-width:195px;padding:7px 9px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;font:500 12px/1 var(--body)}.reference-indicator:hover{border-color:var(--primary);color:var(--primary)}.reference-indicator-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--verification-dot)}.import-export-group{display:flex;gap:4px}.icon-button{display:grid;place-items:center;width:37px;height:37px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--primary);cursor:pointer;font:700 20px/1 var(--body)}.icon-button:hover{border-color:var(--primary);background:var(--hover-surface)}.save-build-button{min-height:40px;white-space:nowrap}
main#workspace{padding:10px 0 24px}.intro-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,210px) auto;align-items:center;gap:9px;margin:0 0 5px}.intro-row>.intro-copy .eyebrow{display:none}.phase-switch{display:flex;align-items:center;gap:4px;min-width:0;margin:0;padding:0;border:0;background:transparent}.phase-switch>div:first-child{display:none}.phase-buttons{display:flex;align-items:center;gap:3px;flex:none}.phase-buttons .filter-chip{min-height:26px;padding:4px 7px;font-size:10px}.phase-note{margin:0;color:var(--muted);font:500 10px/1.1 var(--body);text-align:right;white-space:nowrap}.phase-deltas{display:none}.eyebrow{margin:0 0 4px;color:var(--primary);font:700 12px/1.1 var(--display);letter-spacing:.1em;text-transform:uppercase}.meta-label{color:var(--muted);font:600 11px/1.2 var(--body);letter-spacing:.035em;text-transform:uppercase}h1,h2,h3,h4,p{margin-top:0}h1{margin:0;color:var(--text);font:800 clamp(31px,2.2vw,34px)/.94 var(--display);letter-spacing:-.018em;text-transform:uppercase}h1 em{color:var(--primary);font-style:normal}.lede{margin:2px 0 0;color:var(--muted);font-size:13px}.notice{display:flex;align-items:center;gap:9px;min-height:37px;margin:0 0 13px;padding:7px 11px;border:1px solid var(--notice-border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:13px}.notice-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:var(--warning)}.notice.is-ready .notice-indicator{background:var(--success)}.notice.is-error{border-color:var(--error-border);color:var(--danger)}.notice.is-error .notice-indicator{background:var(--danger)}.panel{display:none;outline:none}.panel.is-active{display:block}.panel:focus-visible{outline:3px solid var(--panel-focus);outline-offset:4px}.surface{min-width:0;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--primary);cursor:pointer;text-align:center;font:600 15px/1.1 var(--body);transition:background .15s,border-color .15s,color .15s}.button:hover:not(:disabled){border-color:var(--primary);background:var(--hover-surface)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{border-color:var(--action);background:var(--action);color:var(--surface)}.button-primary:hover:not(:disabled){border-color:var(--action-dark);background:var(--action-dark);color:white}.button-quiet{background:transparent;color:var(--muted)}.button-small{min-height:34px;padding:6px 10px;font-size:13px}.text-link{padding:5px 0;border:0;background:none;color:var(--primary);cursor:pointer;text-align:left;font:600 13px/1.2 var(--body)}.text-link:hover{text-decoration:underline}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-head h2,.ratings-heading h2,.explorer-header h2{margin:0;color:var(--text);font:700 23px/1.05 var(--display);letter-spacing:.01em;text-transform:uppercase}.section-index{color:var(--muted);font:600 12px var(--body)}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);color:var(--muted);font:600 11px/1.1 var(--body);letter-spacing:.02em;text-transform:uppercase}.status-pill.is-live{border-color:var(--status-success-border);background:var(--success-surface);color:var(--success)}.loading-block{padding:14px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);font-size:14px}.list-empty,.goal-empty{padding:15px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-soft);color:var(--muted);font-size:14px}.empty-state{grid-column:1/-1;display:grid;justify-items:center;gap:7px;min-height:220px;padding:30px;text-align:center;color:var(--muted)}.empty-state strong{font:700 21px var(--display);text-transform:uppercase;color:var(--text)}.loader-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--loader-surface);color:var(--primary);font:700 15px var(--display)}
/* Builder */
.builder-identity-row{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(250px,.95fr);gap:13px;margin-bottom:13px;align-items:stretch}.builder-identity-row>.profile-card,.builder-identity-row>.overall-card{height:100%;padding:7px 10px}.builder-layout.athletic-builder{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.95fr);align-items:start;gap:14px}.outcome-column{display:grid;gap:12px;min-width:0}.profile-card{padding:8px 12px}.profile-strip-heading{display:flex;align-items:center;min-height:14px;margin-bottom:3px}.profile-strip-heading .eyebrow{margin:0;font-size:10px}.profile-preset-note{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--detail-surface);color:var(--muted);font-size:12px;line-height:1.2}.build-name-field{display:grid;grid-template-columns:1fr;gap:3px;margin:0;color:var(--muted);font:600 11px var(--body)}.build-name-row{display:flex;align-items:center;gap:8px;min-width:0}.build-name-row input{min-width:0;width:100%;height:33px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:600 14px var(--body)}.save-state{flex:none;color:var(--quiet);font:600 10px var(--body);letter-spacing:.03em;text-transform:uppercase}.save-state.is-saved{color:var(--success)}.body-controls{display:grid;grid-template-columns:minmax(135px,1.25fr) repeat(3,minmax(90px,1fr));gap:7px}.field{display:grid;align-content:start;gap:5px;min-width:0}.field-wide{grid-column:1/-1}.field-position.field-wide{grid-column:auto}.field>label{color:var(--muted);font:700 11px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase}.field input,.field select{width:100%;min-width:0;height:34px;padding:5px 8px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;font:600 13px var(--body)}.field input:focus,.field select:focus,.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--input-focus-shadow)}.field-hint{color:var(--muted);font:500 12px/1.1 var(--body)}.field-position>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.position-card{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:43px;padding:4px 7px;border:1px solid var(--border);border-radius:7px;background:var(--position-surface)}.position-display{display:flex;align-items:center;gap:6px;min-width:0}.position-mark{color:var(--primary);font:800 34px/.8 var(--display);letter-spacing:-.04em}.position-display>div{display:grid;gap:3px}.position-label{color:var(--muted);font:600 9px/1 var(--body);letter-spacing:.07em}.position-name{color:var(--text);font:600 12px/1.05 var(--body)}.position-picker{width:auto!important;max-width:60px;height:29px!important;padding:3px!important;font-size:11px!important}.body-legal{margin-top:5px;padding-top:0;border-top:0;color:var(--muted);font:500 10px/1.2 var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-mini{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border);color:var(--muted);font:500 11px/1.3 var(--body)}.source-mini .text-link{margin-left:auto;white-space:nowrap}.ratings-card{--rating-columns:minmax(100px,1fr) 112px minmax(130px,1.65fr) 127px 36px;padding:7px 12px 0}.ratings-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.ratings-heading .eyebrow{display:none}.ratings-heading h2{font-size:20px}.rating-subtitle{display:none}.rating-legend{display:grid;grid-template-columns:var(--rating-columns);gap:6px;padding:6px 0;margin-top:1px;border-bottom:1px solid var(--border);color:var(--muted);font:600 10px/1.2 var(--body);text-transform:uppercase;letter-spacing:.025em}.rating-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:9px;height:9px;display:inline-block;border-radius:50%}.legend-dot.current{background:var(--primary)}.legend-dot.ceiling{border:2px solid var(--action);background:transparent}.legend-help{margin-left:auto;color:var(--quiet)}.rating-groups{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.rating-group{min-width:0;padding:6px 0 5px;border-bottom:1px solid var(--border)}.group-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px;padding:0 1px 5px;border-bottom:2px solid var(--accent,var(--primary));color:var(--accent,var(--primary));font:700 15px/1 var(--display);letter-spacing:.025em;text-transform:uppercase}.group-title>span:last-child{color:var(--muted);font:600 10px var(--body);letter-spacing:.03em}.rating-group[data-discipline='finishing']{--accent:var(--accent-finishing)}.rating-group[data-discipline='shooting']{--accent:var(--accent-shooting)}.rating-group[data-discipline='playmaking']{--accent:var(--accent-playmaking)}.rating-group[data-discipline='defense']{--accent:var(--accent-defense)}.rating-group[data-discipline='rebounding']{--accent:var(--accent-rebounding)}.rating-group[data-discipline='physicals']{--accent:var(--accent-physicals)}.rating-row{display:grid;grid-template-columns:var(--rating-columns);align-items:center;gap:6px;min-height:36px;padding:3px 0;border-bottom:1px solid var(--border)}.rating-row:last-child{border-bottom:0}.rating-name{grid-column:1;grid-row:1;color:var(--text);font-size:13px;line-height:1.2;min-width:0}.rating-base{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px;min-width:0}.rating-controls{display:grid;grid-template-columns:24px 32px 24px;align-items:center;gap:2px;flex:none}.rating-step-button{display:grid;place-items:center;width:24px;height:28px;padding:0;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--primary);cursor:pointer;font:700 16px/1 var(--body)}.rating-step-button:hover:not(:disabled){border-color:var(--primary);background:var(--step-hover)}.rating-step-button:disabled{color:var(--disabled-text);cursor:not-allowed}.rating-value{width:32px;min-width:0;height:28px;padding:2px;text-align:center;font-size:13px;appearance:textfield}.rating-cap-line{color:var(--muted);font:600 10px/1.2 var(--body);white-space:nowrap}.rating-main{grid-column:3;grid-row:1;display:flex;align-items:center;min-width:0}.rating-rail{height:28px}.breaker-steps{grid-column:4;grid-row:1;display:flex;align-items:center;gap:3px;min-width:0}.breaker-step{display:grid;place-items:center;flex:0 0 23px;width:23px;min-width:0;height:25px;padding:0;border:1px solid var(--primary);border-radius:3px;background:var(--surface);color:var(--primary);cursor:pointer;font:700 11px/1 var(--body)}.breaker-step:hover{background:var(--breaker-hover)}.breaker-step.is-selected{background:var(--primary);color:var(--surface)}.breaker-steps-empty{color:var(--quiet);font:500 11px var(--body)}.rating-result{grid-column:5;grid-row:1;display:flex;align-items:center;justify-content:flex-end;min-width:0}.rating-current-projection{color:var(--text);font:700 15px/1.1 var(--body);white-space:nowrap}.rating-current-projection[hidden]{display:none}.breaker-potential{margin-left:auto;overflow:hidden;color:var(--muted);font:600 10px/1.15 var(--body);text-align:right;text-overflow:ellipsis;white-space:nowrap}.rating-rail{width:100%;height:28px;padding:0;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y;accent-color:var(--accent,var(--primary))}.rating-rail::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,var(--accent,var(--primary)) 0 var(--value),var(--rail-track) var(--value) 100%)}.rating-rail::-moz-range-track{height:5px;border-radius:8px;background:var(--rail-track)}.rating-rail::-moz-range-progress{height:5px;border-radius:8px;background:var(--accent,var(--primary))}.rating-rail::-webkit-slider-thumb{width:19px;height:19px;margin-top:-7px;border:3px solid var(--surface);border-radius:50%;background:var(--accent,var(--primary));box-shadow:0 0 0 1px var(--accent,var(--primary));appearance:none}.rating-rail::-moz-range-thumb{width:15px;height:15px;border:3px solid var(--surface);border-radius:50%;background:var(--accent,var(--primary));box-shadow:0 0 0 1px var(--accent,var(--primary))}.rating-value{width:32px;height:28px;border:1px solid transparent;border-radius:6px;background:var(--rating-input-surface);color:var(--text);text-align:center;font:600 13px var(--body);outline:none}.rating-value:focus{border-color:var(--primary);background:var(--surface)}.rating-cap{display:grid;justify-items:center;gap:1px;color:var(--muted);font:600 13px var(--body)}.rating-cap small{font:600 9px var(--body);letter-spacing:.04em}.rating-row.is-over-cap{background:var(--over-cap-surface)}.rating-row.is-over-cap .rating-value{border-color:var(--over-cap-border);color:var(--danger)}.rating-footer{display:flex;justify-content:space-between;gap:10px;margin:0 -17px;padding:10px 17px;border-top:1px solid var(--border);color:var(--muted);font:600 12px var(--body)}.rating-footer b{color:var(--text)}.rating-validation{margin:9px 0;padding:9px 11px;border:1px solid var(--validation-border);border-left:3px solid var(--action);border-radius:var(--radius);background:var(--validation-surface);color:var(--validation-text);font:500 13px/1.4 var(--body)}
/* Outcomes and progression */
.overall-card,.outcome-budget,.unlocks-card,.action-card{padding:9px 12px}.overall-card .section-head h2{font-size:18px}.overall-card.is-goat .meter-track,.overall-card.is-goat .player-type,.overall-card.is-goat .overall-readout>div{display:none}.overall-card.is-goat .overall-readout{margin:3px 0}.overall-card.is-goat .overall-readout>strong{font-size:30px}.overall-card .section-head .eyebrow{font-size:9px}.overall-readout{display:flex;align-items:flex-end;gap:10px;margin:5px 0 5px}.overall-readout>strong{color:var(--primary);font:800 42px/.82 var(--display);letter-spacing:-.03em}.overall-readout>div{display:grid;gap:3px;margin-bottom:3px}.overall-readout b{color:var(--text);font:600 15px var(--body)}.meter-track{height:5px;overflow:hidden;border-radius:10px;background:var(--meter-track)}.meter-track span{display:block;height:100%;width:0;border-radius:10px;background:var(--primary);transition:width .2s}.overall-note{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-type{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.player-type strong{color:var(--text);font:600 13px var(--body)}.studio-detail{display:grid;gap:7px;margin-top:10px;color:var(--muted);font:500 13px/1.4 var(--body)}.studio-note{margin:8px 0;color:var(--muted);font-size:13px;line-height:1.45}.budget-readout{display:flex;align-items:flex-end;gap:12px;margin:12px 0 6px}.budget-readout strong{color:var(--primary);font:700 36px/.9 var(--display)}.budget-readout span{color:var(--muted);font-size:12px}.studio-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13px}.studio-row:last-child{border-bottom:0}.studio-row b{color:var(--text);font-weight:600}.action-card{display:grid;gap:8px}.action-caption{margin:1px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.unlocks-card>.section-head{align-items:center}.builder-unlocks{display:grid;gap:6px;margin:7px 0}.builder-unlock-tier{padding:5px 0;border-bottom:1px solid var(--border)}.builder-unlock-tier h3{margin:0 0 4px;color:var(--primary);font:700 13px/1 var(--display);text-transform:uppercase}.builder-unlock-tier-list{display:flex;flex-wrap:wrap;gap:5px}.builder-unlock-item{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px 3px 3px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text)}.builder-unlock-item strong{overflow:hidden;color:var(--text);font:600 12px/1.1 var(--body);text-overflow:ellipsis;white-space:nowrap}.builder-unlock-note{margin:0;color:var(--muted);font-size:11px;line-height:1.25}.builder-unlock-item .badge-art-slot{width:25px;height:25px;border:0;border-radius:50%;background:transparent}.builder-unlock-item .badge-art-fallback{font-size:15px}.badge-art-slot{display:grid;place-items:center;width:43px;height:43px;flex:none;overflow:hidden;border:1px solid var(--badge-art-border);border-radius:9px;background:var(--badge-art-surface);color:var(--primary)}.badge-art-slot img{width:100%;height:100%;object-fit:contain}.badge-art-fallback{font:700 22px var(--display)}
/* Supporting planner cards */
.goated-context{margin:10px 0}.preset-detail{padding:12px;border:1px solid var(--preset-border);border-left:3px solid var(--action);border-radius:var(--radius);background:var(--preset-surface);color:var(--muted);font:13px/1.45 var(--body)}.preset-detail strong{display:block;margin-bottom:5px;color:var(--text);font:700 16px var(--display);text-transform:uppercase}.preset-detail pre{max-height:270px;margin:7px 0 0;overflow:auto;white-space:pre-wrap;word-break:break-word;color:var(--text);font:12px/1.45 var(--body)}.studio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.studio-card{min-width:0;padding:14px}.studio-card h2{margin:0;color:var(--text);font:700 21px/1.05 var(--display);text-transform:uppercase}.slot-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.slot-cell{padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.slot-discipline{display:block;margin-bottom:6px;color:var(--text);font:700 13px var(--display);text-transform:uppercase}.slot-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px}.slot-input{display:grid;gap:4px;color:var(--muted);font:600 10px var(--body);text-transform:uppercase}.slot-input input{width:100%;height:35px;padding:5px 7px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font:600 13px var(--body)}.breaker-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;margin-top:10px}.breaker-row{display:grid;grid-template-columns:minmax(70px,.9fr) 65px minmax(92px,1.2fr);align-items:center;gap:6px;min-height:42px;border-bottom:1px solid var(--breaker-row-border)}.breaker-row label{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.breaker-row select{width:100%;min-width:0;height:35px;padding:4px 5px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font:500 12px var(--body)}.breaker-projection{display:grid;gap:1px;color:var(--primary);font:600 12px var(--body);text-align:right;white-space:normal;overflow-wrap:anywhere}.breaker-projection small{color:var(--muted);font:500 10px/1.25 var(--body)}.loadout-slots{display:grid;gap:6px;margin-top:10px}.loadout-entry{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.loadout-entry strong{color:var(--text);font:600 15px var(--display);text-transform:uppercase}.loadout-entry span{color:var(--muted);font-size:12px}.loadout-entry button{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--muted);cursor:pointer}.badge-add-row{display:flex;align-items:center;gap:6px;margin-top:9px}.badge-add-row select{flex:1;min-width:0;height:35px;padding:4px 7px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font-size:12px}.req-cost{flex:none;color:var(--muted);font:600 10px var(--body)}
/* Explore, compare, learn and source panels */
.explorer-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px;padding:3px 0 13px;border-bottom:1px solid var(--border)}.explorer-header h2{margin:0;font-size:31px}.explorer-header p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:15px}.search-field{display:flex;align-items:center;gap:8px;width:min(300px,42vw);height:42px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.search-field>span{font-size:20px}.search-field input,.search-inline{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:500 14px var(--body)}.search-field kbd{padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--quiet);font:600 11px var(--body)}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.filter-chip{min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted);cursor:pointer;font:600 13px/1 var(--body)}.filter-chip:hover,.filter-chip.is-selected{border-color:var(--primary);background:var(--filter-surface);color:var(--primary)}.filter-select,.goal-select{width:100%;min-height:40px;padding:7px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:500 14px var(--body)}.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.badge-item{min-width:0;padding:13px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow)}.badge-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge-item-top h3{margin:0;color:var(--text);font:700 19px/1.05 var(--display);text-transform:uppercase}.badge-group{margin:5px 0 10px;color:var(--muted);font:600 11px var(--body);letter-spacing:.03em;text-transform:uppercase}.tier-label{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);color:var(--muted);font:600 11px var(--body);white-space:nowrap}.tier-label.eligible{border-color:var(--eligible-border);background:var(--success-surface);color:var(--success)}.tier-label.partial{border-color:var(--partial-border);background:var(--partial-surface);color:var(--warning)}.badge-req{display:grid;gap:4px}.requirement{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--requirement-border);color:var(--muted);font-size:12px}.requirement.met>span:first-child{color:var(--success);font-weight:600}.req-values{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px}.req-operator{color:var(--quiet);font:600 10px var(--body)}.requirement-tag{padding:3px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--muted);font:500 11px var(--body)}.requirement-tag.met{border-color:var(--met-border);background:var(--success-surface);color:var(--success)}.animation-list{display:grid;gap:7px}.animation-item{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(140px,.8fr) minmax(180px,1fr) auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.animation-item h3{margin:0;color:var(--text);font:600 17px var(--display);text-transform:uppercase}.animation-category{color:var(--muted);font-size:12px}.animation-requirements{display:flex;flex-wrap:wrap;gap:5px}.animation-more{justify-self:center;min-width:220px;margin:8px auto}.takeover-section{margin-top:20px}.takeover-section>.finder-result-heading{margin-bottom:8px}.takeover-card{padding:12px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface)}.takeover-card h3{margin:0 0 8px;font:700 18px var(--display);text-transform:uppercase}.takeover-card p{margin:5px 0;color:var(--muted);font-size:12px}.finder-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.finder-result-heading .eyebrow{margin:0}.finder-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.finder-controls{padding:15px}.finder-goals{display:grid;gap:10px;margin-top:13px}.goal-section{padding:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.goal-section h3{margin:0 0 8px;color:var(--text);font:700 16px var(--display);text-transform:uppercase}.goal-attribute{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--goal-row-border)}.goal-attribute:last-child{border-bottom:0}.goal-attribute label{display:flex;align-items:center;gap:7px;color:var(--text);font-size:13px}.goal-attribute input[type=checkbox],.compare-check input{width:17px;height:17px;accent-color:var(--primary)}.goal-attribute input[type=number]{width:90px;height:36px;padding:4px 7px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);text-align:center;font:500 13px var(--body)}.goal-attribute input[type=number]:disabled{background:var(--disabled-surface)}.goal-list{max-height:270px;overflow:auto}.search-inline{width:100%;height:38px;margin-bottom:5px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.finder-actions{display:flex;align-items:center;gap:8px;margin-top:13px}.finder-actions .button-primary{flex:1}.finder-results{display:grid;gap:9px;margin-top:8px}.finder-result{padding:13px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface)}.finder-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.finder-result h3{margin:0;color:var(--text);font:700 19px var(--display);text-transform:uppercase}.finder-result p{margin:6px 0 10px;color:var(--muted);font-size:13px}.finder-result-facts{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.fact-chip{padding:4px 8px;border:1px solid var(--border);border-radius:5px;background:var(--detail-surface);color:var(--text);font-size:12px}
.library-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:12px}.library-compare-state{margin-left:auto;color:var(--muted);font:600 12px var(--body)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preset-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface);box-shadow:var(--shadow)}.preset-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--preset-selected-shadow)}.preset-card h3{margin:0;color:var(--text);font:700 19px/1.05 var(--display);text-transform:uppercase}.preset-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.preset-card .preset-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:600 11px var(--body);text-transform:uppercase}.preset-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:5px}.preset-actions .button{flex:1}.compare-check{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.library-comparison{margin-top:14px;padding:13px;overflow:auto}.library-comparison[hidden]{display:none}.comparison-table{width:100%;min-width:680px;border-collapse:collapse;font:13px var(--body)}.comparison-table th,.comparison-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.comparison-table th{color:var(--primary);font-weight:600}.comparison-table td:first-child{color:var(--muted)}.library-context{margin:9px 0}.preset-card details{padding-top:7px;border-top:1px solid var(--border)}.preset-card summary{color:var(--primary);cursor:pointer;font:600 13px var(--body)}.learn-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.learn-step{position:relative;min-height:200px;padding:17px;overflow:hidden}.learn-step .learn-number{position:absolute;top:8px;right:13px;color:var(--step-number);font:800 66px/.9 var(--display)}.learn-step .eyebrow,.learn-step h3,.learn-step p:not(.eyebrow),.learn-step .text-link{position:relative}.learn-step h3{max-width:260px;margin:8px 0;color:var(--text);font:700 25px/1 var(--display);text-transform:uppercase}.learn-step p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:14px;line-height:1.55}.learn-step .text-link{margin-top:4px}.learn-unknown{border-color:var(--unknown-border)}.learn-unknown .learn-number{color:var(--unknown-number)}.evidence-intro{align-items:flex-start}.evidence-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr);gap:13px}.evidence-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.evidence-card{min-width:0;padding:13px;border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface)}.evidence-card h3{margin:5px 0 7px;color:var(--text);font:700 18px var(--display);text-transform:uppercase}.evidence-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.evidence-card .evidence-status{color:var(--primary);font:700 11px var(--body);letter-spacing:.03em;text-transform:uppercase}.evidence-card.is-limited .evidence-status{color:var(--warning)}.evidence-card.is-unknown .evidence-status{color:var(--quiet)}.evidence-notes{padding:17px}.evidence-notes h3{margin:6px 0;color:var(--text);font:700 24px var(--display);text-transform:uppercase}.evidence-notes>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.55}.evidence-source-tag{display:flex;align-items:center;gap:7px;padding-top:10px;border-top:1px solid var(--border);color:var(--muted);font:600 12px var(--body)}
.patch-build-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.patch-meta-chip{padding:7px 10px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--muted);font:600 12px var(--body)}.patch-meta-chip b{color:var(--text);font-weight:600}.patch-notes-list{display:grid;gap:10px}.patch-card{border:1px solid var(--border);border-radius:var(--panel-radius);background:var(--surface)}.patch-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.patch-card-head h3{margin:0;color:var(--text);font:700 22px var(--display);text-transform:uppercase}.patch-card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.patch-findings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}.patch-finding{padding:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft)}.patch-finding h4{margin:0 0 6px;color:var(--text);font:700 17px var(--display);text-transform:uppercase}.patch-finding p{margin:0 0 7px;color:var(--muted);font-size:13px;line-height:1.45}.patch-finding p:last-child{margin-bottom:0}.patch-finding .evidence-status{color:var(--primary);font:700 11px var(--body);text-transform:uppercase}.patch-finding.is-unknown .evidence-status{color:var(--warning)}.patch-evidence{padding-top:6px;border-top:1px solid var(--border);color:var(--muted)!important;font:12px/1.4 var(--body)!important}.footer{display:flex;justify-content:space-between;gap:12px;padding:17px 0 5px;margin-top:20px;border-top:1px solid var(--border);color:var(--muted);font:500 12px var(--body)}.footer-sep{color:var(--action);padding:0 4px}.toast{position:fixed;z-index:50;right:20px;bottom:20px;max-width:min(440px,calc(100vw - 28px));padding:11px 15px;border:1px solid var(--toast-border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 7px 25px var(--toast-shadow);font:600 14px var(--body);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:none}.action-caption{color:var(--muted);font-size:13px;line-height:1.4}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--control-focus);outline-offset:2px}
@media(max-width:1280px){.app-shell{padding:0 20px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;row-gap:0;gap:8px}.tabs{grid-column:auto;grid-row:auto;justify-content:center;order:initial;gap:0}.tab{padding-left:5px;padding-right:5px;font-size:13px}.topbar-actions{grid-column:auto;grid-row:auto;gap:5px}.reference-indicator{max-width:166px;padding:6px 7px;font-size:10px}.save-build-button{min-height:35px;padding:7px 9px;font-size:12px}.wordmark{grid-column:auto;grid-row:auto}.builder-identity-row{grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)}.builder-layout.athletic-builder{grid-template-columns:minmax(0,2.15fr) minmax(280px,.95fr)}.ratings-card{grid-column:1;grid-row:auto}.outcome-column{grid-column:2;grid-row:auto;grid-template-columns:1fr}.outcome-column>.unlocks-card{grid-column:auto}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.builder-layout.athletic-builder{grid-template-columns:minmax(0,1fr)}.ratings-card,.outcome-column{grid-column:1;grid-row:auto}.outcome-column{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-column>.unlocks-card{grid-column:1/-1}}
@media(max-width:850px){.app-shell{padding:0 15px}.topbar{grid-template-columns:1fr auto}.wordmark{grid-column:1;grid-row:1}.topbar-actions{grid-column:2;grid-row:1}.reference-indicator{max-width:42px;overflow:hidden;padding:9px}.reference-indicator #reference-indicator-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tabs{grid-column:1/-1;grid-row:2;justify-content:flex-start}.builder-identity-row{grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr)}.builder-layout.athletic-builder{grid-template-columns:1fr}.ratings-card,.outcome-column{grid-column:1;grid-row:auto}.outcome-column{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-column>.unlocks-card{grid-column:1/-1}.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-layout{grid-template-columns:1fr}.evidence-layout{grid-template-columns:1fr}.evidence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.app-shell{padding:0 10px}.topbar{gap:6px;min-height:64px;padding:7px 0}.wordmark{font-size:25px}.topbar-actions{gap:5px}.import-export-group{display:none}.save-build-button{min-height:37px;padding:8px 10px;font-size:13px}.tabs{margin:0 -10px;padding:0 9px 1px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{min-height:39px;padding:8px 9px;font-size:15px}.app-shell main{padding-top:16px}.intro-row{grid-template-columns:1fr;align-items:stretch;gap:8px;margin-bottom:9px}.intro-row h1{font-size:34px}.lede{font-size:14px}.build-name-field{grid-template-columns:1fr;gap:3px;margin:0}.build-name-row{width:100%}.phase-switch{flex-wrap:wrap;justify-content:flex-start}.phase-note{text-align:left}.phase-switch{grid-template-columns:1fr;gap:7px;padding:9px}.phase-note{text-align:left}.phase-buttons{flex-wrap:wrap}.builder-identity-row{grid-template-columns:minmax(0,1fr) 92px;gap:8px}.builder-layout.athletic-builder{grid-template-columns:1fr;gap:10px}.ratings-card,.outcome-column{grid-column:1;grid-row:auto}.outcome-column{grid-template-columns:1fr}.outcome-column>.unlocks-card{grid-column:1}.body-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.field-position{grid-column:1/-1}.position-card{min-height:43px}.position-mark{font-size:34px}.ratings-card{padding:13px 12px 0}.ratings-heading h2{font-size:24px}.rating-subtitle{font-size:12px}.rating-groups{grid-template-columns:1fr}.rating-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:4px 6px;min-height:120px;padding:7px 0}.rating-name{grid-column:1;grid-row:1;font-size:13px}.rating-base{grid-column:2;grid-row:1;display:flex;align-items:center;gap:4px}.rating-controls{grid-template-columns:40px 40px 40px;gap:3px}.rating-step-button{width:22px;height:27px;font-size:15px}.rating-value{width:42px;height:29px;font-size:13px}.rating-main{grid-column:1/-1;grid-row:2;display:flex;align-items:center}.breaker-steps{grid-column:1/-1;grid-row:3;flex-wrap:wrap;overflow:visible;padding-right:44px}.breaker-step{min-width:25px;height:23px;padding:2px 4px;font-size:11px}.breaker-potential{display:block;flex-basis:100%;margin-left:0;text-align:left;white-space:normal}.rating-result{grid-column:2;grid-row:3;display:flex;justify-content:flex-end;align-self:start;height:40px}.rating-current-projection{font-size:11px}.rating-cap-line{font-size:11px;white-space:nowrap}.rating-name{font-size:14px}.rating-rail{height:34px}.rating-step-button{width:40px;height:40px}.rating-value{width:40px;height:40px;font-size:15px}.breaker-step{flex-basis:40px;width:40px;height:40px;font-size:13px}.rating-footer{margin:0 -12px;padding:9px 12px}.studio-grid{grid-template-columns:1fr}.breaker-plan{grid-template-columns:1fr}.slot-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.explorer-header{align-items:flex-start;flex-direction:column;gap:10px}.explorer-header h2{font-size:28px}.search-field{width:100%}.badge-grid{grid-template-columns:1fr}.animation-item{grid-template-columns:1fr auto;gap:7px 10px}.animation-category,.animation-requirements{grid-column:1/-1}.animation-item .tier-label{grid-column:2;grid-row:1}.library-toolbar{gap:6px}.library-compare-state{width:100%;margin-left:0}.library-grid,.learn-flow{grid-template-columns:1fr}.learn-step{min-height:unset}.patch-card-head{align-items:flex-start;flex-direction:column}.patch-findings{grid-template-columns:1fr}.evidence-summary{grid-template-columns:1fr}.finder-actions{align-items:stretch;flex-direction:column}.finder-actions .button{width:100%}.finder-result-head{align-items:flex-start;flex-direction:column}.footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.rating-value::-webkit-inner-spin-button,.rating-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rating-current-projection.has-breakers{color:var(--primary)}

.rating-legend>span:last-child{text-align:right}@media(max-width:760px){.rating-legend{display:none}.rating-result::before{content:"Result ";margin-right:4px;color:var(--muted);font:500 10px var(--body)}}

@media(max-width:760px){.wordmark{display:flex;position:relative;align-items:baseline;justify-content:flex-start;gap:3px;min-width:140px;padding-bottom:12px}.wordmark small{position:absolute;left:0;bottom:0;white-space:nowrap}.builder-identity-row .overall-card{padding:8px;min-width:0;max-width:100%}.builder-identity-row #overall-note{display:none}.builder-identity-row #overall-title{font-size:15px}.builder-identity-row .overall-card .section-head{display:block}.builder-identity-row #overall-status{display:inline-block;max-width:100%;white-space:normal;margin-top:3px;font-size:8px;padding:2px 5px}.builder-identity-row .overall-readout>div,.builder-identity-row .player-type{display:none}.field-position>label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.position-display>div{display:none}.position-mark{font-size:24px}.position-card{min-height:34px;gap:3px;padding:3px 4px}.position-picker{max-width:50px}}

.tier-art{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:5px;flex:none}.builder-unlock-tier h3{display:flex;align-items:center}

/* Compact reference-card sidebar; account inputs remain available on demand. */
.token-card .studio-row{padding:3px 0;font-size:12px}
.token-card .studio-note{font-size:11px;line-height:1.35}
.slot-input-settings{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}
.slot-input-settings summary{cursor:pointer;color:var(--primary);font:600 12px var(--body)}
.slot-input-settings[hidden]{display:none}
.slot-input-settings .slot-fields{grid-template-columns:minmax(0,1fr)}
.slot-input-settings input{width:100%;min-width:0}

.group-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.patch-card,.patch-card-head>div,.patch-finding{min-width:0}
.patch-card>.studio-note{margin:12px 14px}
.patch-card-head .status-pill{flex:none}
.patch-counts{margin:0 14px 12px;color:var(--muted);font-size:12px}
.patch-counts summary,.patch-evidence summary{cursor:pointer;color:var(--primary);font-weight:600}
.patch-counts dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;max-width:650px}
.patch-counts dt{overflow-wrap:anywhere}
.patch-counts dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums}
.patch-evidence pre{max-height:300px;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace}
.breaker-clear{min-height:28px;padding:3px 7px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--surface);color:var(--primary);cursor:pointer;font:600 11px var(--body)}
.native-badge-copy{display:grid;gap:4px;margin:8px 0 10px;padding:7px 9px;border-left:2px solid var(--primary);background:var(--detail-surface);color:var(--text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.native-badge-label{color:var(--primary);font:700 10px/1.1 var(--display);letter-spacing:.08em;text-transform:uppercase}
.native-badge-primary{margin:0;white-space:pre-wrap}
.native-badge-alternate{margin:0;color:var(--muted);font-size:11px}
.native-badge-alternate summary{cursor:pointer;color:var(--primary);font-weight:600}
.native-badge-alternate p{margin:4px 0 0;color:var(--text);font:400 11px/1.4 var(--body);white-space:pre-wrap;overflow-wrap:anywhere}

.synergy-plan{display:grid;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}
.synergy-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.synergy-plan-heading h3{margin:0;color:var(--text);font:700 18px/1 var(--display);text-transform:uppercase}
.synergy-plan-note,.synergy-muted{margin:0;color:var(--muted);font:500 12px/1.4 var(--body)}
.synergy-plan-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.synergy-count-control,.synergy-control{display:grid;min-width:0;gap:4px;color:var(--muted);font:600 11px/1.2 var(--body);text-transform:uppercase}
.synergy-count-control input,.synergy-control select{width:100%;min-width:0;min-height:36px;padding:6px 8px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font:500 13px/1.2 var(--body)}
.synergy-plan-rows{display:grid;gap:7px}
.synergy-slot{display:grid;min-width:0;gap:7px;margin:0;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.synergy-slot legend{padding:0 4px;color:var(--primary);font:700 12px/1 var(--display);letter-spacing:.03em;text-transform:uppercase}
.synergy-slot .synergy-control{grid-template-columns:minmax(74px,.65fr) minmax(0,1.35fr);align-items:center;gap:7px}
.synergy-slot .synergy-control select{height:auto}
.synergy-result-slot{display:grid;gap:5px;padding:8px;border-left:3px solid var(--primary);background:var(--detail-surface)}
.synergy-result-role{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;color:var(--text);font:500 12px/1.35 var(--body)}
.synergy-result-role strong{color:var(--primary);font:700 11px/1.2 var(--display);letter-spacing:.03em;text-transform:uppercase}
.synergy-result-role.is-conditional{padding-top:5px;border-top:1px solid var(--border);color:var(--muted)}
.synergy-adjustment,.synergy-warning{margin:0;padding:7px 8px;border-left:2px solid var(--warning);background:var(--validation-surface);color:var(--validation-text);font:500 12px/1.4 var(--body)}
.synergy-zero-cost{color:var(--success)!important;font-weight:600}
.synergy-assumptions{padding-top:5px;border-top:1px solid var(--border)}
.synergy-assumptions summary{color:var(--primary);cursor:pointer;font:600 12px/1.3 var(--body)}
.synergy-assumption-list{display:grid;gap:4px;margin-top:7px}
.synergy-assumption-list p{margin:0}
.loadout-entry{grid-template-columns:minmax(0,1fr) minmax(75px,auto) minmax(0,auto) 28px}
.loadout-entry span{overflow-wrap:anywhere}
.loadout-entry .loadout-cost{text-align:right}
.loadout-entry.is-dropped{border-style:dashed;background:var(--surface-soft)}
.loadout-entry.is-dropped strong,.loadout-entry.is-dropped .loadout-cost{color:var(--muted)}
@media(max-width:560px){.synergy-slot .synergy-control{grid-template-columns:1fr;gap:4px}.synergy-plan-controls{gap:6px}.synergy-slot{padding:7px}.synergy-result-role{align-items:flex-start}.loadout-entry{grid-template-columns:minmax(0,1fr) auto 28px}.loadout-entry .loadout-cost{grid-column:1/3;text-align:left}.loadout-entry button{grid-column:3;grid-row:1/3}}

.synergy-count-control input:focus,.synergy-control select:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}

@media(max-width:560px){#panel-builder[data-view="loadout"] .loadout-entry .loadout-token-cost.loadout-cost{max-width:65px;white-space:normal;overflow-wrap:normal}}