/* One desktop viewport, with paged history/chat instead of nested scroll areas. */
.journal-pages,.record-tabs,.chat-heading,.chat-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px}.journal-pages{font-size:10px;color:#bed7e6}.journal-pages button{padding:3px 12px}.record-tabs{margin:8px 0}.record-tabs button,.chat-pagination button{border:1px solid #94bcd650;border-radius:7px;background:#15364f;color:#e3f1fa;padding:5px 9px;font-size:11px}.record-tabs button[aria-pressed=true]{background:#2f6381;color:#ffe3a0}.match-chat h3{margin:0;font-size:13px;color:#ffe4aa}.chat-heading button{font-size:10px;padding:3px}.chat-messages{min-height:75px;overflow-wrap:anywhere}.chat-messages p{font-size:12px;line-height:1.4;margin:5px 0;padding:5px;background:#18364e;border-radius:5px}.chat-messages b{color:#ffe1a0}.chat-pagination{justify-content:center;font-size:10px}.chat-form{display:flex;gap:5px;margin-top:6px}.chat-form input{min-width:0;flex:1;border:1px solid #85b5cd66;background:#0e2a40;color:#fff;border-radius:7px;padding:7px;font-size:12px}.chat-form button{padding:6px 9px;font-size:11px}.chat-notice{font-size:10px;line-height:1.4;color:#b7d8e6;margin:5px 0}.match-records>[hidden]{display:none!important}
.captured-line{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));overflow:visible!important;gap:2px!important;width:100%;min-width:0}.captured-line .captured-piece{min-width:0!important;width:100%!important;padding:0!important;border:0;background:transparent}.captured-line .captured-icon{width:100%!important;max-width:44px;height:auto!important;aspect-ratio:1}.captured-line .captured-piece-label{display:none!important}.captured-line:empty{display:none!important}.captured-list{display:block!important;overflow:visible!important;min-width:0}.captured-line .piece{max-width:100%;max-height:100%}
@media(min-width:1100px){
 body.fit-match #app{max-width:none!important;width:100%;padding:0 24px!important;margin:0}body.fit-match header{height:64px;margin:0;padding:7px 0;border:0}body.fit-match header .brand img{width:43px;height:43px}body.fit-match header .brand small{display:none}body.fit-match header .brand b{font-size:17px}body.fit-match header .player-badge{padding:7px 12px}body.fit-match .match{margin:0;padding:0;width:100%}body.fit-match .back-row{height:30px;margin:0;padding:0}body.fit-match .back-row small{font-size:9px}body.fit-match .match-layout{display:grid!important;grid-template-columns:var(--fit-board) minmax(0,1fr)!important;gap:20px;max-width:none!important;height:var(--match-height);align-items:stretch;margin:0}
 body.fit-match .board-column{min-width:0;display:flex;flex-direction:column;align-items:center;gap:0}body.fit-match .board-column>.player-card,body.fit-match .board-column>.player-bar,body.fit-match .board-presentation-note,body.fit-match .board-column>.coach-controls{display:none!important}body.fit-match .board-frame{width:var(--fit-board)!important;max-width:100%;padding:6px;border-radius:13px;margin:0;transform:none!important}body.fit-match .board-grid{width:100%;aspect-ratio:1;height:auto;margin:0}body.fit-match .board-hint{font-size:10px;line-height:1.4;padding:7px 0;margin:0}
 body.fit-match .match-panel{position:static;max-height:none;height:100%;overflow:visible!important;scrollbar-gutter:auto;padding:14px 16px!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:10px 18px;min-width:0}body.fit-match .match-overview,body.fit-match .match-records,body.fit-match .match-tools{min-width:0}body.fit-match .match-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;border-top:1px solid #a3c5d535;padding-top:8px}body.fit-match .panel-head .eyebrow{font-size:9px}body.fit-match .connection{font-size:10px}body.fit-match .match-panel h2{font-size:clamp(18px,1.8vw,28px);line-height:1.15;margin:10px 0 7px}body.fit-match .match-meta{font-size:11px;line-height:1.5}body.fit-match .computer-rival-note,body.fit-match .match-reward{font-size:10px;line-height:1.5;padding:7px 9px;margin:8px 0}body.fit-match .desktop-match-summary{display:block;margin:10px 0 0;padding-top:10px}body.fit-match .desktop-match-summary>h3{font-size:12px;margin:0 0 8px}body.fit-match .summary-players{grid-template-columns:1fr!important;gap:7px}body.fit-match .summary-player{padding:8px 10px;display:grid;grid-template-columns:1fr auto;gap:5px}body.fit-match .summary-identity{gap:2px}body.fit-match .summary-identity strong{font-size:12px}body.fit-match .summary-state{font-size:10px}body.fit-match .summary-side{font-size:10px}body.fit-match .summary-side i{width:9px;height:9px}body.fit-match .summary-clock-row{margin:0;flex-direction:column;gap:2px;justify-content:center;align-items:flex-end}body.fit-match .summary-clock{font-size:21px}body.fit-match .summary-clock-row small{font-size:9px}body.fit-match .summary-royal,body.fit-match .summary-classic{grid-column:1/-1;margin:0;padding:4px 0 0;gap:6px;align-items:center}body.fit-match .summary-royal b,body.fit-match .summary-classic b{font-size:10px}body.fit-match .summary-royal small,body.fit-match .summary-classic small{font-size:9px}body.fit-match .summary-kid-art{width:23px;height:27px}body.fit-match .summary-last-move{padding:6px 8px;margin-top:6px;gap:5px}body.fit-match .summary-last-move span{font-size:10px}body.fit-match .summary-last-move b{font-size:11px}
 body.fit-match .captured-pieces{margin:0;padding:0 0 6px;border-top:0}body.fit-match .captured-heading{margin:0 0 6px}body.fit-match .captured-heading h3{font-size:12px}body.fit-match .captured-heading>small,body.fit-match .captured-label,body.fit-match .captured-label>span{font-size:9px}body.fit-match .captured-list{margin-top:1px;min-height:18px}body.fit-match .captured-row+.captured-row{margin-top:6px}body.fit-match .captured-icon{max-width:37px!important}body.fit-match .captured-empty{font-size:10px;padding:3px 0;display:block}body.fit-match .journal-head{margin:8px 0 0;padding:0;border:0}body.fit-match .journal-head h3{font-size:12px}body.fit-match .journal-head small{font-size:10px}body.fit-match .journal-columns{display:grid;grid-template-columns:25px 1fr 1fr;padding:6px 4px;font-size:10px}body.fit-match .match-panel .journal{height:auto;max-height:none;overflow:visible!important;padding:0}body.fit-match .move-row{grid-template-columns:25px 1fr 1fr;min-height:23px;padding:5px 4px;font-size:11px;gap:5px}body.fit-match .move-row small{font-size:10px}body.fit-match .journal-empty{font-size:11px;padding:10px 3px;line-height:1.5}
 body.fit-match .panel-actions{display:flex;flex-wrap:wrap;border:0;padding:0;margin:0;gap:5px}body.fit-match .panel-actions .text-button{min-height:30px;font-size:11px;padding:5px 8px}body.fit-match .panel-actions svg{width:14px;height:14px}body.fit-match .sticker-turn-note{display:none}body.fit-match .social-match-tools{display:flex;margin:0;gap:6px}body.fit-match .social-match-tools button{font-size:10px;padding:4px}body.fit-match .match-tools>.tiny-note{display:none}body.fit-match .draw-offer{font-size:11px;margin:0}body.fit-match .coach-lesson{padding:7px 10px;margin:0;flex:1 1 100%;display:flex;gap:8px;align-items:center}body.fit-match .coach-lesson h3{font-size:12px;margin:0}body.fit-match .coach-lesson p{font-size:11px;line-height:1.4;margin:0;flex:1}body.fit-match .coach-lesson p:nth-of-type(2){display:none}body.fit-match .coach-lesson button{font-size:11px;padding:7px}body.fit-match .quality-summary{border:0;padding:0;margin:0;flex:1}body.fit-match .quality-summary h3{font-size:12px;margin:0 0 4px}body.fit-match .quality-sides{font-size:11px;gap:12px}body.fit-match .quality-sides b{font-size:17px}body.fit-match .quality-summary p{font-size:9px;line-height:1.4;margin:3px 0}body.fit-match .quality-summary button{font-size:11px;padding:6px 8px;min-height:28px}body.fit-match .result-banner{display:none}body.fit-match .room-block{margin:8px 0}body.fit-match .room-code b{font-size:21px}
 body.fit-match .online-result{margin:0 0 9px;padding:10px 14px;gap:10px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}body.fit-match .online-result .result-story h2{font-size:19px;margin:3px 0}body.fit-match .online-result .result-story p{font-size:10px;margin:2px 0}body.fit-match .online-result .result-story .eyebrow{font-size:8px}body.fit-match .online-result .result-coins{padding:6px;font-size:11px}body.fit-match .online-result .result-coins b{font-size:17px}body.fit-match .online-result .result-rating,body.fit-match .online-result .result-bonus{font-size:9px;line-height:1.4;margin:0}body.fit-match .online-result .result-buttons{gap:5px;display:flex;flex-wrap:wrap;max-width:320px}body.fit-match .online-result button{font-size:11px;padding:7px 10px;min-height:30px}body.fit-match .rematch-invitation{padding:5px;font-size:10px;margin:0;grid-column:1/-1}body.fit-match .online-result>*{min-width:0}
 body.fit-match footer{position:fixed;left:24px;bottom:9px;width:calc(100% - 290px);margin:0;padding:0;border:0}body.fit-match footer>span{display:none}body.fit-match .developer-credit{padding:0;border:0;justify-content:flex-start;gap:12px;font-size:9px}body.fit-match .developer-credit small{font-size:9px}body.fit-match .developer-credit svg{width:17px;height:17px}body.fit-match .bottom-dock{bottom:7px;left:auto;right:24px;transform:none;width:228px;padding:4px 8px;border-radius:16px}body.fit-match .bottom-dock button{min-width:0;padding:3px 10px;font-size:9px}body.fit-match .bottom-dock svg{width:18px;height:18px}
}

@media(min-width:1100px){body.fit-match .result-crown{display:none}body.fit-match .online-result .result-story{grid-column:1;grid-row:1}body.fit-match .online-result .result-coins,body.fit-match .online-result .free-match-summary{grid-column:2;grid-row:1}body.fit-match .online-result .result-buttons{grid-column:3;grid-row:1}body.fit-match .online-result .result-rating{grid-column:1/3}body.fit-match .online-result .result-bonus{grid-column:3}}

.in-arena .board-grid{grid-template-rows:repeat(var(--board-rows,var(--board-size,9)),minmax(0,1fr))}.in-arena .board-row{grid-template-columns:repeat(var(--board-columns,var(--board-size,9)),minmax(0,1fr))}
@media(min-width:1100px){body.fit-match .bottom-dock{position:fixed!important;margin:0!important}body.fit-match .summary-classic{align-items:flex-start;text-align:left}}

@media(min-width:1100px){body.fit-match .result-buttons{grid-column:3;grid-row:1;align-self:center;justify-content:flex-end}body.fit-match .online-result .result-coins{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}body.fit-match .online-result .result-coins small{font-size:8px;letter-spacing:.5px}body.fit-match .online-result .result-bonus{grid-column:3;grid-row:2}body.fit-match .online-result .pending-prize-note{font-size:10px;margin:0;grid-column:1/-1}body.fit-match .board-hint{background:none;border:0;min-height:0;max-width:100%;box-shadow:none}body.fit-match .points-pending{font-size:10px;padding:5px;margin:4px 0}body.fit-match .quality-summary .secondary{width:auto;min-height:28px;margin:5px 0 0}body.fit-match .match-panel{min-height:0}body.fit-match .quality-summary{max-width:600px}}

/* Captured figures use their allocated cell, not the old fixed 44px label grid. */
.captured-line .captured-piece{display:flex!important;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:minmax(0,1fr)}.captured-line .captured-icon{min-width:0;grid-area:auto}