*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#020607;color:#eafff9;font-family:Inter,Arial,sans-serif;overflow-x:hidden}
.hidden{display:none!important}
.poker-top{height:72px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18e0b5;background:#06100f;position:relative;z-index:20}
.poker-top a{color:#8fffe7;text-decoration:none}.poker-top div{display:flex;gap:16px;align-items:baseline}.poker-top b{letter-spacing:.2em;font-size:1.15rem}.poker-top small{color:#bd4dff}
.poker-top button,.panel button,.controls button{background:#071613;border:1px solid #1df5c5;color:#dffff8;padding:14px 18px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.panel{max-width:900px;margin:6vh auto;padding:40px;border:1px solid #1bdab3;background:linear-gradient(145deg,#06110f,#090511);box-shadow:0 0 50px #00ffc322}
.panel h1{font-size:clamp(42px,8vw,86px);margin:.1em 0;color:#7fffe3;text-shadow:0 0 22px #00ffbf}.eyebrow{color:#d15cff;letter-spacing:.25em}
.panel label{display:grid;gap:7px;margin:16px 0}.panel input,.panel select{padding:13px;background:#020707;border:1px solid #34766a;color:white}.actions,.join{display:flex;gap:12px;margin-top:16px}.join input{flex:1}

/* Full-screen poker table with a deliberately large action console */
#game{min-height:calc(100vh - 72px);position:relative}
.table-wrap{padding:18px 570px 18px 18px;min-height:calc(100vh - 72px);display:grid;place-items:center}
.table{position:relative;width:100%;height:calc(100vh - 108px);min-height:720px;border:16px solid #0a1714;border-radius:46%;background:radial-gradient(ellipse,#0b3b31 0,#06251f 55%,#04110f 100%);box-shadow:0 0 0 2px #1cf1c2,0 0 70px #00ffc344,inset 0 0 100px #000}
.logo{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(42px,5vw,76px);font-weight:900;opacity:.14;letter-spacing:.18em}.logo span{color:#df48ff}
.pot{position:absolute;left:50%;top:25%;transform:translateX(-50%);padding:12px 26px;border:1px solid #8fffe7;background:#03100ddd;border-radius:24px;font-size:1.25rem;font-weight:900}
.board{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;gap:14px}
.card{width:92px;height:132px;border-radius:11px;background:#06100f;border:1px solid #58ffe0;box-shadow:0 0 22px #00ffc344;display:grid;place-items:center;font-size:32px;font-weight:800;position:relative}
.card.red{color:#ff55d8;border-color:#ff55d8;box-shadow:0 0 22px #ff00c844}.card.back{background:repeating-linear-gradient(45deg,#071411,#071411 8px,#8a22b5 9px,#8a22b5 12px);color:transparent}
.seat{position:absolute;width:250px;text-align:center;padding:14px;border:1px solid #27695d;background:#03100df2;border-radius:14px;font-size:1rem}
.seat.active{border-color:#fff;box-shadow:0 0 28px #fff8}.seat.folded{opacity:.42}.seat.winner{border-color:#d94dff;box-shadow:0 0 28px #d94dff}
.seat .cards{display:flex;justify-content:center;gap:7px;margin-top:8px}.seat .card{width:56px;height:80px;font-size:19px}.seat.s0{left:50%;bottom:2%;transform:translateX(-50%)}.seat.s1{left:2%;top:43%;transform:translateY(-50%)}.seat.s2{left:50%;top:2%;transform:translateX(-50%)}.seat.s3{right:2%;top:43%;transform:translateY(-50%)}.dealer{color:#ff62e3}
.message{position:absolute;left:50%;bottom:24%;transform:translateX(-50%);min-width:420px;max-width:70%;text-align:center;color:#fff;font-size:1.2rem;font-weight:800}

/* Action console ~2x previous visual weight */
.controls{position:fixed;right:18px;top:90px;bottom:18px;width:520px;background:#030908f5;border:2px solid #24d8b6;padding:28px;z-index:15;box-shadow:0 0 42px #00ffc322;overflow:auto}
.controls small{font-size:.9rem;letter-spacing:.14em;color:#8fffe7}.controls strong{display:block;font-size:1.35rem;margin:8px 0 12px}
.hole{display:flex;gap:12px;margin:14px 0}.hole .card{width:88px;height:126px;font-size:30px}
.betline{display:grid;gap:12px;margin:24px 0;font-size:1.15rem}.betline input{width:100%;height:28px}.betline output{font-size:1.2rem;color:#d94dff;font-weight:900}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-grid button{min-height:72px;font-size:1rem}.action-grid button:last-child{grid-column:1/-1;border-color:#d64cff;min-height:78px}
.controls>button{width:100%;margin-top:14px;min-height:58px;font-size:.95rem}
.controls button:disabled{opacity:.35;cursor:not-allowed}
.poker-spectator .controls{border-color:#d64cff}.poker-spectator .controls::before{content:"SPECTATOR MODE // AI TABLE CONTINUES";display:block;margin-bottom:18px;padding:10px;border:1px solid #d64cff;color:#ff71df;font-weight:900;letter-spacing:.08em;text-align:center}

/* Responsive fallback */
@media(max-width:1250px){
  .table-wrap{padding-right:430px}.controls{width:390px;padding:20px}
  .table{min-height:620px}.seat{width:190px}.card{width:72px;height:104px;font-size:25px}
}
@media(max-width:900px){
  body{overflow:auto}.table-wrap{padding:12px;min-height:auto}.table{height:68vh;min-height:560px}
  .controls{position:relative;right:auto;top:auto;bottom:auto;width:auto;margin:0 12px 20px}
  .seat{width:145px;font-size:12px}.card{width:52px;height:76px;font-size:18px}.board{gap:7px}.message{min-width:260px}.poker-top small{display:none}
}