/* 훈련 화면(결정 AV 2026-09-28 — AV6: screens_battle.css와 분리). 공통 모양(.twb-*·.tw-tabs·.tw-pick·.tw-empty)은 그대로 쓰고
   이 파일은 훈련 전용 조각만 둔다. 색은 토큰만(다크·라이트 자동, 결정 AQ: --phos·--me를 쓰지 않음). 모서리 0·그림자 없음(D1).
   결정 BS② 2단계(2026-09-29): 글자·간격 = 역할 토큰. */
.twt .twt-main { gap: var(--sp-3); }
.twt [role="tabpanel"] { display: grid; gap: var(--sp-2); min-width: 0; }
.twt [role="tabpanel"][hidden] { display: none; }
/* 결정 BS② 2단계(BS5): 길드 훈련 안내 목록은 ⓘ 팝오버 안(모양은 공용 .tw-tip__pop 목록). 본문에는 한 줄 + ⓘ */
.twt-guidebar { display: flex; align-items: center; gap: var(--sp-1); min-width: 0; font-size: var(--fs-sub); color: var(--muted); }
.twt-guidebar__t { min-width: 0; overflow-wrap: anywhere; }
.twt-guide b { color: var(--fg-2); }
.twt-member { display: grid; gap: var(--sp-1); font-size: var(--fs-sub); color: var(--muted); min-width: 0; }
.twt-member small { font-size: var(--fs-cap); }
.twt-member select { width: 100%; min-width: 0; }
.twt-noguild .tw-empty { text-align: center; }
.twt-noguild .tw-btn { margin-top: var(--sp-2); }
.twt-go { display: grid; gap: var(--sp-2); padding-top: var(--sp-1); }
.twt-go .tw-btn-why { text-align: center; margin: 0; }
.twt-go .tw-btn-why[hidden] { display: none; }

/* 결과 화면(AV4): 맨 위 돌아가기 → 상대 세팅 → 결과 */
.twt-nav { justify-content: flex-start; }
.twt-setup { background: transparent; padding: var(--sp-3); border: 1px solid var(--foe-line); border-radius: var(--radius-sm); }   /* 결정 CQ18: 상대 = 빨강 외곽선(옛 왼쪽 띠 없음) */
.twt-setup h3 { margin: 0 0 var(--sp-1); font-size: var(--fs-body); color: var(--fg-2); }
.twt-setup__grid { display: grid; gap: var(--sp-3); }
@media (min-width: 600px) { .twt-setup__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .twt-setup__grid > :nth-child(2) { grid-row: span 2; } }
.twt-setup__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-1); font-size: var(--fs-sub); }
.twt-setup__list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1) var(--sp-2); padding: var(--sp-1) 0; border-bottom: 1px solid var(--rule); min-width: 0; }
.twt-setup__list li:last-child { border-bottom: 0; }
.twt-setup__list b { overflow-wrap: anywhere; }
.twt-setup__list small { color: var(--muted); font-size: var(--fs-cap); flex-basis: 100%; overflow-wrap: anywhere; }
.twt-setup__slot { color: var(--faint); font-size: var(--fs-cap); min-width: 2.5em; }
.twt-setup .tw-hint { margin: 0; }