/* v0.2: player-owned groups and four independent public play areas. */
.hand{display:flex;justify-content:safe center;align-items:flex-end;gap:13px;overflow-x:auto;padding:22px 6px 7px;min-height:139px;scrollbar-width:thin;scrollbar-color:#b9c9ad transparent}
.hand-cluster{position:relative;flex:0 0 auto;padding-top:17px;padding-bottom:5px;border-bottom:3px solid transparent;border-radius:4px;max-width:100%}
.hand-cluster.left{border-color:#bc974d;background:linear-gradient(0deg,#e6d4a42d,transparent 80%)}
.hand-cluster.right{border-color:#729e7a;background:linear-gradient(0deg,#c5dabb30,transparent 80%)}
.cluster-cards{display:flex;align-items:flex-end}
.cluster-cards>.card+.card{margin-left:calc(var(--step) - var(--cw))}
.group-bar{position:absolute;left:0;right:0;top:-9px;display:flex;justify-content:space-between;align-items:center;gap:1px;font-size:10px;white-space:nowrap;height:21px;color:#8a977d}
.group-select{font-size:10px;line-height:18px;padding:1px 5px;border-radius:5px;background:#f0e6ca;color:#826532;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.right .group-select{background:#e5eddf;color:#4d734d}.group-select:hover{filter:brightness(.94)}
.group-remove{font-size:16px;width:22px;height:22px;line-height:18px;color:#8e9c80;padding:0}.group-remove:hover{color:#974b43;background:#f2e5d6;border-radius:5px}
.group-legend{display:flex;align-items:center;gap:13px;margin-top:9px;font-size:9px;color:#8a987f}.group-legend>span{display:flex;gap:4px;align-items:center}.group-legend i{width:5px;height:5px;border-radius:50%;display:inline-block}.legend-gold{background:#bd974d}.legend-jade{background:#729e7a}.group-legend button{font-size:9px;color:#78906c;padding:2px 4px}.group-legend #order-hand{margin-left:auto}
.hand-tools button{padding:5px 7px;border-radius:5px}.hand-tools #sort-hand:not(:disabled){background:#e2ecd9;color:#406542;font-weight:600}.hand-tools #auto-group:not(:disabled){color:#7e6638;background:#f2ecd9}
.seat-play{position:absolute;z-index:2;max-width:225px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}
.seat-play.top{top:155px;left:50%;transform:translateX(-50%)}
.seat-play.bottom{bottom:68px;left:50%;transform:translateX(-50%)}
.seat-play.left{left:148px;top:230px;align-items:flex-start}.seat-play.right{right:148px;top:230px;align-items:flex-end}
.seat-play-caption{font-size:9px;color:#cad9bf;line-height:1.4;letter-spacing:.3px}.seat-play.current .seat-play-caption{color:#f6d895}.seat-play.current .seat-cards{filter:drop-shadow(0 0 5px #ead79242)}
.seat-cards{display:flex;align-items:center}.seat-cards>.card+.card{margin-left:-22px}.seat-cards .card.small{--cw:46px;height:65px}
.seat-play.previous-trick{opacity:.55}.seat-pass{font-size:13px;color:#cad7b9;background:#133c3326;border-radius:12px;padding:5px 10px;letter-spacing:2px}
.table-status{bottom:18px;left:160px;right:160px;font-size:11px;line-height:1.45;min-height:16px}
.game-shell:has(.seat-play) .center-table{pointer-events:none}
.seat-play.burst{animation:play-in .3s ease-out}@keyframes play-in{from{opacity:.3;filter:brightness(1.4)}to{opacity:1;filter:brightness(1)}}
@media(min-width:901px) and (max-height:850px){.game-shell{height:calc(100dvh - 390px);min-height:340px}.hand{min-height:130px;padding-top:20px;padding-bottom:4px}.group-legend{margin-top:7px}.seat-play.top{top:130px}.seat-play.bottom{bottom:49px}.seat-play.left,.seat-play.right{top:170px}.seat-play.left{left:145px}.seat-play.right{right:145px}.seat-cards .card.small{--cw:42px;height:59px}.seat-cards>.card+.card{margin-left:-23px}.table-status{bottom:12px;font-size:10px}.center-table:has(.result-title){top:120px}}
@media(min-width:901px) and (max-width:1180px){.seat-play.left{left:120px}.seat-play.right{right:120px}.seat-play{max-width:190px}.seat-cards .card.small{--cw:40px}.seat-cards>.card+.card{margin-left:-23px}}
@media(min-width:901px) and (max-height:760px){
 main{padding-top:12px}.topbar{margin-bottom:10px}.eyebrow{display:block;line-height:12px}h1{font-size:21px;line-height:1.25;margin-top:4px}.room-toolbar{margin-bottom:8px}
 .game-shell{height:calc(100dvh - 400px);min-height:320px}.player.top{top:38px}.player.top .avatar{width:45px;height:45px}.player.left,.player.right{top:142px}.seat-play.top{top:121px}.seat-play.left,.seat-play.right{top:161px}.seat-cards .card.small{height:54px}
 .hand{min-height:112px;padding-top:14px;padding-bottom:4px}.hand .card{height:74px}.hand-cluster{padding-top:14px;padding-bottom:3px}
}
@media(max-width:900px){.game-shell{height:500px}.seat-play.left{left:122px}.seat-play.right{right:122px}.seat-play.top{top:160px}.seat-play.bottom{bottom:66px}.seat-play.left,.seat-play.right{top:245px}.table-status{bottom:17px}}
@media(max-width:600px){
 .game-shell{height:480px;min-height:480px}.felt-table{inset:156px 42px 47px}.player.top{top:79px}.player.left,.player.right{top:203px}.player.bottom{bottom:52px;width:105px}.player.bottom .player-name{max-width:75px}.player.bottom .player-meta{font-size:7px}.player.bottom .avatar{width:30px;height:30px;font-size:15px}
 .seat-play.top{top:166px}.seat-play.left{left:15px;top:289px;align-items:flex-start}.seat-play.right{right:15px;top:289px;align-items:flex-end}.seat-play.bottom{bottom:61px;left:57%}.seat-play{max-width:148px;gap:4px}.seat-play-caption{font-size:8px;letter-spacing:0}.seat-cards .card.small{--cw:29px;height:46px}.seat-cards>.card+.card{margin-left:-18px}.seat-cards .card.small .corner{font-size:12px}.seat-cards .card.small .corner small{font-size:9px}.seat-cards .card.small .pip{font-size:13px;right:3px;bottom:4px}.seat-pass{font-size:11px;padding:5px 9px}.table-status{bottom:15px;left:77px;right:79px;font-size:9px;line-height:1.5}
 .hand-panel{padding-left:11px;padding-right:11px}.hand-topline{align-items:flex-start}.hand-tools{gap:1px!important;flex-wrap:wrap;justify-content:flex-end;max-width:225px}.hand-tools button{font-size:9px;padding:5px 6px}.group-legend{font-size:8px;gap:8px;flex-wrap:wrap}.group-legend button{font-size:8px}.group-legend #order-hand{margin-left:0}.hand{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:21px 12px;padding:24px 6px 8px 0;min-height:150px;overflow-x:visible;--cw:43px;--step:23px}.hand-cluster{max-width:100%;padding-top:12px;padding-bottom:4px}.hand-cluster.loose{width:100%}.loose .cluster-cards{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:16px 0;padding-right:20px}.loose .cluster-cards>.card+.card{margin-left:0}.grouped .cluster-cards>.card+.card{margin-left:-20px}.group-bar{font-size:9px;top:-12px}.group-select{font-size:9px;line-height:19px;padding:1px 6px}.group-remove{width:25px;height:25px}.grouped .card.selected{transform:translateY(-8px)}.hand-empty{width:100%;min-height:80px;display:grid;place-items:center}.action-bar>span{line-height:1.6}.action-bar{position:sticky;bottom:0;background:#fffef9f2;padding:7px 0 2px;z-index:4;border-top:1px solid #e6eada}
}
@media(prefers-reduced-motion:reduce){.seat-play.burst{animation:none}}