:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#e5eeea;background:#091419;--mint:#a1e5ca;--gold:#dac591}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 35% 10%,#18493b50,transparent 50%),#091419}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:#d8e9e3;background:#132b30;border:1px solid #36514e;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:650;min-height:42px}button:hover{border-color:var(--mint);background:#23463e}button:disabled{opacity:.4;cursor:default}.primary{background:var(--mint);color:#0b2a22;border-color:var(--mint)}.primary:hover{background:#c5f2df}.danger{color:#ffb6b5;border-color:#884f51;background:#3b242b}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #decc9b;outline-offset:3px}header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #29413d}header nav{display:flex;gap:20px;align-items:center;font-size:12px}.brand{font-size:26px;font-weight:900;color:#edf8f2}.brand span{display:inline-block;border-left:1px solid #59645a;margin-left:12px;padding-left:14px;font:600 11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:2px;color:var(--gold)}main{max-width:1500px;margin:auto;padding:0 30px}.eyebrow{font:650 10px/1.6 ui-monospace,Consolas,monospace;letter-spacing:2.5px;color:var(--mint);text-transform:uppercase}h1,h2,p{margin-top:0}h2{font-size:23px;letter-spacing:-.6px}p{line-height:1.6}.lobby{min-height:650px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding:65px 60px}.lobby h1{font-size:clamp(42px,5.2vw,76px);line-height:1.03;letter-spacing:-3px;margin:25px 0}.lobby em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.lead{color:#a2b7b0;font-size:17px}.panel{padding:27px;border:1px solid #2e4743;border-radius:18px;background:linear-gradient(140deg,#142a2ddd,#102027dd);box-shadow:0 15px 60px #0002}.panel label{display:block;font-size:12px;color:#bfcec6;margin:18px 0 8px}input:not([type=checkbox]):not([type=range]){display:block;width:100%;padding:12px;margin:8px 0;color:#eff9f2;background:#091b20;border:1px solid #3a514c;border-radius:7px}form>button{width:100%;margin:10px 0}.fine{font-size:12px;color:#9cb4ad;line-height:1.75}.chips-art{display:flex;margin:25px 0}.chips-art span{display:grid;place-items:center;width:55px;height:55px;border:5px dashed #c5d4c9;border-radius:50%;background:#346653;box-shadow:0 4px #0c342b,0 7px #648b78,0 9px #08251b;font-size:28px;transform:rotate(-20deg)}.chips-art span:nth-child(2){background:#965b55;transform:rotate(20deg);margin-left:-12px}.chips-art span:nth-child(3){background:#846a36;margin-left:-12px}.table-top{display:flex;justify-content:space-between;align-items:center;padding:25px 0 10px;gap:15px}.table-top h1{font-size:28px;letter-spacing:-.8px;margin-bottom:5px}.table-top p{margin-bottom:6px}.table-links{display:flex;gap:15px;align-items:center}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}#connection{font:11px ui-monospace,Consolas,monospace;color:var(--mint)}.table-wrap{position:relative;height:520px;margin:10px 12px 25px}.felt{position:absolute;inset:70px 40px 55px;border:14px solid #273936;border-radius:48%;background:repeating-radial-gradient(ellipse at 50% 40%,#0000 0 2px,#ffffff03 3px 4px),radial-gradient(ellipse,#245e49,#0c352d);box-shadow:0 0 0 2px #7c756033,0 0 0 8px #14211f,inset 0 0 70px #031610b0,0 20px 40px #0007}.felt-brand{position:absolute;top:42px;left:0;width:100%;text-align:center;color:#94bba82b;font:bold 40px Georgia;letter-spacing:6px}.felt-brand span{font:11px ui-monospace,Consolas,monospace;display:block;letter-spacing:5px}.board-zone{position:absolute;top:47%;left:50%;transform:translate(-50%,-30%);text-align:center;width:90%}#street{font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#bddac9;margin-bottom:12px}.cards{display:flex;gap:6px;justify-content:center;min-height:62px}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:46px;height:65px;border:1px solid #fff9;border-radius:6px;padding:5px;background:#f2eee3;color:#15212a;box-shadow:0 3px 6px #0004;font:bold 20px/1 Georgia}.card b{font-size:24px;text-align:right}.card.red{color:#b43d4d}.card.back{color:#b9deca;background:repeating-linear-gradient(45deg,#315a4c 0 3px,#234639 3px 6px);border:2px solid #91b8a4;justify-content:center;align-items:center;font:700 15px Georgia}.card.empty{opacity:.18;background:#42795e;border:1px dashed #bed9ca;box-shadow:none}.pot{font:10px ui-monospace,Consolas,monospace;color:#c5d7c9;margin:14px 0 4px}.pot strong{font:750 22px system-ui;color:#f0dfb4;margin-left:9px}#result{font-size:12px;color:#f1dfab;max-width:360px;margin:5px auto}.seat{position:absolute;transform:translate(-50%,-50%);width:112px;text-align:center;z-index:2}.seat-box{border:1px solid #53665b;border-radius:10px;background:linear-gradient(#263c38,#122728);padding:9px 5px;box-shadow:0 4px 12px #0006}.seat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#e4ede5}.seat .stack{color:var(--gold);font:bold 14px ui-monospace,Consolas,monospace;margin-top:4px}.seat .seat-action{display:block;min-height:15px;margin-top:5px;font:10px ui-monospace,Consolas,monospace;color:#adcbc0}.seat.active .seat-box{border:2px solid #a2f1ce;box-shadow:0 0 24px #70deb344}.seat.you .seat-box{background:linear-gradient(#334e42,#1a372c)}.seat.folded{opacity:.55}.seat .cards{min-height:32px;gap:3px;margin-bottom:-7px}.seat .card{width:23px;height:33px;font-size:12px;padding:2px}.seat .card b{font-size:12px}.seat.empty .seat-box{background:#091c2177;border-style:dashed;color:#75948a;font-size:11px;box-shadow:none}.dealer{position:absolute;right:-5px;bottom:20px;border-radius:50%;background:#f1e7c7;color:#20382b;font:bold 10px system-ui;width:20px;height:20px;display:grid;place-items:center}.seat-timer{height:3px;background:#8ee6bd;margin-top:5px;transform-origin:left;transition:transform .25s}.action-panel{border:1px solid #355149;border-radius:15px;display:flex;gap:24px;background:#142929;padding:18px;min-height:160px}.your-hand{min-width:114px}.your-hand small{display:block;text-align:center;color:#b4cdc1;font-size:10px;margin-bottom:10px}.your-hand .card{width:48px;height:70px}.action-content{flex:1;min-width:0}#turn-label{font-size:14px;color:#e4eddf;margin-bottom:10px}.bet-row,.raise-row,#waiting-actions,.presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bet-row button{flex:1}.raise-row{margin-top:8px}.raise-row label{font-size:10px;width:95px;flex:none}.raise-row input[type=number]{margin:3px 0;padding:6px}.raise-row input[type=range]{width:80px;flex:1;accent-color:var(--mint)}.presets button{min-height:25px;font-size:10px;padding:4px 10px}.presets small{font-size:9px;color:#95afa4}#action-status{font-size:12px;color:#f0c7a6;margin:6px 0}.game-layout aside{display:flex;flex-direction:column;gap:15px}.game-layout .panel{padding:18px}.game-layout h2{font-size:18px}.game-layout aside p{font-size:12px;color:#adc4b8}.check{display:flex!important;align-items:center;gap:10px}input[type=checkbox]{accent-color:var(--mint);width:17px;height:17px}#hand-log{padding-left:18px;max-height:195px;overflow:auto;font:11px/1.8 ui-monospace,Consolas,monospace;color:#b5ccc0}.leaderboard{margin:50px 0 20px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#91b4a2;font-size:10px;letter-spacing:1px;text-transform:uppercase}td,th{padding:13px 9px;border-bottom:1px solid #2b463c}tr.me{color:var(--gold);background:#a9d8b70c}.rules{margin:20px 0 45px;font-size:13px;color:#afc8b9}.rules summary{color:#e8eede;cursor:pointer}.rules p{margin:16px 0}footer{text-align:center;font:10px ui-monospace,Consolas,monospace;letter-spacing:2px;color:#8aa89d;padding:25px}dialog{background:#142b29;color:#eaf5ed;border:1px solid #749c84;border-radius:16px;max-width:calc(100vw - 30px);padding:25px}dialog::backdrop{background:#020a0dcc}dialog div{display:flex;gap:10px}[hidden]{display:none!important}
@media(max-width:1050px){.lobby{gap:35px;padding:50px 10px}.game-layout{grid-template-columns:1fr}.game-layout aside{display:grid;grid-template-columns:repeat(3,1fr)}.table-wrap{max-width:850px;margin-inline:auto}.felt{inset-inline:60px}}@media(max-width:650px){header{padding:16px}header nav{gap:10px;font-size:10px}.brand{font-size:22px}.brand span{font-size:9px;margin-left:6px;padding-left:8px}main{padding:0 12px}.lobby{grid-template-columns:1fr;padding:35px 4px;gap:20px}.lobby h1{font-size:48px}.lobby .chips-art{display:none}.lobby .panel{padding:22px}.table-top{align-items:flex-start}.table-top h1{font-size:21px}.table-links{flex-direction:column;gap:9px;font-size:11px}.table-links button{padding:8px;font-size:10px}.table-top .eyebrow{font-size:8px;letter-spacing:1.3px}#table-meta{font-size:11px}.table-wrap{height:540px;margin-inline:0;margin-bottom:5px}.felt{inset:65px 20px 60px;border-width:9px;border-radius:43%}.seat{width:80px}.seat strong{font-size:10px}.seat .stack{font-size:12px}.seat-box{padding:7px 3px}.seat .seat-action{font-size:8px}.seat .cards{min-height:26px}.seat .card{width:18px;height:26px;font-size:10px}.seat .card b{font-size:10px}.board-zone{width:100%;top:49%}.board-zone .cards{gap:3px}.board-zone .card{width:34px;height:49px;font-size:15px;padding:4px}.board-zone .card b{font-size:19px}.board-zone #result{max-width:180px;font-size:10px}.felt-brand{top:78px;font-size:30px}.action-panel{padding:12px;gap:12px;flex-wrap:wrap}.your-hand{min-width:85px}.your-hand .card{width:35px;height:51px;font-size:17px}.your-hand .card b{font-size:19px}.your-hand .cards{min-height:51px}.action-content{flex:1;min-width:160px}.bet-row button{font-size:11px;padding:8px 5px}.game-layout aside{grid-template-columns:1fr}.game-layout aside .panel:last-child{display:none}.leaderboard{margin-top:30px;padding:18px}.table-top .eyebrow{max-width:150px}.seat-timer{height:2px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

body{font-family:Inter,system-ui,sans-serif}.seat .card.back{font-size:8px;letter-spacing:-1px}.seat .card.back::after{content:"♠";font-size:12px}.seat .card.back{font-size:0}