/* 기존 토큰과 공통 버튼을 사용하는 감독 게임 전용 스타일 */
.manager-page { padding:38px 0 52px; }
.manager-intro { text-align:center; padding:26px 0 36px; }
.manager-intro > .eyebrow,.manager-style > span { font-size:9px; color:var(--color-primary); }
.manager-intro-art .ui-icon { width:90px; height:90px; margin:23px auto 0; }
.manager-intro h2 { font-size:38px; letter-spacing:-1.5px; line-height:1.4; margin:20px 0; }
.manager-intro p { font-size:14px; line-height:1.9; color:var(--color-muted); margin-bottom:25px; }
.manager-intro .primary-button { margin:auto; }
.manager-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); }
.manager-rules > div { padding:23px; min-width:0; }
.manager-rules > div + div { border-left:1px solid var(--color-border); }
.manager-rules span { font-size:10px; color:var(--color-primary); font-weight:800; }
.manager-rules strong { display:block; font-size:18px; margin-top:16px; }
.manager-rules p { font-size:12px; line-height:1.9; color:var(--color-muted); margin-bottom:0; }
.manager-note { font-size:11px; line-height:1.9; color:var(--color-muted); text-align:center; margin:23px 0 0; overflow-wrap:anywhere; }
.manager-topline { display:flex; justify-content:space-between; gap:15px; font-size:12px; margin:30px 0 12px; align-items:center; }
.manager-topline strong { font-size:18px; }
.manager-topline strong span { font-size:11px; color:var(--color-muted); font-weight:400; }
.manager-topline > span { color:var(--color-muted); }
.manager-board { margin-top:22px; border-radius:var(--radius); background:var(--field); color:#fff; overflow:hidden; border:1px solid var(--color-border); }
.manager-board-top { display:flex; justify-content:space-between; align-items:center; gap:10px; border-bottom:1px solid #ffffff26; padding:17px 25px; font-size:12px; }
.manager-board-top strong { font-size:13px; color:#ff94a3; }
.manager-board-body { display:grid; grid-template-columns:1fr 128px 1fr; align-items:center; padding:22px 20px; }
.manager-team { text-align:center; }
.manager-team > span { display:block; color:#c3cbe0; font-size:12px; }
.manager-team > strong { display:block; font:700 55px/1.3 monospace; margin-top:8px; }
.manager-diamond { width:110px; height:110px; position:relative; margin:auto; }
.manager-diamond:before { content:''; width:62px; height:62px; position:absolute; left:24px; top:24px; border:1px solid #8491b3; transform:rotate(45deg); }
.manager-base,.manager-home { display:block; width:17px; height:17px; position:absolute; background:#34405b; border:1px solid #aab5cd; transform:rotate(45deg); }
.manager-first { top:47px; right:2px; }.manager-second { top:2px; left:47px; }.manager-third { top:47px; left:2px; }
.manager-base.occupied { background:#f0445d; border-color:#ffacb8; box-shadow:0 0 0 4px #f0445d22; }
.manager-home { bottom:2px; left:48px; width:15px; height:15px; background:#e7ebf3; }
.manager-board-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 25px; border-top:1px solid #ffffff26; color:#c3cbe0; font-size:10px; }
.manager-outs { display:flex; gap:7px; }.manager-outs i { width:9px; height:9px; border:1px solid #8491b3; border-radius:50%; }.manager-outs i.on { background:#f0445d; border-color:#f0445d; }
.manager-situation { margin-top:23px; border:1px solid var(--color-border); background:var(--color-surface); border-radius:var(--radius); padding:28px; }
.manager-situation-title > .eyebrow { color:var(--color-primary); font-size:9px; }
.manager-situation-title h2 { font-size:27px; letter-spacing:-.8px; margin:14px 0 10px; }
.manager-situation-title p { font-size:13px; color:var(--color-muted); line-height:1.9; margin:0; }
.manager-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:25px; }
.manager-option { display:flex; align-items:flex-start; gap:13px; min-width:0; min-height:126px; padding:21px 17px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-background); text-align:left; transition:border-color .14s,transform .14s; }
.manager-option:hover { border-color:var(--color-primary); transform:translateY(-2px); }
.manager-option-number { color:var(--color-primary); font:700 12px monospace; padding-top:5px; }
.manager-option > span:nth-child(2) { flex:1; min-width:0; }
.manager-option strong { font-size:17px; line-height:1.6; display:block; }
.manager-option small { display:block; font-size:11px; line-height:1.8; color:var(--color-muted); margin-top:7px; }
.manager-option > .ui-icon { width:17px; height:17px; margin-top:5px; }
.manager-feedback { border-top:1px dashed var(--color-border); padding-top:24px; margin-top:24px; animation:manager-reveal .18s ease-out; }
.manager-feedback > .eyebrow { color:var(--color-primary); font-size:9px; }
.manager-feedback h3 { font-size:28px; letter-spacing:-1px; margin:12px 0; }
.manager-feedback p,.manager-feedback ol { font-size:13px; line-height:1.9; }
.manager-feedback ol { padding-left:22px; color:var(--color-muted); }
.manager-called { color:var(--color-muted); }.manager-called strong { color:var(--color-text); }
.manager-state-change { border:1px dashed var(--color-border); padding:12px 14px; border-radius:6px; background:var(--color-surface-alt); }
.manager-play-totals { display:flex; gap:22px; flex-wrap:wrap; font-size:12px; margin:18px 0 23px; }
.manager-play-totals b { color:var(--color-primary); padding-left:6px; }
.manager-result { max-width:780px; margin:28px auto 0; padding:32px; border:1px solid var(--color-border); border-radius:var(--radius); background:var(--color-surface); text-align:center; }
.manager-result > .eyebrow { color:var(--color-primary); font-size:9px; }
.manager-result-mark .ui-icon { width:72px; height:72px; margin:24px 0 12px; }
.manager-result > p { font-size:11px; color:var(--color-muted); line-height:1.9; }
.manager-result h2 { font-size:38px; letter-spacing:-1px; margin:15px 0 23px; }
.manager-final-score { display:flex; justify-content:center; align-items:center; gap:36px; }
.manager-final-score span { display:block; font-size:11px; color:var(--color-muted); }
.manager-final-score strong { font:700 55px/1.4 monospace; }.manager-final-score > b { font-size:25px; color:var(--color-muted); }
.manager-result-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px dashed var(--color-border); padding-top:25px; margin:25px 0; gap:12px; }
.manager-result-stats dt { font-size:11px; color:var(--color-muted); }.manager-result-stats dd { font-size:25px; font-weight:800; margin:10px 0 0; }.manager-result-stats small { display:block; font-size:10px; color:var(--color-muted); margin-top:7px; font-weight:400; }
.manager-style { background:var(--color-surface-alt); padding:23px 18px; border-radius:8px; }.manager-style h3 { font-size:25px; letter-spacing:-.8px; margin:12px 0; }.manager-style p { font-size:12px; line-height:1.9; margin-bottom:0; }
.manager-result-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:25px; align-items:center; }.manager-result-actions .secondary-button { background:transparent; }
.manager-history { margin-top:36px; }.manager-history details { border-top:1px solid var(--color-border); }.manager-history summary { display:flex; align-items:center; gap:18px; padding:20px 0; cursor:pointer; list-style:none; }.manager-history summary::-webkit-details-marker { display:none; }.manager-history-index { font:12px monospace; color:var(--color-muted); }.manager-history summary > span:nth-child(2) { flex:1; min-width:0; }.manager-history summary strong { display:block; font-size:15px; line-height:1.6; }.manager-history summary small { display:block; color:var(--color-muted); font-size:11px; margin-top:5px; }.manager-history summary b { font-size:11px; color:var(--color-primary); flex-shrink:0; }.manager-history details > div { padding:0 18px 16px; font-size:12px; line-height:1.9; color:var(--color-muted); background:var(--color-surface); border-radius:6px; }.manager-history details > div p { padding-top:10px; margin:0; }
.manager-record-history { margin-top:23px; font-size:12px; }.manager-record-history summary { cursor:pointer; padding:12px 0; }.manager-record-history ol { margin:5px 0; padding-left:23px; }.manager-record-history li { padding:10px 0; border-top:1px dashed var(--color-border); line-height:1.9; overflow-wrap:anywhere; }.manager-record-history time { color:var(--color-muted); }
[data-theme="dark"] .manager-intro-art .ui-icon,[data-theme="dark"] .manager-result-mark .ui-icon,[data-theme="dark"] .manager-option > .ui-icon { filter:brightness(0) invert(1); }
@keyframes manager-reveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) {
  .manager-page { padding-top:26px; }.manager-intro h2 { font-size:30px; }.manager-intro p { font-size:12px; }.manager-intro-art .ui-icon { width:75px; height:75px; }
  .manager-rules { grid-template-columns:minmax(0,1fr); }.manager-rules > div { padding:20px; }.manager-rules > div + div { border-left:0; border-top:1px solid var(--color-border); }.manager-rules strong { margin-top:10px; }.manager-note { font-size:10px; }
  .manager-topline { font-size:10px; gap:8px; }.manager-topline strong { font-size:16px; }.manager-topline strong span { font-size:10px; }
  .manager-board-top { padding:14px; font-size:11px; }.manager-board-top strong { font-size:11px; }.manager-board-body { grid-template-columns:1fr 94px 1fr; padding:23px 8px; }.manager-team > strong { font-size:39px; }.manager-team > span { font-size:10px; }.manager-diamond { transform:scale(.75); transform-origin:center; width:110px; margin-left:-8px; }.manager-board-bottom { padding:14px 12px; font-size:8px; gap:8px; }.manager-outs { gap:4px; }.manager-outs i { width:7px; height:7px; }
  .manager-situation { padding:23px 16px; }.manager-situation-title h2 { font-size:23px; }.manager-situation-title p { font-size:12px; }.manager-options { grid-template-columns:minmax(0,1fr); }.manager-option { min-height:100px; padding:19px 14px; gap:10px; }.manager-option strong { font-size:16px; }.manager-option small { font-size:11px; }
  .manager-feedback h3 { font-size:25px; }.manager-feedback p,.manager-feedback ol { font-size:12px; }.manager-feedback .primary-button { width:100%; justify-content:center; }.manager-play-totals { gap:15px; font-size:11px; }
  .manager-result { padding:26px 16px; }.manager-result h2 { font-size:32px; }.manager-final-score { gap:25px; }.manager-final-score strong { font-size:46px; }.manager-result-stats { gap:8px; }.manager-result-stats dt { font-size:10px; }.manager-result-stats dd { font-size:22px; }.manager-style h3 { font-size:22px; }.manager-result-actions { flex-direction:column; align-items:stretch; }.manager-result-actions a,.manager-result-actions button { justify-content:center; }.manager-history summary { gap:10px; }.manager-history summary strong { font-size:13px; }.manager-history summary b { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .manager-feedback { animation:none; }.manager-option { transition:none; }.manager-option:hover { transform:none; } }