/* One measured grid owns all four discard strips. */
.discard-layout{position:absolute;z-index:1;left:var(--discard-left,70px);right:var(--discard-right,70px);top:var(--discard-top,105px);bottom:var(--discard-bottom,140px);display:grid;grid-template-columns:var(--discard-side,30px) minmax(0,1fr) var(--discard-side,30px);grid-template-rows:var(--discard-row,39px) minmax(0,1fr) var(--discard-row,39px);grid-template-areas:"west north east" "west counter east" "west south east";gap:var(--discard-gap,6px);min-width:0;min-height:0;pointer-events:none}
.discard-layout #river{display:contents!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:none!important;border:0!important}
.discard-layout #river .opponent-discard,.discard-layout .self-discard-area{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0;min-height:0;margin:0;padding:4px;display:flex;gap:3px;overflow:hidden;pointer-events:auto;background:#174b382b;border:1px solid #cbb37530;border-radius:7px;box-shadow:none;z-index:auto}
.discard-layout #river .opponent-discard-2{grid-area:north;flex-direction:column}
.discard-layout #river .opponent-discard-3{grid-area:west;flex-direction:column}
.discard-layout #river .opponent-discard-1{grid-area:east;flex-direction:column}
.discard-layout .self-discard-area{grid-area:south;flex-direction:row;align-items:center}
.discard-layout #river .opponent-discard>small{flex:0 0 9px;min-width:0;font-size:7px;line-height:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbb986}
.discard-layout .opponent-discard-tiles,.discard-layout .self-discard-tiles{display:flex;flex:1;flex-wrap:nowrap;min-width:0;min-height:0;max-height:none;gap:2px;align-items:center;align-content:normal;padding:1px 2px 3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#879f6a transparent;overscroll-behavior:contain}
.discard-layout .opponent-discard-1 .opponent-discard-tiles,.discard-layout .opponent-discard-3 .opponent-discard-tiles{flex-direction:column;overflow-x:hidden;overflow-y:auto;justify-content:flex-start;padding:1px 1px 3px}
.discard-layout #river .tile,.discard-layout .self-discard-tiles .tile{flex:0 0 auto;width:var(--discard-tile-w,15px)!important;height:var(--discard-tile-h,21px)!important;min-width:0;min-height:0;margin:0;border-radius:2px;border-width:1px 1px 2px;box-shadow:1px 2px 0 #245b2f,1px 3px 2px #06271c30}
.discard-layout .self-discard-label{font-size:7px;line-height:1.15;letter-spacing:0;flex:0 0 9px;margin:0}
.discard-layout .center{grid-area:counter;position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-width:0;max-width:100%;align-self:center;justify-self:center;z-index:auto}
.discard-layout .center p{margin:0;padding:5px 7px;max-width:100%;white-space:nowrap;font-size:8px;line-height:1.3;background:#153b2b66;border:1px solid #a9ad6e44;border-radius:16px}
.discard-layout .self-discard-tiles:empty:after{content:'你的出牌';font-size:7px;line-height:1.3;white-space:nowrap}
.discard-layout .opponent-discard-tiles:empty:after{font-size:6px;line-height:1.3;white-space:normal;text-align:center;margin:auto;color:#a7b69588}
@media(orientation:landscape) and (max-height:599px){.discard-layout #river .opponent-discard,.discard-layout .self-discard-area{padding:3px;gap:2px}.discard-layout #river .opponent-discard>small{font-size:6px;line-height:7px;flex-basis:7px}.discard-layout .center p{font-size:7px;padding:4px 5px}}

.north .opponent-melds{flex-wrap:nowrap;max-width:100%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:thin}.north .opponent-meld{flex-shrink:0}.discard-layout.is-cramped #river .opponent-discard,.discard-layout.is-cramped .self-discard-area{padding:2px;gap:1px}.discard-layout.is-cramped #river .opponent-discard>small{font-size:6px;line-height:7px;flex-basis:7px}.compact-wall-count{display:none;color:#c2c692;font-size:8px;white-space:nowrap}.discard-counter-compact .compact-wall-count{display:inline}.discard-counter-compact .discard-layout .center{display:none}

.hand-tools{width:var(--layout-tools-width,calc(100% - 130px))!important;max-width:100%;margin-left:auto!important;margin-right:auto!important}.hand-tools>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hand-tools button{flex-shrink:0}@media(orientation:landscape) and (max-height:599px){.hand-tools{left:auto!important;right:var(--layout-tools-right,70px)!important;transform:none!important;width:max-content!important;justify-content:flex-end}}