@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg: #0a0d13;--surface: #141a24;--surface-deep: #11161f;--surface-alt: #1b2330;--surface-hover: #222c3c;--felt: #2f6142;--felt-mid: #17492f;--felt-edge: #0b3a29;--felt-navy: #16203c;--felt-navy-rgb: 22, 32, 60;--felt-rail: #241a12;--card-face: #FDFDFD;--card-black: #1a1f28;--card-red: #E0243B;--border: #263041;--border-hover: #33415a;--hairline: rgba(255, 255, 255, .06);--text: #e9edf5;--text-secondary: #9aa6ba;--text-tertiary: #626d7e;--accent: #eab53c;--accent-hover: #f6c65a;--accent-ink: #1a1200;--success: #35d08a;--error: #ec5a5f;--info: #4c8dff;--bg-rgb: 10, 13, 19;--surface-rgb: 20, 26, 36;--accent-rgb: 234, 181, 60;--success-rgb: 53, 208, 138;--error-rgb: 236, 90, 95;--info-rgb: 76, 141, 255;--felt-rgb: 23, 105, 74;--font-ui: "Inter", -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-num: "Space Grotesk", "Inter", ui-monospace, "PingFang SC", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app{height:100dvh}button{cursor:pointer;font-family:inherit}.btn{font:600 15px/1 var(--font-ui);letter-spacing:.01em;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px 16px;transition:background .16s ease,border-color .16s ease,transform .08s ease,box-shadow .16s ease}.btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.55)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700;box-shadow:0 1px #ffffff40 inset,0 6px 18px -8px rgba(var(--accent-rgb),.7)}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{background:transparent;color:var(--error);border-color:rgba(var(--error-rgb),.5)}.btn.danger:hover{background:rgba(var(--error-rgb),.12);border-color:var(--error)}.btn.allin{background:transparent;color:var(--info);border-color:rgba(var(--info-rgb),.5)}.btn.allin:hover{background:rgba(var(--info-rgb),.12);border-color:var(--info)}.btn.small{padding:7px 12px;font-size:13px;border-radius:8px}.btn.tiny{padding:4px 10px;font-size:12px;border-radius:7px}.lobby{max-width:760px;margin:0 auto;padding:48px 20px}.lobby-title{font:700 44px/1.1 var(--font-num);letter-spacing:-.01em;margin:0;text-align:center;color:var(--accent);animation:fadeInUp .5s ease both}.lobby-sub{text-align:center;color:var(--text-secondary);margin:10px 0 6px;font-size:14px;animation:fadeInUp .5s ease .04s both}.suit-row{display:flex;justify-content:center;gap:14px;margin:0 0 26px;font-size:18px;color:var(--text-tertiary);animation:fadeInUp .5s ease .08s both}.suit-row span{transition:color .25s ease,transform .25s ease}.suit-row:hover span{transform:translateY(-3px)}.suit-row:hover .s-h,.suit-row:hover .s-d{color:var(--error)}.suit-row:hover .s-s,.suit-row:hover .s-c{color:var(--text)}.suit-row:hover span:nth-child(2){transition-delay:.06s}.suit-row:hover span:nth-child(3){transition-delay:.12s}.suit-row:hover span:nth-child(4){transition-delay:.18s}.lobby-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.lobby-cards>.card{animation:fadeInUp .5s ease both}.lobby-cards>.card:nth-child(2){animation-delay:.08s}.lobby-cards .card{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-deep) 100%);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 1px 0 var(--hairline) inset,0 12px 32px -20px #000c;transition:border-color .18s ease,transform .18s ease}.lobby-cards .card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.lobby-cards .card h2{margin:0 0 16px;font:700 18px/1.3 var(--font-ui)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.field label{font:500 12px/1.3 var(--font-ui);letter-spacing:.02em;color:var(--text-secondary)}.input{width:100%;background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:11px 13px;font:400 15px/1.2 var(--font-ui);transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder{color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}.input[type=number]{font-family:var(--font-num)}.lobby-cards .card .btn{width:100%;margin-top:6px}.banner{padding:11px 14px;border-radius:9px;margin-bottom:14px;font-size:14px}.banner.error{background:rgba(var(--error-rgb),.14);color:color-mix(in srgb,var(--error),#fff 45%);border:1px solid rgba(var(--error-rgb),.4)}.lobby-status{text-align:center;margin-top:26px;font-size:13px}.lobby-status.ok{color:var(--success)}.lobby-status.off{color:var(--text-tertiary)}.table-root{display:flex;flex-direction:column;height:100dvh;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:rgba(var(--surface-rgb),.92);border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.chip-btn{font:700 14px/1 var(--font-num);letter-spacing:1px;color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:9px;padding:7px 13px;transition:border-color .16s,color .16s}.chip-btn:hover{border-color:var(--accent);color:var(--accent)}.chip-btn.copied{border-color:var(--accent);color:var(--accent);animation:copyFlash .5s ease-out}.tag{font:500 12px/1 var(--font-ui);letter-spacing:.02em;color:var(--text-secondary);background:rgba(var(--surface-rgb),.7);border:1px solid var(--hairline);border-radius:7px;padding:5px 9px}.sound-toggle{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.table-main{flex:1;display:flex;overflow:hidden}.felt{flex:1;position:relative;margin:18px;border-radius:48%/46%;background:radial-gradient(ellipse at center,var(--felt) 0%,var(--felt-edge) 100%);border:10px solid var(--felt-rail);box-shadow:inset 0 0 70px #0000008c,0 20px 60px -30px #000000e6;min-height:420px;animation:fadeInUp .45s ease both}.felt-inner{position:absolute;top:16%;right:11%;bottom:16%;left:11%;border-radius:50%;background:radial-gradient(ellipse at center,var(--felt) 0%,var(--felt-mid) 60%,var(--felt-edge) 100%);box-shadow:0 0 0 2px #00000047,inset 0 0 50px #0006;z-index:1;pointer-events:none}.betting-line{position:absolute;top:23%;right:17%;bottom:23%;left:17%;border-radius:50%;border:1px solid rgba(255,255,255,.14);z-index:2;pointer-events:none}.center-logo{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:700 13px/1.4 var(--font-num);letter-spacing:.18em;color:#ffffff17;white-space:nowrap;z-index:2;pointer-events:none}.felt-center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3}.pot{font:600 16px/1 var(--font-num);font-variant-numeric:tabular-nums;color:var(--accent);background:#0000006b;border:1px solid rgba(var(--accent-rgb),.3);padding:5px 16px;border-radius:22px;box-shadow:0 0 24px -8px rgba(var(--accent-rgb),.5)}.pot-breakdown{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.pot-breakdown .tag{font-family:var(--font-num);font-size:11px;padding:2px 6px}.community{display:flex;gap:6px;perspective:800px}.tag.spectating{color:var(--info);border-color:rgba(var(--info-rgb),.45);background:rgba(var(--info-rgb),.12);font-weight:600}.pc{position:relative;border-radius:7px;background:var(--card-face);box-shadow:0 4px 10px -4px #0009,0 0 0 1px #0000002e;flex-shrink:0;overflow:hidden;font-family:var(--font-num)}.pc-lg{width:58px;height:82px;font-size:14px}.pc-sm{width:40px;height:57px;font-size:9.5px}.pc-idx{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.92;font-weight:700}.pc-tl{top:6%;left:8%}.pc-br{right:8%;bottom:6%;transform:rotate(180deg)}.pc-rank{font-size:1em;letter-spacing:-.03em}.pc-suit-sm{font-size:.78em;margin-top:.04em}.pc-center-suit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:2.5em;line-height:1}.pc-black{color:var(--card-black)}.pc-red{color:var(--card-red)}.pc-back{background:linear-gradient(135deg,#1e356b,#16264d);box-shadow:0 4px 10px -4px #0009,0 0 0 1px #00000040}.pc-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.05) 5px,rgba(255,255,255,.05) 10px)}.pc-back:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(255,255,255,.12);border-radius:4px}.card-slot{width:58px;height:82px;border:1.5px dashed rgba(255,255,255,.16);border-radius:7px;background:#00000024;flex-shrink:0}.seat{position:absolute;transform:translate(-50%,-50%);width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:4}.seat-cards{display:flex;gap:3px;min-height:57px}.seat-info{background:rgba(var(--felt-navy-rgb),.72);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:7px 11px;min-width:96px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:inset 0 1px #ffffff0d;transition:border-color .18s ease,box-shadow .25s ease,background .18s ease}.seat.me .seat-info{background:rgba(var(--info-rgb),.24);border-color:rgba(var(--info-rgb),.7);border-width:2.5px}.seat.active .seat-info{border-color:var(--accent);border-width:2.5px;animation:turnPulse 1.25s ease-in-out infinite}.seat.folded{opacity:.4;filter:grayscale(.4)}.seat.offline .seat-name{color:var(--text-tertiary);text-decoration:line-through}.seat.winner .seat-info{border-color:var(--success);border-width:2.5px;animation:winnerPulse .9s ease-in-out infinite alternate}.seat.winner .seat-chips{color:var(--success)}.seat-name{font:600 14px/1.3 var(--font-ui);display:flex;align-items:center;justify-content:center;gap:4px}.dealer{width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfd6e0);color:#1a1f28;font:800 11px/1 var(--font-num);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000080}.seat-chips{color:var(--accent);font:600 13px/1 var(--font-num);font-variant-numeric:tabular-nums}.seat-badge{font-size:11px;color:var(--text-tertiary);margin-top:2px}.seat-badge.allin{color:var(--info);font-weight:700}.seat-bet{background:#0000008c;color:var(--accent);font:600 12px/1 var(--font-num);font-variant-numeric:tabular-nums;padding:2px 8px;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.25)}.seat.empty{width:120px;align-items:center}.sit-btn{white-space:nowrap}.empty-slot{color:var(--text-tertiary);font-size:12px;border:1.5px dashed rgba(255,255,255,.12);border-radius:12px;padding:10px 14px}.kick-btn{background:transparent;border:none;color:var(--error);font-size:12px;padding:0 2px;line-height:1}.kick-btn:hover{filter:brightness(1.3)}.sidebar{width:280px;background:var(--surface);border-left:1px solid var(--hairline);display:flex;flex-direction:column}.log{flex:1;overflow-y:auto;padding:12px;font-size:13px;line-height:1.6;display:flex;flex-direction:column;gap:5px}.log-line.system{color:var(--text-tertiary);font-style:italic}.log-from{color:var(--accent);font-weight:600}.chat-row{display:flex;gap:6px;padding:10px;border-top:1px solid var(--hairline)}.chat-row .input{flex:1}.host-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--surface-rgb),.92);border-top:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap}.host-tag{color:var(--accent-ink);background:var(--accent);font-weight:700;font-size:12px;border-radius:6px;padding:3px 9px}.actionbar{min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--hairline)}.hint{color:var(--text-secondary);font-size:14px}.action-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.raise-wrap{display:flex;align-items:center;gap:8px;background:var(--surface-alt);padding:8px 10px;border-radius:10px;border:1px solid var(--border)}.stepper{display:flex;align-items:center;gap:4px}.stepper-btn{width:36px;height:36px;padding:0;font-size:18px;line-height:1;flex-shrink:0}.raise-label{width:72px;text-align:center;color:var(--accent);font:600 15px/1 var(--font-num);font-variant-numeric:tabular-nums;background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 6px;outline:none;-moz-appearance:textfield}.raise-label::-webkit-outer-spin-button,.raise-label::-webkit-inner-spin-button{-webkit-appearance:none}.raise-label:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.25)}.quick{display:flex;gap:4px}.countdown{min-width:44px;text-align:center;color:var(--text-secondary);font:700 15px/1 var(--font-num);font-variant-numeric:tabular-nums}.countdown.urgent{color:var(--error);animation:blink 1s steps(2,end) infinite}.result-banner{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.result-hand{font:800 38px/1.05 var(--font-ui);letter-spacing:.04em;background:linear-gradient(92deg,#a9781a,#ffd76a 28%,#fff6d0,#ffd76a 68%,#a9781a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(var(--accent-rgb),.4)) drop-shadow(0 2px 5px rgba(0,0,0,.6));animation:handShine 2.6s ease-in-out infinite}@keyframes handShine{0%{background-position:200% 0}55%,to{background-position:-120% 0}}.result-lines{display:flex;flex-direction:column;gap:2px;background:#00000080;border:1px solid rgba(var(--accent-rgb),.28);border-radius:10px;padding:5px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-line{color:var(--text-secondary);font:600 13px/1.45 var(--font-ui)}.result-line:first-child{color:var(--text)}.seat.winner-highlight .seat-cards .pc{box-shadow:0 0 20px rgba(var(--accent-rgb),.9),0 6px 16px -4px #000c;outline:2px solid var(--accent);outline-offset:1px}.seat:not(.winner-highlight) .seat-cards .pc{opacity:.6;transition:opacity .4s ease}.toast{position:absolute;bottom:84px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:9px;z-index:10;font-size:14px}.toast.error{background:var(--error);color:#fff;box-shadow:0 8px 24px -8px rgba(var(--error-rgb),.7)}.toast-slot{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes turnPulse{0%,to{box-shadow:0 0 10px -2px rgba(var(--accent-rgb),.45)}50%{box-shadow:0 0 22px rgba(var(--accent-rgb),.85)}}@keyframes winnerPulse{0%{box-shadow:0 0 12px -2px rgba(var(--success-rgb),.5)}to{box-shadow:0 0 28px 2px rgba(var(--success-rgb),.95)}}@keyframes blink{50%{opacity:.35}}@keyframes copyFlash{0%{box-shadow:0 0 rgba(var(--accent-rgb),.6)}to{box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeInUp .2s ease both}.modal{width:min(720px,96vw);max-height:90dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px -20px #000000e6;padding:18px}.buyin-modal{width:min(420px,90vw);max-height:none}.buyin-hint{color:var(--text-tertiary);font-size:12px;margin-top:4px}.buyin-actions{display:flex;gap:10px;margin-top:16px}.buyin-actions .btn{flex:1}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h2{margin:0;font:700 18px/1.3 var(--font-ui)}.modal-head .btn{background:transparent;border-color:var(--border)}.history-empty,.replay-empty{color:var(--text-tertiary);text-align:center;padding:40px 0}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;background:var(--surface-alt);border:1px solid var(--hairline);border-radius:12px;padding:10px 12px;transition:border-color .16s ease}.history-row:hover{border-color:var(--border-hover)}.history-no{font:700 15px/1 var(--font-num);color:var(--text-secondary)}.history-board{display:flex;gap:3px}.history-board .pc{width:30px;height:43px;font-size:7px}.history-muck{color:var(--text-tertiary);font-size:12px}.history-meta{text-align:right;min-width:120px}.history-pot{color:var(--accent);font:600 13px/1.2 var(--font-num);font-variant-numeric:tabular-nums}.history-win{color:var(--text-secondary);font-size:12px}.replay{display:flex;flex-direction:column;gap:10px}.replay-head{display:flex;align-items:center;justify-content:space-between}.replay-felt{flex:none;height:44dvh;min-height:300px;margin:0;animation:none}.replay-street{color:var(--text-secondary);font-size:12px;letter-spacing:.04em}.replay-result{align-self:center}.replay-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.replay-slider{flex:1;min-width:120px}.replay-count{font:600 13px/1 var(--font-num);font-variant-numeric:tabular-nums;color:var(--text-secondary);min-width:44px;text-align:center}@media (max-width: 1024px){.sidebar{width:240px}.felt{margin:12px}}@media (max-width: 720px){.lobby{padding:24px 14px}.lobby-title{font-size:36px}.lobby-cards{grid-template-columns:1fr}.sidebar{display:none}.felt{margin:8px;min-height:340px;border-width:6px}.seat{width:84px}.seat-info{min-width:64px;padding:5px 7px}.seat-name{font-size:12px}.community .pc,.community .card-slot{width:44px;height:62px;font-size:11px}.pc-sm{width:30px;height:43px;font-size:7px}.result-hand{font-size:27px}.topbar{flex-wrap:wrap;gap:6px;padding:8px 10px}.actionbar{position:sticky;bottom:0;z-index:20;flex-wrap:wrap;min-height:56px;padding:10px;gap:8px;background:rgba(var(--surface-rgb),.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.actionbar .btn{min-height:44px}.action-controls{width:100%;gap:6px}.raise-wrap{flex-direction:column;align-items:stretch;width:100%}.quick .btn.tiny{min-height:36px;padding:0 10px}.pot-breakdown{flex-wrap:nowrap;overflow-x:auto;max-width:90vw}.seat.empty{width:84px}.sit-btn{font-size:11px;padding:4px 6px}.host-bar{padding:6px 10px;gap:6px}.modal{padding:14px}.history-row{grid-template-columns:34px 1fr auto;gap:8px}.history-row .btn{grid-column:1 / -1}.history-meta{min-width:0}.replay-felt{height:38dvh;min-height:260px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.seat.active .seat-info{box-shadow:0 0 16px -2px rgba(var(--accent-rgb),.7)}.seat.winner .seat-info{box-shadow:0 0 20px rgba(var(--success-rgb),.85)}}