:root{color:#f4f1df;background:#101316;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;--motion-fast: .16s;--motion-medium: .22s;--motion-slow: .28s;--motion-ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}.app-shell{background:radial-gradient(circle at 14% 18%,rgba(190,57,45,.2),transparent 28%),radial-gradient(circle at 86% 8%,rgba(216,180,93,.12),transparent 24%),linear-gradient(135deg,#11171a,#172424 46%,#251f18);min-height:100vh;padding:18px}.table-header{align-items:end;display:flex;gap:20px;justify-content:space-between;margin:0 auto 14px;max-width:1680px}.eyebrow{color:#d8b45d;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 6px}h1,h2,p{margin:0}h1{color:#fff1bd;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:34px;font-weight:800;letter-spacing:0;line-height:1.08}h2{color:#ffe6a4;font-size:16px;letter-spacing:0;margin-bottom:12px}h3{color:#f8edcc;font-size:13px;letter-spacing:0;margin:0 0 8px}.table-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.mode-switch{align-items:end;display:flex;gap:6px}.mode-button,.secondary-button{background:#20292b;border:1px solid #7b8b7d;border-radius:7px;color:#fff8dc;min-height:42px;padding:9px 12px;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.mode-button[aria-pressed=true],.secondary-button{background:#d8b45d;border-color:#f7e7b0;color:#251b12;font-weight:900}.table-controls label{color:#f8edcc;display:grid;font-size:13px;font-weight:800;gap:6px}.table-controls select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#20292b;border:1px solid #7b8b7d;border-radius:7px;color:#fff8dc;min-width:190px;padding:10px 34px 10px 12px}.table-controls button{font-weight:800}.mode-button:hover,.secondary-button:hover,.action-button:hover:not(:disabled){transform:translateY(-1px)}.mode-button:active,.secondary-button:active,.action-button:active:not(:disabled){transform:translateY(1px) scale(.99)}.table-layout{align-items:start;animation:table-fade-in var(--motion-medium) var(--motion-ease);display:grid;gap:20px;grid-template-columns:minmax(780px,1fr) minmax(340px,380px);margin:0 auto;max-width:1680px}.felt-wrap,.table-rail,.rail-panel{background:#0d1213c7;border:1px solid rgba(247,231,176,.18);border-radius:8px;box-shadow:0 24px 60px #00000057}.felt-wrap{height:clamp(620px,calc(100vh - 128px),780px);min-height:620px;padding:18px 24px}.felt-table{background:repeating-linear-gradient(70deg,rgba(255,255,255,.035) 0 1px,transparent 1px 18px),radial-gradient(circle at center,#27725b,#155842 55%,#0d332b);border:14px solid #704528;border-radius:44%/50%;box-shadow:inset 0 0 0 7px #241711,inset 0 0 58px #0000007a;height:100%;min-height:100%;overflow:visible;position:relative}.table-center{animation:center-fade-in var(--motion-slow) var(--motion-ease);background:#081211b8;border:1px solid rgba(247,231,176,.22);border-radius:8px;box-shadow:0 18px 34px #00000040;display:grid;gap:14px;left:50%;max-width:520px;padding:14px;position:absolute;top:34%;transform:translate(-50%,-50%);transition:opacity var(--motion-medium) var(--motion-ease),transform var(--motion-medium) var(--motion-ease);width:48%;z-index:2}.table-meta{align-items:center;color:#e7f1e1;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.table-meta span,.table-meta strong{background:#0b1112c2;border:1px solid rgba(247,231,176,.16);border-radius:999px;color:#f8efd1;font-size:12px;line-height:1.2;padding:7px 10px;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease);white-space:nowrap}.community-zone{display:flex;gap:9px;justify-content:center;min-height:76px}.playing-card{animation:card-enter var(--motion-medium) var(--motion-ease);aspect-ratio:.72;background:#fff9ea;border:1px solid rgba(38,27,18,.36);border-radius:7px;box-shadow:0 8px 18px #00000047,inset 0 0 0 4px #ffffff5c;font-family:Georgia,Times New Roman,serif;font-weight:800;height:76px;min-width:54px;overflow:hidden;position:relative;transition:box-shadow var(--motion-medium) var(--motion-ease),opacity var(--motion-medium) var(--motion-ease),transform var(--motion-medium) var(--motion-ease);--card-center-size: 35px;--card-corner-size: 14px;--card-corner-offset: 6px}.playing-card.compact{height:56px;min-width:40px;--card-center-size: 27px;--card-corner-size: 10px;--card-corner-offset: 5px}.card-corner{display:grid;font-size:var(--card-corner-size);font-weight:900;gap:1px;justify-items:center;left:var(--card-corner-offset);line-height:.86;position:absolute;top:var(--card-corner-offset);z-index:2}.card-corner-bottom{bottom:var(--card-corner-offset);left:auto;right:var(--card-corner-offset);top:auto;transform:rotate(180deg)}.card-rank,.card-suit{display:block;letter-spacing:0}.card-center-suit{display:grid;font-size:var(--card-center-size);top:0;right:0;bottom:0;left:0;line-height:1;place-items:center;position:absolute;text-shadow:0 1px 0 rgba(255,255,255,.46)}.playing-card.red-suit{color:#b5272f}.playing-card.black-suit{color:#1b2228}.playing-card.card-back{background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 35%),repeating-linear-gradient(45deg,#173b5f 0,#173b5f 7px,#102842 7px,#102842 14px);color:#d7b660;display:grid;place-items:center;transition:background-position var(--motion-slow) var(--motion-ease),transform var(--motion-medium) var(--motion-ease)}.playing-card.empty{background:#071a1870;border:1px dashed rgba(247,231,176,.38);box-shadow:inset 0 0 18px #0000003d;color:#ffffff80;display:grid;place-items:center}.pot-zone{display:grid;gap:10px}.pot-list{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.pot-item{align-items:center;animation:pot-pop var(--motion-medium) var(--motion-ease);background:#0a1011d1;border:1px solid rgba(247,231,176,.22);border-radius:7px;color:#fff4ce;display:grid;gap:6px;min-width:0;padding:9px;text-align:center;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.pot-item:hover{border-color:#f7e7b057;transform:translateY(-1px)}.pot-item>span{font-size:13px;font-weight:900}.pot-item small{color:#c7d5ca;font-size:11px;line-height:1.35}.payout-list{animation:payout-reveal var(--motion-slow) var(--motion-ease);background:#f7e7b01a;border-radius:7px;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding:8px;box-shadow:0 0 22px #d8b45d24}.payout-list strong,.payout-list span{border-radius:999px;font-size:12px;font-weight:900;line-height:1.2;padding:7px 10px}.payout-list strong{background:#1f2b2c;color:#f7e7b0}.payout-list span{background:#f7e7b0;color:#372516;animation:payout-chip-reveal var(--motion-slow) var(--motion-ease)}.seat-ring{top:0;right:0;bottom:0;left:0;position:absolute;z-index:3}.player-seat{background:#11181beb;border:1px solid rgba(238,244,232,.22);border-radius:8px;box-shadow:0 16px 34px #00000061;color:#f7f3df;display:grid;gap:8px;min-height:138px;padding:10px;position:absolute;transition:border-color var(--motion-medium) var(--motion-ease),box-shadow var(--motion-medium) var(--motion-ease),opacity var(--motion-medium) var(--motion-ease),transform var(--motion-medium) var(--motion-ease);width:188px}.player-seat.is-current{border-color:#d8b45d;box-shadow:0 0 0 2px #d8b45d3d,0 18px 36px #0006}.seat-0{bottom:18px;left:50%;transform:translate(-50%)}.seat-1{bottom:82px;right:-6px}.seat-2{right:-6px;top:82px}.seat-3{left:50%;top:18px;transform:translate(-50%)}.seat-4{left:-6px;top:82px}.seat-5{bottom:82px;left:-6px}.seat-6{bottom:18px;right:24%}.seat-7{right:23%;top:18px}.seat-8{left:23%;top:18px}.seat-topline,.seat-marks,.chip-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.seat-topline strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill,.blind-mark,.dealer-button{border-radius:999px;font-size:11px;font-weight:900;line-height:1;padding:6px 7px;white-space:nowrap}.status-pill{background:#253238;color:#cfe1d8}.status-folded,.status-eliminated,.status-disconnected{background:#422024;color:#f4c7c7}.status-all-in{background:#493d18;color:#ffe796}.dealer-button{background:#f7e7b0;color:#241812}.blind-mark{background:#263f57;color:#d7ebff}.hole-cards{display:flex;gap:7px;min-height:56px}.chip-row{align-items:end;animation:chip-row-reveal var(--motion-medium) var(--motion-ease)}.chip-stack{align-items:center;color:#e7f1e1;display:grid;flex:1 1 0;font-size:11px;gap:5px;justify-items:center;min-width:0;transition:opacity var(--motion-medium) var(--motion-ease),transform var(--motion-medium) var(--motion-ease)}.chip-pile{display:grid;min-height:24px;place-items:center}.chip{background:radial-gradient(circle,#f7f3df 0 25%,transparent 26%),conic-gradient(#f7f3df 0,#f7f3df 10%,#b72b2b 10%,#b72b2b 22%,#f7f3df 22%,#f7f3df 32%,#b72b2b 32%,#b72b2b 45%,#f7f3df 45%,#f7f3df 55%,#b72b2b 55%,#b72b2b 68%,#f7f3df 68%,#f7f3df 78%,#b72b2b 78%,#b72b2b);border:2px solid #f7f3df;border-radius:999px;box-shadow:0 3px #6e1b21;grid-area:1 / 1;height:26px;width:26px}.chip-pile.accent .chip{background:radial-gradient(circle,#242017 0 25%,transparent 26%),conic-gradient(#242017 0,#242017 10%,#d8b45d 10%,#d8b45d 22%,#242017 22%,#242017 32%,#d8b45d 32%,#d8b45d 45%,#242017 45%,#242017 55%,#d8b45d 55%,#d8b45d 68%,#242017 68%,#242017 78%,#d8b45d 78%,#d8b45d);border-color:#d8b45d;box-shadow:0 3px #72551f}.chip-stack-text{align-items:center;display:grid;gap:2px;justify-items:center;line-height:1.2;min-width:0}.chip-stack-text span{color:#b9c8bd}.chip-stack-text strong{color:#f7f3df;font-size:11px;overflow-wrap:anywhere}.table-rail{align-content:start;display:grid;gap:14px;padding:14px}.rail-panel{box-shadow:none;padding:14px}.local-controls,.network-controls{display:grid;gap:10px;margin-bottom:12px}.local-controls label,.network-controls label{color:#f8edcc;display:grid;font-size:12px;font-weight:900;gap:6px}.local-controls select,.amount-control input,.network-controls input{background:#172022;border:1px solid rgba(247,231,176,.26);border-radius:7px;color:#fff8dc;min-height:40px;padding:8px 10px;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease);width:100%}.local-controls select:focus,.amount-control input:focus,.network-controls input:focus,.table-controls select:focus{border-color:#d8b45d;box-shadow:0 0 0 3px #d8b45d29;outline:none}.local-controls select:disabled{color:#89989b}.secondary-button{width:100%}.network-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.connection-status{background:#ffffff0e;border-radius:7px;color:#f8edcc;font-size:12px;font-weight:900;padding:9px 10px}.network-summary{color:#d8e5dc;display:grid;font-size:12px;gap:8px}.network-summary dl{display:grid;gap:7px;margin:0}.network-summary dl div{align-items:center;background:#ffffff0e;border-radius:7px;display:flex;gap:10px;justify-content:space-between;padding:8px 10px}.network-summary dt{color:#b9c8bd;font-weight:800}.network-summary dd{color:#fff4ce;font-weight:900;margin:0;overflow-wrap:anywhere;text-align:right}.room-player-list{color:#d8e5dc;display:grid;font-size:12px;gap:8px}.room-player-list ul{display:grid;gap:7px;list-style:none;margin:0;padding:0}.room-player-list li{background:#ffffff0e;border:1px solid rgba(247,231,176,.1);border-radius:7px;display:grid;gap:5px;padding:9px 10px}.room-player-list li.is-self{border-color:#d8b45d6b}.room-player-list span{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.room-player-list strong{color:#fff4ce}.room-player-list em{background:#d8b45d2e;border-radius:999px;color:#ffe6a4;font-style:normal;font-weight:900;padding:4px 6px}.room-player-list small{color:#b9c8bd;line-height:1.35}.error-banner{animation:log-entry-in var(--motion-medium) var(--motion-ease);background:#b5272f2e;border:1px solid rgba(255,154,154,.38);border-radius:7px;color:#ffd3d3;font-size:12px;font-weight:800;line-height:1.35;padding:9px 10px}.action-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.action-button{align-items:center;background:#d8b45d;border:1px solid #f7e7b0;border-radius:7px;color:#251b12;display:grid;font-size:14px;font-weight:900;gap:2px;min-height:48px;padding:8px 10px;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.action-button:not(:disabled){cursor:pointer}.action-button small{font-size:11px;font-weight:800}.action-button:disabled{background:#273033;border-color:#455256;color:#88979b;opacity:.72}.player-summary{display:grid;gap:8px}.player-summary div{align-items:center;background:#ffffff0e;border-radius:7px;display:flex;gap:12px;justify-content:space-between;padding:9px 10px;transition:background var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}.player-summary div:hover{background:#ffffff14}.player-summary strong,.player-summary span{overflow-wrap:anywhere}.action-log{color:#d8e5dc;display:grid;gap:8px;list-style:none;margin:0;max-height:240px;overflow:auto;padding:0}.action-log li{animation:log-entry-in var(--motion-medium) var(--motion-ease);background:#ffffff0e;border-left:3px solid #d8b45d;border-radius:5px;display:grid;gap:3px;padding:9px 10px}.action-log strong{color:#f7e7b0}@keyframes table-fade-in{0%{opacity:.88;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes center-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-enter{0%{opacity:0;transform:translateY(7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pot-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes payout-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes payout-chip-reveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes chip-row-reveal{0%{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes log-entry-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1180px){.table-header{align-items:start;display:grid}.table-controls{justify-content:start}.table-layout{grid-template-columns:1fr}.felt-wrap{overflow-x:auto}.felt-table{min-width:760px}.table-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.app-shell{padding:14px}h1{font-size:28px}.table-controls{align-items:stretch;display:grid}.table-controls select{width:100%}.felt-wrap{height:610px;min-height:610px;padding:10px}.felt-table{border-width:10px;min-width:720px}.table-center{max-width:430px;padding:12px;width:46%}.playing-card{height:68px;min-width:49px}.playing-card.compact{height:52px;min-width:38px}.player-seat{min-height:130px;width:172px}.table-rail{grid-template-columns:1fr}}