:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--blue:#2563eb;--green:#10b981;--amber:#d97706;--slate:#64748b;--ink:#334155;--muted:#94a3b8;--border:#e7ecf3;--surface:#fff;--background:#f8fafc}*{box-sizing:border-box}html{background:var(--background)}body{color:var(--ink);background:radial-gradient(circle at 50% -10%, #dbeafe 0, transparent 30rem), var(--background);margin:0;font-family:Inter,Noto Sans JP,Yu Gothic,system-ui,sans-serif}button{font:inherit}.page-shell{width:min(1180px,100% - 28px);margin:0 auto;padding:32px 0 48px}.hero{text-align:center;max-width:760px;margin:0 auto 20px}.eyebrow{color:var(--blue);letter-spacing:.12em;background:#eff6ff;border:1px solid #dbeafe;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:10px;font-weight:900;display:inline-flex}.hero h1{letter-spacing:-.045em;margin:12px 0 6px;font-size:clamp(2rem,5vw,2.8rem)}.hero p,.section-header p,.solver-main p,.roadmap p{color:var(--slate);margin:0;line-height:1.65}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 28px #0f172a0a}.solver-card{grid-template-columns:minmax(0,1fr) auto;gap:16px 20px;padding:18px;display:grid}.solver-main{gap:12px;min-width:0;display:flex}.icon-box{background:#f1f5f9;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.icon-box.blue{color:var(--blue);background:#eff6ff}.title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.title-row h2,.section-header h2,.roadmap h2{margin:0;font-size:15px}.warning-pill{color:var(--amber);background:#fffbeb;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:900}.metrics{align-items:start;gap:8px;display:flex}.metric{text-align:center;background:#f8fafc;border-radius:11px;min-width:88px;padding:9px 12px}.metric strong,.metric small{display:block}.metric strong{font-size:12px}.metric small{color:var(--muted);margin-top:2px;font-size:9px}.warning-box{color:#b45309;background:#fffbeb;border-radius:11px;grid-column:1/-1;align-items:flex-start;gap:8px;padding:11px;font-size:11px;line-height:1.5;display:flex}.warning-box svg{flex:none}.facts{flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:14px;padding:12px 16px;display:flex}.facts span{align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.facts svg{width:16px;color:var(--blue)}.street-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px;padding:8px;display:grid}.street{text-align:center;opacity:.62;background:#f8fafc;border-radius:11px;padding:11px}.street strong,.street small{display:block}.street strong{font-size:12px}.street small{color:var(--muted);margin-top:2px;font-size:9px}.street.active{color:var(--blue);opacity:1;background:#eff6ff}.view-switch{background:#e2e8f0;border-radius:14px;width:max-content;max-width:100%;margin:18px auto;padding:4px;display:flex}.view-switch button{color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:8px;padding:11px 18px;font-weight:850;display:flex}.view-switch button.selected{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0f172a14}.range-card,.practice-card{padding:18px}.section-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.section-header p{margin-top:4px;font-size:12px}.position-picker{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.position-picker button{color:var(--slate);cursor:pointer;background:#f1f5f9;border:0;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:850}.position-picker button.active{color:#fff;background:var(--blue)}.spot-pickers{flex-direction:column;gap:8px;margin-top:14px;display:flex}.chip-picker{align-items:baseline;gap:10px;display:flex}.chip-picker>small{color:var(--muted);flex:0 0 92px;font-size:10px;font-weight:800}.chip-picker>div{flex-wrap:wrap;gap:6px;display:flex}.chip-picker button{color:var(--slate);cursor:pointer;background:#f1f5f9;border:0;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:850}.chip-picker button.active{color:#fff;background:var(--blue)}.legend{color:var(--slate);align-items:center;gap:6px;margin:14px 0 10px;font-size:10px;display:flex}.legend i{border-radius:3px;width:9px;height:9px;margin-left:8px}.legend i:first-child{margin-left:0}.raise{background:var(--blue)}.call{background:var(--green)}.fold{background:#94a3b8}.matrix-scroll{padding-bottom:4px;overflow-x:auto}.range-matrix{grid-template-columns:repeat(13,1fr);gap:3px;min-width:754px;display:grid}.range-cell{aspect-ratio:1;border:1px solid;border-radius:7px;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.range-cell.raise{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.range-cell.call{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.range-cell.fold{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.frequency-bar{background:0 0;height:4px;display:flex;position:absolute;inset:auto 0 0}.frequency-bar i{min-width:0}.poker-scene{width:min(100%,720px);height:360px;margin:10px auto;position:relative}.felt{background:#0f766e;border:8px solid #115e59;border-radius:50%;place-items:center;display:grid;position:absolute;inset:70px 14%;box-shadow:0 16px 30px #0f172a26}.hero-hand{text-align:center;background:#fff;border-radius:14px;min-width:108px;padding:11px 18px;box-shadow:0 4px 14px #0f172a26}.hero-hand small,.hero-hand strong{display:block}.hero-hand small{color:var(--blue);font-weight:900}.hero-hand strong{margin-top:2px;font-size:26px}.seat{left:var(--left);top:var(--top);border:1px solid var(--border);width:78px;height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0f172a12}.seat small{opacity:.72;font-size:9px;font-weight:700}.seat.hero-seat{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 6px 16px #2563eb47}.seat.opener-seat{color:#b45309;background:#fffbeb;border-color:#fcd34d}.seat.threebet-seat{color:#7c3aed;background:#f5f3ff;border-color:#c4b5fd}.seat.pinned-seat{outline:2px dashed var(--blue);outline-offset:2px}.practice-stats{align-items:center;gap:8px;display:flex}.stats-reset{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;padding:8px;display:grid}.stats-reset:hover{color:#b91c1c}.answer-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.answer-buttons button{cursor:pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:116px;padding:12px 26px;font-weight:900;display:flex}.answer-buttons button small{opacity:.78;font-size:10px;font-weight:750}.answer-buttons .raise{color:var(--blue);background:#dbeafe}.answer-buttons .call{color:#047857;background:#d1fae5}.answer-buttons .fold{color:var(--slate);background:#e2e8f0}.answer-buttons .picked{color:#fff;filter:saturate(1.25);box-shadow:0 5px 14px #0f172a29}.answer-buttons .raise.picked{background:var(--blue)}.answer-buttons .call.picked{background:var(--green)}.answer-buttons .fold.picked{background:var(--slate)}.result{color:#b45309;background:#fffbeb;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:12px;font-size:12px;font-weight:750;display:flex}.result.correct{color:#047857;background:#ecfdf5}.result.partial{color:#6d28d9;background:#f5f3ff}.result span{flex:1}.result button{color:inherit;cursor:pointer;background:#fff;border:0;border-radius:9px;align-items:center;gap:5px;padding:8px 10px;font-weight:850;display:flex}.chip-coin{border:2px dashed;border-radius:50%;place-items:center;font-weight:900;display:inline-grid;box-shadow:0 1px 3px #0f172a52,inset 0 0 0 2px #ffffff1f}.chips{align-items:flex-end;gap:7px;display:inline-flex}.chip-stack{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.chip-stack-coins{display:inline-block;position:relative}.chip-count{color:var(--muted);font-size:9px;font-weight:800}.chip-total{color:var(--ink);background:#f1f5f9;border-radius:99px;align-self:center;padding:2px 9px;font-size:13px;font-weight:900}.chips-inline{align-items:center;gap:3px;display:inline-flex}.chips-inline small{opacity:.8;margin-right:2px;font-size:9px;font-weight:800}.chips-inline .chip-total{padding:1px 7px;font-size:11px}.seat.folded-seat{opacity:.4;filter:grayscale(.5)}.seat.disabled-seat{opacity:.5;cursor:not-allowed}.answer-buttons button:disabled{cursor:default}.pf-board{flex-direction:column;align-items:center;gap:6px;display:flex}.pf-board>small{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.pf-board-cards{gap:6px;display:flex}.pf-pot{color:#ecfdf5;background:#042f2e99;border-radius:99px;align-items:center;gap:8px;margin-top:2px;padding:4px 12px 4px 14px;font-size:12px;font-weight:800;display:inline-flex}.pf-actions button{min-width:120px}.pf-bet-chips{margin:1px 0}.pf-breadcrumb{flex-direction:column;gap:6px;margin-top:12px;display:flex}.pf-breadcrumb>small{color:var(--muted);font-size:10px;font-weight:800}.pf-breadcrumb>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pf-breadcrumb>div>span{color:var(--ink);background:#f1f5f9;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:750}.pf-breadcrumb .pf-turn{color:var(--blue);background:#eff6ff;font-weight:900}.pf-hero{flex-direction:column;align-items:center;gap:6px;margin:14px 0 4px;display:flex}.pf-hero>small{color:var(--blue);font-size:11px;font-weight:900}.pf-hero-cards{gap:8px;display:flex}.roadmap{align-items:center;gap:12px;margin-top:18px;padding:18px;display:flex}.roadmap>div:nth-child(2){flex:1}.roadmap p{margin-top:4px;font-size:12px}.roadmap>span{color:var(--slate);text-transform:uppercase;letter-spacing:.08em;background:#f1f5f9;border-radius:99px;padding:6px 10px;font-size:9px;font-weight:900}@media (max-width:760px){.page-shell{width:min(100% - 18px,1180px);padding-top:20px}.solver-card{grid-template-columns:1fr}.metrics{flex-wrap:wrap}.metric{flex:1}.section-header{flex-direction:column;align-items:flex-start}.position-picker{justify-content:flex-start}.chip-picker{flex-direction:column;gap:4px}.chip-picker>small{flex:none}.poker-scene{height:320px}.felt{inset:70px 10%}.roadmap>span{display:none}}@media (max-width:480px){.hero p br{display:none}.street{padding:9px 3px}.view-switch{width:100%}.view-switch button{flex:1;justify-content:center;padding-inline:8px;font-size:12px}.solver-main{align-items:flex-start}.poker-scene{height:290px}.felt{border-width:6px;inset:68px 8%}.seat{width:58px;height:38px;font-size:9px}.answer-buttons button{flex:1;min-width:90px}.result{flex-wrap:wrap;align-items:flex-start}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e2e8f0;--slate:#94a3b8;--border:#1e293b;--surface:#101827;--background:#07101f}body{background:radial-gradient(circle at 50% -10%, #172554 0, transparent 30rem), var(--background)}.card,.seat{background:var(--surface)}.eyebrow,.icon-box.blue,.street.active{background:#172554;border-color:#1e3a8a}.metric,.street,.position-picker button,.icon-box,.roadmap>span,.chip-picker button{background:#111c2d}.seat.opener-seat{color:#fbbf24;background:#1f1a0b;border-color:#78350f}.seat.threebet-seat{color:#c4b5fd;background:#17102b;border-color:#4c1d95}.result.partial{color:#c4b5fd;background:#17102b}.view-switch{background:#111827}.view-switch button.selected,.result button{background:#1e293b}.hero-hand{color:#334155;background:#f8fafc}.pf-breadcrumb>div>span{background:#111c2d}.pf-breadcrumb .pf-turn{background:#172554}.chip-total{color:#e2e8f0;background:#111c2d}}