:root{--room-1: #0c1118;--room-2: #161d27;--felt-1: #2f8f5b;--felt-2: #1c6b3e;--felt-rim: #6b4a2b;--felt-rim-2: #3f2a17;--gold: #e9c46a;--gold-soft: #c9a24a;--ink: #f4f1e8;--muted: #b6c2bf;--red: #d23b3b;--black: #1b1b1b;--card-bg: #fbfbf6;--win: #ffd76a;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--chip-blue: #2f6fb0;--chip-red: #c0392b}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 700px at 50% -10%,#1d2734 0%,var(--room-1) 55%),var(--room-1);color:var(--ink);-webkit-font-smoothing:antialiased}#app{max-width:920px;margin:0 auto;padding:14px 14px 28px}.topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:14px;font-size:13px;color:var(--muted)}.topbar .pill{background:#ffffff0f;border:1px solid rgba(233,196,106,.25);border-radius:999px;padding:4px 12px;color:var(--ink)}.topbar .pill b{color:var(--gold);font-weight:600}.topbar .title{font-size:15px;font-weight:600;letter-spacing:1px;color:var(--gold);margin-right:auto}.table-wrap{position:relative}.table{position:relative;width:100%;aspect-ratio:16 / 11;margin:0 auto;border-radius:50%/46%;background:radial-gradient(120% 120% at 50% 38%,var(--felt-1) 0%,var(--felt-2) 70%,#134d2c 100%);box-shadow:inset 0 0 60px #00000073,var(--shadow);border:14px solid var(--felt-rim);border-image:linear-gradient(160deg,#7a5430,var(--felt-rim-2)) 1;outline:6px solid rgba(0,0,0,.35);outline-offset:-2px}.table:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%/46%;border:2px dashed rgba(233,196,106,.28);pointer-events:none}.center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;width:60%}.pot{display:inline-block;background:#0006;border:1px solid rgba(233,196,106,.4);border-radius:999px;padding:5px 16px;font-size:13px;color:var(--muted);margin-bottom:10px}.pot b{color:var(--gold);font-size:16px;margin-left:4px}.board{display:flex;gap:8px;justify-content:center;min-height:70px;align-items:center}.stage-label{margin-top:10px;font-size:12px;letter-spacing:2px;color:#f4f1e88c}.card{width:46px;height:64px;border-radius:7px;background:var(--card-bg);box-shadow:0 3px 6px #00000059;position:relative;flex:none;color:var(--black);border:1px solid #d8d4c4}.card.deal{animation:deal .3s ease-out backwards}.card.red{color:var(--red)}.card .r{position:absolute;top:3px;left:5px;font-size:15px;font-weight:700;line-height:1}.card .s{position:absolute;bottom:3px;right:5px;font-size:14px;line-height:1}.card .big{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px}.card.back{background:repeating-linear-gradient(45deg,#1f4f8a 0,#1f4f8a 6px,#2f6fb0 6px,#2f6fb0 12px);border:1px solid #143a66}.card.back .r,.card.back .s,.card.back .big{display:none}.card.empty{background:#ffffff0f;border:1px dashed rgba(255,255,255,.25);box-shadow:none}.card.empty .r,.card.empty .s,.card.empty .big{display:none}@keyframes deal{0%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:none}}@keyframes potPop{0%{transform:scale(1)}35%{transform:scale(1.18);color:var(--win)}to{transform:scale(1)}}.pot-pop{animation:potPop .4s ease-out}.thinking:after{content:"";animation:dots 1.4s steps(1,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.overlay{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.seat{position:absolute;transform:translate(-50%,-50%);width:150px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:2}.seat-cards{display:flex;gap:5px}.seat-cards .card{width:38px;height:53px}.seat-cards .card .r{font-size:13px;top:2px;left:4px}.seat-cards .card .s{font-size:12px;bottom:2px;right:4px}.seat-cards .card .big{font-size:18px}.big-table .seat{width:108px}.big-table .seat-cards{gap:3px}.big-table .seat-cards .card{width:27px;height:38px}.big-table .seat-cards .card .r{font-size:10px;top:1px;left:3px}.big-table .seat-cards .card .s{font-size:9px;bottom:1px;right:3px}.big-table .seat-cards .card .big{font-size:13px}.big-table .seat-info{padding:4px 7px}.big-table .seat-info .seat-name{font-size:11px}.big-table .seat-info .seat-stack{font-size:10px}.big-table .seat-tags{font-size:9px;padding:2px 6px}.seat-info{background:#080c10c7;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 10px;text-align:center;min-width:120px;box-shadow:0 4px 12px #0006}.seat-name{font-size:13px;font-weight:600;color:var(--ink)}.seat-stack{font-size:12px;color:var(--gold);margin-top:1px}.seat-tags{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.4}.seat-commit{font-size:11px;color:#ffe7a8;background:#00000059;border-radius:999px;padding:1px 8px}.seat-status{font-size:11px;color:var(--muted)}.seat.active .seat-info{border-color:var(--gold);box-shadow:0 0 0 2px #e9c46a80,0 4px 14px #00000080}.seat.active .seat-cards .card{box-shadow:0 0 0 2px var(--gold),0 4px 8px #0006}.seat.human .seat-cards .card{width:46px;height:64px}.seat.human .seat-cards .card .r{font-size:15px;top:3px;left:5px}.seat.human .seat-cards .card .s{font-size:14px;bottom:3px;right:5px}.seat.human .seat-cards .card .big{font-size:22px}.seat .dealer-btn{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#fff;color:#111;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000080;border:2px solid #c9a24a;z-index:3}.seat.winner .seat-info{border-color:var(--win);box-shadow:0 0 0 2px var(--win),0 0 22px #ffd76ab3;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 2px var(--win),0 0 14px #ffd76a80}50%{box-shadow:0 0 0 3px var(--win),0 0 28px #ffd76ae6}}.controls{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.controls.turn{animation:turnPulse 1.4s ease-in-out infinite}@keyframes turnPulse{0%,to{filter:drop-shadow(0 0 0 rgba(255,209,102,0))}50%{filter:drop-shadow(0 0 14px rgba(255,209,102,.55))}}.turn-timer{margin:10px auto 0;display:flex;align-items:center;gap:10px;width:min(320px,80%)}.turn-timer .bar{flex:1;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.turn-timer .fill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--gold-soft));transition:width .25s linear}.turn-timer .txt{min-width:36px;text-align:right;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.turn-timer.low .fill{background:linear-gradient(90deg,#e05252,#b03030)}.turn-timer.low .txt{color:#ff7676}.btn{border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;min-width:104px;box-shadow:0 4px #00000059,0 6px 14px #0006;transition:transform .06s ease,filter .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000059}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn.fold{background:linear-gradient(180deg,#6b7280,#4b5563)}.btn.check{background:linear-gradient(180deg,#4a9d6b,#2f7d4f)}.btn.call{background:linear-gradient(180deg,#2f6fb0,#215386)}.btn.raise{background:linear-gradient(180deg,#d9772e,#b85914)}.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold-soft));color:#2a1d05}.raise-row{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(233,196,106,.3);border-radius:12px;padding:8px 12px}.raise-row input[type=range]{width:180px;accent-color:var(--gold)}.raise-row .amt{color:var(--gold);font-weight:700;min-width:52px;text-align:right}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#06090db8;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;text-align:center;padding:20px}.overlay h3{margin:0;font-size:22px;color:var(--gold);letter-spacing:1px}.overlay .winners{font-size:16px;color:var(--ink)}.overlay .winners .win{color:var(--win);font-weight:700}.overlay .ranks{font-size:14px;color:var(--muted);line-height:1.7}.overlay .controls{margin-top:4px}.status-line{text-align:center;color:var(--muted);font-size:14px;margin-top:14px;min-height:20px}.ev-panel{margin:10px auto 0;width:fit-content;max-width:92%;background:#ffffff0f;border:1px solid rgba(233,196,106,.35);border-radius:12px;padding:8px 16px;text-align:center;font-size:13px;color:var(--ink)}.ev-row{line-height:1.7}.ev-main{font-size:15px}.ev-main b{color:var(--gold);font-size:18px}.ev-muted{color:var(--muted);font-size:12px}.ev-good{color:#5fd08a}.ev-bad{color:#ff7676}.leave-mini{margin-left:auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.reconnect-banner{background:#3a2f10;color:var(--gold);text-align:center;font-size:13px;padding:6px 10px;border-bottom:1px solid rgba(233,196,106,.3)}.seat-tags.warn{color:#f0b429;border-color:#f0b429;background:#f0b4291f}.leave-mini:hover{color:var(--ink);border-color:var(--gold)}.lobby{max-width:480px;margin:36px auto;text-align:center}.lobby h1{color:var(--gold);font-size:24px;letter-spacing:2px;font-weight:700}.rating-badge{display:inline-flex;align-items:center;gap:14px;margin:6px auto 2px;padding:5px 16px;border:1px solid;border-radius:999px;background:#ffffff0d;font-size:13px}.rating-badge .lv{color:var(--ink);font-weight:700}.rating-badge .tier{font-weight:700;letter-spacing:1px}.rating-badge .exp{color:var(--muted);font-size:12px}.rating-float{display:inline-block;margin:4px 0 8px;padding:4px 14px;border:1px solid;border-radius:999px;background:#e9c46a1f;color:var(--ink);font-size:13px;font-weight:600;animation:fadeIn .4s ease-out}.lb-panel{max-width:420px;margin:10px auto;padding:10px 14px;border:1px solid rgba(233,196,106,.25);border-radius:12px;background:#ffffff0a;text-align:left}.lb-row{display:flex;align-items:center;gap:10px;padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.lb-row:last-child{border-bottom:none}.lb-rank{color:var(--muted);width:22px;text-align:right}.lb-name{color:var(--ink);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-lv{color:var(--muted);font-size:12px}.lb-elo{font-weight:700;min-width:84px;text-align:right}.lobby .code{color:var(--ink);background:#ffffff14;padding:2px 12px;border-radius:8px;border:1px solid rgba(233,196,106,.3);font-family:ui-monospace,Menlo,monospace;letter-spacing:3px}.card-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-top:18px;display:flex;flex-direction:column;gap:12px}.lobby input{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:var(--ink);font-size:15px;outline:none}.lobby input:focus{border-color:var(--gold)}.lobby input::placeholder{color:#f4f1e866}.join-row{display:flex;gap:8px}.join-row input{flex:1;text-transform:uppercase;letter-spacing:3px;text-align:center}.cfg-row{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.cfg-label{color:var(--muted);font-size:12px;width:32px;text-align:left}.num-input{width:76px;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--ink);font-size:13px;font-weight:600;text-align:center}.num-input:focus{outline:none;border-color:var(--gold)}.chip-btn{padding:5px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--muted);font-size:12px;cursor:pointer;transition:all .15s ease}.chip-btn:hover{border-color:var(--gold);color:var(--ink)}.chip-btn.on{background:var(--gold);border-color:var(--gold);color:#1a2417;font-weight:600}.hint{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.6}.room-list{margin-top:18px;text-align:left}.room-list .rl-title{color:var(--muted);font-size:12px;margin-bottom:8px}.room-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;margin-bottom:8px}.room-row .rc{font-family:ui-monospace,Menlo,monospace;letter-spacing:3px;color:var(--gold);font-size:15px}.room-row .rf{color:var(--ink);font-size:13px}.room-row .rs{color:var(--muted);font-size:12px;margin-right:auto}.room-row .btn{padding:6px 12px;font-size:12px}.warn-pill{color:#ffd76a!important;border-color:#ffd76a80!important}.warn-banner{background:#e9c46a26;border-color:#e9c46a66;color:#ffe6a0}.err{color:#ff9b9b;background:#c0392b26;border:1px solid rgba(192,57,43,.4);border-radius:10px;padding:8px 12px;margin-top:12px;font-size:13px}.seats-row{display:flex;gap:12px;justify-content:center;margin:18px 0;flex-wrap:wrap}.seat-chip{background:#ffffff0f;border:1px solid rgba(233,196,106,.25);border-radius:12px;padding:12px 16px;min-width:120px}.seat-chip.you{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.seat-chip .who{font-size:14px;font-weight:600;color:var(--ink)}.seat-chip .role{font-size:11px;color:var(--muted);margin-top:3px}.btn-mini{margin-top:8px;padding:4px 12px;font-size:11px;border-radius:8px;border:1px solid rgba(233,196,106,.4);background:#00000040;color:var(--ink);cursor:pointer;transition:border-color .15s,color .15s}.btn-mini:hover{border-color:var(--gold)}.btn-mini.warn{border-color:#d23b3b80;color:#ff9b9b}.btn-mini.warn:hover{border-color:var(--red)}