:root{--bg: #0c0e12;--panel: #15181f;--panel-2: #1b1f28;--line: #262b36;--text: #e8eaf0;--muted: #8b93a4;--accent: oklch(.86 .19 142);--accent-ink: #06210f;--danger: #ff6b6b;--ok: #6ee7a0;--radius: 14px;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#131722 0%,var(--bg) 60%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:9px}.brand-sub{color:var(--muted);font-weight:500}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 1px var(--accent)}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 18px}.foot{text-align:center;padding:16px}.card{width:100%;max-width:420px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 18px 50px -24px #000c}.card.center{text-align:center}.card.notice{max-width:540px}.card.notice h2{margin:0 0 6px;font-size:19px}hr{border:none;border-top:1px solid var(--line);margin:18px 0}.tabs{display:flex;gap:6px;background:#0f1218;border:1px solid var(--line);border-radius:10px;padding:5px;margin-bottom:18px}.tab{flex:1;padding:9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}.tab.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.form{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}.opt{font-weight:400;color:#6a7282}input{background:#0f1218;border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--text);font:inherit;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6ee7a01f}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:9px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{border-color:#36404f}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.primary:disabled{opacity:.6;cursor:default}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text)}.btn.danger{background:#ff6b6b24;border-color:#ff6b6b66;color:#ffb0b0}.card.table{max-width:480px}.board-area{display:flex;flex-direction:column;align-items:center;gap:8px;background:radial-gradient(120% 90% at 50% 30%,#16432e,#0e2a1e 70%);border:1px solid #1f4d38;border-radius:14px;padding:18px 14px;margin:14px 0}.board{display:flex;gap:7px}.pot{font-family:var(--mono);font-size:13px;color:#cfe9d8;letter-spacing:.04em}.pot b{color:#fff;font-size:15px}.pseat{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;padding:11px 13px;gap:10px}.pseat.active{border-color:var(--accent);box-shadow:0 0 0 2px #6ee7a024}.pseat.you{background:#0f1218}.pseat-name{font-weight:700;display:flex;align-items:center;gap:7px}.turn-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.phand{display:flex;gap:6px}.reconnecting{color:#f2c98a;font-weight:500;font-size:12px}.pcard{width:38px;height:54px;border-radius:7px;background:#f6f7fb;color:#14171d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1;box-shadow:0 2px 6px #0006}.pcard.red{color:#d5283c}.pcard .pc-r{font-size:16px}.pcard .pc-s{font-size:14px}.pcard.back{background:repeating-linear-gradient(45deg,#2b3550,#2b3550 5px,#222b42 5px,#222b42 10px)}.pcard.empty{background:transparent;border:1px dashed var(--line);box-shadow:none}.actions{margin-top:14px;display:flex;flex-direction:column;gap:10px}.act-row{display:flex;gap:8px}.act-row .btn{flex:1}.raise-row{display:flex;align-items:center;gap:9px}.raise-row input[type=range]{flex:1}.amt{width:84px;text-align:center;font-family:var(--mono)}.waiting-turn{margin-top:12px}.result{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:center;background:#0f1218;border:1px solid var(--line);border-radius:11px;padding:14px}.result-line{font-weight:700;font-size:16px}.gto-fb{display:flex;align-items:center;gap:10px;margin:10px 0 2px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:#0f1218}.gto-fb .gb{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#0a0c09}.gto-fb .gto-txt{font-size:13px;color:#cdd2dc;font-family:var(--mono)}.grade-A .gb{background:#6ee7a0}.grade-B .gb{background:#9bdc6e}.grade-C .gb{background:#e7d36e}.grade-D .gb{background:#e7a96e}.grade-F .gb{background:#ff6b6b}.nav-tabs{display:flex;gap:6px;background:#0f1218;border:1px solid var(--line);border-radius:11px;padding:5px}.nav-tab{flex:1;padding:9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.nav-tab.on{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.stat-box{background:#0f1218;border:1px solid var(--line);border-radius:10px;padding:12px;text-align:center}.stat-val{font-size:22px;font-weight:800;font-family:var(--mono)}.stat-val.pos{color:var(--accent)}.stat-val.neg{color:var(--danger)}.grade-bars{display:flex;flex-direction:column;gap:8px}.grade-bar-row{display:flex;align-items:center;gap:10px}.grade-pill{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;font-weight:800;font-size:12px;color:#0a0c09;flex-shrink:0}.grade-pill.grade-A{background:#6ee7a0}.grade-pill.grade-B{background:#9bdc6e}.grade-pill.grade-C{background:#e7d36e}.grade-pill.grade-D{background:#e7a96e}.grade-pill.grade-F{background:#ff6b6b}.bar-track{flex:1;height:9px;background:#0f1218;border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px}.bar-fill.grade-A{background:#6ee7a0}.bar-fill.grade-B{background:#9bdc6e}.bar-fill.grade-C{background:#e7d36e}.bar-fill.grade-D{background:#e7a96e}.bar-fill.grade-F{background:#ff6b6b}.bar-n{width:26px;text-align:right}.history{display:flex;flex-direction:column;gap:10px;margin-top:14px}.hist-hand{background:#0f1218;border:1px solid var(--line);border-radius:11px;padding:12px}.hist-no{font-weight:700}.hist-res{font-family:var(--mono);font-size:12.5px;font-weight:700}.hist-res.won{color:var(--accent)}.hist-res.lost{color:var(--muted)}.hist-res.split{color:#e7d36e}.hist-board{display:flex;align-items:center;gap:5px;margin:8px 0;flex-wrap:wrap}.hist-pot{margin-left:6px}.mini-card{display:inline-grid;place-items:center;min-width:24px;height:30px;padding:0 4px;background:#f6f7fb;color:#14171d;border-radius:5px;font-weight:800;font-size:12px}.mini-card.red{color:#d5283c}.hist-actions{display:flex;flex-wrap:wrap;gap:6px}.hist-act{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);background:#14171d;border:1px solid var(--line);border-radius:6px;padding:3px 7px}.hist-act.mine{color:var(--text);border-color:#2c3646}.ha-street{font-family:var(--mono);color:#6a7282;font-weight:700}.hist-act .grade-pill{width:17px;height:17px;font-size:10px;border-radius:4px}.msg{font-size:13px;border-radius:9px;padding:9px 11px}.msg.err{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.35);color:#ffb0b0}.msg.ok{background:#6ee7a01a;border:1px solid rgba(110,231,160,.35);color:#b7f3cf}.row{display:flex;align-items:center}.row.between{justify-content:space-between;gap:12px}.row.gap{gap:10px}.email{font-family:var(--mono);font-size:14px}.username{font-size:20px;font-weight:700}.muted{color:var(--muted)}.small{font-size:12.5px}.center-y{align-items:center}.block{width:100%}.h2{margin:0;font-size:18px}.stack{width:100%;max-width:460px;display:flex;flex-direction:column;gap:16px}.stack .card{max-width:none}.lobby-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.or{text-align:center;color:var(--muted);font-size:12px}.code-input{flex:1;text-transform:uppercase;letter-spacing:3px;font-family:var(--mono);font-weight:700;text-align:center}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill .pdot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.pill.ok{color:#b7f3cf;border-color:#6ee7a066}.pill.ok .pdot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.pill.warn{color:#f2c98a;border-color:#f2c98a59}.pill.warn .pdot{background:#f2c98a}.warn-msg{background:#f2c98a14;border:1px solid rgba(242,201,138,.3);color:#f0d6a8;font-size:13px;border-radius:9px;padding:9px 11px;margin-top:12px}.room{display:flex;flex-direction:column;gap:16px;margin-top:16px}.code-box{background:#0f1218;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.code-big{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:5px}.small-btn{padding:5px 10px;font-size:12.5px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seat{position:relative;border:1px solid var(--line);border-radius:11px;padding:13px;background:#0f1218;min-height:78px}.seat.empty{opacity:.6;border-style:dashed}.seat.filled{border-color:#2c3646}.seat-top{display:flex;align-items:center;justify-content:space-between}.seat-no{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.seat-name{font-weight:700;font-size:16px;margin:4px 0 1px}.ready-tag{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);border-radius:5px;padding:2px 6px}.you-tag{position:absolute;top:11px;right:11px;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:1px 5px}.steps{margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:9px;color:#c3c9d6}.steps a{color:var(--accent)}code{font-family:var(--mono);font-size:.9em;background:#0f1218;border:1px solid var(--line);border-radius:5px;padding:1px 5px}pre{font-family:var(--mono);font-size:12.5px;background:#0f1218;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:8px 0 0;overflow-x:auto}.table6{display:flex;flex-direction:column;gap:14px}.tseats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tseats.mine-row{justify-content:center}.tseat{position:relative;min-width:132px;max-width:180px;flex:1 1 132px;background:#16181d;border:1px solid #262a31;border-radius:12px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.tseat.me{background:#14201a;border-color:#2b6a4a}.tseat.active{border-color:#5ee8a0;box-shadow:0 0 0 2px #5ee8a040}.tseat.folded{opacity:.45}.tseat.winner{border-color:#e8c45e;box-shadow:0 0 0 2px #e8c45e4d}.tseat.empty{color:#555;display:flex;align-items:center;justify-content:center;min-height:92px;font-size:13px}.tseat-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.tseat-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dealer-btn{flex:none;width:20px;height:20px;border-radius:50%;background:#f4f4f5;color:#111;font-size:11px;font-weight:800;display:grid;place-items:center}.tseat-cards{display:flex;gap:4px;margin:8px 0;min-height:46px}.tseat-foot{display:flex;align-items:center;gap:6px}.tseat-stack{font-family:ui-monospace,monospace;font-size:12px;color:#cfd2d6}.tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px}.tag.allin{background:#4a2330;color:#ff9bb0}.tag.fold{background:#2a2d33;color:#888}.bet-chip{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#2b2f37;border:1px solid #3a3f49;color:#ffd479;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap}.pcard.sm{width:30px;height:42px;font-size:13px;border-radius:5px}.pcard.sm .pc-s{font-size:12px}.table-foot{justify-content:flex-end;margin-top:4px}.create-cfg{display:flex;gap:12px;margin-bottom:12px}.create-cfg label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9aa0a6;flex:1}.create-cfg select{background:#16181d;border:1px solid #2a2e35;color:#f4f4f5;border-radius:8px;padding:8px 10px;font-size:14px}.seats.six{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 520px){.seats.six{grid-template-columns:repeat(2,1fr)}}.pcard:not(.empty):not(.back){animation:dealIn .26s ease both}@keyframes dealIn{0%{transform:translateY(-10px) scale(.94);opacity:0}to{transform:none;opacity:1}}.board .pcard:nth-child(2){animation-delay:.05s}.board .pcard:nth-child(3){animation-delay:.1s}.board .pcard:nth-child(4){animation-delay:.07s}.board .pcard:nth-child(5){animation-delay:.07s}.bet-chip{animation:chipIn .2s ease both}@keyframes chipIn{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.btn,.tab,.nav-tab{transition:transform .06s ease,background .12s ease,border-color .12s ease,color .12s ease}.btn:active{transform:translateY(1px)}.tseat.active,.pseat.active{animation:seatPulse 1.6s ease-in-out infinite}@keyframes seatPulse{0%,to{box-shadow:0 0 0 2px #6ee7a02e}50%{box-shadow:0 0 0 2px #6ee7a06b,0 0 18px -2px #6ee7a080}}.tseat.winner{animation:winnerGlow 1.1s ease-in-out 2}@keyframes winnerGlow{0%,to{box-shadow:0 0 0 2px #e8c45e4d}50%{box-shadow:0 0 0 2px #e8c45e99,0 0 22px -2px #e8c45e99}}.pcard{box-shadow:0 3px 8px #00000073;transition:transform .12s ease}.pcard:not(.empty):not(.back):hover{transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.pcard,.bet-chip,.tseat.active,.pseat.active,.tseat.winner{animation:none}.btn,.pcard{transition:none}}