/* PC companion composition approved 2026-10-14. Compact remains unchanged. */
.big-two-companion{display:none}
body[data-theme] #bigTwoTable.is-immersive{isolation:isolate;max-width:1840px;grid-template-rows:minmax(280px,1fr) 76px auto 58px}
#bigTwoTable.is-immersive:before{content:'';position:absolute;inset:23% -1% -8px;border:14px solid #e9bc88;border-radius:50% / 48%;background:radial-gradient(ellipse at 50% 25%,#e8f4c9,#bedfc2 74%,#a9d2b8);box-shadow:inset 0 0 0 3px #fff0c6;z-index:3;pointer-events:none}
body[data-theme] #bigTwoTable.is-immersive .big-two-arena{background:none;border:0;box-shadow:none;overflow:visible}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent{display:block;position:absolute;top:0;left:3%;width:23%;height:clamp(220px,33vh,350px);padding:0;border:0;background:none;box-shadow:none;animation:none;transform:none;isolation:auto;overflow:visible;border-radius:0}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='right']{left:auto;right:3%}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='top']{left:40.5%;right:auto;top:-8px;width:19%;height:clamp(170px,24vh,255px)}
/* Seat depth: side companions meet the near rim while the far companion reads larger. */
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='left'],body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='right']{top:clamp(24px,4vh,48px)}
#bigTwoTable.is-immersive .big-two-opponent[data-position='top'] .companion-body,#bigTwoTable.is-immersive .big-two-opponent[data-position='top'] .companion-paws{transform:scale(1.2);transform-origin:50% 0}
#bigTwoTable.is-immersive .big-two-opponent>.big-two-avatar{display:none}
#bigTwoTable.is-immersive .big-two-companion{display:contents}
#bigTwoTable.is-immersive .big-two-companion svg{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
#bigTwoTable.is-immersive .companion-body{z-index:2;filter:drop-shadow(0 6px 5px #654e3d20)}
#bigTwoTable.is-immersive .companion-paws{z-index:4;clip-path:inset(60% 0 0 0);-webkit-mask-image:radial-gradient(ellipse 78% 48% at 50% 95%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 78% 48% at 50% 95%,#000 55%,transparent 100%)}
#bigTwoTable.is-immersive .big-two-opponent>.big-two-fan{position:absolute;top:calc(100% - 25px);left:calc(50% - 75px);width:150px;z-index:5;margin:0}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent>strong{position:absolute;left:calc(50% - 100px);top:calc(100% + 22px);width:200px;max-width:200px;padding:7px 8px 7px 14px;padding-right:91px;text-align:left;line-height:27px;font-size:16px;background:#fffaf0f5;border:1px solid #cbb8cb;border-radius:22px;z-index:6;box-shadow:0 4px 12px #80684f20}
body[data-theme] #bigTwoTable.is-immersive .big-two-card-count{position:absolute;top:calc(100% + 29px);left:50%;width:86px;height:27px;z-index:6;display:flex;gap:4px;font-size:15px;align-items:center}
body[data-theme] #bigTwoTable.is-immersive .big-two-card-count b{font-size:22px;line-height:27px}
body[data-theme] #bigTwoTable.is-immersive .big-two-player-state{position:absolute;left:calc(50% - 100px);top:calc(100% + 67px);width:200px;text-align:center;z-index:6;background:#fffaf0ee;border-radius:12px;font-size:11px;padding:2px}
#bigTwoTable.is-immersive .big-two-one-card{z-index:7;top:calc(100% - 50px);left:50%;right:auto}
body[data-theme] #bigTwoTable.is-immersive .big-two-center{z-index:6;top:auto;bottom:0;transform:translateX(-50%);width:30%;min-height:133px;padding:8px;border-radius:24px}
#bigTwoTable.is-immersive .big-two-self-presence{z-index:6}
body[data-theme] #bigTwoTable.is-immersive .big-two-status{position:relative;z-index:7}
body[data-theme] #bigTwoTable.is-immersive .big-two-own{position:relative;z-index:7;width:76%;max-width:1100px;margin:auto;padding:0}
body[data-theme] #bigTwoTable.is-immersive .big-two-actions{position:relative;z-index:7}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history{z-index:7;bottom:105px;width:240px;max-height:135px;height:135px;background:#fffaf3ee;border:1px solid #ded4c8;border-radius:16px}
#bigTwoTable.is-immersive .big-two-recent-history ol{max-height:92px}
#bigTwoTable.is-immersive .is-acting .companion-body,#bigTwoTable.is-immersive .is-acting .companion-paws{animation:companion-breathe 2s ease-in-out infinite}
body[data-theme] #bigTwoTable.is-immersive .is-acting>strong{border:2px solid #83a6de;box-shadow:0 0 16px #91b3e15c}
#bigTwoTable.is-immersive .is-passed .big-two-fan{opacity:.65;translate:0 6px}
#bigTwoTable.is-immersive .big-two-bubble-layer{z-index:9}
@keyframes companion-breathe{50%{translate:0 -3px}}
#bigTwoTable.is-still .companion-body,#bigTwoTable.is-still .companion-paws{animation:none!important}
@media(prefers-reduced-motion:reduce){#bigTwoTable .companion-body,#bigTwoTable .companion-paws{animation:none!important}}

/* Reserve real snapshot lead/status/13-card geometry, not only the mockup. */
body[data-theme] .big-two-game:has(#bigTwoTable.is-immersive) .big-two-top h1{font-size:24px;line-height:1.3}
body[data-theme] #bigTwoTable.is-immersive{grid-template-rows:minmax(280px,1fr) 60px auto 58px}
body[data-theme] #bigTwoTable.is-immersive .big-two-current-play{min-height:68px}
body[data-theme] #bigTwoTable.is-immersive .big-two-current-play .big-two-card{height:76px;width:55px;font-size:22px}
body[data-theme] #bigTwoTable.is-immersive .big-two-center p{margin:3px 0}
body[data-theme] #bigTwoTable.is-immersive .big-two-own:not(.is-last-card) .big-two-hand{min-height:110px;padding:14px 8px 4px}
body[data-theme] #bigTwoTable.is-immersive .big-two-own:not(.is-last-card) .big-two-hand .big-two-card{height:96px;width:70px}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history{height:95px;max-height:95px;bottom:190px;width:220px}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history ol{max-height:53px}

body[data-theme] #bigTwoTable.is-immersive .big-two-center{gap:2px}
body[data-theme] #bigTwoTable.is-immersive .big-two-center p{margin:0;line-height:18px;font-size:12px}
body[data-theme] #bigTwoTable.is-immersive .big-two-current-play{min-height:60px}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='top']>strong{padding-block:3px}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='top']>.big-two-card-count{top:calc(100% + 25px)}
body[data-theme] #bigTwoTable.is-immersive .big-two-opponent[data-position='top']>.big-two-player-state{left:100%;top:55%;width:120px;padding:4px}

body[data-theme] #bigTwoTable.is-immersive .big-two-center{top:32vh;bottom:auto}
body[data-theme] #bigTwoTable.is-immersive .big-two-status{position:absolute;top:var(--companion-status-y,60%);left:0;width:100%}
#bigTwoTable.is-immersive .big-two-opponent:has([data-expression='play']) .companion-body,#bigTwoTable.is-immersive .big-two-opponent:has([data-expression='play']) .companion-paws{animation:companion-play 1.4s ease-in-out infinite}
@keyframes companion-play{50%{translate:0 -5px}}

@media(min-width:1100px) and (max-height:699px){body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center{top:50%}}

body[data-theme] #bigTwoTable.is-immersive .big-two-status{grid-area:auto}

/* The lead pile stays on the same table anchor through the final card. */
body[data-theme] #bigTwoTable.is-immersive #bigTwoTurn{max-width:280px;font-size:19px;line-height:24px;text-align:center;overflow-wrap:anywhere}

body[data-theme] #bigTwoTable.is-immersive .big-two-center{top:31.5vh;min-height:120px}

@media(min-width:1100px) and (max-height:699px){
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center{min-height:133px;padding:8px;gap:3px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center p{margin:0;font-size:12px;line-height:16px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play{min-height:60px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play .big-two-card{height:76px;width:55px}
}

@media(min-width:951px){body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-status{align-content:start;grid-template-rows:max-content max-content max-content;gap:4px}}

@media(max-width:700px) and (min-height:651px) and (orientation:portrait){
body[data-theme] #bigTwoTable .big-two-status{grid-template-columns:minmax(0,1fr) 42px;grid-template-rows:26px 10px;gap:3px 6px;max-width:280px;width:100%;margin:auto;align-items:center}
body[data-theme] #bigTwoTable #bigTwoTurn{grid-column:1;grid-row:1;font-size:18px;line-height:22px}
body[data-theme] #bigTwoTable #bigTwoTurnProgress{grid-column:1;grid-row:2;width:100%}
body[data-theme] #bigTwoTable #bigTwoTimer{grid-column:2;grid-row:1/3}
}

body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history{height:75px;max-height:75px;bottom:210px}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history ol{max-height:32px}

/* Preserve the full desktop history column and keep real cards outside it. */
body[data-theme] #bigTwoTable.is-immersive .big-two-own{width:calc(100% - 570px);max-width:1100px}
body[data-theme] #bigTwoTable.is-immersive .big-two-own:not(.is-last-card) .big-two-hand .big-two-card{width:clamp(65px,5.1vw,70px)}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history{width:270px;height:200px;max-height:200px;bottom:66px}
body[data-theme] #bigTwoTable.is-immersive .big-two-recent-history ol{max-height:150px}

/* Reserve one hand slot: a final card must not push the arena or timer upward. */
body[data-theme] #bigTwoTable.is-immersive .big-two-own{height:134px}
body[data-theme] #bigTwoTable.is-immersive .big-two-hand{height:110px;min-height:110px}
body[data-theme] #bigTwoTable.is-immersive .big-two-own.is-last-card .big-two-hand{padding:0}
body[data-theme] #bigTwoTable.is-immersive .big-two-own.is-last-card .big-two-hand .big-two-card{width:100px;height:108px}
body[data-theme] #bigTwoTable.is-immersive .big-two-own .big-two-near-win{position:absolute;right:0;top:4px;max-width:calc(50% - 65px);font-size:14px;line-height:18px;margin:0}
@media(min-width:701px) and (min-height:700px){body[data-theme] #bigTwoTable .big-two-own.is-last-card .big-two-card.is-selected{transform:translateY(-8px)}}

@media(min-width:701px) and (min-height:700px){
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{position:relative;height:148px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand{height:126px;min-height:126px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand{padding:8px 0 4px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:100px;height:108px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-near-win{position:absolute;right:8px;top:4px;width:140px;max-width:calc(50% - 65px);font-size:14px;line-height:18px;margin:0}
}

@media(min-width:701px) and (max-width:1099px) and (min-height:501px){
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-status{grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:34px 12px;gap:4px 6px;width:330px;max-width:100%;margin:auto;align-content:start;align-items:center}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurn{grid-column:1;grid-row:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurnProgress{grid-column:1;grid-row:2;width:100%}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTimer{grid-column:2;grid-row:1/3}
}

/* Short desktop fallback: compact seats and an explicit history row. */
@media(min-width:1100px) and (max-height:699px){
body[data-theme] #bigTwoTable:not(.is-immersive){height:calc(100dvh - 85px);min-height:0;grid-template-rows:minmax(150px,1fr) 50px 45px auto 58px;grid-template-areas:'arena' 'status' 'recent' 'hand' 'actions'}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent{top:0;min-height:82px;width:185px;grid-template-columns:44px minmax(0,1fr);padding:6px;gap:2px 8px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent .big-two-avatar{width:44px;height:44px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent strong{font-size:16px;line-height:20px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center{top:auto;bottom:8px;transform:translateX(-50%);min-height:90px;padding:4px;gap:2px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center p{font-size:11px;line-height:14px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play{min-height:46px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play .big-two-card{height:46px;width:34px;font-size:14px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play .suit{font-size:22px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-status{grid-template-columns:minmax(0,1fr) 40px;grid-template-rows:28px 12px;gap:4px 6px;max-width:330px;margin:auto;width:100%;align-items:center}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurn{grid-column:1;grid-row:1;font-size:18px;line-height:24px}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurnProgress{grid-column:1;grid-row:2;width:100%}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTimer{grid-column:2;grid-row:1/3}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history{grid-area:recent;position:static;height:45px;min-height:0;padding:4px 8px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history h2{display:none}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history ol{max-height:36px}
}

/* Native 200% zoom can land just above the old950px landscape boundary. */
@media(min-width:951px) and (max-width:1099px) and (max-height:500px){
body[data-theme] .big-two-game[data-view='playing']{padding:6px 16px}
body[data-theme] .big-two-game[data-view='playing'] .big-two-top h1{font-size:16px;line-height:20px}
body[data-theme] #bigTwoTable:not(.is-immersive){height:calc(100dvh - 55px);min-height:0;grid-template-rows:minmax(150px,1fr) 42px 70px 44px;grid-template-areas:'arena' 'status' 'hand' 'actions';gap:2px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent{width:145px;min-height:60px;grid-template-columns:30px minmax(0,1fr);padding:4px;gap:0 6px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent .big-two-avatar{width:30px;height:30px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent strong{font-size:13px;line-height:16px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent .big-two-card-count b{font-size:20px;line-height:22px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-player-state{font-size:10px;line-height:12px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent[data-position='top']{top:0}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent[data-position='left'],body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent[data-position='right']{top:44px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent .big-two-fan{display:none}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center{top:auto;bottom:8px;transform:translateX(-50%);width:46%;min-height:84px;padding:4px;gap:2px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center p{margin:0;font-size:11px;line-height:14px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play{min-height:46px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play .big-two-card{width:34px;height:46px;font-size:14px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-current-play .suit{font-size:22px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-status{grid-template-columns:auto 170px 42px;grid-template-rows:1fr;gap:10px;align-items:center;align-content:center}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurn{font-size:14px;line-height:18px}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoTurnProgress{width:170px;height:10px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{width:100%;max-width:none;padding-right:194px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand{padding:0 8px;min-height:56px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand .big-two-card{width:46px;height:56px;font-size:18px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand .suit{font-size:25px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history{position:absolute;right:4px;bottom:55px;width:190px;height:62px;max-height:62px;padding:4px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history h2{font-size:11px;margin-bottom:2px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history ol{max-height:37px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-actions{width:350px;gap:12px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-actions button{min-height:44px;font-size:19px;padding:4px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:70px;height:94px}
}

@media(min-width:951px) and (max-width:1099px) and (max-height:500px){
body[data-theme] #bigTwoTable:not(.is-immersive):has(.big-two-own.is-near-win){grid-template-rows:minmax(150px,1fr) 42px 90px 44px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{position:relative}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-near-win{position:absolute;left:8px;top:8px;width:140px;font-size:12px;line-height:14px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:55px;height:65px}
body[data-theme] #bigTwoTable:not(.is-immersive) #bigTwoSelectionStatus{font-size:11px;line-height:14px;min-height:16px}
}

body[data-theme] #bigTwoTable .big-two-own.is-last-card .big-two-hand{width:fit-content;min-width:100px;margin-inline:auto}
body[data-theme] #bigTwoTable .big-two-own.is-last-card .big-two-near-win{width:fit-content;margin-inline:auto}

/* Native175% zoom: a short tablet-width layout, not the tall tablet minimum. */
@media(min-width:701px) and (max-width:1099px) and (min-height:501px) and (max-height:699px){
body[data-theme] .big-two-game[data-view='playing'] .big-two-top h1{font-size:18px;line-height:24px}
body[data-theme] #bigTwoTable:not(.is-immersive){height:calc(100dvh - 85px);min-height:0;grid-template-rows:minmax(150px,1fr) 50px 35px auto 48px;grid-template-areas:'arena' 'status' 'recent' 'hand' 'actions'}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent{top:0}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-opponent .big-two-fan{display:none}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-center{bottom:8px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history{height:35px;min-height:0;padding:2px 6px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history h2{display:none}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-recent-history ol{max-height:29px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{position:relative}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand{padding:8px 0 2px;min-height:90px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand .big-two-card{width:60px;height:80px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:100px;height:110px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-near-win{position:absolute;left:8px;top:8px;width:140px;font-size:14px;line-height:16px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-actions button{min-height:45px;font-size:20px;padding:4px}
}

@media(min-width:1100px) and (max-height:699px){
body[data-theme] #bigTwoTable:not(.is-immersive):has(.big-two-own.is-last-card){grid-template-rows:minmax(150px,1fr) 50px 45px auto 58px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{position:relative;height:148px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand{height:126px;min-height:126px;padding:8px 0 4px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:100px;height:108px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-near-win{position:absolute;right:8px;top:4px;max-width:calc(50% - 65px);font-size:14px;line-height:18px;margin:0}
}
@media(min-width:701px) and (max-width:1099px) and (min-height:501px) and (max-height:699px){
body[data-theme] #bigTwoTable:not(.is-immersive):has(.big-two-own.is-last-card){grid-template-rows:minmax(150px,1fr) 50px 35px auto 48px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own{height:118px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-hand{height:96px;min-height:96px;padding:8px 0 4px}
body[data-theme] #bigTwoTable:not(.is-immersive) .big-two-own.is-last-card .big-two-hand .big-two-card{width:80px;height:80px}
}

/* Existing reconnect action occupies a reserved footer slot only when needed. */
body[data-theme] #bigTwoTable:has(#bigTwoResumeControl:not([hidden])){--companion-action-span:min(760px,96%)}
body[data-theme] #bigTwoTable:has(#bigTwoResumeControl:not([hidden])) .big-two-actions{width:calc(var(--companion-action-span)*.75 - 8px);margin-left:calc((100% - var(--companion-action-span))/2);margin-right:0}
body[data-theme] #bigTwoTable #bigTwoResumeControl{position:absolute;right:calc((100% - var(--companion-action-span,min(760px,96%)))/2);bottom:0;width:calc(var(--companion-action-span,min(760px,96%))*.25);min-height:45px;padding:4px;font-size:14px;line-height:18px;z-index:9}
@media(min-width:1100px) and (min-height:700px){body[data-theme] #bigTwoTable #bigTwoResumeControl{bottom:6px}}
@media(min-width:951px) and (max-width:1099px) and (max-height:500px){body[data-theme] #bigTwoTable:not(.is-immersive):not(:has(.big-two-own.is-near-win)){grid-template-rows:minmax(150px,1fr) 42px 90px 44px}}

/* Medium PC keeps the played-card panel clear of the actor and timer without covering the top seat. */
@media(min-width:1100px) and (max-width:1359px) and (min-height:700px){
body[data-theme] #bigTwoTable.is-immersive .big-two-center{min-height:110px;padding:4px;gap:0}
body[data-theme] #bigTwoTable.is-immersive .big-two-current-play .big-two-card{height:64px;width:47px;font-size:20px}
}