:root{--felt: #0f6b3f;--felt-dark: #0a4d2c;--felt-rail: #6b3f24;--bg: #11141a;--bg-soft: #1a1f29;--panel: #1e2530;--panel-soft: #262e3b;--line: #313b4a;--text: #e8edf4;--muted: #8a97a8;--accent: #f0b429;--good: #2f9e5b;--bad: #d6453c;--chip: #f3f4f6;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%,#19202b 0%,var(--bg) 60%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;color:var(--text);background:var(--panel-soft);border-radius:10px;transition:filter .12s ease,transform .08s ease}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}.app{max-width:1100px;margin:0 auto;padding:14px 16px 28px;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin-bottom:12px}.brand-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px}.topbar-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.back-btn,.next-btn{padding:6px 12px;font-size:13px}.brand{display:flex;align-items:center;gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px;flex-shrink:0}.brand h1{font-size:20px;margin:0;letter-spacing:.5px;align-self:baseline}.brand .tag{color:var(--muted);font-size:12px}.topbar-stats{display:flex;gap:8px;align-items:center;color:var(--muted)}.topbar-stats b{color:var(--text)}.stat-stack{display:flex;flex-direction:column;gap:2px;align-items:flex-end;line-height:1.25}.stat{font-size:11px;white-space:nowrap}.pill{background:var(--panel);border:1px solid var(--line);padding:5px 10px;border-radius:999px;font-size:12px}.setup{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);max-width:560px;margin:24px auto;width:100%}.setup h2{margin:0 0 4px;font-size:18px}.setup .sub{color:var(--muted);font-size:13px;margin-bottom:18px}.field{margin-bottom:18px}.field>label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;padding:9px 10px;background:var(--panel-soft);border:1px solid var(--line);font-size:13px}.seg button.on{background:var(--accent);color:#1a1205;font-weight:600;border-color:var(--accent)}.range-row{display:flex;align-items:center;gap:10px}.range-row input{width:80px;padding:8px 10px;background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:8px;font-size:14px}.range-row span{color:var(--muted);font-size:13px}.match-line{font-size:13px;color:var(--muted);margin:8px 0 18px}.match-line b{color:var(--accent)}.picker-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:10px}.link-btn{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:2px 4px}.link-btn:hover{text-decoration:underline}.set-list{list-style:none;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:8px}.set-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:11px 14px;border-radius:10px;background:var(--panel-soft);border:1px solid var(--line)}.set-row:hover{border-color:var(--muted)}.set-row.on{border-color:var(--accent);background:var(--bg-soft)}.set-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex:none;cursor:pointer}.set-info{min-width:0}.set-name{font-size:14px;font-weight:600}.set-meta{font-size:12px;color:var(--muted);margin-top:2px}.start-btn{width:100%;padding:13px;font-size:15px;font-weight:600;background:var(--good);color:#fff;border-radius:10px}.start-btn:disabled{background:var(--panel-soft)}.trainer{display:flex;flex-direction:column;gap:14px;flex:1}.table-area{position:relative;flex:1;min-height:0;display:flex}.table-wrap{position:relative;width:100%;flex:1;min-height:240px;max-height:640px;margin:0 auto}.felt{position:absolute;top:6%;right:4%;bottom:6%;left:4%;background:radial-gradient(ellipse at 50% 42%,var(--felt) 0%,var(--felt-dark) 80%);border-radius:9999px;border:10px solid var(--felt-rail);box-shadow:inset 0 0 60px #00000073,var(--shadow)}.table-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:60%}.pot{background:#00000059;border:1px solid rgba(255,255,255,.12);color:#fde9b0;font-size:clamp(11px,2.4vw,14px);padding:3px 12px;border-radius:999px;white-space:nowrap}.board{display:flex;gap:4px}.card{--cw: clamp(32px, 6.8vw, 48px);width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:5px;background:#fbfbfb;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 5px #0006;position:relative;line-height:1;-webkit-user-select:none;user-select:none}.card .rank{font-size:calc(var(--cw) * .5)}.card .suit{font-size:calc(var(--cw) * .42)}.card.red{color:#d22d2d}.card.black{color:#15171c}.card.back{background:repeating-linear-gradient(45deg,#2a4a8a,#2a4a8a 4px,#20396b 4px,#20396b 8px);border:2px solid #cfd8ee}.card.mini{--cw: clamp(20px, 4.6vw, 30px)}.seat{position:absolute;transform:translate(-50%,-50%);width:clamp(62px,12.5vw,100px);display:flex;flex-direction:column;align-items:center;z-index:3}.seat .hole{display:flex;gap:2px;justify-content:center;margin-bottom:-11px;min-height:6px;z-index:4}.seat .hole .card{box-shadow:0 3px 8px #0000008c}.seat .hole.heroCards .card{--cw: clamp(42px, 10.5vw, 66px)}.seat .pod{position:relative;width:100%;background:linear-gradient(#232b38,#19202b);border:1px solid var(--line);border-radius:12px;padding:12px 6px 6px;text-align:center}.seat.hero .pod{border-color:var(--accent);background:linear-gradient(#2a3340,#1c2430)}.seat.acting .pod{box-shadow:0 0 0 2px var(--accent),0 0 16px #f0b42973}.seat.folded{opacity:.4;filter:grayscale(.55)}.seat.clickable{cursor:pointer}.seat.clickable .pod{border-color:#b78a32}.seat.clickable:hover .pod{border-color:var(--accent);box-shadow:0 0 12px #f0b42959}.seat .pos{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--accent);color:#1a1205;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;letter-spacing:.3px}.seat .name{font-size:clamp(10px,2.2vw,12px);font-weight:600;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat .stack{font-size:clamp(9px,2vw,11px);color:#9fe3b9;font-weight:600}.seat .tag-action{margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}.seat .tag-action.fold{color:var(--muted)}.dealer-btn{position:absolute;right:-7px;bottom:-7px;width:19px;height:19px;border-radius:50%;background:#fff;color:#111;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000080;z-index:5}.table-bet{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:6px;background:#0000006b;border:1px solid rgba(255,255,255,.12);padding:3px 9px 4px 6px;border-radius:999px;font-size:clamp(9px,2vw,12px);color:#fde9b0;font-weight:600;white-space:nowrap;z-index:2}.table-bet .bet-amt{align-self:center}.chip-cols{display:flex;align-items:flex-end;gap:2px}.chip-col{position:relative;width:17px;flex:none}.chip-disc{position:absolute;left:0;width:17px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.65);box-sizing:border-box;box-shadow:inset 0 0 0 1.5px #ffffff47,0 1.5px #0009,0 2px 2px #00000059}.chip-disc:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.6)}.actionbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.action-row{display:flex;gap:8px;flex-wrap:wrap}.act-btn{flex:1 1 0;min-width:90px;padding:14px 10px;font-size:15px;font-weight:600;color:#fff;border-radius:10px}.act-btn.raises{display:flex;flex-direction:column;gap:2px}.act-btn small{font-weight:500;opacity:.85;font-size:11px}.raise-stack{display:flex;flex-direction:column;gap:8px;flex:2 1 220px}.slider-box{flex:2 1 240px;background:var(--panel-soft);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.slider-box .sl-head{display:flex;justify-content:space-between;font-size:13px}.slider-box input[type=range]{width:100%;accent-color:var(--bad)}.slider-confirm{padding:10px;background:var(--bad);color:#fff;border-radius:8px;font-weight:600}.feedback{border-radius:var(--radius);padding:12px 14px;border:1px solid var(--line);background:var(--panel);animation:rise .18s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feedback.correct{border-color:var(--good);background:linear-gradient(var(--panel),rgba(47,158,91,.12))}.feedback.wrong{border-color:var(--bad);background:linear-gradient(var(--panel),rgba(214,69,60,.12))}.feedback .verdict{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.feedback .verdict.correct{color:var(--good)}.feedback .verdict.wrong{color:var(--bad)}.feedback .detail{font-size:13px;color:var(--muted);margin-top:4px}.mix{display:flex;flex-direction:column;gap:6px;margin-top:10px}.mix-row{display:flex;align-items:center;gap:8px;font-size:13px}.mix-bar{flex:1;height:18px;border-radius:6px;overflow:hidden;display:flex;background:var(--bg-soft)}.mix-seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;min-width:0}.mix-label{width:92px;font-weight:600}.mix-pct{width:42px;text-align:right;color:var(--text)}.controls{display:flex;gap:8px;align-items:center}.controls .spacer{flex:1}.ctrl-btn{padding:10px 16px;font-size:14px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.ctrl-btn.primary{background:var(--accent);color:#1a1205;font-weight:600;border-color:var(--accent)}.toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.countdown{height:3px;background:var(--accent);border-radius:2px;transition:width .1s linear}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:18px}.modal h3{margin:0 0 4px}.modal .modal-sub{color:var(--muted);font-size:13px;margin-bottom:14px}.modal .modal-close{position:absolute;top:12px;right:14px;background:transparent;font-size:22px;color:var(--muted)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.topbar-actions{display:flex;gap:8px}.debug-btn{border:1px solid var(--accent);color:var(--accent);background:transparent}.yaml-dump{margin:0;padding:12px 14px;border-radius:8px;background:var(--bg-soft);border:1px solid var(--line);font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word;overflow-x:auto;user-select:text;-webkit-user-select:text;cursor:text}.copy-btn{padding:6px 12px;font-size:13px;margin-right:26px;flex:none}.equity-bar{display:flex;align-items:center;gap:14px;background:var(--bg-soft);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:10px;padding:12px 14px;margin-bottom:14px}.equity-bar.ahead{border-left-color:var(--good)}.equity-bar.even{border-left-color:var(--accent)}.equity-bar.behind{border-left-color:var(--bad)}.equity-hand{display:flex;gap:4px;flex:none}.equity-hand .mini-card{background:#fbfbfb;color:#111;border-radius:5px;min-width:28px;height:38px;padding:0 5px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 5px #0006}.equity-hand .mini-card.red{color:#d22d2d}.equity-hand .mini-card.black{color:#15171c}.equity-hand .mini-card .ms{font-size:14px;margin-left:1px}.equity-stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.equity-stack .equity-readout+.equity-readout{border-top:1px solid var(--line);padding-top:10px}.equity-readout{flex:1;min-width:0}.equity-stack .equity-readout .equity-fill{background:var(--accent)}.equity-stack .equity-readout.ahead .equity-fill{background:var(--good)}.equity-stack .equity-readout.behind .equity-fill{background:var(--bad)}.equity-big{font-size:20px;font-weight:700;line-height:1.1}.equity-big span{font-size:12px;font-weight:500;color:var(--muted)}.equity-track{height:7px;background:#222833;border-radius:999px;overflow:hidden;margin:6px 0 5px}.equity-fill{height:100%;background:var(--accent);border-radius:999px}.equity-bar.ahead .equity-fill{background:var(--good)}.equity-bar.behind .equity-fill{background:var(--bad)}.equity-detail{font-size:12px;color:var(--muted)}.equity-combos{margin-left:6px;opacity:.8}.chart{display:flex;flex-direction:column;gap:12px}.grid13{display:grid;grid-template-columns:repeat(13,1fr);gap:2px;width:100%;aspect-ratio:1}.gcell{position:relative;border-radius:3px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:clamp(7px,1.7vw,11px);font-weight:600;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.6)}.gcell .glabel{position:relative;z-index:2}.gcell.dim{color:#5a6270}.gcell.empty{background:transparent!important;box-shadow:none;text-shadow:none;pointer-events:none}.gcell.hl{outline:2px solid #fff;outline-offset:-2px;z-index:4}.gradient-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.gradient-fill>span{height:100%}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}.legend .key{display:flex;align-items:center;gap:6px}.legend .swatch{width:12px;height:12px;border-radius:3px}.center-msg{text-align:center;color:var(--muted);margin:40px 0}.scenario-tag{text-align:center;font-size:13px;color:var(--muted)}.scenario-tag b{color:var(--text)}.diff-badge{display:inline-block;margin-left:8px;vertical-align:middle;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:999px}.diff-badge.mid{background:#f0b4292e;color:var(--accent);border:1px solid rgba(240,180,41,.4)}.diff-badge.hard{background:#d6453c2e;color:#f08a82;border:1px solid rgba(214,69,60,.45)}.hint{font-size:12px;color:var(--muted);text-align:center}.feedback-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080a0e99;padding:16px}.feedback-modal{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:380px;max-height:90vh;overflow:auto;padding:16px}.feedback-modal.wide{max-width:470px}.feedback-modal .feedback{border:none;padding:0;background:transparent;animation:none}.fb-chart{margin-top:12px}.fb-foot{display:flex;align-items:center;gap:12px;margin-top:14px}.countdown-track{flex:1;height:4px;background:var(--bg-soft);border-radius:2px;overflow:hidden}.countdown{height:100%;background:var(--accent);border-radius:2px;transition:width .08s linear}.fb-next{white-space:nowrap;margin-left:auto}.flash-enter-active{transition:opacity .14s ease,transform .14s ease}.flash-leave-active{transition:opacity .12s ease}.flash-enter-from{opacity:0;transform:scale(.96)}.flash-leave-to{opacity:0}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:30px;height:30px;font-size:15px;line-height:1;color:var(--muted)}.icon-btn:hover{color:var(--text)}.help-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.help-row:first-of-type{border-top:none}.help-icon{font-size:18px;line-height:1.3;width:22px;text-align:center;flex:none}.help-name{font-size:14px;font-weight:600}.help-desc{font-size:12px;color:var(--muted);margin-top:2px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:none}.setting-row.disabled{opacity:.5}.setting-name{font-size:14px;font-weight:600}.setting-desc{font-size:12px;color:var(--muted);margin-top:2px;max-width:230px}.setting-row input[type=range]{width:120px;accent-color:var(--accent);flex:none}.switch{position:relative;display:inline-block;width:44px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.slider-ui{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#3a4454;border-radius:999px;transition:.15s}.slider-ui:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s}.switch input:checked+.slider-ui{background:var(--good)}.switch input:checked+.slider-ui:before{transform:translate(20px)}.switch input:disabled+.slider-ui{opacity:.5;cursor:default}@media(max-width:560px){.app{padding:10px 8px 22px;overflow-x:hidden}.table-wrap{max-height:none}.seat{width:clamp(54px,15vw,84px)}.act-btn{min-width:70px;padding:13px 6px;font-size:14px}.topbar-stats{font-size:12px;gap:8px}}