:root{--bg:#07100e;--panel:#101c19;--felt:#0b5a3d;--felt2:#063829;--gold:#f4c45d;--red:#e65d5d;--green:#57d98b;--blue:#69b7ff;--text:#f0f7f3;--muted:#9fb3aa;--line:rgba(255,255,255,.12);--shadow:0 18px 50px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-y:auto}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#183b31 0,#07100e 52%,#030605 100%);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app{width:100vw;max-width:none;margin:0;padding:8px 8px 70px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;background:rgba(16,28,25,.9);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--gold),#e56d47);display:grid;place-items:center;color:#1b1005;font-weight:900;font-size:23px}.brand h1{font-size:22px;margin:0}.brand small{display:block;color:var(--muted);margin-top:2px}.statline{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{background:#0b1714;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted)}.pill strong{color:var(--text)}.pill.good strong{color:var(--green)}.pill.bad strong{color:var(--red)}
.main,.roomMain{display:grid;grid-template-columns:minmax(760px,1fr) 360px;gap:14px;align-items:start}.cardPanel{background:rgba(16,28,25,.9);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:14px}.tableCard{padding:14px}.tableWrap{min-height:auto}.roomMode{position:relative}.spotHeader{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin:0 auto 8px}.spotTitle{margin:0;font-size:19px}.muted{color:var(--muted)}
.pokerTable{position:relative;margin:10px auto 12px;width:100%;max-width:none;height:min(62vh,620px);min-height:520px;border-radius:50%;background:radial-gradient(ellipse at center,var(--felt) 0,var(--felt2) 72%,#041c16 100%);border:18px solid #3b2315;box-shadow:inset 0 0 75px rgba(0,0,0,.38),0 16px 42px rgba(0,0,0,.42)}.rail{position:absolute;inset:12px;border:2px solid rgba(244,196,93,.34);border-radius:50%;pointer-events:none}.pot{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);display:grid;place-items:center;min-width:116px;height:58px;background:radial-gradient(circle,#f0c35f,#b87928);border:3px solid rgba(46,25,7,.5);border-radius:999px;box-shadow:0 10px 22px rgba(0,0,0,.35),inset 0 2px 8px rgba(255,255,255,.25)}.potLabel{font-weight:1000;font-size:24px;color:#211103;text-shadow:0 1px rgba(255,255,255,.35)}.board{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%);display:flex;gap:8px}.player{position:absolute;min-width:150px;background:rgba(3,10,9,.78);border:1px solid var(--line);border-radius:16px;padding:9px 10px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .25s,box-shadow .25s,border-color .25s}.player.acting{border-color:var(--blue);box-shadow:0 0 0 3px rgba(105,183,255,.18),0 0 30px rgba(105,183,255,.22),0 12px 30px rgba(0,0,0,.35)}.player.hero{border-color:var(--gold);box-shadow:0 0 0 2px rgba(244,196,93,.22),0 12px 30px rgba(0,0,0,.35)}.player.hero.acting{border-color:var(--blue)}.avatar{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#566c63,#17231f 70%);display:grid;place-items:center;margin:0 auto 4px;color:var(--gold);font-weight:900;font-size:25px;border:2px solid rgba(255,255,255,.16);box-shadow:inset 0 3px 8px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.28)}.name{font-weight:900}.meta{color:var(--muted);font-size:12px}.stack{margin-top:3px;color:var(--green);font-weight:900;font-size:14px}.p1{left:50%;top:-18px;transform:translateX(-50%)}.p1.acting{transform:translateX(-50%) scale(1.045)}.p2{right:20px;top:43%;transform:translateY(-50%)}.p2.acting{transform:translateY(-50%) scale(1.045)}.p3{left:50%;bottom:-18px;transform:translateX(-50%)}.p3.acting{transform:translateX(-50%) scale(1.045)}.p4{left:20px;top:43%;transform:translateY(-50%)}.p4.acting{transform:translateY(-50%) scale(1.045)}
.tableSpeech,.dealerBubble{position:absolute;left:50%;top:-42px;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(180deg,#14221e,#0b1512);color:#dff8ee;border:1px solid rgba(87,217,139,.45);border-radius:999px;padding:9px 13px;font-weight:900;box-shadow:0 12px 22px rgba(0,0,0,.35);z-index:5;animation:popAction .55s ease-out}.startOverlay{position:absolute;inset:18%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(5,14,12,.9),rgba(5,14,12,.58));border:1px solid rgba(244,196,93,.28);border-radius:34px;z-index:6;backdrop-filter:blur(2px)}.startBtn{font-size:34px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;color:#1c1304;background:linear-gradient(135deg,var(--gold),#e56d47);border-radius:999px;padding:18px 48px;box-shadow:0 16px 38px rgba(0,0,0,.4),0 0 40px rgba(244,196,93,.25)}.startOverlay span{display:block;margin-top:14px;color:#f4e3bb;font-weight:800}.tableSpeech:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #0b1512}.dealerBubble{top:28%;background:linear-gradient(180deg,#172942,#0b1524);border-color:rgba(105,183,255,.45);color:#dbeeff}.dealerBubble:after{display:none}@keyframes popAction{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.92)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.cards{display:flex;justify-content:center;gap:6px;margin-top:6px}.playingCard{width:56px;height:78px;background:#f8faf7;color:#101411;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.35);padding:6px;text-align:left;font-weight:900;position:relative;border:1px solid #d6ddd8}.playingCard.red{color:#cc3434}.rank{font-size:20px;line-height:18px}.suit{font-size:21px}.corner{position:absolute;right:7px;bottom:4px;font-size:21px}.playingCard.back{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#173a74 0 7px,#0b1d45 7px 14px);border-color:#6b8bd1;color:#cfe0ff;padding:0}.cardBackPattern{width:70%;height:70%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.35);border-radius:6px;background:rgba(255,255,255,.06);font-size:18px}.board .playingCard{width:52px;height:74px}.holeDeal{animation:dealHole .72s cubic-bezier(.16,.75,.2,1) both}.dealFresh{animation:dealToBoard .9s cubic-bezier(.16,.75,.2,1) both}.stableCard{animation:none!important}@keyframes dealHole{0%{opacity:0;transform:translateY(-90px) scale(.82) rotate(8deg)}70%{opacity:1;transform:translateY(3px) scale(1.03) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
.replayControls{margin:8px auto 0;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);flex-wrap:wrap}.replayDots{display:flex;gap:5px;align-items:center}.dot{width:9px;height:9px;border-radius:50%;background:#26352f;border:1px solid rgba(255,255,255,.12)}.dot.done{background:rgba(87,217,139,.55)}.dot.live{background:var(--blue);box-shadow:0 0 0 4px rgba(105,183,255,.14)}.replayState{min-width:110px;color:var(--muted);font-size:13px}.handReplay,.street{display:none!important}
.infoTray{margin:10px auto 0;display:grid;grid-template-columns:1fr;gap:8px}.roomInfo{background:rgba(3,10,9,.72);border:1px solid var(--line);border-radius:13px;padding:9px 10px;display:grid;gap:3px;box-shadow:0 10px 24px rgba(0,0,0,.2)}.roomInfo b{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.roomInfo span{color:#dce9e3;font-size:13px}.roomInfo.warn{border-color:rgba(230,93,93,.35);background:rgba(230,93,93,.12)}.roomInfo.buy{border-color:rgba(105,183,255,.35);background:rgba(105,183,255,.12)}
.decision{display:grid;gap:10px}.decisionDock{position:sticky;top:12px;background:rgba(10,18,16,.96);border-color:rgba(244,196,93,.28);padding:12px}.dockHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.dockHead .spotTitle{margin:0}.dockGrid{display:grid;grid-template-columns:1fr;gap:9px;align-items:end}.field label{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:#0b1714;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:9px 10px;outline:none}.field textarea{min-height:72px;resize:vertical}.actions{display:grid;grid-template-columns:repeat(2,minmax(78px,1fr));gap:7px}.btn{background:#172923;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:9px 10px;font-weight:900}.btn:hover{filter:brightness(1.12)}.btn.selected{background:var(--gold);color:#1c1304}.btn.primary{background:linear-gradient(135deg,var(--green),#2c9c63);color:#04100b}.btn.info{background:linear-gradient(135deg,#69b7ff,#2f64c7);color:#061120}.btn:disabled{opacity:.5;cursor:not-allowed}.rangeRow{display:grid;grid-template-columns:1fr 100px;gap:7px;align-items:center}.submitBtn{height:42px}.resultBox{background:rgba(87,217,139,.1);border:1px solid rgba(87,217,139,.25);border-radius:14px;padding:9px 11px}.resultBox.bad{background:rgba(230,93,93,.1);border-color:rgba(230,93,93,.25)}
.lobby{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.tableTile{border:1px solid var(--line);background:linear-gradient(180deg,#162720,#0e1916);border-radius:18px;padding:16px}.tableTile.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(244,196,93,.2)}.tableTile h3{margin:0 0 8px}.meter{height:8px;background:#0b1714;border-radius:999px;overflow:hidden;margin-top:8px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red))}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary .metric{background:#0b1714;border:1px solid var(--line);border-radius:16px;padding:14px}.metric b{display:block;font-size:24px;color:var(--gold);margin-top:4px}.chart{height:150px;background:#0b1714;border:1px solid var(--line);border-radius:16px;margin:16px 0;padding:12px}.reviewQuestions{display:grid;gap:10px}.footerBtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.jsonOut{white-space:pre-wrap;max-height:280px;overflow:auto;background:#030605;border:1px solid var(--line);padding:12px;border-radius:12px;color:#d7f6e3}
/* slower, room-like motion */
.tableSpeech,.dealerBubble{animation:popAction .55s ease-out}.player.acting{animation:seatPulse 1.7s ease-in-out infinite}.boardCard{transform-origin:center 130%}.boardCard.deal0{animation-delay:.05s}.boardCard.deal1{animation-delay:.22s}.boardCard.deal2{animation-delay:.39s}.boardCard.deal3{animation-delay:.08s}.boardCard.deal4{animation-delay:.08s}@keyframes seatPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes dealToBoard{0%{opacity:0;transform:translateY(-145px) translateX(45px) scale(.74) rotate(12deg)}58%{opacity:1;transform:translateY(6px) scale(1.04) rotate(-1deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
.roomActionButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.roomActionButtons .btn{font-size:18px;padding:16px 10px;text-transform:uppercase}.miniHint{font-size:12px;margin:8px 0 0}
.roomShell{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.roomShell .tableCard{min-height:0}.roomShell .pokerTable{height:min(68vh,680px);min-height:560px}.player.folded{opacity:.58;filter:saturate(.45);border-color:rgba(255,255,255,.08)}.player.folded .avatar{filter:grayscale(.8)}.player.folded .cards{transform:translateY(4px) rotate(-3deg);opacity:.38}.muckedCard{filter:grayscale(1) brightness(.55);transform:rotate(-7deg) scale(.92)}.seatStatus{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:rgba(12,22,19,.92);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:1000;color:#dce9e3;text-transform:uppercase;white-space:nowrap}.foldedBadge{background:rgba(230,93,93,.92);border-color:rgba(255,255,255,.25);color:#fff}.invested{display:inline-block;margin-top:3px;color:var(--gold);font-size:11px;font-weight:900}.roomBottomBar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:20;width:min(1240px,calc(100vw - 28px));margin:0 auto;padding:10px 12px;border-radius:22px;background:linear-gradient(180deg,rgba(18,31,27,.98),rgba(5,10,9,.98));border:1px solid rgba(244,196,93,.28);box-shadow:0 -12px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}.roomBottomBar.waitingPanel{color:var(--muted);font-weight:800}.confidenceBar{width:150px;display:grid;gap:5px;color:var(--muted);font-weight:900;flex:0 0 150px}.confidenceTop{display:flex;align-items:center;justify-content:space-between;font-size:11px}.confidenceTop b{color:var(--gold);font-size:13px}.confidenceSlider{width:100%;accent-color:var(--green)}.roomActionButtons{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;min-width:0;flex:1 1 430px}.roomAct{height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.16);font-weight:1000;text-transform:uppercase;letter-spacing:.03em;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.34);font-size:14px;padding:0 8px;white-space:normal;line-height:1.05}.roomAct.fold{background:linear-gradient(180deg,#4d5860,#232a2f)}.roomAct.call{background:linear-gradient(180deg,#2e8a5c,#0d4f31)}.roomAct.check{background:linear-gradient(180deg,#5eb7ff,#14579a)}.roomAct.raise,.roomAct.bet,.roomAct._4_bet,.roomAct[class~="4-bet"]{background:linear-gradient(180deg,#d49a38,#8e4e10)}.roomAct.all_in,.roomAct.all-in,.roomAct[class~="all-in"]{background:linear-gradient(180deg,#e65d5d,#7f1717)}.roundResultBar{justify-content:space-between;align-items:center;gap:14px;width:min(1180px,calc(100vw - 28px))}.roundResult{display:flex;align-items:center;gap:12px;min-width:260px}.roundResult b{font-size:18px}.roundResult span{font-size:24px;font-weight:1000}.roundResult small{color:var(--muted);font-weight:900}.showdownExplain{flex:1;min-width:360px;max-width:560px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:9px 12px;display:grid;gap:3px}.showdownExplain b{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.showdownExplain span{font-weight:1000;color:#fff}.showdownExplain small{color:#dce9e3;line-height:1.25}.showdownCard{box-shadow:0 0 0 3px rgba(244,196,93,.28),0 8px 18px rgba(0,0,0,.38)}.showdownBoard{box-shadow:0 0 0 2px rgba(105,183,255,.18),0 5px 15px rgba(0,0,0,.35)}.roundResult.win span{color:var(--green)}.roundResult.loss span{color:var(--red)}.nextHandBtn{min-width:190px;height:58px;font-size:18px;text-transform:uppercase}
.topInfoCorner{position:fixed;right:10px;top:74px;z-index:24;width:min(330px,calc(100vw - 24px));display:grid;gap:7px;pointer-events:auto}.topInfoCorner>div{position:relative;background:rgba(8,16,14,.94);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:8px 30px 8px 10px;box-shadow:0 12px 30px rgba(0,0,0,.36)}.topInfoCorner b{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.topInfoCorner span{display:block;color:#dce9e3;font-size:12px;line-height:1.25}.topInfoCorner .warn{border-color:rgba(230,93,93,.35);background:rgba(70,20,20,.92)}.noteClose{position:absolute;right:7px;top:7px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#dce9e3;font-weight:1000;line-height:14px;padding:0;cursor:pointer}.noteClose:hover{background:rgba(230,93,93,.65);color:#fff}.playerChat{position:absolute;left:50%;top:-82px;transform:translateX(-50%);max-width:210px;background:#eef7f2;color:#0b1714;border-radius:16px 16px 16px 4px;padding:8px 11px;font-size:12px;font-weight:900;line-height:1.22;box-shadow:0 12px 24px rgba(0,0,0,.34);z-index:7}.playerChat:after{content:"";position:absolute;left:22px;bottom:-7px;border-top:8px solid #eef7f2;border-right:8px solid transparent}.replayControls{position:fixed;left:12px;bottom:12px;z-index:21;width:min(360px,calc(100vw - 24px));margin:0;justify-content:flex-start;background:linear-gradient(180deg,rgba(18,31,27,.96),rgba(5,10,9,.96));border:1px solid rgba(105,183,255,.24);border-radius:18px;padding:10px 12px;box-shadow:0 -10px 32px rgba(0,0,0,.38)}.replayControls .btn{padding:7px 9px}.replayState{min-width:auto;font-size:12px}.raiseSliderBox{width:170px;min-width:170px;display:grid;gap:5px;flex:0 0 170px}.raiseTop{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.raiseTop strong{color:var(--gold);font-size:15px}.raiseSlider{width:100%;accent-color:var(--gold)}.raiseMath{display:none}.raiseMath span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 7px}.chipFly{position:absolute;left:50%;top:45%;width:130px;height:70px;z-index:4;pointer-events:none;--sx:0px;--sy:0px;animation:chipMove 1.35s cubic-bezier(.22,.75,.18,1) both}.chipFly.fromTop{--sx:0px;--sy:-205px}.chipFly.fromHero{--sx:0px;--sy:215px}.chipFly.fromLeft{--sx:-345px;--sy:0px}.chipFly.fromRight{--sx:345px;--sy:0px}.chipFly span{position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 10%,#e34a4a 11% 48%,#8d1010 49%);border:3px dashed rgba(255,255,255,.75);box-shadow:0 8px 14px rgba(0,0,0,.35)}.chipFly span:nth-child(1){left:6px;top:21px}.chipFly span:nth-child(2){left:28px;top:15px;background:radial-gradient(circle at 35% 35%,#fff 0 10%,#4aa0ff 11% 48%,#124382 49%)}.chipFly span:nth-child(3){left:49px;top:25px;background:radial-gradient(circle at 35% 35%,#fff 0 10%,#f3c54c 11% 48%,#9c6b11 49%)}.chipFly b{position:absolute;left:78px;top:19px;background:#0b1714;border:1px solid rgba(244,196,93,.35);border-radius:999px;padding:4px 8px;color:var(--gold);font-size:13px;box-shadow:0 8px 18px rgba(0,0,0,.3)}@keyframes chipMove{0%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.7)}18%{opacity:1}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.62)}}
.roomActionPanel{position:fixed;right:14px;bottom:14px;z-index:26;width:344px;max-width:calc(100vw - 28px);padding:10px 14px 10px 10px;border-radius:18px;background:linear-gradient(180deg,rgba(18,31,27,.97),rgba(5,10,9,.98));border:1px solid rgba(244,196,93,.24);box-shadow:0 14px 36px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);display:grid;gap:8px}.actionPanelRow{display:grid;grid-template-columns:72px 72px minmax(138px,1fr);gap:8px;align-items:stretch}.topActionRow{grid-template-columns:72px 72px minmax(138px,1fr)}.sizingActionRow{grid-template-columns:72px 72px minmax(138px,1fr)}.roomActionPanel .roomAct{height:42px;min-width:0;border-radius:12px;font-size:11px;letter-spacing:.02em;padding:0 5px;box-shadow:0 7px 14px rgba(0,0,0,.3)}.roomActionPanel .roomAct.all_in,.roomActionPanel .roomAct.all-in,.roomActionPanel .roomAct[class~="all-in"]{background:linear-gradient(180deg,#ff5b55,#8d1212);border-color:rgba(255,210,210,.42);color:#fff}.roomActionPanel .confidenceBar{width:auto;min-width:0;flex:auto;display:grid;gap:3px;padding:2px 4px}.roomActionPanel .confidenceTop{font-size:10px}.roomActionPanel .confidenceTop b{font-size:11px}.roomActionPanel .confidenceSlider{height:18px}.roomActionPanel .raiseSliderBox{width:auto;min-width:0;flex:auto;display:grid;gap:3px;padding:2px 4px}.roomActionPanel .raiseTop{font-size:10px}.roomActionPanel .raiseTop strong{font-size:12px}.roomActionPanel .raiseSlider{height:18px}.roomActionPanel .compactInfo{height:30px;border-radius:10px;padding:5px 8px;font-size:11px;justify-self:end}.roomActionButtons{display:contents}
.railChat{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);z-index:7;max-width:260px;background:rgba(238,247,242,.96);color:#0b1714;border-radius:16px;padding:8px 12px;box-shadow:0 12px 26px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.4)}.railChat b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#14579a;margin-bottom:2px}.railChat span{font-size:12px;font-weight:900;line-height:1.2}.dealerButton{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f8faf7;color:#1d1205;border:2px solid var(--gold);font-weight:1000;font-size:13px;box-shadow:0 6px 14px rgba(0,0,0,.36);z-index:8}.p5{right:9%;bottom:20%;transform:translateY(50%)}.p6{left:9%;bottom:20%;transform:translateY(50%)}.tableSpeech.speechSide{left:auto;right:calc(100% + 9px);top:50%;transform:translateY(-50%);max-width:175px;white-space:normal;text-align:left;border-radius:14px}.tableSpeech.speechSide:after{left:auto;right:-8px;bottom:50%;transform:translateY(50%);border-left:8px solid #0b1512;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0}.tableSpeech.speechHeroSide{left:calc(100% + 9px);top:50%;transform:translateY(-50%);max-width:175px;white-space:normal;text-align:left;border-radius:14px}.tableSpeech.speechHeroSide:after{left:-8px;bottom:50%;transform:translateY(50%);border-right:8px solid #0b1512;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:0}.tableSpeech.speechTop{top:-48px}
@media(max-width:1160px){.main,.roomMain{grid-template-columns:1fr}.decisionDock{position:static}.dockGrid{grid-template-columns:repeat(2,1fr)}.actionField,.sizingField,.commentField{grid-column:span 2}.infoTray{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{padding:10px 10px 60px}.topbar{align-items:flex-start;flex-direction:column}.statline{justify-content:flex-start}.summary{grid-template-columns:repeat(2,1fr)}.pokerTable{height:360px;border-width:12px}.player{min-width:112px;padding:7px}.p2{right:4px}.p4{left:4px}.playingCard{width:46px;height:64px}.board .playingCard{width:40px;height:58px}.lobby{grid-template-columns:1fr}.dockGrid{grid-template-columns:1fr}.actionField,.sizingField,.commentField{grid-column:auto}.rangeRow{grid-template-columns:1fr}.tableSpeech{top:-48px;white-space:normal;min-width:150px;text-align:center}.infoTray{grid-template-columns:1fr}.brand h1{font-size:20px}.chipFly.fromLeft{--sx:-155px}.chipFly.fromRight{--sx:155px}.chipFly.fromHero{--sy:150px}.chipFly.fromTop{--sy:-150px}}