/* PLAY BALL 기존 토큰과 버튼을 사용하는 드래프트 전용 화면 */
.draft-page { padding:38px 0 52px; }.draft-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:24px 0; font-size:11px; color:var(--color-muted); }.draft-toolbar button { color:var(--color-text); }
.draft-intro { text-align:center; padding:24px 0 34px; }.draft-intro > .eyebrow { color:var(--color-primary); font-size:9px; }.draft-intro > div .ui-icon { width:90px; height:90px; margin:23px 0; }.draft-intro h2 { font-size:35px; letter-spacing:-1.4px; line-height:1.5; margin:6px 0 18px; }.draft-intro > p { font-size:14px; color:var(--color-muted); line-height:1.9; }.draft-intro .primary-button { margin:25px auto 0; }
.draft-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); }.draft-rules > div { padding:24px; }.draft-rules > div + div { border-left:1px solid var(--color-border); }.draft-rules span { color:var(--color-primary); font-size:9px; font-weight:700; }.draft-rules strong { display:block; font-size:18px; margin:16px 0; }.draft-rules p { font-size:12px; color:var(--color-muted); line-height:1.9; margin-bottom:0; }
.draft-note,.draft-save-status { color:var(--color-muted); text-align:center; font-size:10px; line-height:1.9; margin:23px 0 0; overflow-wrap:anywhere; }.draft-save-status { font-size:11px; }.draft-notice { color:var(--color-primary); background:var(--color-surface); border:1px dashed var(--color-border); padding:14px; border-radius:7px; font-size:12px; line-height:1.8; }.draft-error { border:1px solid var(--color-primary); border-radius:7px; background:var(--color-surface); padding:16px; font-size:12px; line-height:1.9; }.draft-error button { margin:8px 12px 0 0; text-decoration:underline; }
.draft-board-heading { display:flex; justify-content:space-between; gap:18px; align-items:center; margin:30px 0 20px; }.draft-board-heading .eyebrow { color:var(--color-primary); font-size:9px; }.draft-board-heading h2 { font-size:28px; letter-spacing:-1px; margin:14px 0 0; line-height:1.5; }.draft-board-heading > strong { font:700 28px monospace; white-space:nowrap; }.draft-board-heading > strong > small { display:block; text-align:right; font:10px var(--font); color:var(--color-muted); margin-top:8px; }
.draft-picks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:20px; }.draft-picks > div { background:var(--field); color:#fff; padding:17px; border-radius:7px; min-width:0; }.draft-picks span { color:#ff9bac; font:10px monospace; }.draft-picks strong { display:block; margin:12px 0 8px; font-size:16px; overflow-wrap:anywhere; }.draft-picks small { color:#c0c9dd; font-size:9px; }
.draft-board-note { display:flex; justify-content:space-between; gap:20px; align-items:center; margin:22px 0; font-size:11px; line-height:1.9; color:var(--color-muted); }.draft-board-note p { margin:0; }.draft-board-note > span { flex-shrink:0; }.draft-board-note strong { color:var(--color-text); }
.draft-compare { padding:20px; border:1px dashed var(--color-border); border-radius:var(--radius); background:var(--color-surface-alt); margin-bottom:23px; }.draft-compare-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; }.draft-compare > p { font-size:12px; color:var(--color-muted); line-height:1.9; }.draft-compare button:disabled { opacity:.4; cursor:default; }.draft-comparison-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:20px; align-items:start; }
.draft-report { margin:25px 0; }.draft-report-heading { display:flex; justify-content:space-between; gap:15px; align-items:center; margin-bottom:15px; }.draft-report-heading h2 { font-size:22px; letter-spacing:-.7px; }.draft-report > .draft-profile { max-width:760px; margin:auto; }
.draft-profile { border:1px solid var(--color-border); background:var(--color-surface); border-radius:var(--radius); padding:23px; min-width:0; }.draft-profile-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--color-border); font-size:10px; }.draft-profile-top > span { font:8px monospace; color:var(--color-muted); letter-spacing:1px; }.draft-profile-top > strong { color:var(--color-primary); }.draft-profile-name { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:23px 0 17px; }.draft-profile-name > div:first-child { min-width:0; }.draft-profile-name span { font-size:10px; color:var(--color-muted); }.draft-profile-name h3 { font-size:29px; letter-spacing:-1px; margin:10px 0; overflow-wrap:anywhere; }.draft-profile-name p { font-size:11px; color:var(--color-muted); margin:0; }.draft-player-value { text-align:right; flex-shrink:0; }.draft-player-value > strong { font:800 40px/1 monospace; color:var(--color-primary); display:block; margin-bottom:8px; }.draft-player-value > span { font:10px monospace; }
.draft-type { display:block; font-size:11px; line-height:1.8; color:var(--color-muted); }.draft-attributes { display:grid; gap:14px; margin:22px 0; }.draft-attributes > div { display:flex; align-items:center; gap:18px; }.draft-attributes dt { width:44px; flex-shrink:0; font-size:11px; color:var(--color-muted); }.draft-attributes dd { margin:0; flex:1; min-width:0; text-align:right; }.draft-attributes dd strong { font:700 15px monospace; }.draft-attributes dd small { display:inline-block; color:var(--color-muted); font-size:9px; margin-left:10px; }.draft-attribute-track { display:block; height:4px; background:var(--color-surface-alt); border-radius:3px; margin-top:8px; overflow:hidden; }.draft-attribute-track i { display:block; height:100%; background:var(--color-primary); border-radius:3px; }
.draft-potential { background:var(--color-surface-alt); border-radius:7px; padding:17px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:22px; }.draft-potential > span { font-size:11px; }.draft-potential > strong { font:700 21px monospace; }.draft-potential strong small { font-size:10px; color:var(--color-muted); margin-left:4px; }.draft-potential > p { flex-basis:100%; color:var(--color-muted); font-size:10px; margin:0; }
.draft-scout-notes { border-top:1px dashed var(--color-border); margin-top:23px; padding-top:4px; }.draft-scout-notes p { color:var(--color-muted); font-size:11px; line-height:1.9; margin:17px 0 0; }.draft-scout-notes b { color:var(--color-text); display:block; font-size:11px; margin-bottom:5px; }.draft-discovery { border-left:3px solid var(--color-primary); padding-left:12px; }.draft-nominate { margin-top:25px; width:100%; justify-content:center; }.draft-confirm { margin-top:24px; padding:18px; border:1px solid var(--color-primary); border-radius:7px; background:var(--color-background); }.draft-confirm > p { font-size:12px; line-height:1.9; margin-top:0; }.draft-confirm .primary-button { width:100%; justify-content:center; }.draft-confirm > .text-button { display:block; margin:15px auto 0; }.draft-confirm button:disabled { opacity:.5; cursor:wait; }
.draft-filters { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:28px 0 20px; }.draft-filters > div { display:flex; gap:7px; }.draft-filters > div button { background:var(--color-surface); padding:11px 18px; border:1px solid var(--color-border); border-radius:5px; font-size:12px; min-height:44px; }.draft-filters button[aria-pressed="true"] { background:var(--color-text); color:var(--color-background); border-color:var(--color-text); }.draft-filters label { display:flex; align-items:center; gap:10px; color:var(--color-muted); font-size:10px; }.draft-filters select { background:var(--color-surface); color:var(--color-text); font:12px var(--font); padding:12px; border:1px solid var(--color-border); border-radius:5px; min-height:44px; }
.draft-candidates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }.draft-candidate { background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius); padding:24px; min-width:0; }.draft-candidate-top { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:10px; }.draft-candidate-top > span { color:var(--color-muted); }.draft-candidate-top b { color:var(--color-primary); font:10px monospace; }.draft-candidate h3 { font-size:26px; letter-spacing:-1px; margin:22px 0 10px; }.draft-candidate > p { color:var(--color-muted); font-size:10px; line-height:1.9; }.draft-candidate > .draft-type { font-size:11px; color:var(--color-text); margin-top:17px; }.draft-candidate dl { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:23px 0 17px; }.draft-candidate dt { font-size:10px; color:var(--color-muted); }.draft-candidate dd { font:700 29px monospace; margin:8px 0 0; }.draft-card-strength { min-height:38px; }.draft-card-actions { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px dashed var(--color-border); padding-top:19px; margin-top:20px; }.draft-card-actions .secondary-button { font-size:11px; min-height:44px; padding:11px 14px; background:transparent; }.draft-card-actions .text-button { font-size:10px; min-height:44px; }.draft-card-actions [aria-pressed="true"] { color:var(--color-primary); font-weight:800; }
.draft-pagination { display:flex; justify-content:center; align-items:center; gap:20px; margin-top:25px; }.draft-pagination > span { font-size:11px; color:var(--color-muted); }.draft-pagination button { background:transparent; }.draft-pagination button:disabled { opacity:.35; cursor:default; }
.draft-result { max-width:800px; margin:25px auto; border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); text-align:center; padding:32px; }.draft-result > .eyebrow { font-size:9px; color:var(--color-primary); }.draft-result > div .ui-icon { width:68px; height:68px; margin:22px 0; }.draft-result > p { color:var(--color-muted); font-size:11px; line-height:1.9; }.draft-result h2 { font-size:30px; line-height:1.5; letter-spacing:-1px; }.draft-result-grade { display:block; font:900 65px/1 monospace; color:var(--color-primary); margin:27px 0; }.draft-result-grade small { display:block; color:var(--color-muted); font:11px var(--font); margin-top:14px; }.draft-result dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; padding-top:25px; border-top:1px dashed var(--color-border); }.draft-result dt { color:var(--color-muted); font-size:10px; }.draft-result dd { margin:12px 0 0; font-size:25px; font-weight:800; }.draft-commentary { text-align:left; font-size:12px; line-height:1.9; padding:20px 20px 20px 37px; border-radius:7px; background:var(--color-surface-alt); margin:25px 0; }.draft-commentary li + li { margin-top:10px; }.draft-result-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px; margin-top:25px; }.draft-result .draft-result-actions .ui-icon { width:17px; height:17px; margin:0; }.draft-result-actions .secondary-button { background:transparent; }
.draft-revealed { margin-top:38px; }.draft-revealed .summary-heading { flex-wrap:wrap; gap:12px; }.draft-revealed-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; margin-top:23px; align-items:start; }.draft-rank { display:block; font-size:11px; font-weight:800; margin:0 0 12px; color:var(--color-primary); }
.draft-history-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:30px 0; }.draft-history-heading h2 { font-size:28px; letter-spacing:-1px; }.draft-history-list { display:grid; gap:13px; }.draft-history-list button { display:flex; justify-content:space-between; gap:20px; align-items:center; text-align:left; background:var(--color-surface); padding:23px; border:1px solid var(--color-border); border-radius:var(--radius); }.draft-history-list time { color:var(--color-muted); font-size:10px; }.draft-history-list button strong { display:block; font-size:20px; margin:12px 0; }.draft-history-list button small { display:block; color:var(--color-muted); font-size:11px; margin-top:7px; }.draft-history-list button > b { color:var(--color-primary); font:700 35px monospace; text-align:right; }
[data-theme="dark"] .draft-intro > div .ui-icon,[data-theme="dark"] .draft-result > div .ui-icon { filter:brightness(0) invert(1); }
@media(max-width:900px) { .draft-candidates { grid-template-columns:repeat(2,minmax(0,1fr)); }.draft-picks > div { padding:15px 12px; }.draft-comparison-grid { gap:13px; }.draft-profile { padding:20px; } }
@media(max-width:600px) {
  .draft-page { padding-top:26px; }.draft-intro h2 { font-size:28px; }.draft-intro > p { font-size:12px; }.draft-intro > div .ui-icon { width:75px; height:75px; }.draft-rules { grid-template-columns:minmax(0,1fr); }.draft-rules > div { padding:20px; }.draft-rules > div + div { border-left:0; border-top:1px solid var(--color-border); }.draft-rules strong { margin:12px 0; }.draft-note { font-size:9px; }.draft-toolbar { font-size:10px; }
  .draft-board-heading { gap:12px; }.draft-board-heading h2 { font-size:23px; }.draft-board-heading > strong { font-size:23px; }.draft-board-heading > strong small { font-size:9px; }.draft-picks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.draft-picks > div { padding:14px; }.draft-picks strong { font-size:15px; margin:9px 0 7px; }.draft-board-note { flex-direction:column; align-items:flex-start; gap:10px; font-size:10px; }
  .draft-compare { padding:17px 13px; }.draft-compare-heading { font-size:11px; }.draft-compare > p { font-size:11px; }.draft-comparison-grid,.draft-revealed-grid { grid-template-columns:minmax(0,1fr); gap:18px; }.draft-profile { padding:21px 17px; }.draft-profile-top { font-size:9px; }.draft-profile-top > span { font-size:7px; }.draft-profile-name { gap:12px; }.draft-profile-name h3 { font-size:26px; }.draft-player-value > strong { font-size:34px; }.draft-attributes dt { font-size:10px; }.draft-attributes dd strong { font-size:14px; }.draft-attributes dd small { font-size:8px; margin-left:6px; }.draft-report-heading h2 { font-size:19px; }.draft-potential { padding:14px; }.draft-potential > span { font-size:10px; }.draft-potential > strong { font-size:19px; }.draft-scout-notes p { font-size:11px; }
  .draft-filters { flex-wrap:wrap; gap:15px; }.draft-filters > div { width:100%; display:grid; grid-template-columns:repeat(3,1fr); }.draft-filters > div button { padding:12px; font-size:11px; }.draft-filters label { width:100%; justify-content:space-between; }.draft-filters select { font-size:16px; max-width:100%; }.draft-candidates { grid-template-columns:minmax(0,1fr); gap:14px; }.draft-candidate { padding:22px; }.draft-card-strength { min-height:0; }.draft-candidate h3 { font-size:25px; }.draft-pagination { gap:12px; }.draft-pagination > span { font-size:9px; }.draft-pagination button { padding:11px 15px; }
  .draft-result { padding:27px 17px; }.draft-result h2 { font-size:26px; }.draft-result dl { grid-template-columns:1fr 1fr; gap:23px 12px; }.draft-result dd { font-size:23px; }.draft-result-actions { flex-direction:column; align-items:stretch; }.draft-result-actions a,.draft-result-actions button { justify-content:center; }.draft-commentary { font-size:11px; }.draft-history-heading { align-items:flex-start; gap:12px; }.draft-history-heading h2 { font-size:23px; line-height:1.5; margin:0; }.draft-history-list button { padding:20px; gap:15px; }.draft-history-list button strong { font-size:17px; line-height:1.6; }.draft-history-list button small { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .draft-page * { scroll-behavior:auto; } }