*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#e8e8e8;-webkit-font-smoothing:antialiased;background:#0c0f13;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app-shell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.lobby{background:#14181f;border:1px solid #263042;border-radius:8px;flex-direction:column;gap:20px;width:1000px;min-height:700px;padding:28px 36px;display:flex}.lobby h1{letter-spacing:-.5px;margin:0;font-size:32px}.lobby .ident{color:#8e98a7;align-items:center;gap:12px;font-size:14px;display:flex}.lobby .ident input{color:#e8e8e8;background:#0e1218;border:1px solid #263042;border-radius:4px;width:200px;padding:6px 10px;font-size:14px}.lobby .tables{border:1px solid #263042;border-radius:6px;flex:1;overflow:auto}.lobby .table-row{cursor:default;border-bottom:1px solid #1f2735;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.lobby .table-row.header{text-transform:uppercase;letter-spacing:1px;color:#8e98a7;background:#0e1218;font-size:12px}.lobby .table-row.clickable{cursor:pointer;transition:background .12s}.lobby .table-row.clickable:hover{background:#1a2230}.lobby .empty{text-align:center;color:#6a7385;padding:40px}.lobby .btn{color:#fff;cursor:pointer;background:#2f6fd1;border:none;border-radius:4px;padding:8px 16px;font-size:14px}.lobby .btn:hover{background:#3a83ef}.lobby .btn:disabled{cursor:not-allowed;background:#3a4251}.lobby .btn.secondary{background:#374252}.lobby .btn.secondary:hover{background:#455267}.lobby .create-form{background:#0e1218;border:1px solid #263042;border-radius:6px;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.lobby .create-form label{color:#8e98a7;flex-direction:column;gap:4px;font-size:12px;display:flex}.lobby .create-form input{color:#e8e8e8;background:#14181f;border:1px solid #263042;border-radius:4px;padding:8px 10px;font-size:14px}.lobby .error{color:#ff6a6a;font-size:13px}.table-page{background:#0c0f13;border-radius:8px;grid-template-columns:1fr 260px;gap:0;width:1000px;height:700px;display:grid;overflow:hidden}.felt{background:radial-gradient(#14513a 0%,#0a2919 70%,#061910 100%);border:1px solid #1e3a2a;flex-direction:column;padding:18px 22px;display:flex;position:relative;overflow:hidden}.felt .bar{color:#a9c2b6;justify-content:space-between;align-items:center;font-size:13px;display:flex}.felt .bar .back{cursor:pointer;color:#d4e7dd;background:#0000004d;border:1px solid #1e3a2a;border-radius:4px;padding:5px 10px;font-size:13px}.felt .bar .back:hover{background:#00000080}.felt .bar .status{font-variant-numeric:tabular-nums}.felt .bar .status.reconnecting{color:#ffa066}.felt .bar .status.down{color:#ff4848;font-weight:600}.felt .board-zone{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.felt .street-label{text-transform:uppercase;letter-spacing:2px;color:#a9c2b6;margin-bottom:-4px;font-size:11px}.felt .pot{color:#ffe58a;font-variant-numeric:tabular-nums;background:#0006;border-radius:20px;padding:6px 14px;font-size:18px;font-weight:500}.seat{align-items:center;gap:14px;width:100%;display:flex}.seat.top,.seat.bottom{justify-content:center}.seat .info{background:#00000059;border:1px solid #1e3a2a;border-radius:6px;flex-direction:column;gap:4px;min-width:140px;padding:8px 14px;display:flex}.seat.turn .info{border-color:#f5d56e;box-shadow:0 0 12px #f5d56e59}.seat .name{color:#e8e8e8;align-items:center;gap:6px;font-weight:500;display:flex}.seat .stack{color:#ffe58a;font-variant-numeric:tabular-nums;font-size:14px}.seat .dealer{color:#000;text-align:center;background:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;line-height:18px;display:inline-block}.seat .bet{color:#ffe58a;text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.seat .cards{gap:4px;display:flex}.card{color:#000;-webkit-user-select:none;user-select:none;background:#fff;border-radius:5px;flex-direction:column;justify-content:space-between;width:48px;height:66px;padding:4px 6px;font-family:Georgia,serif;font-weight:700;display:flex;position:relative;box-shadow:0 2px 4px #0006}.card.back{color:#0000;background:linear-gradient(135deg,#1d4d96,#0f2d5c)}.card.back:after{content:"";border:1px solid #fff3;border-radius:3px;position:absolute;inset:5px}.card .rank{font-size:18px;line-height:1}.card .suit{align-self:flex-end;font-size:22px;line-height:1}.card.red{color:#c4251a}.card.small{width:36px;height:50px;padding:3px 4px}.card.small .rank{font-size:14px}.card.small .suit{font-size:16px}.actionbar{background:#00000080;border-top:1px solid #1e3a2a;align-items:center;gap:10px;padding:12px 16px;display:flex}.actionbar button{cursor:pointer;color:#fff;background:#2f6fd1;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .1s}.actionbar button:hover:not(:disabled){background:#3a83ef}.actionbar button.fold{background:#9c3a3a}.actionbar button.fold:hover:not(:disabled){background:#b84a4a}.actionbar button.raise{background:#c08a2a}.actionbar button.raise:hover:not(:disabled){background:#d89d33}.actionbar button:disabled{color:#6a7385;cursor:not-allowed;background:#374252}.actionbar input[type=range]{flex:1;min-width:60px}.actionbar input[type=number]{color:#e8e8e8;font-variant-numeric:tabular-nums;background:#0c0f13;border:1px solid #1e3a2a;border-radius:4px;width:80px;padding:6px 8px;font-size:14px}.actionbar .waiting{text-align:center;color:#a9c2b6;flex:1;padding:10px;font-size:13px}.banner{color:#fff;text-align:center;z-index:10;background:#000c;border:1px solid #f5d56e;border-radius:8px;padding:24px 36px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{color:#fff;z-index:20;pointer-events:none;background:#aa2828eb;border-radius:4px;padding:10px 16px;font-size:13px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.chat{background:#14181f;border-left:1px solid #263042;flex-direction:column;display:flex}.chat header{text-transform:uppercase;letter-spacing:1.5px;color:#8e98a7;border-bottom:1px solid #263042;padding:10px 14px;font-size:12px}.chat .messages{flex-direction:column;flex:1;gap:6px;padding:10px 14px;font-size:13px;display:flex;overflow-y:auto}.chat .messages .msg .from{color:#6fb4f5;margin-right:6px;font-weight:500}.chat .messages .msg .text{color:#e8e8e8}.chat .messages .msg.system .text{color:#ffa066;font-style:italic}.chat form{border-top:1px solid #263042;gap:6px;padding:8px;display:flex}.chat form input{color:#e8e8e8;background:#0e1218;border:1px solid #263042;border-radius:4px;flex:1;padding:7px 10px;font-size:13px}.chat form button{color:#fff;cursor:pointer;background:#2f6fd1;border:none;border-radius:4px;padding:7px 12px;font-size:13px}