:root{color-scheme:dark;--bg:#101915;--panel:#19271f;--line:#ffffff16;--muted:#94a99b;--gold:#e6c384;--text:#eef2e9;--orange:#ffa16d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;border-radius:8px;min-height:42px;padding:9px 14px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#ffffff13}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}.primary{background:var(--gold);color:#1c2c22;border-color:var(--gold);font-weight:650}.primary:hover:not(:disabled){background:#f5dca6}.secondary{background:#304739;border-color:#67876855}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}header{height:74px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;font-weight:700;letter-spacing:3px;display:flex;align-items:center;gap:12px}.brand>span{font-size:34px;color:var(--gold)}.brand small{font-size:13px;color:var(--muted);letter-spacing:1px;margin-left:10px;font-weight:400}header button{border:0;color:#c3d0c7;font-size:14px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;color:var(--gold)}h1{font-size:27px;font-weight:500;letter-spacing:1px;margin:10px 0 0}h2{font-size:22px;font-weight:500}h3{font-size:15px;font-weight:500}.lobby{max-width:850px;margin:58px auto 32px;padding:0 24px;text-align:center}.lobby h1{font-size:35px;margin-top:18px}.lobby-intro{color:#a9bdad;line-height:1.9;margin:18px 0 28px}.lobby-card{text-align:left;background:linear-gradient(140deg,#223a2b,#18231f);border:1px solid #e4c48b2c;border-radius:18px;padding:30px;box-shadow:0 20px 50px #0002}.lobby label{display:block;font-size:14px;color:#c6d3c4;margin-bottom:10px}.lobby input{width:100%;background:#101c17;color:var(--text);border:1px solid #758f6555;border-radius:8px;padding:13px 15px;min-height:48px}.lobby input::placeholder{color:#839585}.lobby-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.lobby-options section{display:flex;flex-direction:column}.lobby-options section+section{border-left:1px solid var(--line);padding-left:30px}.option-number{font-size:11px;color:var(--gold);letter-spacing:2px}.lobby-options h2{margin:10px 0 18px}.lobby-options p{font-size:14px;line-height:1.9;color:#aabdac;margin:0 0 18px}.lobby-options button{width:100%;min-height:48px;margin-top:auto}.lobby-options input{margin-bottom:18px}#lobby-message{font-size:14px;color:var(--gold);line-height:1.7;margin-bottom:0}#lobby-message:empty{display:none}.practice{border:0;color:var(--gold);margin-top:20px;font-size:14px}.lobby-note{font-size:12px;color:#83998a;line-height:1.8}.room-bar{max-width:1440px;margin:17px auto 0;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:12px}.room-identity,.room-links{display:flex;align-items:center;gap:12px}.room-bar span{font-size:13px;color:#a8bba9}.room-bar strong{font-size:19px;letter-spacing:3px;color:var(--gold)}.room-bar button{font-size:13px;padding:7px 11px;min-height:34px}#connection{font-size:12px;color:#a6c8a2}#connection.disconnected{color:var(--orange)}.notice{max-width:1280px;margin:14px auto 0;padding:11px 17px;font-size:14px;line-height:1.7;background:#2c3527;border:1px solid #c3bd7830;border-radius:8px;color:#e5d4ab;overflow-wrap:anywhere}main{max-width:1440px;margin:auto;padding:24px 4vw 16px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:27px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-info{text-align:right;font-size:14px}.table-info span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.arena{height:530px;position:relative;margin:18px 0 12px;isolation:isolate}.felt{position:absolute;inset:62px 25px 58px;border-radius:45%;border:9px solid #2b3d30;background:radial-gradient(ellipse at 50% 40%,#28684d,#174b37 70%,#103627);outline:1px solid #72836545;box-shadow:0 18px 35px #0004,inset 0 0 0 2px #cfdbaf24,inset 0 0 75px #082d2199}.felt:after{content:'';position:absolute;inset:18px;border:1px solid #cad39f2b;border-radius:45%}.table-mark{position:absolute;top:62%;width:100%;text-align:center;letter-spacing:5px;font-size:16px;font-weight:700;color:#d8e9b51b}.table-mark span{display:block;font-size:24px;margin-top:9px}.community{position:absolute;top:210px;left:50%;transform:translateX(-50%);text-align:center;z-index:1}.pot-label{color:#c7d8c5;font-size:13px;margin-bottom:12px;letter-spacing:1px}.pot-label strong{color:#f4dfb0;font-size:27px;margin-left:9px;letter-spacing:0}.cards{display:flex;justify-content:center;gap:6px}.card{width:55px;height:76px;background:#f4f1e7;border:1px solid #fff9;border-radius:6px;color:#243b2d;font-family:Georgia,serif;font-size:21px;font-weight:700;padding:6px 7px;line-height:1;position:relative;text-align:left;box-shadow:0 3px 6px #0004}.card.red{color:#bc4846}.card .suit{display:block;font-size:19px;margin-top:3px}.card .pip{position:absolute;bottom:6px;right:6px;font-size:25px}.card.back{background:repeating-linear-gradient(45deg,#25443a,#25443a 3px,#345947 3px,#345947 5px);border:3px solid #bec9ad;display:grid;place-items:center;color:#d2dab9;font-size:22px}.card.empty{background:#0c34283d;border:1px dashed #baccae3d;box-shadow:none;display:grid;place-items:center;color:#c6d5b527}.street{font-size:12px;letter-spacing:2px;color:#c5d9c5;margin-top:10px}.side-pots{font-size:11px;color:#ebd7a8;min-height:17px;line-height:1.5;margin-top:6px;max-width:320px}.seat{position:absolute;width:150px;z-index:3;text-align:center;transition:filter .2s}.position-0{left:50%;bottom:0;transform:translateX(-50%)}.position-1{left:0;bottom:72px}.position-2{left:0;top:77px}.position-3{left:50%;top:0;transform:translateX(-50%)}.position-4{right:0;top:77px}.position-5{right:0;bottom:72px}.seat-main{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#182b21f5;border:1px solid #59754a88;border-radius:12px;min-height:62px;box-shadow:0 6px 14px #0003;position:relative}.avatar-ring{border-radius:50%;padding:3px;background:#ffffff10;flex-shrink:0}.avatar{width:31px;height:31px;display:grid;place-items:center;font-size:16px;font-weight:600;color:#d5e3cb;background:#385442;border-radius:50%}.seat-copy{text-align:left;min-width:0;flex:1}.seat-name{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:83px}.seat-stack{color:var(--gold);font-weight:650;font-size:17px;margin-top:4px}.seat-badges{position:absolute;right:-7px;top:-9px;display:flex;gap:3px}.seat-badges span{height:21px;min-width:21px;padding:2px 4px;border-radius:50%;background:#e9e6d5;color:#203323;font-size:11px;display:grid;place-items:center}.seat-badges .blind-badge{background:#3b5544;color:#d9e4d4;border:1px solid #819768}.seat-cards{margin-top:7px;min-height:43px;gap:4px}.seat-cards .card{width:31px;height:42px;font-size:13px;border-radius:4px;padding:3px}.seat-cards .card .suit{font-size:12px;margin-top:2px}.seat-cards .card .pip{font-size:15px;bottom:3px;right:3px}.seat-status{font-size:12px;color:#b8cbb6;line-height:1.5;min-height:21px;margin-top:4px;white-space:nowrap}.seat-caption{position:absolute;top:-25px;left:0;right:0;font-size:12px;color:var(--gold);font-weight:600}.seat.is-self .avatar{background:#907746;color:#fff0cb}.seat.is-self .seat-cards .card{width:40px;height:55px;font-size:18px;padding:4px}.seat.is-self .seat-cards .card .suit{font-size:16px}.seat.is-self .seat-cards .card .pip{font-size:21px}.seat.is-self .seat-main{border-color:#9d986573}.seat.is-self .seat-cards{margin:0 0 7px}.seat.is-self{display:flex;flex-direction:column}.seat.is-self .seat-cards{order:-1}.seat.is-turn .seat-main{border:2px solid var(--gold);box-shadow:0 0 0 4px #e6c38420,0 7px 25px #0005}.seat.is-turn .avatar-ring{background:conic-gradient(var(--gold) var(--progress,100%),#334d3c 0)}.seat.is-turn .seat-status{color:var(--gold);font-weight:650}.seat.is-urgent .seat-main{border-color:var(--orange);box-shadow:0 0 0 4px #ffa16d20}.seat.is-urgent .avatar-ring{background:conic-gradient(var(--orange) var(--progress,100%),#334d3c 0)}.seat.is-folded .avatar{filter:grayscale(1);background:#27352f;color:#66776b}.seat.is-folded .seat-main{background:#17241ceb;border-color:#ffffff10}.seat.is-folded .seat-name,.seat.is-folded .seat-stack{opacity:.45}.seat.is-folded .seat-cards{opacity:.18}.seat.is-folded .seat-status{color:#778d7b}.seat.is-waiting .seat-main{border-style:dashed}.seat.is-empty{opacity:.43}.seat.is-empty .seat-main{border-style:dashed;box-shadow:none;background:#15261d66}.seat.is-empty .seat-stack{font-size:12px;font-weight:400;color:#b0c0a7}.seat.is-empty .avatar{background:transparent;border:1px dashed #adc49c50;color:#b8c6af}.seat.is-empty .seat-cards{visibility:hidden}.seat.is-offline:not(.is-folded) .avatar{filter:saturate(.25);opacity:.6}.seat-timer{position:absolute;right:-7px;bottom:-8px;background:var(--gold);color:#1d3023;border:2px solid #193426;border-radius:14px;font-size:12px;font-weight:750;padding:3px 7px;min-width:37px}.seat.is-urgent .seat-timer{background:var(--orange)}.control{border-radius:13px;background:#1a2921;border:1px solid var(--line);padding:16px 18px;position:relative;z-index:5}.turn-banner{display:flex;align-items:center;gap:12px;margin-bottom:14px;min-height:47px}.clock-face{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--gold) var(--progress,100%),#384a3b 0);position:relative;display:flex;align-items:center;justify-content:center;gap:1px}.clock-face:before{content:'';position:absolute;inset:3px;border-radius:50%;background:#17271f}.clock-face span,.clock-face small{position:relative;z-index:1}.clock-face span{font-size:22px;font-weight:650;color:var(--gold);font-variant-numeric:tabular-nums}.clock-face small{font-size:10px;color:#b1bea8;margin-top:6px}.turn-banner.urgent .clock-face{background:conic-gradient(var(--orange) var(--progress,100%),#384a3b 0)}.turn-banner.urgent .clock-face span{color:var(--orange)}.turn-copy{flex:1;min-width:0}.turn-copy strong{display:block;font-size:16px;font-weight:550;color:#efdcac;line-height:1.5;overflow-wrap:anywhere}.turn-copy span{display:block;font-size:12px;color:#9caf9d;margin-top:4px}#hand-number{font-size:11px;color:#8da08f;flex-shrink:0}#actions{display:flex;align-items:center;gap:19px}.sizing{flex:1;min-width:0}.sizing-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#b8c8b7;gap:6px}#amount-number{width:100px;padding:4px 8px;text-align:right;font-weight:650;color:var(--gold);background:#101e16;border:1px solid #677d5460;border-radius:6px;font-size:17px;appearance:textfield}#amount-number::-webkit-inner-spin-button{appearance:none}#amount{width:100%;accent-color:var(--gold);height:17px;margin:8px 0 6px}.presets{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.presets button{min-height:30px;font-size:12px;padding:4px 3px;white-space:nowrap}.sizing-help{font-size:11px;color:#7f9583;margin-top:6px}.action-buttons{display:flex;gap:7px}.action-buttons button{min-height:57px;min-width:85px;font-size:15px;padding:10px 12px;white-space:nowrap}.fold{color:#bdc8bc}kbd{font-size:10px;opacity:.4;margin-left:5px}.hand-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.hand-controls p{font-size:13px;color:#a5baa7;line-height:1.8;margin:0;flex:1}.hand-controls>div{display:flex;gap:9px;flex-wrap:wrap}.hand-controls button{font-size:14px;min-height:45px}.seat-payout{color:#f0dba4!important;font-weight:650}aside{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column}aside h2{margin:12px 0 24px}.stats{display:flex;gap:33px;border-bottom:1px solid var(--line);padding-bottom:23px}.stats small{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.stats strong{font-size:23px;font-weight:550}.history{flex:1;margin-top:12px}.history h3{display:flex;justify-content:space-between}.history h3 span{font-size:10px;color:#8dab91;letter-spacing:2px}ol{list-style:none;padding:0;max-height:360px;overflow:auto;margin-top:18px}li{font-size:13px;color:#a9bbac;padding:9px 0 9px 13px;border-left:1px solid #ffffff18;line-height:1.6;overflow-wrap:anywhere}li:last-child{color:#ecd59f;border-left-color:var(--gold)}.legend{display:grid;gap:10px;font-size:12px;color:#a3b6a5;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}.legend span{display:flex;align-items:center;gap:9px}.legend i{width:10px;height:10px;border-radius:3px}.legend-active{background:var(--gold)}.legend-folded{background:#536355}.tip{display:flex;gap:10px;margin-top:18px;color:var(--muted)}.tip>span{color:var(--gold);font-size:23px}.tip p{font-size:12px;line-height:1.85;margin:0}.reset{font-size:13px;color:#a4b7a7;margin-top:16px}footer{max-width:1440px;margin:auto;padding:20px 4vw;display:flex;justify-content:space-between;color:#7b9180;font-size:12px}dialog{background:#1b2e23;border:1px solid #7b8c6355;color:var(--text);border-radius:16px;max-width:650px;width:calc(100% - 32px);max-height:85vh;padding:30px}dialog::backdrop{background:#08110dcc;backdrop-filter:blur(5px)}dialog p{font-size:15px;line-height:1.9;color:#b9cbbd}dialog h3{color:var(--gold);margin-top:23px}dialog a{font-size:13px;color:var(--gold)}.close{float:right;font-size:25px;padding:0;min-height:38px;width:38px}.dialog-actions{display:flex;justify-content:end;gap:10px}#effects{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible}.chip-flight{position:absolute;width:40px;height:40px}.chip-flight i{display:block;position:absolute;left:7px;top:7px;width:24px;height:24px;border:4px dashed #ffe4a7;border-radius:50%;background:#a78035;box-shadow:0 2px 3px #0005}.chip-flight i:nth-child(2){top:12px;left:10px}.chip-flight i:nth-child(3){top:17px;left:13px}.chip-flight span{position:absolute;top:-18px;left:-6px;font-size:12px;white-space:nowrap;color:#fff0cc;font-weight:700;text-shadow:0 1px 3px #000}.fold-flight{position:absolute;display:flex;gap:2px}.fold-flight .card{width:30px;height:41px}.fold-flight .card:nth-child(2){transform:rotate(12deg)}.pot-flash{animation:pot-flash .6s ease-out}@keyframes pot-flash{50%{transform:scale(1.12);color:#fff5d4}}
@media(min-width:1400px){.arena{height:550px}.community{top:222px}.position-1,.position-2{left:15px}.position-4,.position-5{right:15px}}@media(max-width:1150px){main{grid-template-columns:minmax(0,1fr) 215px;gap:20px;padding-left:3vw;padding-right:3vw}.seat{width:132px}.seat-name{max-width:68px}.seat-main{padding:8px}.avatar{width:27px;height:27px}.seat-stack{font-size:16px}.board .card{width:48px;height:69px;font-size:19px}.board .card .pip{font-size:23px}.action-buttons button{min-width:70px;padding:9px;font-size:14px}#actions{gap:12px}.brand small{display:none}aside{padding-left:20px}.community{top:205px}.felt{inset:60px 12px 60px}.table-mark{font-size:13px}}@media(max-width:950px){main{display:block;max-width:820px}.arena{height:520px}.seat{width:145px}.seat-name{max-width:82px}.seat-main{padding:9px}.avatar{width:30px;height:30px}.board .card{width:55px;height:76px}.community{top:208px}.room-bar{max-width:820px}aside{margin-top:26px;border-left:0;padding:0;display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.history{grid-row:1/4;grid-column:2;margin:0}.legend{margin:0}.tip{margin:0}ol{max-height:260px}.reset{margin:0}.title-row{padding:0 5px}}@media(max-width:600px){header{height:64px;padding:0 16px}.brand{font-size:14px;letter-spacing:2px;gap:8px}.brand>span{font-size:28px}header button{font-size:12px;padding:6px}.lobby{margin-top:34px;padding:0 18px}.lobby h1{font-size:26px}.lobby-intro{font-size:14px}.lobby-card{padding:22px}.lobby-options{grid-template-columns:1fr;gap:23px}.lobby-options section+section{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.lobby-options h2{font-size:21px}.room-bar{padding:0 15px;gap:8px;flex-wrap:wrap;margin-top:12px}.room-identity,.room-links{width:100%;gap:9px}.room-identity{justify-content:space-between}.room-bar strong{font-size:17px}.room-links{justify-content:flex-end}.room-links #connection{margin-right:auto}.room-bar button{min-height:30px;font-size:12px;padding:5px 9px}.notice{margin:12px 12px 0;font-size:13px;padding:9px 12px}main{padding:16px 10px 8px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:21px;margin-top:7px}.table-info{font-size:12px}.table-info span{font-size:10px;margin-top:5px}.arena{height:495px;margin:18px 0 10px}.felt{inset:46px 6px 44px;border-width:6px;border-radius:42%}.felt:after{inset:11px;border-radius:42%}.seat{width:113px}.seat-main{min-height:53px;padding:7px 6px;gap:5px;border-radius:10px}.avatar-ring{padding:2px}.avatar{width:24px;height:24px;font-size:12px}.seat-name{font-size:11px;max-width:66px}.seat-stack{font-size:14px;margin-top:4px}.seat-status{font-size:10px;min-height:18px;margin-top:3px}.position-1{bottom:76px;left:0}.position-2{top:77px;left:0}.position-3{top:0}.position-4{top:77px;right:0}.position-5{bottom:76px;right:0}.position-0{bottom:0;width:134px}.seat-cards{min-height:33px;margin-top:5px;gap:3px}.seat-cards .card{width:24px;height:33px;font-size:10px;padding:2px}.seat-cards .card .suit{font-size:9px}.seat-cards .card .pip{font-size:12px;bottom:2px;right:2px}.seat-cards .card.back{border-width:2px;font-size:15px}.seat.is-self .seat-cards .card{width:34px;height:47px;font-size:15px}.seat.is-self .seat-cards .card .suit{font-size:13px}.seat.is-self .seat-cards .card .pip{font-size:18px}.seat-caption{font-size:10px;top:-19px}.seat-timer{font-size:10px;padding:2px 5px;right:-3px;bottom:-7px}.seat-badges{right:-3px;top:-7px;gap:2px}.seat-badges span{font-size:9px;height:18px;min-width:18px}.community{top:208px}.board{gap:4px}.board .card{width:41px;height:58px;font-size:17px;padding:4px}.board .card .suit{font-size:15px}.board .card .pip{font-size:20px;bottom:4px;right:4px}.pot-label{font-size:11px;margin-bottom:9px}.pot-label strong{font-size:23px}.street{font-size:10px;margin-top:8px;letter-spacing:1px}.side-pots{font-size:10px;max-width:230px}.table-mark{font-size:11px;letter-spacing:3px;top:62%}.table-mark span{font-size:19px}.control{padding:13px 12px;border-radius:11px}.turn-banner{gap:9px;margin-bottom:13px}.clock-face{width:43px;height:43px}.clock-face span{font-size:20px}.turn-copy strong{font-size:14px}.turn-copy span{font-size:10px;line-height:1.5}.turn-copy{min-width:0}#hand-number{font-size:9px}#actions{display:block}.sizing-label{font-size:12px}#amount-number{font-size:16px;width:88px}.presets{gap:4px}.presets button{font-size:12px;min-height:33px}.sizing-help{font-size:10px;margin-top:5px}.action-buttons{margin-top:11px;width:100%;gap:7px}.action-buttons button{min-height:47px;flex:1;font-size:14px}.hand-controls{display:block}.hand-controls>div{margin-top:11px}.hand-controls button{flex:1;font-size:13px}.hand-controls p{font-size:12px}.stats{gap:24px;padding-bottom:18px}.stats strong{font-size:20px}aside{padding:0 6px;gap:15px;margin-top:24px}.history h3{font-size:13px}.history li{font-size:12px;padding:7px 0 7px 10px}.legend{font-size:10px;gap:8px}.legend i{width:8px;height:8px}.tip p{font-size:11px}aside h2{font-size:20px}footer{font-size:10px;padding:18px 15px;gap:10px}dialog{padding:23px}dialog h2{font-size:22px}}@media(max-width:360px){.seat{width:101px}.seat-name{max-width:57px}.seat-main{padding:6px 4px}.avatar{width:21px;height:21px}.position-0{width:126px}.board .card{width:38px;height:55px}.community{top:212px}.room-bar span{font-size:11px}.room-bar strong{font-size:15px}.table-info{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Stable seat anchors and a board-centred table; text never positions the cards. */
.arena {
  --felt-top: 62px;
  --felt-bottom: 58px;
  --board-height: 76px;
  --seat-main-height: 62px;
  --seat-bet-slot: 26px;
  --seat-card-slot: 50px;
  --seat-status-slot: 22px;
  --self-card-height: 55px;
  margin-bottom: 86px;
  overflow-anchor: none;
}
.arena .felt { top: var(--felt-top); bottom: var(--felt-bottom); }
.arena .community {
  top: calc(50% + (var(--felt-top) - var(--felt-bottom)) / 2);
  left: 50%;
  width: max-content;
  height: var(--board-height);
  transform: translate(-50%, -50%);
}
.community .board { height: 100%; flex-wrap: nowrap; }
.community .board .card { flex-shrink: 0; }
.community .pot-label,
.community .round-pot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  margin: 0;
  white-space: nowrap;
}
.community .pot-label { bottom: calc(100% + 34px); }
.community .round-pot { bottom: calc(100% + 8px); }
.community .street {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  margin: 0;
  line-height: 16px;
  white-space: nowrap;
}
.community .side-pots {
  position: absolute;
  top: calc(100% + 32px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: none;
  max-height: 32px;
  margin: 0;
  line-height: 16px;
  overflow: auto;
  overflow-wrap: anywhere;
}
.arena .seat {
  display: grid;
  grid-template-areas: 'main' 'bet' 'cards' 'status';
  grid-template-rows: var(--seat-main-height) var(--seat-bet-slot) var(--seat-card-slot) var(--seat-status-slot);
}
.arena .seat-main {
  grid-area: main;
  height: var(--seat-main-height);
  min-height: var(--seat-main-height);
  border-width: 2px;
}
.arena .seat-bet { grid-area: bet; align-self: start; }
.arena .seat-bet[hidden] { display: inline-flex !important; visibility: hidden; }
.arena .seat-cards { grid-area: cards; margin-top: 0; align-self: start; }
.arena .seat-status {
  grid-area: status;
  margin: 0;
  min-height: 0;
  height: var(--seat-status-slot);
  line-height: 18px;
  overflow: auto;
}
.arena .seat.is-self {
  display: block;
  height: var(--seat-main-height);
}
.arena .seat.is-self .seat-cards {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  height: var(--self-card-height);
  min-height: 0;
  margin: 0;
}
.arena .seat.is-self .seat-caption {
  top: auto;
  bottom: calc(100% + var(--self-card-height) + 16px);
  line-height: 18px;
  white-space: nowrap;
}
.arena .seat.is-self .seat-bet {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: 20px;
  margin: 0;
}
.arena .seat.is-self .seat-status {
  position: absolute;
  top: calc(100% + 34px);
  left: 0;
  right: 0;
  height: 36px;
  white-space: normal;
  overflow-wrap: anywhere;
}
@media (max-width: 1150px) {
  .arena { --felt-top: 60px; --felt-bottom: 60px; --board-height: 69px; }
}
@media (max-width: 950px) {
  .arena { --board-height: 76px; }
}
@media (max-width: 600px) {
  .arena {
    --felt-top: 46px;
    --felt-bottom: 44px;
    --board-height: 58px;
    --seat-main-height: 53px;
    --seat-bet-slot: 23px;
    --seat-card-slot: 38px;
    --seat-status-slot: 18px;
    --self-card-height: 47px;
  }
}
@media (max-width: 360px) {
  .arena { --board-height: 55px; }
}