/* VS stage: one readable visual language across intros, play and results. */
.show-mode .live{--vs-ink:#19334a;--vs-red:#e95149;--vs-mint:#43ac99;--vs-gold:#f5c660;--vs-paper:#fffdf6}
.show-mode .live:before{background:radial-gradient(ellipse at 50% 10%,#fff 0%,#fbf8ef 55%,#e5ece8 100%);opacity:1;animation:none;transform:none}
.show-mode .live:after{background:radial-gradient(ellipse at 50% 115%,#91b7b242,transparent 58%)}
.show-mode .live .arena{color:var(--vs-ink)}
.show-mode .live .control-bar .btn{border-radius:11px;letter-spacing:.06em;transition:transform .16s,box-shadow .16s}
.show-mode .live .control-bar .btn-red{background:var(--vs-red);border:2px solid #fff7e7;box-shadow:0 4px 0 #ae3937,0 9px 20px #1d3c4926}
.show-mode .live .control-bar .btn-cream{background:#f6cb6d;color:#19334a;border:2px solid #fff7e7;box-shadow:0 4px 0 #bc8a3a,0 9px 20px #1d3c4926}
.show-mode .live .control-bar .btn-outline{background:#fff;color:#314d5c;border:2px solid #dce6e3;box-shadow:0 4px 12px #17384c18}
.show-mode .live .control-bar .btn:active{transform:translateY(3px);box-shadow:none}
.show-mode .live .hint{color:#718995;letter-spacing:.05em}
.show-mode .live .game-progress{background:#fffdf7;color:#23435a;border-left:5px solid var(--vs-red);border-radius:8px;box-shadow:0 5px 18px #14374818}
.show-mode .live .game-progress span{color:#bd4b43}
.show-mode .live .phase-playing #game-canvas{border:clamp(4px,.35vw,7px) solid #fff;border-radius:18px;box-shadow:0 22px 50px #244c5b32,0 4px 12px #203b4a1c}
.show-mode .live .phase-playing .play-scene>h2{color:var(--vs-ink);letter-spacing:-.035em}
.show-mode .live .phase-playing .play-scene>p{color:#52717b}
/* Intros and instructions share the same festive show framing. */
.show-mode .live .phase-title .game-title-scene:before{border:3px solid #d7e6df;background:radial-gradient(circle,#fff9dc 0,#eaf4ed 64%,transparent 72%);box-shadow:0 0 0 20px #e7eee961}
.show-mode .live .phase-title .game-title-kicker{background:#193b4c;color:#fff5dc;border-radius:7px;box-shadow:0 5px 14px #153d4a24}
.show-mode .live .phase-title .game-title-ribbon{background:#e95149;color:white;border-radius:8px;box-shadow:0 5px 0 #b23d38}
.show-mode .live .phase-title .game-title-tagline{color:#426475;letter-spacing:.1em}
.show-mode .live .stage-player{border-radius:12px;box-shadow:0 7px 18px #1c425326}
.show-mode .live .phase-intro .competitor{border:3px solid #fff4dc;border-radius:20px;background:linear-gradient(145deg,#e75a4c,#b8393d);color:white;box-shadow:0 12px 28px #1e3d4e32}
.show-mode .live .phase-intro .competitor:last-child{background:linear-gradient(145deg,#47af99,#24786f)}
.show-mode .live .phase-intro .competitor small{color:#fff0d2}
.show-mode .live .phase-intro .vs{color:#e84d45;text-shadow:3px 4px 0 #ffd27b}
.show-mode .live .phase-intro .matchup-tag{color:#45677a}
.show-mode .live .tutorial-copy{border:2px solid #e4ece4;border-radius:20px;background:#fffefa;box-shadow:0 16px 38px #284b5726}
.show-mode .live .tutorial-step span{background:#e95149;color:#fff}
.show-mode .live .tutorial-step p{color:#234255}
.show-mode .live .tutorial-tip{color:#428477}
.show-mode .live .phase-ready .ready-roster>div{border-radius:18px;box-shadow:0 12px 28px #1d485127}
/* Point awards are stacked, with the actual change and running total distinct. */
.show-mode .live:has(.phase-match-result) .live-top{display:none}
.show-mode .live:has(.phase-match-result) .arena{width:100%;max-width:none}
.show-mode .live .phase-match-result .vs-result-show{height:100%;max-width:none;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(8px,2vh,24px) clamp(15px,5vw,90px);color:#19334a}
.show-mode .live .result-kicker{color:#b64a41;font-size:clamp(12px,1.2vw,19px);font-weight:950;letter-spacing:.2em}
.show-mode .live .phase-match-result .vs-result-show h2{font-family:Impact,'Arial Black',sans-serif;color:#17364b;text-shadow:none;font-size:clamp(42px,6.2vw,104px);line-height:.96;letter-spacing:.015em;margin:clamp(6px,1.2vh,16px) 0;text-transform:uppercase}
.show-mode .live .vs-result-show .result-detail{color:#5b7782;font-weight:750;font-size:clamp(14px,1.4vw,22px);margin:2px 0 6px}
.show-mode .live .phase-match-result .result-cards{display:flex;flex-direction:column;flex-wrap:nowrap;width:min(100%,1500px);max-width:none;gap:clamp(9px,1.6vh,18px);margin:clamp(10px,2vh,24px) auto}
.show-mode .live .phase-match-result .result-card{width:100%;max-width:none;min-width:0;flex:initial;display:flex;gap:clamp(12px,2vw,30px);align-items:center;padding:clamp(12px,2vh,25px) clamp(16px,2.3vw,36px);border:2px solid #dbe8e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px #1b435020;animation:vs-result-arrive .5s calc(var(--result-order,0)*.12s) both}
.show-mode .live .phase-match-result .result-card.winner:not(.solo-result){border-color:#edbf60!important;background:linear-gradient(105deg,#fff4d0,#fffdf4 70%)!important;box-shadow:0 0 0 5px #f6d88233,0 12px 28px #a77b2d2c}
.show-mode .live .phase-match-result .result-avatar{display:grid;place-items:center;width:clamp(54px,7vw,105px);height:clamp(54px,7vw,105px);flex:none;border-radius:50%;background:#ecf5ee;font-size:clamp(35px,4.5vw,65px);line-height:1}
.show-mode .live .phase-match-result .winner:not(.solo-result) .result-avatar{background:#ffe6a0}
.show-mode .live .phase-match-result .result-identity{flex:1;min-width:0;text-align:left}
.show-mode .live .phase-match-result .result-role{display:block;margin:0 0 4px;color:#b24b40;font-size:clamp(10px,1vw,16px);font-weight:950;letter-spacing:.13em}
.show-mode .live .phase-match-result .result-identity strong{display:block;color:#17384c;font-size:clamp(24px,3.8vw,58px);line-height:1.05;overflow-wrap:anywhere}
.show-mode .live .phase-match-result .result-identity small{display:block;color:#557482;font-size:clamp(15px,1.8vw,28px);font-weight:800;margin-top:5px}
.show-mode .live .phase-match-result .result-award{flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:clamp(85px,12vw,175px)}
.show-mode .live .phase-match-result .result-award strong{color:#cf4d40;font-size:clamp(38px,6vw,86px);font-weight:1000;line-height:.9}
.show-mode .live .phase-match-result .result-award span,.show-mode .live .phase-match-result .result-award small{font-size:clamp(10px,1vw,16px);color:#54717d;font-weight:950;letter-spacing:.06em;margin-top:5px}
.show-mode .live .phase-match-result .result-award .result-solo-note{color:#397f70}
.show-mode .live .vs-result-show .result-footnote{font-size:clamp(13px,1.2vw,19px);color:#607c87;margin:0}
@keyframes vs-result-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
/* Every leaderboard stays in reading order, top to bottom. */
.show-mode .live .flow-standings-grid,.show-mode .live .final-board-grid,.show-mode .live .flow-solo-cards,.show-mode .live .flow-mini-list{grid-template-columns:minmax(0,1fr)!important}
.show-mode .live .flow-standing,.show-mode .live .final-board-row{border-radius:15px;border:2px solid #dce9e3;background:#fff;box-shadow:0 8px 20px #234b5518}
.show-mode .live .flow-standing.leading,.show-mode .live .final-board-row.first{background:linear-gradient(100deg,#fff1c7,#fffdf5);border-color:#e9bd59;box-shadow:0 0 0 4px #f1cf6c35,0 10px 24px #a87c3126}
.show-mode .live .flow-standing.second,.show-mode .live .final-board-row.second{background:linear-gradient(100deg,#e7f2ef,#fff);border-color:#a9d0c4}
.show-mode .live .flow-standing>b,.show-mode .live .final-board-rank{color:#be4c40}
.show-mode .live .flow-standing strong,.show-mode .live .final-board-score{color:#1c4052}
.show-mode .live .solo-leaders-scene .flow-solo-cards div,.show-mode .live .flow-mini-list div{background:#fff;border:2px solid #dcece5;border-radius:14px;box-shadow:0 7px 20px #214a5314}
.show-mode .live .santa-caption:not(:empty){max-width:min(760px,76vw);border:2px solid #f2d89a;background:#17364aee;color:#fff9e8;border-radius:13px;box-shadow:0 8px 24px #183b5033;font-size:clamp(13px,1vw,18px)}
.show-mode .live .host-indicator:not(:empty){border-radius:10px;background:#173b48;color:#fff0c5;border:1px solid #d7c58b}
@media(max-width:700px){.show-mode .live .phase-match-result .result-card{padding:9px 11px;gap:8px}.show-mode .live .phase-match-result .result-avatar{width:46px;height:46px;font-size:29px}.show-mode .live .phase-match-result .result-identity strong{font-size:21px}.show-mode .live .phase-match-result .result-identity small{font-size:13px}.show-mode .live .phase-match-result .result-award{min-width:65px}.show-mode .live .phase-match-result .result-award strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){.show-mode .live .phase-match-result .result-card{animation:none}}
/* Bonus awards use the same large, single-column stage as the standings. */
.show-mode .live .phase-vs-records .vs-records-scene{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:clamp(8px,2vh,24px) clamp(6px,2vw,32px)}
.show-mode .live .phase-vs-records .vs-records-scene h2{font-size:clamp(40px,6vw,105px);line-height:.98;margin:6px 0}
.show-mode .live .phase-vs-records .vs-records-scene>p{font-size:clamp(14px,1.5vw,23px);margin:5px 0 12px}
.show-mode .live .vs-record-list{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);flex:1;min-height:0;gap:clamp(7px,1.2vh,14px);margin:0}
.show-mode .live .vs-record-list>div{min-width:0;min-height:0;padding:clamp(9px,1.5vh,20px) clamp(15px,2vw,32px);border:2px solid #ead08a;border-radius:15px;background:linear-gradient(100deg,#fff4d5,#fffdf7);box-shadow:0 8px 22px #2948511a}
.show-mode .live .vs-record-list span,.show-mode .live .vs-record-list strong{font-size:clamp(18px,2.5vw,38px);color:#1c3d4e}
.show-mode .live .vs-record-list small{font-size:clamp(13px,1.5vw,22px);color:#b54e3e}
.show-mode .live .phase-solo-award .flow-award-title,.show-mode .live .phase-solo-award-intro .flow-award-title{font-size:clamp(38px,6vw,96px)}
.show-mode .live .phase-solo-award .flow-award-points{font-size:clamp(25px,4vw,62px);color:#cb4c3f}
.show-mode .live .phase-round-result h2,.show-mode .live .phase-cast-intro h2,.show-mode .live .phase-round-intro .round-announce h2{color:#1b3a4d;text-shadow:4px 5px 0 #f6d58b}
.show-mode .live .phase-round-result p,.show-mode .live .phase-cast-intro p{color:#4e6b78}
.show-mode .live .phase-round-result .eyebrow,.show-mode .live .phase-cast-intro .eyebrow,.show-mode .live .phase-round-intro .eyebrow{color:#b54c40}
@media(max-width:700px){.show-mode .live .vs-record-list>div{grid-template-columns:minmax(0,1fr);gap:2px}.show-mode .live .vs-record-list span,.show-mode .live .vs-record-list strong{font-size:15px}.show-mode .live .vs-record-list small{grid-column:auto;text-align:left;font-size:12px}}
