/* Keep the table in focus: compact navigation, prominent balances and explicit actions. */
.brand{margin-bottom:30px}.sidebar-bottom{padding-bottom:22px}.help-link{padding:12px}.help-link>span:last-child{margin-left:0}.sidebar-divider{margin-top:20px;margin-bottom:12px}.create-room{font-size:12px}
.game-content{padding-top:28px}.table-heading{margin-bottom:16px}.room-title-row{display:flex;align-items:center;gap:8px}.room-title-row h1{margin-top:0}.table-announcement{min-height:38px;display:flex;align-items:center;justify-content:center;margin:4px auto 24px;padding:8px 16px;max-width:650px;border:1px solid #e0e8d8;border-radius:9px;background:#f2f6ec;color:#49673d;font-size:13px;font-weight:600;line-height:1.5;text-align:center}.table-announcement[data-type=settle]{color:#8b6b25;background:#fbf6e7;border-color:#e8dcae}.notice-pop{animation:notice-in .28s ease-out}
.player-pill{min-width:150px}.player-stack{font-size:17px;font-weight:750;color:#35492e;line-height:1.3;letter-spacing:-.2px}.player-stack span{font-size:8px;font-weight:400;letter-spacing:0;color:#8a9780}.seat.dense .player-pill{min-width:140px}.seat.performing .player-pill{border-color:#638d51;box-shadow:0 0 0 4px #b5d29c55;animation:actor-glow 1s ease-in-out}.seat.folded.performing .player-pill{opacity:.85}.hole-cards .card{animation:none}.seat-action{top:66px;font-size:10px}.bet-marker{font-size:12px;font-weight:700;color:#4d6840}.seat.self .bet-marker{bottom:117px}.pot-pill{padding:8px 18px;gap:10px}.pot-pill strong{font-size:23px;font-weight:750;letter-spacing:-.4px}.pot-pill>span:nth-child(2){font-size:11px}.session-strip strong{font-size:21px;font-weight:750}.session-strip strong em{font-weight:400}
.bet-controls{max-width:100%;gap:14px}.bet-amount-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#80916e;white-space:nowrap}#bet-input{background:#f9fbf5;border:1px solid #c8d7ba;border-radius:6px;padding:7px 10px;width:112px;height:34px;font-size:16px;font-weight:750;color:#37532b;text-align:right}#bet-input[aria-invalid=true]{border-color:#bd7466;background:#fff6f2}#bet-input:focus{border-color:#6c8e55;outline:2px solid #a6bf8e44;outline-offset:1px}.bet-controls input:disabled,.bet-controls button:disabled{cursor:wait;opacity:.5}.action-section{padding-top:15px}.action-hint{font-size:10px}.action-feed{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;padding:0 0 20px;margin:0;list-style:none;color:#859578;font-size:10px;min-height:28px}.action-feed li:before{content:'·';color:#839f6b;padding-right:6px}.bet-error-modal{width:min(420px,calc(100vw - 28px))}.bet-error-modal h2{font-size:19px}.bet-error-modal p{font-size:13px;line-height:1.8;color:#7b866f}
.chip-flight{position:absolute;z-index:12;pointer-events:none;display:flex;align-items:center;gap:7px;white-space:nowrap;background:#ffffffec;border:1px solid #c5d6b6;border-radius:25px;padding:7px 11px;box-shadow:0 3px 13px #31552f20;transform:translate(-50%,-50%)}.chip-flight strong{font-size:16px;color:#365b29;font-weight:800;font-variant-numeric:tabular-nums}.flying-chips{display:block;position:relative;width:24px;height:23px}.flying-chips i{position:absolute;left:0;bottom:1px;width:23px;height:12px;border-radius:50%;border:2px dashed #4d7840;background:#d6e6c6;box-shadow:0 2px 0 #62874b}.flying-chips i:nth-child(2){bottom:6px}.flying-chips i:nth-child(3){bottom:11px}.pot-bump{animation:pot-pop .35s ease-out}
@keyframes notice-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes actor-glow{50%{box-shadow:0 0 0 7px #b5d29c25}}@keyframes pot-pop{50%{transform:scale(1.08)}}
@media(max-width:1150px){.player-pill{min-width:139px}.player-stack{font-size:16px}.seat.dense .player-pill{min-width:128px}.range-group{gap:9px}.bet-controls{gap:10px}.bet-presets button{padding:6px 7px}#bet-input{width:100px}.seat.self .seat-action{top:64px}}
@media(max-width:820px){.room-title-row .mobile-menu{margin-left:-5px}.game-content{padding-top:22px}.table-announcement{margin-top:10px}.table-stage{margin-bottom:6px}}
@media(max-width:540px){.table-heading{margin-bottom:13px}.room-title-row h1{margin-top:0;margin-bottom:7px}.room-title-row .icon-button{width:24px;height:26px}.table-heading p{font-size:8px}.table-announcement{font-size:11px;min-height:36px;padding:7px 10px;margin-bottom:24px}.table-stage{margin-top:0}.player-pill{min-width:103px}.player-stack{font-size:13px;font-weight:750;line-height:1.2}.player-name{font-size:9px}.seat .avatar{width:24px;height:24px}.seat.self .player-stack{font-size:16px}.seat.self .player-pill{min-width:137px}.seat-action{font-size:8px;top:51px}.seat.self .seat-action{top:62px}.seat.dense .player-pill{min-width:98px}.seat.dense .player-stack{font-size:12px}.seat.dense .player-name{font-size:8px}.seat.dense.self .player-pill{min-width:130px}.seat.dense.self .player-stack{font-size:15px}.seat.dense .seat-action{top:48px}.seat.dense.self .seat-action{top:59px}.pot-pill{gap:7px;padding:6px 12px}.pot-pill strong{font-size:20px}.pot-pill>span:nth-child(2){font-size:9px}.bet-marker{font-size:10px}.bet-controls{display:grid;grid-template-columns:1fr;gap:8px;width:100%;padding:8px 10px}.bet-presets{justify-content:space-between}.bet-presets button{font-size:10px;padding:5px 9px}.bet-divider{display:none}.range-group{width:100%;gap:14px}.range-group input[type=range]{flex:1;min-width:45px;width:auto}.bet-amount-label{font-size:10px;gap:9px}#bet-input{width:103px;height:33px;font-size:16px}.action-section{padding-top:18px}.session-strip{margin-top:22px}.session-strip strong{font-size:17px}.action-hint{font-size:8px}.action-feed{font-size:9px;gap:7px 12px}.chip-flight{padding:5px 8px}.chip-flight strong{font-size:14px}.action-buttons .button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.notice-pop,.seat.performing .player-pill,.pot-bump,.card{animation:none}.sidebar{transition:none}}
@media(max-width:540px){.seat{--seat-safe:57px}.seat.dense{--seat-safe:53px}}
/* Full hand cards occupy their own space; the hero's balance sits to the right. */
.table-stage{height:520px}.poker-table{inset:82px 35px 62px}.seat .hole-cards,.seat.self .hole-cards{position:relative;left:auto;bottom:auto;transform:none;height:auto;display:flex;gap:4px;margin-bottom:8px;flex-shrink:0}.seat .hole-cards .card,.seat .hole-cards .card+.card{transform:none;margin-left:0}.seat .player-pill{flex-shrink:0}.seat .seat-action,.seat.dense .seat-action{top:calc(100% + 7px);margin:0;font-size:10px}.seat.self{flex-direction:row;align-items:center;gap:12px;width:max-content;max-width:100%}.seat.self .hole-cards{margin-bottom:0}.seat.self .seat-action,.seat.dense.self .seat-action{top:calc(100% + 8px);right:0}.seat .bet-marker{display:none}.seat:not(.self) .hole-cards .card{width:43px;height:61px}.seat.self .hole-cards .card{width:49px;height:71px}.seat-action{z-index:3}.action-section{padding-top:38px}
@media(max-height:820px) and (min-width:1000px){.table-stage{height:460px}.poker-table{inset:78px 35px 50px}.action-section{padding-top:38px}}
@media(min-width:1550px){.table-stage{height:560px}.poker-table{inset:90px 50px 64px}}
@media(max-width:820px){.table-stage{height:580px}.seat{--seat-safe:79px}.seat.dense{--seat-safe:76px}}
@media(max-width:540px){.table-stage{height:620px}.poker-table{inset:75px 22px 55px}.seat{--seat-safe:58px}.seat.dense{--seat-safe:53px}.seat .hole-cards{gap:3px;margin-bottom:7px}.seat:not(.self) .hole-cards .card,.seat.dense:not(.self) .hole-cards .card{width:32px;height:48px}.seat.self{gap:9px}.seat.self .hole-cards .card{width:41px;height:62px}.seat.self .player-pill{min-width:130px}.seat.dense .hole-cards{display:flex}.seat .seat-action,.seat.dense .seat-action{font-size:8px;top:calc(100% + 6px)}.seat.self .seat-action,.seat.dense.self .seat-action{top:calc(100% + 8px)}.action-section{padding-top:30px}}
@media(max-width:540px){.community-cards .card{width:33px;height:52px}.community-cards .card-suit-big{font-size:20px}.seat[data-upper=true][data-side=left]{--seat-x:32%}.seat[data-upper=true][data-side=right]{--seat-x:68%}.seat[data-middle=true]{--seat-y:58%}.seat[data-middle=true][data-side=left] .hole-cards{align-self:flex-start}.seat[data-middle=true][data-side=right] .hole-cards{align-self:flex-end}.seat[data-middle=true] .hole-cards .card,.seat.dense[data-middle=true] .hole-cards .card{width:22px;height:38px}.seat[data-middle=true] .card-rank{font-size:14px;left:3px;top:3px}.seat[data-middle=true] .card-suit{font-size:9px;left:3px;top:18px}.seat[data-middle=true] .card-suit-big{font-size:14px;right:2px;bottom:2px}}
