:root{--bg:#0e1411;--text:#f5f5f0;--text-muted:#b8c4bc;--accent:#f2c14e;--danger:#c0392b;--hud-panel:#10181ae0;--plate:#0000008c;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}html,body{height:100%;margin:0;overflow:hidden}#app{width:100vw;height:100dvh;position:relative}#table{position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#hud>*{pointer-events:auto}.hud-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--hud-panel);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-bar [hidden]{display:none!important}.hud-btn,.hud-preset{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#f5f5f014;border:1px solid #f5f5f040;border-radius:8px;padding:0 16px;font-size:16px;font-weight:700}.hud-preset{min-height:36px;padding:0 10px;font-size:14px}.hud-fold{background:var(--danger);border-color:var(--danger)}.hud-raise-btn{background:var(--accent);border-color:var(--accent);color:#1a1a1a}.hud-allin{border-color:var(--accent);color:var(--accent)}.hud-btn:disabled,.hud-preset:disabled,.hud-input:disabled,.hud-slider:disabled{opacity:.45;cursor:default}.hud-btn:focus-visible,.hud-preset:focus-visible,.hud-input:focus-visible,.hud-slider:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hud-raise{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hud-presets{gap:4px;display:flex}.hud-slider{width:160px;accent-color:var(--accent)}.hud-input{width:84px;min-height:36px;color:var(--text);font:inherit;background:#00000059;border:1px solid #f5f5f059;border-radius:6px;padding:0 8px;font-size:16px}.hud-btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1a1a}.hud-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hand-log{top:calc(var(--cv-top,0px) + (var(--log-y,0) + 8) * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + (var(--log-x,1048) + 8) * var(--cv-scale,1) * 1px);width:calc((var(--log-w,232) - 16) * var(--cv-scale,1) * 1px);height:calc((var(--log-h,648) - 16) * var(--cv-scale,1) * 1px);box-sizing:border-box;background:var(--hud-panel);font-size:clamp(12px, calc(14px * var(--cv-scale,1)), 14px);border-radius:8px;flex-direction:column;display:flex;position:absolute}.hand-log .suit-red{color:#ff6b6b}.hand-log:not(:has(li)){display:none}.hand-log ol{flex:auto;min-height:0;margin:0;padding:8px 12px;list-style:none;overflow-y:auto}.hand-log ol.scrolled{-webkit-mask-image:linear-gradient(#0000,#000 20px);mask-image:linear-gradient(#0000,#000 20px)}.hand-log li+li{margin-top:2px}#app[data-layout=portrait] .hud-bar{top:calc(var(--cv-top,0px) + var(--bar-y,1136) * var(--cv-scale,1) * 1px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"presets presets slider input""fold call raise allin";align-content:start;gap:8px 6px;padding-left:8px;padding-right:8px;display:grid}#app[data-layout=portrait] .hud-raise{display:contents}#app[data-layout=portrait] .hud-presets{grid-area:presets;justify-content:space-between}#app[data-layout=portrait] .hud-preset{flex:1 1 0;min-width:0;min-height:44px;padding:0 4px}#app[data-layout=portrait] .hud-slider{grid-area:slider;width:auto;min-width:0}#app[data-layout=portrait] .hud-input{box-sizing:border-box;grid-area:input;width:auto;min-width:0;min-height:44px}#app[data-layout=portrait] .hud-fold,#app[data-layout=portrait] .hud-check{grid-area:fold}#app[data-layout=portrait] .hud-call{grid-area:call}#app[data-layout=portrait] .hud-raise-btn{grid-area:raise}#app[data-layout=portrait] .hud-allin{grid-area:allin}#app[data-layout=portrait] .hud-bar>.hud-btn,#app[data-layout=portrait] .hud-raise-btn{white-space:normal;overflow-wrap:anywhere;min-width:0;padding:2px 4px;font-size:14px;line-height:1.15}.hand-log-toggle,.hand-log-scrim{display:none}#app[data-layout=portrait] .hand-log-toggle{top:calc(var(--cv-top,0px) + 12 * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + 708 * var(--cv-scale,1) * 1px);min-width:64px;min-height:44px;padding:0 12px;display:block;position:absolute;transform:translate(-100%)}#app[data-layout=portrait][data-state=title] .hand-log-toggle{display:none}#app[data-layout=portrait] .hand-log-toggle[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:#1a1a1a}#app[data-layout=portrait] .hand-log-scrim.open{height:calc(var(--cv-top,0px) + var(--bar-y,1136) * var(--cv-scale,1) * 1px);background:#0006;animation:.25s cubic-bezier(.33,1,.68,1) scrim-in;display:block;position:absolute;top:0;left:0;right:0}#app[data-layout=portrait] .hand-log:not(.open){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}#app[data-layout=portrait] .hand-log.open{top:calc(var(--cv-top,0px) + 560 * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + 0px);width:calc(720 * var(--cv-scale,1) * 1px);max-height:none;height:calc(576 * var(--cv-scale,1) * 1px);background:#10181a;border-radius:12px 12px 0 0;font-size:14px;animation:.25s cubic-bezier(.33,1,.68,1) drawer-up;display:flex}@keyframes drawer-up{0%{transform:translateY(100%)}}@keyframes scrim-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){#app[data-layout=portrait] .hand-log.open,#app[data-layout=portrait] .hand-log-scrim.open{animation:none}}.overlay-modal{top:calc(var(--cv-top,0px) + var(--tc-y,330) * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + var(--tc-x,524) * var(--cv-scale,1) * 1px);background:var(--hud-panel);text-align:center;border-radius:12px;max-width:min(420px,100% - 32px);padding:24px 28px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000080}#app[data-layout=portrait] .overlay-modal{box-sizing:border-box;width:fit-content;max-width:460px;margin-inline:auto;padding:24px 20px;left:16px;right:16px;transform:translateY(-50%)}.overlay-modal.overlay-opaque{background:#10181a}.overlay-modal.overlay-dock{top:auto;bottom:calc(6px + env(safe-area-inset-bottom));width:max-content;max-width:min(calc(100% - 16px), calc(2 * (var(--cv-left,0px) + var(--tc-x,524) * var(--cv-scale,1) * 1px) - 16px));box-sizing:border-box;border:1px solid var(--accent);text-align:left;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:10px 16px;display:flex;transform:translate(-50%)}.overlay-dock .overlay-text{flex:0 auto;min-width:0}.overlay-modal.overlay-dock h1{margin:0;font-size:18px}.overlay-modal.overlay-dock p{margin:2px 0 0;font-size:14px}.overlay-dock .overlay-setting{margin-top:0}#app[data-layout=portrait] .overlay-modal.overlay-dock{top:calc(var(--cv-top,0px) + var(--bar-y,1136) * var(--cv-scale,1) * 1px);text-align:center;flex-direction:column;gap:8px;width:auto;max-width:none;margin:0;padding:10px 12px;bottom:auto;left:8px;right:8px;transform:none}.overlay-modal h1{margin:0 0 8px;font-size:24px}.overlay-modal p{color:var(--text-muted);margin:0 0 16px}.overlay-modal p.overlay-legal{margin:16px 0 0;font-size:12px}.overlay-legal a{color:var(--text-muted)}.overlay-setting{min-height:44px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:15px;display:flex}.overlay-setting input{width:20px;height:20px;accent-color:var(--accent);margin:0}.result-banner{left:calc(var(--cv-left,0px) + var(--tc-x,524) * var(--cv-scale,1) * 1px);bottom:calc(6px + env(safe-area-inset-bottom));background:var(--hud-panel);border:1px solid var(--accent);white-space:nowrap;border-radius:10px;align-items:center;gap:16px;padding:8px 12px 8px 20px;font-size:18px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.result-banner .hud-btn{white-space:nowrap;flex:none}.result-banner .result-text{line-height:1.25}#app[data-layout=portrait] .result-banner{white-space:normal;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 12px;left:8px;right:8px;transform:none}#app[data-layout=portrait] .result-banner .result-text{text-align:center;flex:1 0 100%;font-size:18px}#app[data-layout=portrait] .result-banner .hud-btn{flex:1 1 0}@media (orientation:landscape) and (height<=500px){#app[data-layout=landscape]{--short-bar:calc(56px + env(safe-area-inset-bottom))}#app[data-layout=landscape] #table{height:calc((100dvh - var(--short-bar)) * 10 / 9);width:min(100%, calc((100dvh - var(--short-bar)) * 10 / 9 * 16 / 9));bottom:auto;right:auto}#app[data-layout=landscape] .hud-bar{height:var(--short-bar);box-sizing:border-box;padding:6px 8px calc(6px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:6px}#app[data-layout=landscape] .hud-raise{flex-wrap:nowrap;gap:6px}#app[data-layout=landscape] .hud-bar .hud-btn,#app[data-layout=landscape] .result-banner .hud-btn{white-space:nowrap;min-width:auto;padding:0 10px;font-size:14px}#app[data-layout=landscape] .hud-preset{min-height:44px;padding:0 8px}#app[data-layout=landscape] .hud-slider{width:96px;min-width:0}#app[data-layout=landscape] .hud-input{box-sizing:border-box;width:64px;min-height:44px;font-size:14px}#app[data-layout=landscape] .result-banner{left:50%;bottom:calc(4px + env(safe-area-inset-bottom));box-sizing:border-box;gap:8px;max-width:calc(100% - 16px);height:48px;padding:1px 2px 1px 12px;font-size:14px}#app[data-layout=landscape] .result-banner .hud-btn{min-height:44px}#app[data-layout=landscape] .overlay-modal.overlay-dock{left:50%;bottom:calc(4px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:10px;max-width:calc(100% - 16px);padding:4px 10px}#app[data-layout=landscape] .overlay-dock h1{font-size:15px}#app[data-layout=landscape] .overlay-modal.overlay-dock p{font-size:13px}#app[data-layout=landscape] .overlay-dock .overlay-row{flex-wrap:nowrap;gap:6px}#app[data-layout=landscape] .overlay-dock .hud-btn{padding:0 10px;font-size:14px}#app[data-layout=landscape] .overlay-dock .overlay-setting{white-space:nowrap;gap:6px;font-size:13px}#app[data-layout=landscape] .overlay-modal[data-testid=title]{box-sizing:border-box;max-height:calc(100dvh - 16px);padding:12px 24px;top:8px;overflow-y:auto;transform:translate(-50%)}#app[data-layout=landscape] .overlay-modal[data-testid=title] h1{font-size:20px}#app[data-layout=landscape] .overlay-modal[data-testid=title] p:not(.overlay-legal){margin-bottom:10px}#app[data-layout=landscape] .hand-log{width:auto;right:8px}#app[data-layout=landscape] .result-banner .result-text{text-overflow:ellipsis;overflow:hidden}}#hud>.seat-hooks{pointer-events:none;position:absolute;inset:0}.seat-hook{left:calc(var(--cv-left,0px) + var(--sx) * var(--cv-scale,1) * 1px);top:calc(var(--cv-top,0px) + var(--sy) * var(--cv-scale,1) * 1px);width:calc(var(--sw) * var(--cv-scale,1) * 1px);height:calc(var(--sh) * var(--cv-scale,1) * 1px);color:#0000;background:0 0;border:0;border-radius:12px;margin:0;padding:0;font-size:0;position:absolute}button.seat-hook{pointer-events:auto;cursor:pointer}button.seat-hook:focus-visible{outline:2px solid var(--accent,#f2c14e);outline-offset:2px}.overlay-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.overlay-row .hud-btn{white-space:nowrap}.overlay-modal p.overlay-summary{color:var(--text,#f2f0e6)}.persona-card{z-index:5;--card-w:min(300px, calc(100% - 24px));left:clamp(calc(var(--card-w) / 2 + 12px), calc(var(--cv-left,0px) + var(--px,640) * var(--cv-scale,1) * 1px), calc(100% - var(--card-w) / 2 - 12px));top:calc(var(--cv-top,0px) + var(--py,360) * var(--cv-scale,1) * 1px);width:var(--card-w);box-sizing:border-box;border-top:3px solid var(--persona-accent,var(--accent));color:var(--text);background:#10181a;border-radius:12px;padding:14px 16px 12px;font-size:14px;animation:.15s cubic-bezier(.25,.46,.45,.94) persona-in;position:absolute;transform:translate(-50%);box-shadow:0 12px 40px #0000008c}.persona-card.placed{left:calc(var(--cv-left,0px) + var(--px,0) * var(--cv-scale,1) * 1px);transform:none}.persona-card[data-slot=above]{transform-origin:50% 100%}.persona-card[data-slot=below]{transform-origin:50% 0}.persona-card[data-slot=gutter-left]{transform-origin:0}.persona-card[data-slot=gutter-right]{transform-origin:100%}.persona-card.sheet{max-height:var(--card-h,none);overscroll-behavior:contain;border-radius:16px;padding:10px 12px 12px 16px;overflow-y:auto}.persona-card.sheet.capped:after{content:"";clear:both;pointer-events:none;background:linear-gradient(#10181a00,#10181a);height:20px;margin:-20px -12px -12px -16px;display:block;position:sticky;bottom:-12px}.persona-card.sheet.capped{padding-top:8px}.persona-card.sheet.capped .persona-avatar{width:40px;height:40px}.persona-card.sheet.capped h2{font-size:16px}.persona-card[data-slot=sheet-bottom]{transform-origin:50% 100%;box-shadow:0 -8px 32px #0000008c}.persona-card[data-slot=sheet-top]{transform-origin:50% 0}.persona-card.sheet .persona-close{float:right;z-index:1;min-width:44px;min-height:44px;color:var(--text);background:#10181ad9;border-radius:22px;margin:-6px -8px 0 8px;font-size:24px;line-height:1;position:sticky;top:0}.persona-card.sheet .persona-close:focus-visible{outline:2px solid var(--persona-accent,var(--accent));outline-offset:-2px}@keyframes persona-in{0%{opacity:0;scale:.95}}@media (prefers-reduced-motion:reduce){.persona-card{animation-duration:50ms}}.persona-head{align-items:center;gap:12px;display:flex}.persona-avatar{width:64px;height:64px;box-shadow:0 0 0 2px #10181a, 0 0 0 5px var(--persona-accent,var(--accent));background-color:#2b3a33;border-radius:50%;flex:none}.persona-card h2{margin:0;font-size:18px}.persona-card p{margin:4px 0 0}.persona-style{color:var(--persona-accent,var(--accent));font-weight:600}.persona-tagline{color:var(--text-muted);font-style:italic}.persona-stats{font-variant-numeric:tabular-nums}.persona-close{min-width:32px;min-height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:6px;right:8px}#app[data-layout=portrait] .result-banner [data-testid=act-show]{flex:1 0 100%}#app[data-layout=landscape] .result-banner.pinned{left:auto;right:var(--pin-right);transform:none}.seat-hook .shown-pill{z-index:1;left:calc(var(--pill-x) * var(--cv-scale,1) * 1px);top:calc(var(--pill-y) * var(--cv-scale,1) * 1px);background:var(--plate);color:var(--text-muted);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:18px;animation:.15s cubic-bezier(.25,.46,.45,.94) shown-in;position:absolute;transform:translate(-50%)}.seat-hook .shown-pill[data-side=left]{transform:translate(-100%,-100%)}@keyframes shown-in{0%{opacity:0;translate:0 6px}}@media (prefers-reduced-motion:reduce){.seat-hook .shown-pill{animation:none}}.continue-card{box-sizing:border-box;flex-direction:column;align-items:center;gap:2px;width:100%;min-height:64px;padding:10px 16px;line-height:1.2;display:flex}.continue-card .continue-head{font-size:16px;font-weight:700}.continue-card .continue-detail{font-size:14px;font-weight:400}.overlay-or{color:var(--text-muted);font-size:13px;margin:14px 0 10px!important}.overlay-row.new-row .hud-btn{flex:1 1 0}.title-notice{border-left:3px solid var(--text-muted);text-align:left;background:#f5f5f00f;border-radius:4px;padding:8px 12px;font-size:14px;margin:0 0 16px!important}.hud-btn.danger{background:var(--danger);border-color:var(--danger)}.persona-difficulty{border:1px solid var(--persona-accent,var(--accent));color:var(--text);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.persona-shows{color:var(--text-muted);font-variant-numeric:tabular-nums}.table-notice{z-index:6;top:calc(var(--cv-top,0px) + 12 * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + var(--tc-x,524) * var(--cv-scale,1) * 1px);box-sizing:border-box;border-left:3px solid var(--text-muted);background:#10181a;border-radius:4px;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);padding:4px 4px 4px 12px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}#app[data-layout=portrait] .table-notice{max-width:calc(100% - 96px);left:8px;transform:none}.table-notice-close{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:20px}.lobby-list{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.lobby-list .hud-btn{width:100%}.lobby-empty,.lobby-note:empty{color:var(--text);opacity:.8}.lobby-check{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.lobby-check input{width:24px;height:24px}.lobby-code-row{justify-content:center;align-items:center;gap:8px;margin:12px 0;display:flex}.lobby-code{box-sizing:border-box;width:9ch;min-height:44px;color:var(--text);font:inherit;letter-spacing:.1em;text-transform:uppercase;background:#00000040;border:1px solid #f5f5f040;border-radius:8px;padding:0 10px;font-size:18px}.lobby-code:focus-visible,.lobby .hud-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.conn-banner{background:var(--hud-panel);color:var(--text);z-index:20;border-radius:8px;padding:8px 16px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.conn-banner[hidden]{display:none}.overlay-modal.lobby{box-sizing:border-box;overscroll-behavior:contain;max-height:calc(100dvh - 16px);top:50%;overflow-y:auto}@media (height<=480px){.overlay-modal.lobby{padding:12px 20px}.overlay-modal.lobby h1{margin-top:0}}.invite-chip{z-index:15;top:calc(var(--cv-top,0px) + 12 * var(--cv-scale,1) * 1px);left:calc(var(--cv-left,0px) + 12 * var(--cv-scale,1) * 1px);background:var(--hud-panel);color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:0 0 0 12px;display:flex;position:absolute}.invite-chip[hidden],.sitout-bar[hidden]{display:none}#app[data-layout=portrait] .invite-chip{top:calc(var(--cv-top,0px) + 8px);left:calc(var(--cv-left,0px) + 8px);grid-template-columns:auto auto;column-gap:6px;padding-left:10px;display:grid}#app[data-layout=portrait] .conn-banner:not([hidden])~.invite-chip{top:calc(var(--cv-top,0px) + 60px)}#app[data-layout=portrait] .invite-label{grid-area:1/1;font-size:11px;line-height:14px}#app[data-layout=portrait] .invite-code{letter-spacing:.04em;grid-area:2/1;font-size:16px;line-height:20px}#app[data-layout=portrait] .invite-copy{grid-area:1/2/3/3;min-width:56px}.invite-label{opacity:.8;font-size:14px}.invite-code{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:18px;font-weight:700}.invite-copy{min-width:64px;min-height:44px}.invite-copy:focus-visible,.sitout-bar .hud-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.invite-status{white-space:nowrap;font-size:14px;position:absolute;top:calc(100% + 4px);left:0}.invite-status:not(:empty){background:var(--hud-panel);border-radius:8px;padding:2px 8px}.seat-hook[data-sitting-out]{background:#10181a66}.seat-hook .seat-tag{background:var(--hud-panel);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700;line-height:18px;position:absolute;top:calc(100% - 2px);left:50%;transform:translate(-50%)}.sitout-bar{z-index:12}