/* Computer mode reuses the online table geometry and palette. */
.computer-app .sidebar{display:block}
.computer-app .tip{display:none}
.computer-app .self-label{display:contents}
.computer-app .self-label>small{display:none}
.computer-app .self-label strong{font-size:13px}
.computer-app .online-self{width:max-content;max-width:100%}
.computer-app .your-turn .self-label strong{color:#ffe38d}
.computer-app .identity{display:contents}
.computer-app .seat-name small{display:none}
.computer-app .seat small.count{grid-column:1/-1;color:#b8cab8}
.computer-app .opponent-stock,.computer-app .opponent-discards,.computer-app .self-discards{display:contents}
.computer-app .opponent-stock>small{display:none}
.computer-app .online-seat .seat-piles{flex-direction:row}
.computer-app .online-self-piles .pile-wrap{gap:4px}
.computer-app .online-self-piles .pile-wrap>small{font-weight:normal}
.computer-app .table-pause{z-index:5}
.computer-app .online-center .builds{margin:0}
.computer-app .online-center .card.empty>span{display:none}
.computer-app .online-self .card .color-label{display:none}
.computer-app .your-turn #hand-heading{color:#ffe38d}
@media(min-width:701px){
 .computer-app .opponents-row{display:contents}
 .computer-app .online-seat{width:auto}
 .computer-app .online-play-area{grid-template-areas:'felt felt' 'controls controls' 'hand reactions' 'note note'}
 .computer-app .online-self{justify-self:center}
 .computer-app .online-seat .avatar{width:25px;height:25px}
 .computer-app .online-seat .seat-name{grid-column:2}
 .computer-app .online-seat .seat-piles{grid-column:1/-1}
 .computer-app .self-label .avatar{width:23px;height:23px;margin:0}
}
@media(max-width:700px){
 .computer-app .online-felt{display:flex;gap:18px;padding:24px 18px}
 .computer-app .online-seat{width:auto;min-width:0;max-width:100%}
 .computer-app .opponents-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}
 .computer-app .online-center{order:2}
 .computer-app .online-self{order:4;display:flex;gap:8px;padding:4px}
 .computer-app .self-label{display:flex;gap:8px;align-items:center;margin:0}
 .computer-app .online-deck{position:static;order:3}
 .computer-app .online-self-piles{gap:8px}
 .computer-app .online-center .builds{max-width:none}
 .computer-app .sidebar{padding-left:0;border-left:0;margin-top:20px}
}