/* 기존 PLAY BALL 색상 토큰·버튼을 공유하는 선수 육성 전용 스타일 */
.career-page { padding:38px 0 52px; }.career-page h1 { overflow-wrap:anywhere; }
.career-intro { text-align:center; padding:28px 0 32px; }.career-intro > .eyebrow { color:var(--color-primary); font-size:9px; }.career-intro h2 { font-size:34px; line-height:1.45; letter-spacing:-1.4px; margin:18px 0; }.career-intro p { font-size:13px; line-height:1.9; color:var(--color-muted); }
.career-create-layout { display:grid; grid-template-columns:.8fr 1.2fr; border:1px solid var(--color-border); border-radius:var(--radius); overflow:hidden; background:var(--color-surface); }
.career-create-art { background:var(--field); color:#fff; padding:34px; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:26px; }.career-create-art > span { font:9px monospace; letter-spacing:1px; color:#bfc9e0; }.career-create-art > .ui-icon { width:116px; height:116px; filter:brightness(0) invert(1); }.career-create-art strong { font-size:62px; line-height:.98; letter-spacing:-3px; font-style:italic; }.career-create-art small { color:#bfc9e0; font-size:9px; }
.career-form { padding:30px; min-width:0; }.career-form h3 { margin:0 0 26px; font-size:23px; }.career-form label { display:block; font-size:12px; font-weight:700; margin:19px 0 10px; }.career-form label span { color:var(--color-muted); font-size:10px; font-weight:400; padding-left:8px; }.career-form input,.career-form select { min-width:0; width:100%; min-height:50px; padding:12px; background:var(--color-background); color:var(--color-text); border:1px solid var(--color-border); border-radius:5px; font:16px var(--font); }.career-form input:focus,.career-form select:focus { outline:2px solid var(--color-primary); outline-offset:2px; }.career-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.career-form-row > div { min-width:0; }.career-form-error { min-height:20px; color:var(--color-primary); font-size:12px; line-height:1.8; }.career-form .primary-button { width:100%; justify-content:center; margin-top:10px; }.career-form > .text-button { display:block; margin:17px auto 0; }
.career-note,.career-save-status { color:var(--color-muted); font-size:10px; line-height:1.9; text-align:center; margin:23px 0 0; overflow-wrap:anywhere; }.career-save-status { font-size:11px; }.career-error { padding:17px; background:var(--color-surface); border:1px solid var(--color-primary); border-radius:8px; font-size:12px; line-height:1.9; margin-top:20px; }.career-error button { margin:6px 10px 0 0; text-decoration:underline; }.career-empty { color:var(--color-muted); font-size:12px; line-height:1.9; padding:14px 0; }
.career-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:27px 0 17px; font-size:11px; color:var(--color-muted); }.career-toolbar button { color:var(--color-text); }
.career-layout { display:grid; grid-template-columns:320px minmax(0,1fr); gap:24px; align-items:start; }.career-main-column { min-width:0; }.career-player-card { min-width:0; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius); overflow:hidden; }.career-card-top { display:flex; flex-direction:column; gap:8px; padding:20px 23px; background:var(--field); color:#bfc9e0; font:8px monospace; letter-spacing:1px; border-bottom:1px solid #ffffff25; }.career-card-top > span:last-child { color:#ff94a5; font-size:9px; }
.career-player-identity { padding:23px; text-align:center; background:var(--field); color:#fff; }.career-shirt { position:relative; width:125px; height:125px; margin:0 auto 20px; }.career-shirt > .ui-icon { width:125px; height:125px; filter:brightness(0) invert(1); opacity:.85; }.career-shirt > span { position:absolute; top:57px; left:31px; width:64px; padding:3px 0; background:var(--field); color:#fff; font:900 32px/1 monospace; }.career-position { color:#ff94a5; font-size:11px; }.career-player-identity h2 { font-size:31px; letter-spacing:-1px; margin:12px 0 14px; overflow-wrap:anywhere; line-height:1.5; }.career-player-number { font:10px monospace; letter-spacing:1px; color:#bfc9e0; }
.career-player-body { padding:23px; }.career-xp-line,.career-condition { display:flex; justify-content:space-between; gap:8px; font-size:11px; align-items:center; }.career-xp-line > span,.career-condition > span { font-size:10px; color:var(--color-muted); }.career-xp-line small { margin-left:5px; font-size:9px; }.career-meter { height:6px; border-radius:4px; background:var(--color-surface-alt); margin:11px 0 22px; overflow:hidden; }.career-meter > span { height:100%; display:block; background:var(--color-primary); border-radius:4px; }.career-condition-meter { margin-bottom:20px; }.career-condition-meter > span { background:var(--color-text); }.career-attributes { border-top:1px dashed var(--color-border); margin-top:23px; padding-top:19px; display:grid; gap:15px; }.career-attributes > div > div:first-child { display:flex; justify-content:space-between; align-items:center; font-size:11px; }.career-attributes strong { font:700 12px monospace; }.career-attribute-track { height:4px; background:var(--color-surface-alt); margin-top:8px; border-radius:3px; overflow:hidden; }.career-attribute-track > span { display:block; height:100%; background:var(--color-primary); border-radius:3px; }.career-scale { color:var(--color-muted); font-size:9px; line-height:1.9; margin:17px 0 22px; }.career-current-rating { border-top:1px dashed var(--color-border); padding-top:20px; }.career-current-rating > span { font-size:11px; color:var(--color-muted); }.career-current-rating > strong { display:block; font-size:31px; margin-top:8px; }.career-current-rating small { font-size:11px; color:var(--color-muted); font-weight:400; }.career-current-rating p { font-size:12px; margin-bottom:0; }
.career-season-line { display:flex; justify-content:space-between; gap:12px; font-size:11px; padding:8px 0 13px; }.career-season-line strong { font-size:13px; }.career-season-line strong span { margin-left:10px; font-family:monospace; color:var(--color-primary); }.career-season-line > span { color:var(--color-muted); }
.career-event,.career-feedback,.career-final { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius); padding:28px; }.career-event { margin-top:21px; }.career-event > .eyebrow,.career-feedback > .eyebrow,.career-final > .eyebrow { color:var(--color-primary); font-size:9px; }.career-event h2,.career-feedback h2 { font-size:27px; letter-spacing:-1px; margin:15px 0 12px; line-height:1.5; overflow-wrap:anywhere; }.career-event > p,.career-feedback > p { color:var(--color-muted); font-size:13px; line-height:1.9; }.career-event .career-fatigue { border-left:3px solid var(--color-primary); background:var(--color-surface-alt); padding:12px; font-size:11px; color:var(--color-text); }
.career-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:25px; }.career-action { padding:19px; min-width:0; background:var(--color-background); border:1px solid var(--color-border); border-radius:8px; text-align:left; transition:transform .14s,border-color .14s; }.career-action:hover { border-color:var(--color-primary); transform:translateY(-2px); }.career-action:disabled { cursor:wait; opacity:.5; transform:none; }.career-action-top { display:flex; justify-content:space-between; align-items:center; gap:8px; }.career-action-top b { font:700 10px monospace; color:var(--color-primary); }.career-action-top small { font-size:9px; color:var(--color-muted); }.career-action > strong { display:block; font-size:16px; margin-top:19px; line-height:1.6; }.career-action > p { font-size:11px; color:var(--color-muted); line-height:1.9; margin-bottom:18px; }.career-action-bottom { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:9px; color:var(--color-muted); line-height:1.8; }.career-action-bottom .ui-icon { width:15px; height:15px; flex-shrink:0; }
.career-feedback { animation:career-reveal .18s ease-out; }.career-feedback ul { padding-left:20px; font-size:13px; line-height:1.9; }.career-feedback li + li { margin-top:8px; }.career-change-tags { display:flex; flex-wrap:wrap; gap:8px; margin:23px 0; }.career-change-tags span { background:var(--color-surface-alt); padding:8px 11px; border-radius:5px; font-size:11px; }.career-new-highlight { display:flex; gap:13px; padding:17px; border:1px dashed var(--color-border); border-radius:7px; margin-bottom:24px; align-items:flex-start; }.career-new-highlight > .ui-icon { width:24px; height:24px; }.career-new-highlight strong { font-size:12px; }.career-new-highlight p { font-size:11px; line-height:1.9; color:var(--color-muted); margin:8px 0 0; }
.career-records { padding:25px; border:1px solid var(--color-border); border-radius:var(--radius); margin-top:23px; background:var(--color-surface); }.career-records .summary-heading { gap:12px; flex-wrap:wrap; }.career-records .summary-heading h3 { font-size:16px; }.career-records .summary-heading > span { font-size:8px; }.career-records dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px 16px; margin:22px 0 0; }.career-records dt { font-size:10px; color:var(--color-muted); }.career-records dd { font-size:20px; margin:9px 0 0; font-weight:800; }.career-highlights { list-style:none; margin:23px 0 0; padding:18px 0 0; border-top:1px dashed var(--color-border); }.career-highlights li { display:flex; align-items:center; gap:9px; font-size:12px; line-height:1.9; margin-bottom:7px; }.career-highlights .ui-icon { width:16px; height:16px; flex-shrink:0; }
.career-final { text-align:center; }.career-final-art .ui-icon { width:65px; height:65px; margin:22px 0; }.career-final h2 { font-size:28px; letter-spacing:-1px; line-height:1.5; overflow-wrap:anywhere; }.career-final-grade { display:block; font:900 62px/1 monospace; color:var(--color-primary); margin:23px 0; }.career-final-grade small { display:block; font:11px var(--font); margin-top:12px; color:var(--color-muted); }.career-final h3 { font-size:22px; letter-spacing:-.6px; }.career-final > p { font-size:12px; line-height:1.9; color:var(--color-muted); }.career-final-stats { display:grid; grid-template-columns:1fr 1fr; gap:22px 12px; padding-top:23px; margin-top:25px; border-top:1px dashed var(--color-border); }.career-final-stats dt { font-size:10px; color:var(--color-muted); }.career-final-stats dd { font-size:24px; font-weight:800; margin:9px 0 0; }.career-growth-table { padding:18px; background:var(--color-surface-alt); border-radius:7px; margin:25px 0; text-align:left; }.career-growth-table > div { display:flex; justify-content:space-between; gap:10px; font-size:12px; padding:10px 0; }.career-growth-table > div:first-child { color:var(--color-muted); font-size:9px; border-bottom:1px dashed var(--color-border); margin-bottom:5px; }.career-growth-table small { font-size:10px; color:var(--color-primary); margin-left:8px; }.career-final-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; margin-top:25px; }.career-final-actions .secondary-button { background:transparent; }
.career-history { margin-top:32px; }.career-history details { border-top:1px solid var(--color-border); }.career-history summary { display:flex; align-items:center; gap:17px; padding:19px 0; list-style:none; cursor:pointer; }.career-history summary::-webkit-details-marker { display:none; }.career-history summary > span { font:11px monospace; color:var(--color-muted); }.career-history summary > div { flex:1; min-width:0; }.career-history summary strong { font-size:14px; line-height:1.7; }.career-history summary small { display:block; font-size:10px; color:var(--color-muted); margin-top:7px; }.career-history summary b { color:var(--color-primary); font-size:11px; flex-shrink:0; }.career-history details > div { font-size:12px; line-height:1.9; padding:10px 17px; background:var(--color-surface); border-radius:7px; color:var(--color-muted); }
.career-roster-heading { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:33px 0 23px; }.career-roster-heading .eyebrow { font-size:9px; color:var(--color-primary); }.career-roster-heading h2 { font-size:30px; letter-spacing:-1px; margin:14px 0; }.career-roster-heading p { font-size:12px; color:var(--color-muted); }.career-roster { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.career-roster-card { min-width:0; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius); padding:24px; text-align:left; transition:border-color .14s; }.career-roster-card:hover { border-color:var(--color-primary); }.career-roster-card > .eyebrow { font-size:8px; color:var(--color-primary); }.career-roster-number { font:900 60px monospace; color:var(--color-text); display:block; margin:23px 0; }.career-roster-card h3 { overflow-wrap:anywhere; font-size:23px; letter-spacing:-.8px; margin:12px 0; }.career-roster-card p { font-size:11px; color:var(--color-muted); }.career-roster-card > span:last-child { display:flex; justify-content:space-between; align-items:center; font-size:10px; margin-top:23px; }.career-roster-card > span:last-child .ui-icon { width:16px; height:16px; }
.career-my-highlights { list-style:none; padding:15px 0 0; border-top:1px dashed var(--color-border); margin-top:20px; font-size:12px; line-height:2; }
[data-theme="dark"] .career-action-bottom .ui-icon,[data-theme="dark"] .career-new-highlight > .ui-icon,[data-theme="dark"] .career-highlights .ui-icon,[data-theme="dark"] .career-final-art .ui-icon,[data-theme="dark"] .career-roster-card > span:last-child .ui-icon { filter:brightness(0) invert(1); }
@keyframes career-reveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:900px) { .career-layout { grid-template-columns:280px minmax(0,1fr); gap:18px; }.career-event,.career-feedback,.career-final { padding:23px 20px; }.career-actions { grid-template-columns:minmax(0,1fr); }.career-form { padding:25px; }.career-form-row { grid-template-columns:minmax(0,1fr); gap:0; }.career-create-art strong { font-size:48px; } }
@media(max-width:700px) { .career-layout { grid-template-columns:minmax(0,1fr); }.career-player-card { display:grid; grid-template-columns:1fr 1fr; }.career-card-top { grid-column:1/-1; flex-direction:row; justify-content:space-between; font-size:7px; padding:16px; }.career-card-top > span:last-child { font-size:7px; }.career-player-identity { padding:20px 13px; }.career-player-body { padding:20px 16px; }.career-shirt { width:95px; height:95px; }.career-shirt > .ui-icon { width:95px; height:95px; }.career-shirt > span { top:43px; left:23px; width:50px; font-size:24px; }.career-player-identity h2 { font-size:25px; }.career-player-number { font-size:9px; }.career-current-rating { padding-top:16px; }.career-current-rating > strong { font-size:25px; }.career-current-rating p { font-size:10px; }.career-attributes { margin-top:17px; gap:12px; }.career-attributes strong { font-size:10px; }.career-xp-line { flex-wrap:wrap; }.career-xp-line small { display:none; }.career-condition { flex-wrap:wrap; gap:7px; }.career-scale { font-size:8px; }.career-roster { grid-template-columns:repeat(2,minmax(0,1fr)); }.career-create-layout { grid-template-columns:minmax(0,1fr); }.career-create-art { padding:24px; flex-direction:row; align-items:center; gap:15px; flex-wrap:wrap; }.career-create-art > span,.career-create-art > small { width:100%; font-size:8px; }.career-create-art > .ui-icon { width:65px; height:65px; }.career-create-art strong { font-size:39px; letter-spacing:-2px; }.career-form-row { grid-template-columns:1fr 1fr; gap:12px; } }
@media(max-width:480px) { .career-page { padding-top:26px; }.career-page .balance-heading h1 { font-size:24px; line-height:1.5; }.career-intro h2 { font-size:27px; }.career-intro p { font-size:12px; }.career-form { padding:23px 18px; }.career-form-row { grid-template-columns:minmax(0,1fr); gap:0; }.career-player-card { grid-template-columns:minmax(0,1fr); }.career-player-identity { padding:23px; }.career-player-body { padding:23px; }.career-shirt { width:105px; height:105px; margin-bottom:15px; }.career-shirt > .ui-icon { width:105px; height:105px; }.career-shirt > span { top:46px; left:26px; width:53px; font-size:27px; }.career-attributes { display:grid; grid-template-columns:1fr 1fr; gap:17px 20px; }.career-xp-line small { display:inline; }.career-current-rating > strong { font-size:28px; }.career-scale { font-size:9px; }.career-current-rating p { font-size:12px; }.career-toolbar { font-size:10px; }.career-event h2,.career-feedback h2 { font-size:24px; }.career-event > p,.career-feedback > p,.career-feedback ul { font-size:12px; }.career-action { padding:18px; }.career-action > strong { font-size:16px; }.career-action > p { font-size:11px; }.career-action-top small { font-size:9px; }.career-feedback .primary-button { width:100%; justify-content:center; }.career-records { padding:22px 18px; }.career-records dl { grid-template-columns:1fr 1fr; gap:22px 14px; }.career-records dd { font-size:19px; }.career-records .summary-heading h3 { font-size:15px; }.career-records .summary-heading > span { font-size:7px; }.career-final h2 { font-size:25px; }.career-final h3 { font-size:20px; }.career-final-actions { flex-direction:column; align-items:stretch; }.career-final-actions a,.career-final-actions button { justify-content:center; }.career-roster-heading { flex-direction:column; align-items:stretch; gap:10px; }.career-roster-heading .primary-button { justify-content:center; }.career-roster { grid-template-columns:minmax(0,1fr); }.career-history summary { gap:10px; }.career-history summary strong { font-size:12px; }.career-history summary small { font-size:9px; }.career-history summary b { font-size:10px; }.career-growth-table { padding:15px; }.career-growth-table > div { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .career-feedback { animation:none; }.career-action,.career-roster-card { transition:none; }.career-action:hover { transform:none; } }
.career-quick-condition,.career-profile-toggle { display:none; }
@media(max-width:700px) {
  .career-player-card { display:block; }
  .career-player-identity { position:relative; min-height:157px; text-align:left; padding:22px 17px 22px 111px; }
  .career-player-identity .career-shirt { position:absolute; width:75px; height:75px; left:19px; top:36px; margin:0; }
  .career-player-identity .career-shirt > .ui-icon { width:75px; height:75px; }
  .career-player-identity .career-shirt > span { top:33px; left:18px; width:40px; font-size:20px; }
  .career-player-identity h2 { font-size:24px; margin:7px 0 10px; }
  .career-player-number { font-size:9px; }
  .career-quick-condition { display:block; color:#bfc9e0; font-size:9px; margin-top:12px; line-height:1.8; }
  .career-profile-toggle { display:flex; width:100%; padding:16px 20px; justify-content:space-between; align-items:center; background:var(--color-surface); color:var(--color-text); font-size:11px; text-align:left; border-top:1px solid var(--color-border); }
  .career-profile-toggle > .ui-icon { width:15px; height:15px; transform:rotate(90deg); }
  .career-player-body { display:none; border-top:1px solid var(--color-border); }
  .career-player-card.is-expanded .career-player-body { display:block; }
  [data-theme="dark"] .career-profile-toggle > .ui-icon { filter:brightness(0) invert(1); }
}
.career-player-identity .career-shirt > span { left:27.5%; top:44%; width:45%; padding:0; background:transparent; font-size:26px; }
@media(max-width:700px) { .career-player-identity .career-shirt > span { font-size:16px; } }