.poker-screen{max-width:960px;margin:auto;padding:16px}.poker-table{background:radial-gradient(ellipse,#235b4d,#153a34);border:7px solid #634836;border-radius:48px;padding:24px 18px;box-shadow:inset 0 0 35px #0006;min-height:340px}.poker-seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.poker-seat{position:relative;padding:10px;border:2px solid transparent;border-radius:15px;background:#082a2866;min-width:0;transition:opacity .35s,border-color .3s}.poker-seat.current{border-color:#f0c24b;box-shadow:0 0 16px #f0c24b33}.poker-seat.folded:not(.current){opacity:.55}.poker-person{display:flex;justify-content:space-between;gap:6px;font-size:13px}.poker-person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poker-person b{white-space:nowrap}.poker-mini{display:flex;justify-content:center;margin:12px 0 6px}.poker-small-card{display:block;width:25px;height:36px;border-radius:3px;margin:0 1px;overflow:hidden}.poker-small-card.back{background:repeating-linear-gradient(45deg,#563d79 0 3px,#806399 3px 5px);border:2px solid #eee;animation:poker-deal .55s backwards;animation-delay:calc(var(--seat)*80ms)}.poker-small-card img,.poker-card img{width:100%;height:100%;object-fit:contain}.poker-small-card.revealed{animation:poker-reveal .5s both}.poker-status{font-size:12px;text-align:center;min-height:18px;animation:poker-action .4s}.poker-chips{display:block;text-align:center;color:#ffe092;font-size:14px;animation:poker-chip .45s both}.poker-pot{text-align:center;padding-top:18px;min-height:85px}.poker-pot small{display:block;opacity:.65;font-size:11px;letter-spacing:2px}.poker-pot strong{display:block;font-size:28px;color:#ffe092}.poker-hand{display:flex;justify-content:center;gap:8px;padding:30px 0 4px}.poker-card{width:clamp(45px,13vw,85px);aspect-ratio:5/7;background:#fff;border:0;padding:0;border-radius:7px;overflow:hidden;box-shadow:0 5px 12px #0005;transition:transform .13s,box-shadow .13s;animation:poker-deal .5s backwards;animation-delay:calc(var(--card)*75ms)}.poker-card:disabled{opacity:1;cursor:default}.poker-card.selected{transform:translateY(-14px);box-shadow:0 0 0 3px #f0c24b}.poker-hand-name{text-align:center;font-size:13px;min-height:24px;margin:8px}.poker-actions{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:8px}.poker-actions .btn{min-height:44px}.poker-amount{font-size:11px;display:grid;gap:3px}.poker-amount input{width:110px;padding:10px;border-radius:8px;border:1px solid #ffffff44;background:#ffffff11;color:inherit;font:inherit;font-size:16px}.poker-clock{text-align:center;margin:12px;font-variant-numeric:tabular-nums}.poker-payouts>div{animation:poker-chip .6s both;animation-delay:var(--delay);margin:6px}.poker-payouts span{display:inline-block;margin:4px 8px}.poker-payouts b{color:#ffe092}.poker-standings{margin:20px auto;max-width:500px;width:100%}.poker-standings>div{display:flex;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #ffffff22}.poker-help{position:relative}.poker-help summary{cursor:pointer;padding:8px}.poker-help>div{position:absolute;right:0;z-index:10;background:#241b3b;padding:12px 20px;min-width:190px;box-shadow:0 5px 25px #0006;border-radius:12px}.poker-help p{font-size:12px;margin:7px 0}@keyframes poker-deal{from{opacity:0;transform:translateY(-25px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes poker-chip{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes poker-reveal{from{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes poker-action{from{opacity:0}to{opacity:1}}@media(max-width:540px){.poker-screen{padding:8px}.poker-table{padding:16px 8px;border-width:5px;border-radius:30px}.poker-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poker-person{font-size:12px}.poker-actions .btn{padding:10px 13px;font-size:13px}.poker-seat{padding:7px}}@media(prefers-reduced-motion:reduce){.poker-screen *{animation:none!important;transition:none!important}}
.poker-card,.poker-small-card{position:relative}.poker-table{min-height:240px}.poker-seats{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.poker-screen{width:100%;box-sizing:border-box}.poker-actions .btn{font-size:13px;padding:10px 14px;min-height:44px}.poker-flying-chip{color:#ffe092;font-size:18px;font-weight:700;text-align:center}.poker-hand{padding-top:24px}@media(max-width:540px){.poker-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.poker-mini{margin-top:8px}}
.poker-ante,.poker-preview{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px;color:#ffe5a0;margin:0 0 12px}.poker-ante span{color:#c8c9c4}.poker-preview{margin:10px 0;min-height:18px}.poker-deck{position:absolute;left:12px;top:20px;display:block;width:25px;height:36px;background:repeating-linear-gradient(45deg,#563d79 0 3px,#806399 3px 5px);border:2px solid #eee;border-radius:3px;box-shadow:3px 3px 0 #7f728d,5px 5px 0 #eee}.poker-pot{position:relative}.poker-result .poker-deck{display:none}.poker-small-card.back{animation:none}.poker-small-card.role-card{box-shadow:0 0 0 2px #f0c24b,0 0 9px #f0c24b88}.poker-seat.winner{border-color:#f0c24b;background:#66542c55}.poker-seat.bankrupt{opacity:.42}.poker-seat.bankrupt .poker-mini{height:0;margin:0;overflow:hidden;transition:height .35s}.poker-payouts .unpaid{opacity:.6}.poker-payouts>div{animation:none}.poker-animated .poker-payouts .paid{animation:poker-chip .4s}.poker-screen:not(.poker-animated) *{animation:none!important}.poker-dealing .poker-hand,.poker-dealing .poker-hand-name{visibility:hidden}.poker-animated:not(.poker-dealing) .poker-hand{animation:poker-reveal .4s}.poker-eligible{font-size:11px}.poker-actions{position:relative}.poker-screen .poker-small-card{flex-shrink:0}.poker-screen .poker-person{flex-wrap:wrap}.poker-table{box-sizing:border-box}.poker-help>div{max-width:calc(100vw - 50px)}@media(max-width:380px){.poker-screen{padding:6px}.poker-card{width:calc((100vw - 58px)/5)}.poker-actions{gap:5px}.poker-actions .btn{padding:9px;font-size:12px}.poker-amount input{width:84px}.poker-small-card{width:21px;height:31px}.poker-seat{padding:5px}}
.poker-seats.seats-4{grid-template-columns:repeat(2,minmax(0,1fr))}.poker-seats.seats-4>.poker-seat:nth-child(3){order:4}.poker-seats.seats-4>.poker-seat:nth-child(4){order:3}.poker-seats>.poker-seat:nth-child(1){order:1}.poker-seats>.poker-seat:nth-child(2){order:2}.poker-seats.seats-6>.poker-seat:nth-child(3){order:3}.poker-seats.seats-6>.poker-seat:nth-child(4){order:6}.poker-seats.seats-6>.poker-seat:nth-child(5){order:5}.poker-seats.seats-6>.poker-seat:nth-child(6){order:4}.poker-seats.seats-5>.poker-seat:nth-child(3){order:3}.poker-seats.seats-5>.poker-seat:nth-child(4){order:5}.poker-seats.seats-5>.poker-seat:nth-child(5){order:4}@media(max-width:540px){.poker-seats.seats-6>.poker-seat:nth-child(3){order:4}.poker-seats.seats-6>.poker-seat:nth-child(4){order:6}.poker-seats.seats-6>.poker-seat:nth-child(5){order:5}.poker-seats.seats-6>.poker-seat:nth-child(6){order:3}.poker-seats.seats-5>.poker-seat:nth-child(3){order:4}.poker-seats.seats-5>.poker-seat:nth-child(4){order:5}.poker-seats.seats-5>.poker-seat:nth-child(5){order:3}}
.poker-controls{position:sticky;bottom:0;z-index:3;background:var(--screen);padding:6px 0 8px;box-shadow:0 -10px 14px var(--screen)}.poker-controls>.poker-preview{margin:8px 0 0}.poker-controls>.poker-clock{margin:8px 0 0;min-height:20px}@media(max-height:780px){.poker-screen>.poker-table{flex-shrink:1;min-height:0;overflow-y:auto}}@media(max-height:700px){.poker-screen .online-toolbar{padding:4px 0 8px}.poker-ante{margin-bottom:6px}.poker-table{min-height:0;padding:12px 8px}.poker-mini{margin:6px 0 4px}.poker-hand{padding:12px 0 4px}.poker-hand-name{min-height:18px;margin:4px}.poker-controls{padding:4px 0 6px}.poker-controls>.poker-preview,.poker-controls>.poker-clock{margin:5px 0 0}}
/* 電話幅でも3列2行。裏向きは重ねて幅を詰め、左端の数字が見えるよう後の札を下に敷く。 */
@media(max-width:540px){.poker-seats.seats-5,.poker-seats.seats-6{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.poker-seats.seats-6>.poker-seat:nth-child(3){order:3}.poker-seats.seats-6>.poker-seat:nth-child(4){order:6}.poker-seats.seats-6>.poker-seat:nth-child(5){order:5}.poker-seats.seats-6>.poker-seat:nth-child(6){order:4}.poker-seats.seats-5>.poker-seat:nth-child(3){order:3}.poker-seats.seats-5>.poker-seat:nth-child(4){order:5}.poker-seats.seats-5>.poker-seat:nth-child(5){order:4}.poker-seats.seats-5 .poker-small-card,.poker-seats.seats-6 .poker-small-card{width:21px;height:31px;margin-left:-8px}.poker-mini>*:first-child{margin-left:0}.poker-mini>*:nth-child(1){z-index:5}.poker-mini>*:nth-child(2){z-index:4}.poker-mini>*:nth-child(3){z-index:3}.poker-mini>*:nth-child(4){z-index:2}.poker-mini>*:nth-child(5){z-index:1}}
@media(max-width:380px){.poker-seats.seats-5 .poker-seat,.poker-seats.seats-6 .poker-seat{padding:4px}.poker-seats.seats-5 .poker-person,.poker-seats.seats-6 .poker-person{font-size:11px}}
/* 共通部品をポーカーの余白に合わせる。残り時間が入ってもバーの高さは変えない。 */
.poker-screen .online-event{padding:0 14px 2px}.poker-screen .online-takeover{margin:2px 0;padding:6px}.poker-controls>.poker-clock{min-height:24px}.poker-controls .online-turn-clock{display:inline-block;margin:0;padding:2px 10px}