:root{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}.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}.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}.tile-picker{min-height:38px;padding:0 32px 0 10px;color:#edf4e9;background:#152922;border:1px solid #3b5b4e;border-radius:4px}.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}.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}.winner-option{flex:1 1 calc(50% - 4px)}.compact-pool{grid-template-columns:repeat(6,minmax(0,1fr))}}