/* Career step 3: game-backed candidate cards and formation desk. */
.member-step .creation-body{padding:20px 26px}.member-selection{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(330px,1fr);grid-template-areas:'catalog formation' 'analysis formation';align-items:start;gap:18px 22px}.member-selection *{box-sizing:border-box}.member-selection h2{font-size:18px;margin:0}.member-selection h3{font-size:13px;margin:0 0 10px}.member-selection h2 small,.member-selection h3 small{font-size:11px;color:#a9c2d3;font-weight:500}.member-selection button,.member-selection select,.member-selection input,.member-editors summary{min-height:44px;font-family:inherit}.member-selection button{cursor:pointer;border:1px solid #3d6079;background:linear-gradient(120deg,#102637,#08131e);color:#eef6fd;border-radius:4px;font-size:12px;padding:8px 10px;line-height:1.4}.member-selection button:hover:not(:disabled){border-color:#8edefb;background-color:#173144}.member-selection button:disabled{cursor:not-allowed;color:#a3b0bd;background:#17232d;border-color:#364550}.member-selection button:focus-visible,.member-selection input:focus-visible,.member-selection select:focus-visible,.member-editors summary:focus-visible{outline:2px solid #8de8ff;outline-offset:3px}.member-catalog{grid-area:catalog;min-width:0}.member-formation{grid-area:formation;min-width:0;padding:15px;background:linear-gradient(130deg,#0c1c29,#050d15);border:1px solid #2d4b60;border-radius:6px}.member-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin-bottom:10px}.member-section-head p{margin:6px 0 0;color:#afc0ce;font-size:11px;line-height:1.6}.member-section-head>strong{color:#ff4269;font-size:23px;white-space:nowrap}.member-tools{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,1fr) auto auto;align-items:end;gap:8px;margin-bottom:12px}.member-tools label{font-size:10px;color:#a8c5d7}.member-tools input,.member-tools select{width:100%;display:block;margin-top:5px;border:1px solid #36576e;background:#081824;color:#e5f4fd;border-radius:4px;padding:8px;font-size:12px}.member-tools option{background:#102331}.member-tools button{font-size:10px;padding:7px}.member-tools [aria-pressed=true]{color:#ffdc8a;border-color:#b98829}.member-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.member-card{border:1px solid #3b5c74;background:linear-gradient(140deg,#102231,#030c14);border-radius:6px;position:relative;min-width:0;overflow:hidden}.member-card.focused{border-color:#9ccfe9}.member-card.selected{border:2px solid #ff1b4d;box-shadow:0 0 12px #ff154735}.member-card .member-card-open{border:0;background:none;padding:0;width:100%;border-radius:0;text-align:left;display:block}.member-portrait{width:100%;height:auto;aspect-ratio:1.78;background-color:#122333}.member-card-name{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 8px;font-size:16px;font-weight:800;overflow-wrap:anywhere}.member-role{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:3px;padding:3px 5px;font-size:9px;letter-spacing:.025em;line-height:1;white-space:nowrap;background:#22557a;font-weight:800}.role-igl{background:#b31a42}.role-entry{background:#1160c8}.role-anchor{background:#087950}.member-card .member-favorite{position:absolute;right:1px;top:1px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0 4px 0 6px;background:#020a139c;font-size:28px;text-shadow:0 2px 4px #000;color:#d4deed}.member-card .member-favorite[aria-pressed=true]{color:#ffcb4f}.member-card-data{padding:0 9px 10px}.member-rating{display:flex;align-items:center;justify-content:space-between;gap:4px;border-bottom:1px solid #263c4b;padding:0 0 8px;font-size:11px}.member-rating .ability-value{gap:4px}.member-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.member-chips>span{border:1px solid #29485e;border-radius:3px;font-size:9px;color:#bfd4e5;padding:3px 4px}.member-favorites-label{font-size:10px;line-height:1.6;color:#a7c8de;min-height:32px;margin:8px 0;overflow-wrap:anywhere}.member-card-cost{display:flex;flex-direction:column;gap:5px;font-size:11px;margin:8px 0}.member-card-cost small{font-size:9px;color:#9cb8cb}.member-card-data>button{width:100%;font-weight:700;margin-top:5px}.member-card .member-selected-action{background:#4b1026;border-color:#cb2551;color:#ffbdcd}.member-card .member-hire{background:#073142;border-color:#27768e}.member-card .member-undo{font-size:10px;min-height:44px;background:transparent;color:#b2c5d3;font-weight:400}.member-disabled-reason{display:block;font-size:10px;color:#f4b877;margin-top:6px}.member-no-results{grid-column:1/-1;padding:20px;background:#0b1c2a;border:1px solid #365266;font-size:13px}.member-target-label{font-size:12px;color:#efb4c5;margin:0 0 12px}.member-target-label span{font-size:10px;color:#9fb7c9;margin-left:5px}.member-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.member-lineup-card{position:relative;min-width:0;border:2px solid #384e65;border-radius:5px;overflow:hidden}.member-lineup-card.target{border-color:#ff2957;box-shadow:0 0 12px #ff174835}.member-lineup-card>button:first-child{display:flex;flex-wrap:wrap;gap:6px;align-content:start;align-items:center;justify-content:center;width:100%;height:100%;border:0;border-radius:0;padding:0 4px 9px;text-align:center}.member-lineup-card .member-portrait{width:calc(100% + 8px);margin:0 -4px;height:90px;aspect-ratio:auto}.member-lineup-card strong{flex-basis:100%;font-size:13px;overflow-wrap:anywhere;line-height:1.3}.member-lineup-card .member-remove{position:absolute;top:0;right:0;width:44px;height:44px;min-height:44px;padding:0;font-size:23px;background:#020810b8;border:0;border-radius:0 0 0 8px}.member-empty{min-height:170px;border:1px dashed #3e6884!important}.member-empty b{font-size:30px;width:100%;color:#8bb1cc}.member-empty span{line-height:1.7;color:#9db7ca}.member-reserves{border-top:1px solid #253f53;margin-top:15px;padding-top:13px}.member-reserves>p{font-size:10px;line-height:1.7;color:#a4bdd0;margin:9px 0}.member-bench-row{display:flex;gap:8px;align-items:center;border:1px solid #36546a;border-radius:4px;padding:6px;margin-bottom:7px;min-width:0}.member-bench-row>.member-portrait{width:57px;height:44px}.member-bench-row>div{flex:1;min-width:0}.member-bench-row strong{font-size:12px;overflow-wrap:anywhere;display:block}.member-bench-row small{display:block;font-size:9px;color:#a3bbce;margin-top:5px}.member-bench-row button{padding:6px;font-size:10px;flex-shrink:0;min-width:44px}.member-bench-row [aria-pressed=true]{border-color:#e41f50;background:#4b1026}.member-role-balance{border-top:1px solid #253f53;margin-top:13px;padding-top:13px;display:flex;gap:7px;flex-wrap:wrap}.member-role-balance h3{flex-basis:100%;margin-bottom:3px}.member-role-balance>span{display:flex;align-items:center;gap:7px;background:#08131d;border:1px solid #2d475b;border-radius:4px;padding:7px;font-size:12px}.member-total{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #253f53;padding-top:15px;margin-top:15px}.member-total>div>span:first-child{display:block;font-size:11px;color:#becfdb;margin-bottom:9px}.member-total strong{font-size:28px;color:#ffce8a}.member-total strong small{font-size:12px;color:#9cb6ca}.member-editors{border-top:1px solid #253f53;margin-top:14px;padding-top:4px}.member-editors summary{padding:14px 0;cursor:pointer;font-size:11px;color:#bdd4e6;line-height:1.6}.member-edit-grid{display:grid;gap:10px}.member-editor{border:1px solid #2b455b;border-radius:5px;padding:12px;background:#091824}.member-editor>b{font-size:11px;color:#82d0f4;display:block;margin-bottom:10px}.member-editor .creation-field{margin-bottom:8px}.member-editor .creation-field:last-child{margin-bottom:0}.member-editor .creation-field>span{font-size:10px}.member-detail{border:1px solid #2a455a;background:#071721;border-radius:5px;margin-top:14px;padding:14px 16px}.member-detail header{display:flex;gap:8px;align-items:center}.member-detail h3{margin:0;font-size:14px}.member-detail-stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.member-detail-stats>span{display:flex;align-items:center;gap:8px;font-size:11px}.member-detail p{font-size:11px;color:#c0d2e0;line-height:1.7;margin:10px 0}.member-detail>small{display:block;font-size:10px;color:#90aabd;line-height:1.7;margin-top:7px}.member-analysis{grid-area:analysis;border:1px solid #29475d;border-radius:5px;padding:14px;min-width:0;background:#081722}.member-analysis-body{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(170px,1fr) minmax(120px,.85fr);gap:14px;align-items:center}.member-analysis svg{width:100%;height:auto;display:block}.member-bars>div{display:flex;align-items:center;gap:7px;margin:9px 0;font-size:10px}.member-bars>div>span:first-child{min-width:41px}.member-bars i{height:7px;flex:1;min-width:30px;background:linear-gradient(90deg,#e81246 var(--value),#23384c var(--value));border-radius:2px}.member-bars>div:nth-child(2) i{background:linear-gradient(90deg,#147be9 var(--value),#23384c var(--value))}.member-bars>div:nth-child(3) i{background:linear-gradient(90deg,#a13ce2 var(--value),#23384c var(--value))}.member-bars>div:nth-child(5) i{background:linear-gradient(90deg,#e99537 var(--value),#23384c var(--value))}.member-analysis-body>p{font-size:11px;line-height:1.8;color:#bbd0e0}.member-analysis-body small{display:block;font-size:10px;color:#8ba9bc;margin-top:6px}.member-budget{grid-area:budget;border:1px solid #29475d;background:#091925;border-radius:5px;padding:14px;min-width:0}.member-budget dl{margin:8px 0}.member-budget dl>div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #223b4e;padding:10px 0;font-size:11px}.member-budget dd{margin:0;font-size:16px;font-weight:800;white-space:nowrap}.member-budget .member-cash dd{color:#80d4ff;font-size:24px}.member-budget p{font-size:10px;color:#d9b582;line-height:1.7;margin-bottom:0}
@media(max-width:1450px){.member-selection{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:16px}.member-cards{gap:9px;grid-template-columns:repeat(3,minmax(0,1fr))}.member-tools{grid-template-columns:1fr 1fr}.member-card-name{font-size:14px;flex-wrap:wrap}.member-analysis-body{grid-template-columns:140px minmax(0,1fr)}.member-analysis-body>p{grid-column:1/-1;margin:0}.member-step .creation-body{padding:18px}.member-bench-row>.member-portrait{width:45px}}
@media(max-width:1100px){.member-selection{grid-template-columns:minmax(0,1fr);grid-template-areas:'formation' 'catalog' 'analysis'}.member-formation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}.member-formation>.member-section-head,.member-target-label{grid-column:1/-1}.member-lineup{grid-row:3/6}.member-reserves{margin-top:0;padding-top:0;border-top:0}.member-role-balance{margin-top:0}.member-total{padding-top:10px;margin-top:10px}.member-editors{grid-column:1/-1}.member-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.member-lineup-card .member-portrait{height:120px}.member-tools{grid-template-columns:1fr 1fr auto auto}.member-analysis-body{grid-template-columns:180px minmax(0,1fr) minmax(120px,1fr)}.member-analysis-body>p{grid-column:auto}}
@media(max-width:600px){.member-step .creation-body{padding:16px max(12px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom))}.member-step .creation-banner span:not(.creation-art){max-width:340px}.member-formation{display:block;padding:12px}.member-lineup-card .member-portrait{height:75px}.member-lineup-card>button:first-child{min-height:150px;align-content:start}.member-lineup{gap:6px}.member-lineup-card strong{font-size:12px}.member-lineup-card .member-role{font-size:8px;padding:3px}.member-lineup-card .member-remove{width:44px;height:44px;min-height:44px}.member-reserves{margin-top:14px;border-top:1px solid #294457;padding-top:12px}.member-edit-grid{grid-template-columns:1fr}.member-role-balance{margin-top:13px}.member-tools{grid-template-columns:1fr 1fr}.member-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.member-card-data{padding:0 7px 8px}.member-card-name{font-size:14px;padding:8px 7px;gap:4px}.member-favorites-label{min-height:48px}.member-card-cost{font-size:10px}.member-rating>span:first-child{font-size:10px}.member-rating .ability-value{gap:3px}.member-detail{padding:12px}.member-detail-stats{gap:10px}.member-analysis-body{grid-template-columns:minmax(100px,.8fr) minmax(140px,1fr);gap:8px}.member-analysis{padding:12px 8px}.member-analysis h2{margin-left:4px}.member-analysis-body>p{grid-column:1/-1;padding:0 4px}.member-bars>div{gap:4px;font-size:9px}.member-bars>div>span:first-child{min-width:36px}.member-bars i{min-width:12px}.member-budget{padding:14px}.member-section-head h2{font-size:17px}.member-tools button{font-size:11px}.member-step .creation-actions{flex-wrap:wrap}.member-step .creation-next{min-width:0;width:100%;flex-basis:100%}}

/* Keep the comparison compact; favorite legends and explanations live in the detail panel. */
.member-favorites-label{display:none}.member-card-cost{gap:3px;margin:7px 0}.member-chips{margin-top:7px}.member-card .member-portrait{max-height:106px}.member-formation>.member-budget{margin-top:16px;grid-column:1/-1;grid-area:auto;padding:12px}.member-formation .member-budget dl>div{padding:7px 0}.member-budget h2{font-size:15px}.member-card-name{padding-top:7px;padding-bottom:7px}.member-tools{margin-bottom:10px}
@media(min-width:1451px){.member-step .creation-banner{min-height:145px;padding-top:22px;padding-bottom:20px}.member-step .creation-body{padding-top:16px}.member-card-data{padding-bottom:8px}.member-card-cost small{font-size:10px}.member-analysis-body{grid-template-columns:150px minmax(170px,1fr) minmax(120px,1fr)}.member-detail{padding:12px 14px}.member-detail p{margin:6px 0}.member-detail>small{margin-top:4px}}
@media(max-width:600px){.member-card-cost small{font-size:9px}.member-formation .member-budget dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.member-formation .member-budget dl>div{display:block}.member-budget dt{font-size:10px;margin-bottom:5px}.member-budget .member-cash dd{font-size:21px}}
