/* v1.7.6 - screenshot-driven runtime fixes for short browser landscape */
.color-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}
.color-count{display:inline-flex;align-items:center;gap:3px;min-width:28px;padding:2px 5px;border-radius:6px;background:#0c0b0ae8;border:1px solid #ffffff24;color:#f8ead2}.color-count.zero{opacity:.38}.color-count b{font-size:10px;line-height:1}
.color-square{display:inline-block;width:13px;height:13px;aspect-ratio:1/1;border-radius:3px;border:1px solid #fff7;box-shadow:inset 0 2px 3px #fff5,0 2px 3px #0007}.color-square.Y{background:var(--y)}.color-square.R{background:var(--r)}.color-square.G{background:var(--g)}.color-square.B{background:var(--b)}
.upgrade-pair{display:inline-flex;align-items:center;justify-content:center;gap:6px}.upgrade-mini-arrow{font-size:14px;font-weight:900;color:#e5ba64}.upgrade-choice{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px}.upgrade-choice small{font-size:11px;font-weight:900}.upgrade-step-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:42px}.upgrade-step-list .upgrade-pair{padding:5px 7px;border-radius:7px;background:#100d0b;border:1px solid #5c4734}
.ai-action-replay{z-index:195!important;top:44px!important;bottom:auto!important;left:50%!important;width:min(380px,calc(100vw - 230px))!important;max-height:58px!important;padding:6px 9px!important;border-radius:9px!important;overflow:hidden!important;transform:translate(-50%,0)!important;box-shadow:0 6px 20px #000b!important}
.ai-replay-kicker{display:none!important}.ai-replay-main{display:block!important}.ai-replay-card,.ai-replay-icon{display:none!important}.ai-replay-main h4{margin:0 0 4px!important;font:800 9px/1.1 Inter,"Noto Sans SC",sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-change>small{display:none!important}.ai-change-row{justify-content:center!important;gap:7px!important;overflow:hidden!important}.ai-change-row .change-arrow{font-size:13px!important}.ai-change-row .color-summary{flex-wrap:nowrap;gap:3px}.ai-change-row .color-count{min-width:23px;padding:2px 3px}.ai-change-row .color-square{width:9px;height:9px}.ai-change-row .color-count b{font-size:8px}.ai-replay-card .upgrade-full{display:none!important}.ai-replay-card .upgrade-compact{display:inline!important;font-size:12px!important}.ai-replay-card .effect{max-width:100%!important;max-height:100%!important;overflow:hidden!important}
.opponent-seat{overflow:hidden!important}.seat-footer{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 31px!important;gap:2px!important;align-items:center!important}.seat-footer .played-stat{display:none!important}.seat-footer .mini-stat{width:100%!important;min-width:0!important;height:17px!important;padding:0 2px!important}.seat-footer .coin-stack{width:31px!important;min-width:31px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(2,14px)!important;gap:2px!important}.seat-footer .coin{width:14px!important;height:14px!important;min-width:14px!important;font-size:6px!important;border-width:1px!important}
body.game-active main{height:100dvh!important;min-height:0!important}.landscape-game-shell{min-height:0!important}
@media (orientation:landscape) and (max-height:520px){:root{--runtime-dock-h:clamp(76px,23dvh,88px);--v160-card-w:clamp(56px,min(7.8vw,calc((100dvh - 154px)/2.8)),72px)!important}.landscape-game-shell{grid-template-rows:minmax(0,1fr) var(--runtime-dock-h)!important}.personal-zone{height:var(--runtime-dock-h)!important;max-height:var(--runtime-dock-h)!important}.hand-row .game-card,.rest-action-card{height:min(calc(clamp(56px,6.2vw,60px)*1.42),calc(var(--runtime-dock-h) - 6px))!important}.game-hud{height:clamp(29px,9.4dvh,34px)!important;flex-basis:clamp(29px,9.4dvh,34px)!important}.game-hud .room-head,.game-hud .turn-banner{height:100%!important;min-height:0!important}.table-opponents .player-name,.landscape-right-rail .player-name{font-size:clamp(8px,2.45dvh,9px)!important}}
@media (orientation:landscape) and (max-height:330px){:root{--runtime-dock-h:70px;--v160-card-w:clamp(50px,7vw,58px)!important}.game-hud{height:28px!important;flex-basis:28px!important}.ai-action-replay{top:34px!important;max-height:48px!important}.personal-identity-row{height:16px!important}.caravan-capacity-grid{height:31px!important;min-height:31px!important}.official-lane-head span{display:none!important}}