/* Compact tables keep the hand and its stable action strip together on laptops. */
@media(min-width:721px) and (max-height:1000px){
 .game{padding-top:5px;padding-bottom:5px}
 .game-topline{margin-bottom:3px}
 .player{min-height:66px}
 .player img.portrait{height:65px;width:49px}
 .players{padding-bottom:5px}
 .table-surface{min-height:195px;grid-template-columns:minmax(150px,1fr) minmax(280px,2.6fr) 190px;gap:20px}
 .cooking-leaf{height:155px;margin-top:8px}
 .recipe-preview img{max-height:120px}
 .pack-preview{height:120px;width:120px;left:calc(50% - 60px);top:10px}
 .cooking-station p{margin-top:9px;font-size:.8rem}
 .market{display:grid;grid-template-columns:80px 80px;gap:11px}
 .market-pile{width:80px}
 .market-pile button{width:62px;height:93px}
 .market-pile strong{top:73px}
 .market-pile.discard-pile{grid-column:1/-1;display:flex;gap:8px;align-items:center;width:auto;justify-content:center}
 .market-pile.discard-pile button{width:30px;height:45px;margin:0 4px 0 0;box-shadow:2px 3px #ac9a64}
 .market-pile.discard-pile strong{position:static;font-size:.7rem;min-width:20px}
 .action-strip{min-height:70px;margin:5px 0;padding:8px 12px}
 .hand-heading{margin-top:3px;min-height:40px}
 .hand{min-height:225px;padding-top:13px;padding-bottom:5px}
 .hand-card{flex-basis:128px}
 .pack{width:60px;min-height:86px}
}
@media(min-width:721px) and (max-height:800px){
 .topbar{min-height:57px;padding-top:3px;padding-bottom:3px}
 .audio-strip{min-height:46px}
 .table-surface{min-height:165px}
 .cooking-leaf{height:125px;max-width:400px}
 .cooking-station h2{font-size:.85rem}
 .recipe-preview img{max-height:100px}
 .pack-preview{width:95px;height:95px;left:calc(50% - 47.5px);top:8px}
 .cooking-station p{font-size:.73rem;min-height:18px;margin-top:8px}
 .market-pile button{width:52px;height:78px;margin-bottom:5px}
 .market-pile strong{top:60px}
 .market{gap:7px}
 .hand-card{flex-basis:111px}
 .hand{min-height:210px;padding-top:12px}
 .player{min-height:61px}
 .player img.portrait{height:60px;width:46px}
 .action-strip{min-height:66px}
 .action-copy small{font-size:.68rem}
}
body.calm *{scroll-behavior:auto}
@media(max-width:720px){.topbar nav{gap:1px}.topbar .flag{min-width:36px;padding:4px}.topbar #rules{max-width:78px;line-height:1.1}.topbar #leave{max-width:75px;line-height:1.1}.wordmark{font-size:1rem}.topbar{column-gap:4px}}
@media(max-width:380px){.topbar{display:grid;grid-template-columns:1fr}.topbar nav{justify-content:space-between;width:100%}.wordmark{display:none}.topbar #connection{top:63px}.topbar .flag{min-width:40px}}
@media(max-width:720px){
 .topbar .wordmark{display:none}
 .topbar nav{width:100%;justify-content:space-between;margin-left:0}
 .topbar{min-height:57px;flex-wrap:nowrap}
 .topbar #connection{top:63px}
 .market{flex-direction:row;flex-wrap:nowrap;align-self:center;gap:3px}
 .market-pile{width:43px;min-width:43px;font-size:.6rem}
 .market-pile button{width:39px;height:59px}
 .market-pile strong{top:41px;right:-1px}
 .market-pile label{line-height:1.2;min-height:28px}
 .action-options button{flex:1 1 0;padding:6px;font-size:.7rem;line-height:1.2}
 .action-strip{min-height:95px}
 .action-copy small{font-size:.67rem}
 .my-stall{min-height:60px}
}
@media(max-width:720px){
 .player{min-height:58px}
 .players{padding-bottom:5px}
 .cooking-leaf{height:80px}
 .recipe-preview img{max-height:68px}
 .pack-preview{width:70px;height:70px;left:calc(50% - 35px);top:0}
 .cooking-station p{display:none}
 .my-stall{padding-top:4px;padding-bottom:4px}
 .market-pile{width:44px;min-width:44px}
 .market-pile button{width:44px;height:66px}
 .market-pile strong{top:47px}
 .player .mini-packs{display:none}
 .card-caption button{min-width:44px}
}
.player button.portrait{position:absolute;left:0;bottom:0;width:51px;height:66px;min-height:44px;padding:0;border:0;background:transparent}
.player button.portrait img{width:100%;height:100%;object-fit:contain}
.public-pack-reader{display:flex;flex-wrap:wrap;gap:12px;max-width:700px}.public-pack-reader>div{width:90px;text-align:center}.public-pack-reader img{width:90px;display:block}.public-pack-reader p{font-size:.8rem;margin-bottom:0}
.mini-pack{min-width:44px;width:44px;height:44px;min-height:44px}.mini-packs{overflow-x:auto;max-width:100%;padding:3px}