:root{--risk-low: #7bc9a6;--risk-medium: #e2bd62;--risk-high: #ff8d73;color:#edf4e9;background:#0d1714;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0d1714}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;background:#0d1714}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #243a33;background:#0d1714db}.brand-mark{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:720;letter-spacing:0}.brand-dot,.status-dot,.event-pulse{width:8px;height:8px;border-radius:50%;display:inline-block;background:#b7e35c;box-shadow:0 0 0 4px #b7e35c1a}.topbar-meta{display:flex;align-items:center;gap:10px;color:#9bb0a6;font-size:12px;letter-spacing:0;text-transform:uppercase}.topbar-meta.is-offline{padding:5px 7px;color:#ffcf9f;background:#2e241a;border:1px solid #6d4e32;border-radius:4px;text-transform:none}.topbar:has(.topbar-meta.is-offline) .brand-dot{background:#d8a95e;box-shadow:0 0 0 4px #d8a95e1a}.separator{color:#496057}.error-banner{margin:18px auto 0;max-width:1180px;padding:11px 14px;display:flex;align-items:center;gap:8px;color:#ffcf9f;background:#3b281e;border:1px solid #754b31;border-radius:4px}.setup-layout,.table-layout{max-width:1180px;margin:0 auto;padding:66px 5vw 80px}.setup-intro{max-width:650px;margin-bottom:42px}h1,h2,p{margin-top:0}h1{margin-bottom:16px;font-size:48px;line-height:1.02;letter-spacing:0}h2{margin:0;font-size:15px;letter-spacing:0}.setup-intro>p:last-of-type{max-width:470px;color:#9bb0a6;line-height:1.7}.hand-counter{display:flex;align-items:baseline;gap:9px;margin-top:30px;color:#8ca39a}.hand-counter strong{color:#edf4e9;font-size:46px;line-height:1;font-weight:450}.hand-counter span{font-size:12px;letter-spacing:0;text-transform:uppercase}.setup-grid,.table-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:18px;align-items:start}.surface{background:#13231e;border:1px solid #294239;border-radius:6px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-index{color:#6f8e82;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.text-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:0}.text-button{padding:8px 0;color:#b7e35c;background:transparent}.text-button:hover{color:#dbf79f}.primary-button{width:100%;min-height:48px;margin-top:28px;color:#13231e;background:#b7e35c}.primary-button:hover{background:#d5f58c}.primary-button:disabled{opacity:.4}.selected-hand{min-height:64px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:12px;background:#0e1b18;border:1px dashed #355248;border-radius:4px}.selected-tile{min-width:47px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#1a2a23;background:#f1e5be;border:0;border-radius:3px;font-weight:750}.selected-tile:hover{background:#fff3cc}.pool-heading{margin-top:32px;margin-bottom:12px}.counter-note,.server-badge{color:#78968b;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.server-badge{padding:5px 7px;color:#b7e35c;border:1px solid #4d6535;border-radius:3px}.tile-pool{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px}.pool-tile{position:relative;min-height:47px;padding:6px 4px 9px;color:#d5e4d9;background:#1a3028;border:1px solid #315143;border-radius:3px;font-size:13px;font-weight:700}.pool-tile:hover:not(:disabled){color:#102017;background:#b7e35c;border-color:#b7e35c}.pool-tile:disabled{color:#50685e;opacity:.45}.pool-tile small{position:absolute;right:4px;bottom:2px;color:#7f9b8e;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.pool-tile:hover:not(:disabled) small{color:#385223}.dingque-panel{min-height:100%;display:flex;flex-direction:column}.accent-icon{color:#b7e35c}.dingque-list{display:grid;gap:5px}.dingque-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;min-height:48px;padding:0 11px;color:#aac0b4;border-bottom:1px solid #263d34}.dingque-row select{width:100%;padding:7px 6px;color:#edf4e9;background:#1a3028;border:1px solid #355248;border-radius:3px;font-size:13px}.dingque-row svg{color:#6f8e82}.surface-footnote{margin:17px 0 0;color:#658076;font-size:11px;line-height:1.5}.table-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.table-heading h1{margin-bottom:0}.table-tools,.history-actions,.replay-controls{display:flex;align-items:center;gap:7px}.history-actions{padding-right:10px;border-right:1px solid #294239}.icon-button{width:38px;height:38px;padding:0;display:inline-grid;flex:none;place-items:center;color:#b9cdc2;background:#172922;border:1px solid #355248;border-radius:4px}.icon-button:hover:not(:disabled){color:#13231e;background:#b7e35c;border-color:#b7e35c}.icon-button:disabled{opacity:.34}.history-navigator{min-height:50px;margin-bottom:18px;padding:6px 9px 6px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#8da69b;background:#101f1a;border:1px solid #294239;border-radius:4px}.history-navigator.is-replaying{color:#e6c28d;background:#252219;border-color:#655333}.history-caption{min-width:0;display:flex;align-items:center;gap:9px}.history-caption svg{flex:none;color:#b7e35c}.history-caption strong{color:#dce9e1;font-size:12px}.history-caption span{color:inherit;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.exit-replay{color:#e6c28d;border-color:#655333}.table-status{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border-block:1px solid #294239}.table-status>div{min-height:74px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 17px;border-right:1px solid #294239}.table-status>div:last-child{border-right:0}.table-status span{color:#719086;font-size:10px;letter-spacing:0;text-transform:uppercase}.table-status strong{color:#edf4e9;font-size:18px;font-weight:500}.table-status .status-success strong{color:#b7e35c;font-size:12px;letter-spacing:0}.game-reference{margin:7px 0 0;color:#6f8e82;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.table-main{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.table-hand{display:flex;flex-wrap:wrap;gap:8px;min-height:106px;align-content:flex-start}.hand-tile{min-width:54px;height:70px;color:#1a2a23;background:#f1e5be;border:2px solid #f1e5be;border-radius:4px;font-size:17px;font-weight:800;box-shadow:0 3px #b5a67b}.hand-tile.is-legal{border-color:#b7e35c;box-shadow:0 3px #6d8c35}.hand-tile.is-legal:hover{transform:translateY(-3px)}.hand-tile.is-locked{filter:saturate(.35);opacity:.55}.waiting-state{display:flex;gap:12px;margin-top:30px;padding:15px;color:#e6c28d;background:#2a251a;border-left:3px solid #d8a95e}.waiting-state svg{flex:none}.waiting-state strong{font-size:13px}.waiting-state p{margin:6px 0 0;color:#b8a482;font-size:12px;line-height:1.6}.empty-advice{min-height:180px;display:grid;place-items:center;color:#678177;font-size:13px;text-align:center}.simulation-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin:-9px 0 13px;padding-bottom:11px;color:#78968b;border-bottom:1px solid #294239;font:600 9px ui-monospace,SFMono-Regular,Menlo,monospace}.simulation-meta span:last-child{color:#a6be76}.advice-list{display:grid;gap:1px}.advice-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #294239}.advice-row:last-child{border-bottom:0}.advice-row.is-top{padding-top:4px}.advice-rank{color:#628076;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace}.advice-copy{min-width:0}.advice-title{display:flex;align-items:center;gap:8px}.advice-title strong{color:#f1e5be;font-size:16px}.advice-title span{color:#b7e35c;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.advice-copy p,.advice-copy small{display:block;overflow:hidden;margin:5px 0 0;color:#91aaa0;font-size:11px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.advice-copy small{margin-top:2px;color:#627c72}.advice-score{color:#b7e35c;font:500 18px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.advice-score small{display:block;color:#627c72;font-size:9px}.event-strip{display:flex;align-items:center;gap:10px;margin-top:15px;color:#769187;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.event-pulse{width:6px;height:6px;box-shadow:none}.score-board{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;background:#101f1a;border:1px solid #294239;border-radius:6px;overflow:hidden}.score-board>div{min-width:0;padding:13px 16px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;border-right:1px solid #294239}.score-board>div:last-child{border-right:0}.score-board span{color:#9bb0a6;font-size:12px}.score-board strong{font:700 17px ui-monospace,SFMono-Regular,Menlo,monospace}.score-board small{grid-column:1 / -1;color:#627c72;font-size:10px}.score-positive{color:#b7e35c}.score-negative{color:#ffb08a}.action-grid{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid #294239}.action-context{width:100%;color:#9bb0a6;font-size:12px}.action-button{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#d5e4d9;background:#1a3028;border:1px solid #3b5b4e;border-radius:4px;font-size:12px;font-weight:700}.action-button:hover:not(:disabled){color:#f4f8f1;border-color:#718f82}.action-button:disabled{opacity:.42}.action-primary{color:#13231e;background:#b7e35c;border-color:#b7e35c}.action-primary:hover:not(:disabled){color:#13231e;background:#d5f58c;border-color:#d5f58c}.context-command{min-width:62px;min-height:42px;padding:3px 10px;flex:none;gap:6px}.action-command-icon{width:19px;height:19px;display:grid;flex:none;place-items:center}.action-command-label{font-size:12px;line-height:1;white-space:nowrap}.context-command.is-tile-command{padding-left:5px}.action-command-tile{width:29px;height:34px;padding:2px;display:grid;flex:none;place-items:center;color:#213029;background:#f1e5be;border-radius:3px}.action-command-tile .tile-face strong{font-size:11px}.action-command-tile .tile-face small{font-size:7px}.tile-picker-trigger{width:76px;min-height:40px;padding:3px 7px 3px 4px;display:grid;grid-template-columns:36px 15px;align-items:center;justify-content:space-between;gap:6px;color:#9db2a8;background:#152922;border:1px solid #3b5b4e;border-radius:4px}.tile-picker-trigger:hover{color:#dce8e2;border-color:#718f82}.tile-picker-trigger:disabled{cursor:wait;opacity:.5}.tile-picker-face{width:34px;height:32px;padding:2px;display:grid;place-items:center;color:#213029;background:#f1e5be;border-radius:3px}.tile-picker-face .tile-face strong{font-size:12px}.tile-picker-face .tile-face small{font-size:7px}.tile-picker-backdrop{position:fixed;z-index:70;inset:0;padding:20px;display:flex;align-items:center;justify-content:center;background:#030a08bd}.tile-picker-sheet{width:min(430px,100%);padding:12px;color:#edf4e9;background:#101f1a;border:1px solid #355248;border-radius:6px;box-shadow:0 18px 48px #0006}.tile-picker-heading{min-height:40px;display:flex;align-items:center;justify-content:space-between}.tile-picker-heading>div{display:flex;align-items:baseline;gap:9px}.tile-picker-heading span{color:#8ca39a;font-size:10px}.tile-picker-heading strong{color:#f1e5be;font-size:15px}.tile-picker-heading .icon-button{width:34px;height:34px}.tile-picker-suits{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tile-picker-suit{min-width:0;min-height:48px;color:#78968b;background:#142820;border:1px solid #315143;border-radius:4px}.tile-picker-suit strong,.tile-picker-suit small{display:block}.tile-picker-suit strong{font-size:17px}.tile-picker-suit small{margin-top:2px;font-size:8px}.tile-picker-suit[aria-pressed=true]{color:#152219;background:#f1e5be;border-color:#b7e35c;box-shadow:inset 0 -3px #b7e35c}.tile-picker-grid{margin-top:9px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.tile-picker-option{min-width:0;height:58px;padding:3px;color:#213029;background:#f1e5be;border:2px solid #d8ca9e;border-radius:3px;box-shadow:0 2px #a99c76}.tile-picker-option:hover,.tile-picker-option[aria-pressed=true]{border-color:#b7e35c;box-shadow:0 2px #6d8c35;transform:translateY(-1px)}.tile-picker-option .tile-face strong{font-size:15px}.tile-picker-option .tile-face small{font-size:9px}.meld-summary{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px}.meld-summary span{color:#78968b;font-size:11px}.meld-summary strong{padding:5px 8px;color:#d9edab;background:#22382f;border-radius:3px;font-size:11px}.ledger-panel{margin-top:24px;padding-top:18px;border-top:1px solid #294239}.ledger-panel h3{margin:0 0 11px;font-size:12px}.ledger-panel>small{color:#627c72}.ledger-row{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid #263d34;font-size:11px}.ledger-row span{color:#a9bdb3}.ledger-row strong{color:#b7e35c}.ledger-row small{grid-column:1 / -1;color:#627c72;font-size:9px}.event-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #263d34;font-size:10px}.event-row strong{color:#b7e35c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.event-row span{min-width:0;overflow-wrap:anywhere;color:#8fa69b}.multi-win-panel{width:100%;margin-top:8px;padding-top:18px;border-top:1px solid #355248}.multi-win-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.multi-win-heading strong{font-size:12px}.multi-win-heading span{color:#78968b;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.winner-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.winner-option{min-height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;color:#d5e4d9;background:#182c25;border:1px solid #355248;border-radius:4px;font-size:12px}.winner-option:has(input:checked){color:#13231e;background:#b7e35c;border-color:#b7e35c}.winner-option:has(input:disabled){opacity:.4}.winner-option input{width:15px;height:15px;margin:0;accent-color:#315143}.revealed-hand-editor{margin-top:18px;padding-top:16px;border-top:1px solid #294239}.reported-fan-selector{margin-top:14px;padding-top:12px;border-top:1px solid #294239}.fan-segments{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.fan-segments button{min-width:0;min-height:48px;padding:5px 2px;color:#8ca39a;background:#142820;border:1px solid #315143;border-radius:4px}.fan-segments strong,.fan-segments small{display:block}.fan-segments strong{font-size:12px}.fan-segments small{margin-top:3px;font-size:8px}.fan-segments button[aria-pressed=true]{color:#152219;background:#b7e35c;border-color:#b7e35c}.compact-selected{min-height:54px;margin-bottom:12px}.compact-selected .selected-tile{min-width:43px;height:36px;font-size:12px}.compact-pool{gap:5px}.compact-pool .pool-tile{min-height:42px;font-size:11px}.multi-win-submit{width:100%;margin-top:18px}.finished-state{width:100%;min-height:58px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:9px;color:#b7e35c;border-block:1px solid #355248}.replay-readonly{width:100%;min-height:58px;margin-top:22px;display:flex;align-items:center;justify-content:center;gap:9px;color:#e6c28d;background:#252219;border-block:1px solid #655333;font-size:12px;text-align:center}@media(max-width:760px){.topbar{height:62px;padding:0 20px}.topbar-meta{font-size:10px}.topbar-meta .separator,.topbar-meta .status-dot{display:none}.setup-layout,.table-layout{padding:42px 16px 60px}h1{font-size:38px}.setup-grid,.table-main{grid-template-columns:1fr}.surface{padding:18px}.tile-pool{gap:5px}.pool-tile{min-height:43px;font-size:12px}.table-heading{align-items:start;flex-wrap:wrap}.table-tools{width:100%;justify-content:space-between}.history-navigator{padding-left:10px}.history-caption{align-items:flex-start;flex-direction:column;gap:3px}.history-caption svg{display:none}.table-status{grid-template-columns:repeat(2,1fr)}.table-status>div:nth-child(2){border-right:0}.table-status>div:nth-child(-n+2){border-bottom:1px solid #294239}.table-status strong{font-size:15px}.score-board{grid-template-columns:repeat(2,1fr)}.score-board>div:nth-child(2){border-right:0}.score-board>div:nth-child(-n+2){border-bottom:1px solid #294239}.action-button{flex:1 1 auto}.advice-row{grid-template-columns:25px minmax(0,1fr) auto}.advice-score{font-size:15px}.winner-option{flex:1 1 calc(50% - 4px)}.compact-pool{grid-template-columns:repeat(6,minmax(0,1fr))}}.tile-face{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.tile-face strong{color:#243129;font-size:1.2em;font-weight:850}.tile-face small{margin-top:3px;font-size:.64em;font-weight:850}.tile-face-wan small{color:#a9433c}.tile-face-tong small{color:#24705a}.tile-face-tiao small{color:#245c73}.tile-face.is-compact strong{font-size:7px}.tile-face.is-compact small{display:none}body:has(.setup-wizard){overflow:hidden}.app-shell:has(.setup-wizard){height:100svh;overflow:hidden}.setup-wizard{width:min(820px,100%);height:calc(100svh - 72px);margin:0 auto;padding:18px 20px 16px;display:grid;grid-template-rows:64px minmax(0,1fr) 58px;gap:10px;overflow:hidden}.setup-wizard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #294239}.setup-wizard-heading>div:first-child{min-width:0;display:flex;align-items:baseline;gap:12px}.setup-wizard-heading h1{margin:0;font-size:24px;line-height:1}.setup-wizard-heading span{color:#78968b;font-size:11px}.setup-progress{display:flex;align-items:center}.setup-progress b{width:28px;height:28px;display:grid;place-items:center;color:#668077;border:1px solid #355248;border-radius:50%;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.setup-progress i{width:42px;border-top:1px solid #355248}.setup-progress .is-complete{color:#152219;background:#b7e35c;border-color:#b7e35c}.setup-progress i.is-complete{background:transparent;border-color:#b7e35c}.setup-stage{min-height:0;padding:12px;display:grid;overflow:hidden;background:#10211c;border:1px solid #294239;border-radius:6px}.setup-hand-stage{grid-template-rows:38px 130px 26px 230px;align-content:center;gap:8px}.setup-stage-title,.setup-stage-title>div,.setup-pool-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.setup-stage-title strong,.setup-pool-heading strong{font-size:12px}.setup-stage-title small,.setup-pool-heading span{color:#78968b;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.setup-stage-title .icon-button{width:32px;height:32px}.setup-title-controls{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px}.dealer-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.dealer-segments button{min-width:44px;height:32px;padding:0 5px;color:#8ca39a;background:#142820;border:1px solid #315143;border-radius:4px;font-size:10px;font-weight:700}.dealer-segments button[aria-pressed=true]{color:#152219;background:#b7e35c;border-color:#b7e35c}.setup-selected-hand{min-height:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px}.setup-selected-tile,.setup-pool-tile{position:relative;min-width:0;color:#213029;background:#f1e5be;border:1px solid #d8ca9e;border-radius:3px;box-shadow:0 2px #a99c76}.setup-selected-tile{height:92px;padding:5px 2px}.setup-selected-tile>svg{position:absolute;top:4px;right:3px;color:#6f6a55;opacity:.58}.setup-selected-tile:hover,.setup-pool-tile:hover:not(:disabled){background:#fff3cc;border-color:#b7e35c}.setup-tile-pool{min-height:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}.setup-pool-tile{min-height:0;padding:3px}.setup-pool-tile>small{position:absolute;right:3px;bottom:2px;color:#6e6a58;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.setup-pool-tile:disabled{filter:saturate(.25);opacity:.42}.setup-dingque-stage{grid-template-rows:42px 310px;align-content:center;gap:10px}.dingque-seat-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dingque-seat{min-width:0;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #294239}.seat-token{display:grid;place-items:center;gap:4px}.seat-token strong{width:34px;height:34px;display:grid;place-items:center;color:#f1e5be;border:1px solid #655f43;border-radius:50%;font-size:14px}.seat-token span{color:#8ca39a;font-size:9px}.suit-segments{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.suit-segment{min-width:0;height:64px;padding:5px 2px;color:#718b80;background:#142820;border:1px solid #315143;border-radius:4px}.suit-segment strong,.suit-segment small{display:block}.suit-segment strong{font-size:19px}.suit-segment small{margin-top:5px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.suit-segment[aria-pressed=true]{color:#152219;background:#f1e5be;border-color:#b7e35c;box-shadow:inset 0 -3px #b7e35c}.suit-wan[aria-pressed=true] strong{color:#a9433c}.suit-tong[aria-pressed=true] strong{color:#24705a}.suit-tiao[aria-pressed=true] strong{color:#245c73}.setup-wizard-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}.setup-wizard-actions>span{margin-right:auto;color:#78968b;font-size:10px}.setup-wizard-actions .primary-button{width:auto;min-width:154px;min-height:44px;margin:0;padding:0 18px}.back-button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;color:#b9cdc2;background:transparent;border:1px solid #355248;border-radius:4px;font-size:11px;font-weight:700}body:has(.table-layout){overflow:hidden}.app-shell:has(.table-layout){height:100svh;overflow:hidden}.app-shell:has(.table-layout)>.error-banner{position:fixed;z-index:80;top:74px;left:50%;width:min(92vw,620px);margin:0;transform:translate(-50%)}.table-layout{width:min(1180px,100%);height:calc(100svh - 72px);max-width:none;margin:0 auto;padding:10px 16px 8px;display:grid;grid-template-rows:50px minmax(260px,1fr) 76px auto 18px;gap:8px;overflow:hidden}.game-toolbar{min-width:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;border-bottom:1px solid #294239}.game-identity{min-width:0;display:flex;align-items:baseline;gap:10px}.game-identity strong{font-size:15px}.game-identity span{overflow:hidden;color:#6f8e82;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.game-toolbar-status{display:flex;align-items:center;gap:12px;color:#8ca39a;font-size:10px}.game-toolbar-status span{display:flex;align-items:center;gap:7px}.game-toolbar-status .status-dot{width:6px;height:6px;box-shadow:none}.game-toolbar-status b{padding:5px 7px;color:#f1e5be;border:1px solid #5d5740;border-radius:3px}.game-toolbar-actions{display:flex;gap:5px}.game-toolbar .icon-button{width:34px;height:34px}.table-arena{position:relative;min-height:0;overflow:hidden;background:#10251f;border:1px solid #294239;border-radius:6px}.table-arena:before,.table-arena:after{position:absolute;content:"";pointer-events:none}.table-arena:before{inset:50% 18%;border-top:1px solid #1b3930}.table-arena:after{inset:16% 50%;border-left:1px solid #1b3930}.seat-node{position:absolute;z-index:2;width:170px;min-height:62px;padding:7px 8px;color:#9db2a8;background:transparent;border:0;border-left:2px solid #365247;border-radius:0;font:inherit;text-align:left}.seat-node:is(button):hover,.seat-node:is(button):focus-visible{background:#152d26;border-left-color:#86a954;outline:0}.seat-node.is-current{border-left-color:#b7e35c;background:#152d26}.seat-node.is-won{opacity:.62}.seat-top{top:8px;left:50%;transform:translate(-50%)}.seat-bottom{bottom:8px;left:50%;transform:translate(-50%)}.seat-left{top:50%;left:8px;transform:translateY(-50%)}.seat-right{top:50%;right:8px;transform:translateY(-50%)}.seat-summary,.seat-state{display:flex;align-items:center;gap:7px}.seat-summary{justify-content:space-between}.seat-summary strong{color:#e2ece6;font-size:12px}.seat-summary span{font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.seat-state{margin-top:2px;font-size:9px}.seat-state i{width:18px;height:18px;display:inline-grid;place-items:center;color:#f1e5be;border:1px solid #5d5740;border-radius:50%;font-style:normal}.seat-state small{color:#637e73}.seat-detail{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}.seat-detail>div{min-width:0}.opponent-signal{--signal-color: #60766d;width:34px;display:grid;flex:none;place-items:center;gap:1px}.opponent-signal.risk-low{--signal-color: var(--risk-low)}.opponent-signal.risk-medium{--signal-color: var(--risk-medium)}.opponent-signal.risk-high{--signal-color: var(--risk-high)}.opponent-risk-ring{width:31px;height:31px;display:grid;grid-template-columns:auto auto;place-content:center;gap:1px;color:var(--signal-color);background:radial-gradient(circle,#10251f 56%,transparent 59%),conic-gradient(var(--signal-color) var(--risk-progress),#294239 var(--risk-progress));border-radius:50%}.seat-node.is-current .opponent-risk-ring{background:radial-gradient(circle,#152d26 56%,transparent 59%),conic-gradient(var(--signal-color) var(--risk-progress),#365047 var(--risk-progress))}.opponent-risk-ring strong{font:750 9px ui-monospace,SFMono-Regular,Menlo,monospace}.opponent-risk-ring small{align-self:end;font-size:6px}.opponent-risk-ring.is-loading svg{animation:inference-scan 1.6s linear infinite}.opponent-signal>i{color:#b6c9c0;font-size:7px;font-style:normal;line-height:1}.discard-rack{height:22px;margin-top:5px;display:flex;gap:2px;overflow:hidden}.mini-tile{width:18px;height:22px;flex:none;display:grid;place-items:center;color:#26362f;background:#e9dfbf;border-radius:2px;font-size:7px;font-weight:800}.table-center{position:absolute;z-index:3;top:50%;left:50%;width:112px;min-height:118px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transform:translate(-50%,-50%);background:#0c1c17;border:1px solid #355248;border-radius:6px;text-align:center}.wall-count{color:#b7e35c;font:500 26px ui-monospace,SFMono-Regular,Menlo,monospace}.wall-count small{display:block;color:#668077;font:9px ui-sans-serif,system-ui,sans-serif}.focus-tile{width:40px;height:50px;display:grid;place-items:center;color:#1a2a23;background:#f1e5be;border-radius:3px;box-shadow:0 2px #b5a67b;font-size:13px}.table-center b{max-width:100%;overflow:hidden;color:#dce8e2;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.primary-advice{min-width:0;width:100%;padding:8px 12px;display:grid;grid-template-columns:54px minmax(0,1fr) 56px 18px;align-items:center;gap:10px;color:#dce8e2;background:#172922;border:1px solid #4e613a;border-radius:6px;text-align:left}.primary-advice:hover{border-color:#b7e35c}.primary-advice.is-empty{grid-template-columns:auto 1fr auto;color:#78968b}.advice-tile-mark{height:46px;display:grid;place-items:center;color:#1a2a23;background:#f1e5be;border-radius:3px;font-size:13px;font-weight:800}.primary-advice-copy{min-width:0}.primary-advice-copy small,.primary-advice-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-advice-copy small{color:#9cad79;font-size:9px}.primary-advice-copy strong{margin-top:4px;color:#f1e5be;font-size:16px}.risk-meter{width:54px;height:54px;display:grid;place-content:center;color:#ffad8d;border:2px solid #804b3c;border-radius:50%;text-align:center}.risk-meter strong,.risk-meter small{display:block}.risk-meter strong{font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.risk-meter small{margin-top:1px;color:#9d7769;font-size:8px}.hand-dock{min-height:0;padding:7px 9px 8px;display:grid;grid-template-rows:18px 74px minmax(44px,auto);gap:5px;background:#0e1e19;border:1px solid #294239;border-radius:6px}.hand-dock-heading{display:flex;align-items:center;gap:8px;color:#78968b;font-size:9px}.hand-dock-heading strong{color:#d9e6df;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.hand-dock-heading small{margin-left:auto;color:#a9bd7c}.hand-dock .table-hand{min-height:0;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;align-content:stretch}.hand-dock .hand-tile{min-width:0;width:100%;height:70px;padding:2px;font-size:13px}.context-action-bar{min-width:0;min-height:44px;overflow:hidden}.context-action-bar .action-grid{height:100%;margin:0;padding:0;flex-wrap:nowrap;border:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.context-action-bar .action-grid::-webkit-scrollbar{display:none}.context-action-bar .action-context{width:auto;max-width:180px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-action-bar .action-button,.context-action-bar .tile-picker{min-height:40px;flex:none}.context-action-bar .finished-state,.context-action-bar .replay-readonly{min-height:42px;margin:0}.sync-strip{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;color:#688278;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.sync-strip.is-offline{color:#d8a95e}.offline-readonly{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;color:#d8a95e;background:#252219;border:1px solid #655333;border-radius:4px;font-size:11px}.drawer-backdrop,.modal-backdrop{position:fixed;z-index:50;inset:0;display:flex;justify-content:flex-end;background:#030a08b8}.workspace-drawer{width:min(440px,92vw);height:100%;display:grid;grid-template-rows:58px minmax(0,1fr);color:#edf4e9;background:#101f1a;border-left:1px solid #355248;box-shadow:-12px 0 32px #00000047}.drawer-heading,.modal-sheet-heading{min-width:0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #294239}.drawer-heading>div,.modal-sheet-heading>div{min-width:0;display:flex;align-items:center;gap:9px}.drawer-heading strong,.modal-sheet-heading strong{font-size:13px}.modal-sheet-heading span{color:#78968b;font-size:10px}.drawer-scroll{min-height:0;overflow-y:auto;padding:14px;overscroll-behavior:contain}.drawer-model{min-height:36px;margin-bottom:8px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;color:#8ca39a;background:#152922;border-radius:4px;font-size:10px}.drawer-model strong{color:#b7e35c}.drawer-section{margin-top:24px;padding-top:16px;border-top:1px solid #294239}.drawer-section h3{margin:0 0 10px;font-size:12px}.drawer-section>small{color:#627c72}.drawer-section .event-row{width:100%;color:inherit;background:transparent;border:0;border-bottom:1px solid #263d34;text-align:left}.drawer-heading span{overflow:hidden;color:#7f9b8e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.opponent-drawer-scroll{padding-top:10px}.opponent-seat-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;border-bottom:1px solid #294239}.opponent-seat-tabs button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:#718d82;background:transparent;border:0;border-bottom:2px solid transparent}.opponent-seat-tabs button[aria-selected=true]{color:#edf4e9;border-bottom-color:#b7e35c}.opponent-seat-tabs strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.opponent-seat-tabs span{color:var(--risk-medium);font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.opponent-empty{min-height:280px;display:grid;place-content:center;place-items:center;gap:10px;color:#69877b}.opponent-empty strong{font-size:12px}.opponent-empty svg{color:#87a399}.opponent-model{margin-bottom:0}.opponent-overview{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 18px;border-block:1px solid #294239}.opponent-overview>div{min-width:0;min-height:62px;display:grid;place-content:center;gap:3px;text-align:center;border-right:1px solid #294239}.opponent-overview>div:last-child{border-right:0}.opponent-overview strong{color:#edf4e9;font:600 19px ui-monospace,SFMono-Regular,Menlo,monospace}.opponent-overview>div:first-child strong{color:var(--risk-medium)}.opponent-overview small{color:#69877b;font-size:8px}.opponent-section{margin-top:18px}.opponent-section-heading{min-width:0;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}.opponent-section-heading strong{color:#dce8e2;font-size:11px}.opponent-section-heading span{color:#759188;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.suit-probability-bars{display:grid;gap:7px}.suit-probability{display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:7px}.suit-probability>strong{font-size:10px}.suit-probability>span{height:5px;overflow:hidden;background:#20382f;border-radius:2px}.suit-probability>span i{height:100%;display:block;background:#a9433c;border-radius:2px}.suit-probability.suit-tong>span i{background:#47a686}.suit-probability.suit-tiao>span i{background:#4d91ad}.suit-probability small{color:#718d82;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.danger-tile-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.danger-tile{min-width:0;height:55px;position:relative;display:grid;place-items:center;color:#243129;background:#f1e5be;border-bottom:3px solid var(--risk-high);border-radius:3px}.danger-tile .tile-face{width:100%}.danger-tile>strong{position:absolute;right:2px;top:2px;min-width:16px;padding:1px 2px;color:#351813;background:#ffad8d;border-radius:2px;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.opponent-section-empty{min-height:34px;display:grid;place-items:center;color:#5e786e}.opponent-tile-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.opponent-tile-heat{min-width:0;height:54px;position:relative;display:grid;place-items:center;color:#243129;background:rgba(241,229,190,calc(.22 + var(--tile-heat) * .75));border:1px solid rgba(137,165,150,calc(.22 + var(--tile-heat) * .5));border-radius:3px}.opponent-tile-heat.is-danger{border-bottom:3px solid var(--risk-high)}.opponent-tile-heat .tile-face{width:100%;opacity:calc(.4 + var(--tile-heat) * .8)}.opponent-tile-heat>span,.opponent-tile-heat>small{position:absolute;z-index:1;font:800 7px ui-monospace,SFMono-Regular,Menlo,monospace}.opponent-tile-heat>span{top:2px;right:2px;color:#361b15}.opponent-tile-heat>small{right:2px;bottom:1px;color:#395247}@keyframes inference-scan{to{transform:rotate(360deg)}}.modal-backdrop{z-index:60;align-items:center;justify-content:center;padding:20px}.modal-sheet{width:min(760px,100%);max-height:min(760px,calc(100svh - 40px));overflow-y:auto;color:#edf4e9;background:#101f1a;border:1px solid #355248;border-radius:6px;box-shadow:0 18px 48px #00000061}.modal-sheet.multi-win-panel{margin:0;padding:0 16px 16px;border-top:1px solid #355248}.modal-sheet .modal-sheet-heading{margin:0 -16px 12px;position:sticky;z-index:2;top:0;background:#101f1a}@media(max-width:760px){.app-shell:has(.table-layout)>.topbar{height:48px;padding:0 12px}.app-shell:has(.table-layout)>.topbar .brand-mark{font-size:14px}.app-shell:has(.table-layout)>.topbar .topbar-meta{display:none}.app-shell:has(.table-layout)>.error-banner{top:52px}.table-layout{height:calc(100svh - 48px);padding:5px 8px max(4px,env(safe-area-inset-bottom));grid-template-rows:40px minmax(226px,1fr) 64px 152px 14px;gap:5px}.game-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:6px}.game-identity strong{font-size:12px}.game-identity span{font-size:8px}.game-toolbar-status{display:none}.game-toolbar-actions{gap:3px}.game-toolbar .icon-button{width:31px;height:31px}.seat-node{width:98px;min-height:54px;padding:5px 6px}.seat-node:is(button){width:112px}.seat-top:is(button){width:146px}.seat-bottom{width:132px}.seat-summary strong{font-size:10px}.seat-summary span{font-size:11px}.seat-state small{display:none}.opponent-signal{width:30px}.opponent-risk-ring{width:28px;height:28px}.discard-rack{height:19px;margin-top:3px}.mini-tile{width:15px;height:19px;font-size:6px}.table-center{width:86px;min-height:94px;gap:5px;padding:6px}.wall-count{font-size:21px}.focus-tile{width:32px;height:40px;font-size:10px}.table-center b{font-size:8px}.primary-advice{padding:6px 8px;grid-template-columns:46px minmax(0,1fr) 48px 15px;gap:7px}.advice-tile-mark{height:42px;font-size:11px}.primary-advice-copy small{font-size:8px}.primary-advice-copy strong{font-size:13px}.risk-meter{width:44px;height:44px}.risk-meter strong{font-size:10px}.hand-dock{padding:4px 5px 5px;grid-template-rows:15px 56px 66px;gap:3px}.hand-dock .table-hand{gap:2px}.hand-dock .hand-tile{height:54px;padding:1px 0;border-width:1px;font-size:10px;box-shadow:0 2px #b5a67b}.context-action-bar{min-height:62px}.context-action-bar .action-grid{gap:5px}.context-action-bar .action-context{display:none}.context-action-bar .action-button{min-height:40px;padding:0 10px;font-size:11px}.context-action-bar .context-command{min-width:57px;min-height:42px;padding:3px 8px}.context-action-bar .context-command.is-tile-command{min-width:74px;padding-left:4px}.context-action-bar .action-command-label{font-size:12px}.context-action-bar .tile-picker-trigger{width:72px;min-height:42px}.tile-picker-backdrop{align-items:flex-end;padding:0}.tile-picker-sheet{width:100%;padding:10px 8px max(12px,env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:6px 6px 0 0}.tile-picker-suit{min-height:46px}.tile-picker-option{height:56px}.sync-strip{font-size:8px}.workspace-drawer{position:absolute;right:0;bottom:0;width:100%;height:min(76svh,640px);border:1px solid #355248;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:0 -14px 34px #00000052}.opponent-drawer{height:min(82svh,680px)}.opponent-drawer-scroll{padding:8px 10px max(14px,env(safe-area-inset-bottom))}.modal-backdrop{align-items:flex-end;padding:0}.modal-sheet{width:100%;max-height:82svh;border-bottom:0;border-radius:6px 6px 0 0}.compact-pool{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.opponent-risk-ring.is-loading svg{animation:none}}@media(max-height:720px)and (max-width:760px){.table-layout{grid-template-rows:36px minmax(190px,1fr) 56px 136px 12px}.game-toolbar .icon-button{width:29px;height:29px}.seat-node{min-height:48px}.primary-advice{min-height:0}.hand-dock{grid-template-rows:13px 50px 60px}.hand-dock .hand-tile{height:48px}}@media(max-width:760px){.app-shell>.topbar .topbar-meta.is-offline{display:flex;gap:5px;font-size:9px}}@media(max-width:760px){.app-shell:has(.setup-wizard)>.topbar{height:48px;padding:0 12px}.app-shell:has(.setup-wizard)>.topbar .brand-mark{font-size:14px}.app-shell:has(.setup-wizard)>.topbar .topbar-meta{display:none}.setup-wizard{height:calc(100svh - 48px);padding:5px 8px max(5px,env(safe-area-inset-bottom));grid-template-rows:52px minmax(0,1fr) 52px;gap:6px}.setup-wizard-heading{gap:8px}.setup-wizard-heading>div:first-child{gap:8px}.setup-wizard-heading h1{font-size:18px}.setup-wizard-heading span{font-size:9px}.setup-progress b{width:24px;height:24px;font-size:9px}.setup-progress i{width:28px}.setup-stage{padding:8px}.dealer-segments button{min-width:38px;height:30px;padding:0 3px;font-size:9px}.setup-hand-stage{grid-template-rows:32px 108px 20px 198px;align-content:center;gap:6px}.setup-selected-hand{grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px}.setup-selected-tile{height:auto;min-height:0;padding:2px}.setup-selected-tile>svg{width:8px;height:8px;top:2px;right:2px}.setup-tile-pool{gap:3px}.setup-pool-tile{padding:1px}.setup-pool-tile>small{right:2px;bottom:1px;font-size:7px}.setup-dingque-stage{grid-template-rows:34px 300px;align-content:center;gap:6px}.dingque-seat-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}.dingque-seat{padding:4px 2px;grid-template-columns:52px minmax(0,1fr);gap:6px}.seat-token{gap:2px}.seat-token strong{width:28px;height:28px;font-size:12px}.seat-token span{font-size:8px}.suit-segment{height:54px}.suit-segment strong{font-size:17px}.suit-segment small{margin-top:3px;font-size:7px}.setup-wizard-actions{gap:6px}.setup-wizard-actions>span{font-size:9px}.setup-wizard-actions .primary-button{min-width:132px;min-height:42px;padding:0 14px}.back-button{min-height:42px;padding:0 12px}.hand-dock .tile-face strong{font-size:13px}.hand-dock .tile-face small{margin-top:2px;font-size:8px}}@media(max-height:720px)and (max-width:760px){.setup-wizard{grid-template-rows:44px minmax(0,1fr) 46px}.setup-hand-stage{grid-template-rows:28px 92px 18px 166px}.setup-dingque-stage{grid-template-rows:30px 260px}.suit-segment{height:46px}.setup-wizard-actions .primary-button,.back-button{min-height:38px}}