/* 섹션 사이에만 여는 판정 무대. 짧은 가로 화면도 카드 안에서 읽는다. */
.section-transition {margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;position:fixed;inset:0;z-index:85;display:grid;place-items:center;padding:16px;background:rgba(6,13,32,.92);color:#f8fafc;}
.section-recap {width:min(700px,100%);max-height:100%;overflow:auto;border:1px solid #6780ac;border-radius:24px;padding:28px;background:radial-gradient(ellipse at top,#243961,#111e38 65%);box-shadow:0 24px 80px #0008;text-align:center;animation:section-arrive .35s ease-out both;}
.section-eyebrow {margin:0 0 8px;font-size:16px;letter-spacing:.12em;font-weight:700;color:#c4d5f5;}
.section-winner {margin:0 0 18px;font-size:clamp(24px,5vw,36px);line-height:1.25;overflow-wrap:anywhere;}
.section-transition.win .section-winner {color:#ffe297;}
.section-transition.loss .section-winner {color:#ffd0b8;}
.section-transition.draw .section-winner {color:#c9d9ff;}
.section-score-label {font-size:14px;color:#cfdaed;margin-bottom:12px;}
.section-previous {display:inline-block;margin-left:8px;white-space:nowrap;}
.section-scoreboard {display:flex;align-items:center;justify-content:center;gap:8px;}
.section-player {flex:1;min-width:0;display:grid;justify-items:center;gap:4px;padding:14px 6px;border:1px solid #60779c;border-radius:16px;background:#142644;}
.section-player-name {font-size:14px;font-weight:700;overflow-wrap:anywhere;}
.section-player-name .bot-badge {display:block;color:#cfdaed;font-size:12px;}
.section-win-number {font-size:clamp(38px,10vw,76px);line-height:1.05;font-variant-numeric:tabular-nums;}
.section-points {font-size:12px;color:#d3dff3;}
.section-score-colon {font-size:24px;color:#b9ccec;}
.score-updated .gained {border-color:#ffd775;background:#3a321f;}
.score-updated .gained .section-win-number {color:#ffe297;animation:section-score-pop .65s ease-out both;}
.section-match-hint {font-size:15px;margin:18px 0;color:#d3dff3;overflow-wrap:anywhere;}
.section-match-hint.emphasized {color:#ffe297;font-weight:800;}
.section-next {display:flex;align-items:center;justify-content:center;gap:16px;font-size:17px;font-weight:700;}
.section-next b {display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;background:#e2edff;color:#142644;font-size:28px;font-variant-numeric:tabular-nums;}
.section-wait-track {height:4px;background:#334767;border-radius:4px;overflow:hidden;margin-top:16px;}
.section-wait-track span {display:block;height:100%;background:#ffe297;}
@keyframes section-arrive {from {opacity:0;transform:translateY(16px) scale(.96);}to {opacity:1;transform:none;}}
@keyframes section-score-pop {0% {transform:scale(.8);}40% {transform:translateY(-8px) scale(1.18);}100% {transform:none;}}
.section-transition.reduced .section-recap,.section-transition.reduced .section-win-number {animation:none;}
@media (prefers-reduced-motion:reduce) {.section-recap,.score-updated .gained .section-win-number {animation:none;}}
@media (max-width:480px) {.section-recap {padding:20px 12px;}.section-scoreboard {gap:4px;}.section-score-colon {font-size:18px;}.section-scoreboard:has(.section-player:nth-child(5)) {flex-wrap:wrap;}.section-scoreboard:has(.section-player:nth-child(5)) .section-player {flex:1 1 25%;}.section-scoreboard:has(.section-player:nth-child(5)) .section-score-colon {display:none;}.section-player-name {font-size:13px;}}
@media (max-height:500px) {.section-transition {padding:8px;}.section-recap {padding:12px 20px;border-radius:16px;}.section-eyebrow {font-size:12px;margin-bottom:4px;}.section-winner {font-size:24px;margin-bottom:8px;}.section-score-label {margin-bottom:6px;}.section-player {padding:6px;gap:2px;}.section-win-number {font-size:44px;}.section-match-hint {margin:8px 0;font-size:14px;}.section-next {font-size:15px;}.section-next b {min-height:36px;min-width:36px;font-size:24px;}.section-wait-track {margin-top:8px;}}

.section-transition:not([open]) {display:none;}
.section-transition::backdrop {background:transparent;}