/* Desktop presentation only. Existing small-screen layout stays in its own styles. */
.desktop-match-summary,.journal-columns,.captured-piece-label{display:none}
@media(min-width:1200px){
 body.in-arena #app{max-width:1640px;padding-left:32px;padding-right:32px}
 .in-arena .match-layout{max-width:none;grid-template-columns:minmax(0,980px) minmax(390px,1fr);gap:28px;margin-inline:auto}
 .in-arena .match-panel{padding:26px 28px;border-radius:23px;background:linear-gradient(145deg,#193d53f2,#102337f5);border-color:#b7d4e064;box-shadow:0 18px 40px #071b3d66,inset 0 1px 0 #d3edff16;scrollbar-gutter:stable;scroll-padding-block:24px}
 .in-arena .panel-head .eyebrow{font-size:11px;letter-spacing:2px}.in-arena .connection{font-size:12px;gap:7px}.in-arena .connection svg{width:16px;height:16px}
 .in-arena .match-panel h2{font-size:32px;line-height:1.2;margin:18px 0 12px;overflow-wrap:anywhere}
 .in-arena .match-meta{font-size:13px;line-height:1.8;color:#d1e4f3}
 .desktop-match-summary{display:block;border-top:1px solid #adcbd335;margin-top:22px;padding-top:18px}
 .desktop-match-summary>h3{font-size:15px;color:#f9e6b8;margin:0 0 13px;font-weight:650}
 .summary-players{display:grid;grid-template-columns:1fr;gap:12px}
 .summary-player{border:1px solid #b5cfdf38;border-radius:14px;padding:14px;background:linear-gradient(125deg,#5a85a320,#09203530);min-width:0}
 .summary-player.summary-active{border-color:#a6e4da88;box-shadow:inset 3px 0 0 #8edfd3;background:linear-gradient(125deg,#3c788b35,#13344b44)}
 .summary-identity{min-width:0;display:grid;gap:5px}.summary-side{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#e5eff5;text-transform:uppercase;letter-spacing:.8px}.summary-side i{width:12px;height:12px;display:block;border-radius:50%;border:1px solid #e1c683;background:#fff5dc;box-shadow:0 1px 3px #06152d55}.summary-player.black .summary-side i{background:#141e2e;border-color:#adc4d5}
 .summary-identity strong{font-size:15px;line-height:1.4;color:#fff2d8;overflow-wrap:anywhere}.summary-state{font-size:12px;line-height:1.5;color:#b8d9e6}.summary-active .summary-state{color:#b9f3dc;font-weight:650}
 .summary-clock-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.summary-clock{font-size:25px;font-weight:800;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#f2f8ff}.summary-clock.clock-low{color:#ffafbd}.summary-untimed{font-size:13px;color:#c3d9e6}.summary-clock-row small{font-size:11px;color:#adc8d7}
 .summary-royal{border-top:1px solid #adcbd329;margin-top:10px;padding-top:8px;display:flex;gap:8px;align-items:center}.summary-kid-art{width:31px;height:39px;display:block;flex-shrink:0}.summary-kid-art .piece{width:100%;height:100%;filter:drop-shadow(0 1px 2px #00112688)}.summary-royal b{font-size:12px;font-weight:650;color:#dcecf2;display:block;line-height:1.5}.summary-royal small{display:block;font-size:10px;line-height:1.6;color:#acc5d5}.summary-royal.empowered b{color:#ffe49a}
 .summary-last-move{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:11px 13px;border-radius:10px;background:#06203855;border:1px solid #adcbd32b}.summary-last-move span{font-size:12px;color:#b6d2e0}.summary-last-move b{font-size:13px;color:#ffdf9c;font-weight:650;overflow-wrap:anywhere}
 .in-arena .captured-pieces{margin-top:20px;padding-top:18px}.in-arena .captured-heading h3{font-size:16px}.in-arena .captured-heading>small{font-size:12px}.in-arena .captured-label{font-size:12px;gap:10px}.in-arena .captured-label>span{font-size:11px;min-width:23px}.in-arena .captured-list{gap:8px;min-height:51px;margin-top:7px}.in-arena .captured-empty{font-size:12px}.in-arena .captured-piece{display:grid;grid-template-columns:44px auto;gap:0 6px;padding:5px 9px 5px 3px;min-width:97px;border-radius:11px}.in-arena .captured-icon{width:44px;height:49px;grid-column:1;grid-row:1 / 3}.in-arena .captured-piece-label{display:block;grid-column:2;grid-row:1;font-size:12px;font-weight:650;color:#dceaf0;align-self:end}.in-arena .captured-piece strong{grid-column:2;grid-row:2;align-self:start;font-size:13px;color:#f4dc9f}.in-arena .captured-row+.captured-row{margin-top:14px}
 .in-arena .journal-head{margin-top:19px;padding-top:18px}.in-arena .journal-head h3{font-size:16px}.in-arena .journal-head>small{font-size:12px}
 .journal-columns{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);gap:10px;padding:13px 10px 7px;color:#c0d7e6;font-size:11px;font-weight:650;letter-spacing:.5px}
 .in-arena .match-panel .journal{height:clamp(145px,23vh,250px);padding-top:2px}.in-arena .move-row{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);gap:10px;font-size:14px;padding:12px 10px;min-height:41px;border-radius:8px;font-variant-numeric:tabular-nums;align-items:center}.in-arena .move-row small{font-size:12px}.in-arena .move-row span{white-space:normal;overflow-wrap:anywhere}.in-arena .move-row:last-child{background:#a4d6e517;border:1px solid #a5d7e32b}.in-arena .journal-empty{font-size:14px;line-height:1.8;padding:22px 10px}
 .in-arena .panel-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px;padding-top:17px}.in-arena .panel-actions .text-button{justify-content:center;text-align:center;min-height:42px;border-radius:10px;border:1px solid #a0c6dc38;background:#224c6533;font-size:12px;padding:8px 5px;gap:6px;line-height:1.4}.in-arena .panel-actions svg{width:17px;height:17px;flex-shrink:0}.in-arena .panel-actions .danger{border-color:#ec9aa536;background:#613b4d22}
 .in-arena .sticker-turn-note{font-size:12px;margin-top:10px}.in-arena .tiny-note{font-size:12px;line-height:1.8}.in-arena .draw-offer{font-size:13px}.in-arena .match-reward{font-size:13px;padding:12px 14px}.in-arena .room-block small{font-size:10px}.in-arena .room-code b{font-size:29px}
 .in-arena .quality-summary{margin-top:22px;padding-top:18px}.in-arena .quality-summary h3{font-size:19px;margin:0 0 16px}.in-arena .quality-summary h3 small{font-size:10px}.in-arena .quality-sides{font-size:15px;gap:20px}.in-arena .quality-sides b{font-size:28px}.in-arena .quality-summary p{font-size:13px;line-height:1.8}.in-arena .coach-lesson{padding:18px}.in-arena .coach-lesson h3{font-size:17px}.in-arena .coach-lesson p{font-size:14px;line-height:1.8}.in-arena .result-banner .primary{min-height:47px;font-size:14px}
}
@media(min-width:1600px){.summary-players{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-clock-row{align-items:flex-start;flex-direction:column;gap:4px}.summary-royal{align-items:flex-start}.summary-royal b{font-size:12px}.summary-royal small{font-size:10px}.in-arena .match-panel{padding:28px 30px}}

.clock-explanation{font-size:11px;line-height:1.7;color:#b7d3e1;padding:10px 12px;border:1px solid #9bc6d736;border-radius:10px;background:#0a294044;margin:16px 0 0}@media(min-width:1200px){.clock-explanation{font-size:13px}}

.error-banner{align-items:center;gap:12px;font-size:13px;line-height:1.6;padding:14px 18px}.error-banner>svg{width:22px;height:22px;flex:0 0 22px}.error-banner>span{flex:1;min-width:0}.error-banner button{flex-shrink:0}