:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#eceef2;--bg:#fff;--surface:#f4f5f7;--border:#e2e4e9;--text:#16181d;--text-muted:#656c7a;--accent:#2563eb;--on-accent:#fff;--raise:#b91c1c;--call:#15803d;--fold:#9ca3af;--on-raise:#fff;--on-call:#fff;--on-fold:var(--text);--correct:var(--call);--incorrect:var(--raise);--loose:#b45309;--loose-bg:#fef3c7;--tight:#6d28d9;--tight-bg:#ede9fe;--card-red:#b91c1c;--radius:8px;--radius-pill:999px;--space-unit:4px;--space-1:var(--space-unit);--space-2:calc(var(--space-unit) * 2);--space-3:calc(var(--space-unit) * 3);--space-4:calc(var(--space-unit) * 4);--space-6:calc(var(--space-unit) * 6);--space-8:calc(var(--space-unit) * 8);--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tap-target:44px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0e1014;--bg:#171a21;--surface:#232833;--border:#333a48;--text:#e9ecf1;--text-muted:#a3adbe;--accent:#7aa7ff;--on-accent:#16181d;--raise:#f87171;--call:#5cc98b;--fold:#8b93a1;--on-raise:#16181d;--on-call:#16181d;--on-fold:#16181d;--loose:#fcd34d;--loose-bg:#3b2f14;--tight:#c9b6fd;--tight-bg:#2b2545;--card-red:#f87171}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0e1014;--bg:#171a21;--surface:#232833;--border:#333a48;--text:#e9ecf1;--text-muted:#a3adbe;--accent:#7aa7ff;--on-accent:#16181d;--raise:#f87171;--call:#5cc98b;--fold:#8b93a1;--on-raise:#16181d;--on-call:#16181d;--on-fold:#16181d;--loose:#fcd34d;--loose-bg:#3b2f14;--tight:#c9b6fd;--tight-bg:#2b2545;--card-red:#f87171}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--page);color:var(--text);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.45}#root{min-height:100dvh;padding-inline:var(--space-2)}@media (width>=560px){#root{padding-inline:0}}.screen{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin:var(--space-2) auto}@media (width>=560px){.screen{margin:var(--space-4) auto}}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}option:disabled{color:var(--text-muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.confirm{gap:var(--space-2);flex-wrap:wrap;display:flex}.danger{min-height:var(--tap-target);border-radius:var(--radius);background:var(--raise);color:var(--on-raise);padding:0 var(--space-3);border:none;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.action-bar{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.action{min-height:var(--tap-target);border-radius:var(--radius);padding:var(--space-3);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:17px;font-weight:600;display:flex}.action-raise{background:var(--raise);color:var(--on-raise)}.action-call{background:var(--call);color:var(--on-call)}.action-fold{background:var(--fold);color:var(--on-fold)}.action:disabled{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.action-sub{font-size:11px;font-weight:400}.hand{gap:var(--space-2);justify-content:center;align-items:center;display:flex}.card{min-width:58px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:2px;display:flex}.card-rank{font-size:30px;font-weight:600;line-height:1.1}.card-suit{font-size:22px;line-height:1}.card-red{color:var(--card-red)}@media (width>=900px){.hand{gap:var(--space-3)}.card{justify-content:center;align-items:center;gap:var(--space-1);aspect-ratio:5/7;width:96px;min-width:0;padding:var(--space-2);border-radius:10px;flex-direction:column}.card-rank{font-size:44px;line-height:1}.card-suit{font-size:34px}}.range-grid-wrap{width:100%}.range-grid{grid-template-columns:repeat(13,1fr);gap:1px;width:100%;display:grid}.cell{aspect-ratio:1;background:var(--surface);color:var(--text-muted);border-radius:2px;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex;overflow:hidden}.cell-unreachable{background:repeating-linear-gradient(45deg, var(--surface), var(--surface) 3px, var(--bg) 3px, var(--bg) 6px);color:var(--text-muted)}.cell-highlight{outline:2px solid var(--accent);outline-offset:-2px;font-weight:700}.legend{gap:var(--space-3);margin-top:var(--space-2);color:var(--text-muted);flex-wrap:wrap;font-size:11px;display:flex}.legend-item{align-items:center;gap:var(--space-1);display:inline-flex}.swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.swatch-unreachable{background:repeating-linear-gradient(45deg, var(--surface), var(--surface) 2px, var(--bg) 2px, var(--bg) 4px);border:1px solid var(--border)}.ordering{margin-top:var(--space-3);color:var(--text-muted);font-size:12px}.ordering-note{margin:var(--space-2) 0}.ordering-strip{flex-wrap:wrap;gap:2px;display:flex}.ordering-chip{background:var(--surface);border-radius:2px;padding:1px 3px;font-size:9px}.tabbar{gap:var(--space-2);background:var(--bg);border-top:1px solid var(--border);padding:var(--space-2) 0 calc(var(--space-2) + env(safe-area-inset-bottom,0px));margin-top:var(--space-4);display:flex;position:sticky;bottom:0}.tab{min-height:var(--tap-target);border-radius:var(--radius);color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.tab-on{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg));font-weight:600}@media (width>=900px){.tabbar{position:static}}.action-order{justify-content:center;align-items:center;gap:var(--space-1) 4px;margin:var(--space-2) auto 0;flex-wrap:wrap;max-width:520px;padding:0;list-style:none;display:flex}.story-step{align-items:center;display:inline-flex}.story-pill{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;padding:2px 10px;font-size:12px;line-height:1.5;display:inline-flex}.story-step:not(:last-child):after{content:"›";color:var(--text-muted);margin:0 2px 0 6px}.story-who{font-weight:600}.story-what{color:var(--text-muted)}.story-hero{background:color-mix(in srgb, var(--accent) 14%, var(--bg));border-color:color-mix(in srgb, var(--accent) 45%, var(--bg))}.story-hero .story-who{color:var(--accent)}.story-turn{background:var(--accent);border-color:var(--accent)}.story-turn .story-who,.story-turn .story-what{color:var(--on-accent)}.story-quiet{background:0 0;border-color:#0000}.story-quiet .story-who{color:var(--text-muted);font-weight:400}@media (width>=560px){.story-pill{font-size:13px}}.seat{flex-direction:column;align-items:center;gap:3px;display:flex}.pill{border-radius:var(--radius-pill);white-space:nowrap;font-variant-numeric:tabular-nums;padding:1px 8px;font-size:11px;line-height:1.5}.pill-surface{background:var(--surface);border:1px solid var(--border);color:var(--text)}.pill-hero{background:color-mix(in srgb, var(--accent) 14%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 45%, var(--bg));color:var(--accent);font-weight:600}.pill-raise{background:var(--raise);color:var(--on-raise);border:1px solid var(--raise)}.pill-call{background:var(--call);color:var(--on-call);border:1px solid var(--call)}.pill-bare{color:var(--text-muted);background:0 0;border:1px solid #0000}.pill-loose{background:var(--loose-bg);color:var(--loose);border:1px solid color-mix(in srgb, var(--loose) 35%, var(--loose-bg))}.pill-tight{background:var(--tight-bg);color:var(--tight);border:1px solid color-mix(in srgb, var(--tight) 35%, var(--tight-bg))}.seat-folded .pill-surface{color:var(--text-muted);background:0 0;border-color:#0000}.table-overlay{aspect-ratio:10/7;width:100%;max-width:520px;min-height:240px;margin:0 auto;position:relative}.table-felt{border:1px solid var(--border);background:var(--surface);border-radius:50%;position:absolute;inset:12% 9%}.table-centre{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.table-stake{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.table-meta,.table-pot{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.table-seat{position:absolute;transform:translate(-50%,-50%)}.drill{max-width:520px;padding:var(--space-3) var(--space-4) var(--space-8);gap:var(--space-4);flex-direction:column;min-height:100dvh;display:flex}.status{justify-content:space-between;align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;font-size:13px;display:flex}.link{color:var(--text-muted);background:0 0;border:none;padding:0;font-size:13px}.streak{padding:2px var(--space-2);border-radius:var(--radius-pill);font-weight:600}.streak-flash{background:color-mix(in srgb, var(--accent) 14%, var(--bg));color:var(--accent);animation:.9s ease-out 2 streak-pulse}@keyframes streak-pulse{0%,to{opacity:1}50%{opacity:.35}}.record{color:var(--text-muted)}.drill .hand{margin-block:auto}.actions{margin-top:auto}.feedback{gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.verdict{flex-direction:column;gap:2px;margin:0;font-size:19px;font-weight:700;display:flex}.verdict-correct{color:var(--correct)}.verdict-acceptable{color:var(--loose)}.verdict-incorrect{color:var(--incorrect)}.verdict-detail{color:var(--text-muted);font-size:13px;font-weight:400}.tag{border-radius:var(--radius-pill);align-self:flex-start;margin:0;padding:1px 8px;font-size:11px}.tag-derived{background:var(--tight-bg);color:var(--tight)}.notice{color:var(--text-muted);margin:0;font-size:13px}.next{border-radius:var(--radius);background:var(--accent);width:100%;min-height:52px;color:var(--on-accent);border:none;font-size:17px;font-weight:600}.secondary{min-height:var(--tap-target);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:0 var(--space-4)}.retry-tag{border-radius:var(--radius-pill);background:var(--tight-bg);color:var(--tight);padding:1px 8px;font-size:11px}@media (width>=900px){.drill{max-width:640px}}.history{max-width:520px;padding:var(--space-4) var(--space-4) 0;flex-direction:column;min-height:100dvh;display:flex}.history-head{justify-content:space-between;align-items:baseline;display:flex}.history h1{margin:0;font-size:22px}.count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.filters{gap:var(--space-2);margin:var(--space-3) 0;flex-direction:column;display:flex}.filters input[type=search],.filters select{min-height:var(--tap-target);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:0 var(--space-2);width:100%;font-size:15px}.filter-row{gap:var(--space-2);display:flex}.filter-row select{flex:1;min-width:0}.mistakes{align-items:center;gap:var(--space-2);min-height:var(--tap-target);font-size:14px;display:flex}.mistakes input{width:20px;height:20px}.rows{flex:1;margin:0;padding:0;list-style:none}.row{align-items:center;gap:var(--space-2);text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;padding:var(--space-2) 0;min-height:var(--tap-target);background:0 0;display:flex}.mark{width:18px;font-weight:700}.mark-correct,.mark-acceptable{color:var(--correct)}.mark-incorrect{color:var(--incorrect)}.row-hand{font-variant-numeric:tabular-nums;width:44px;font-weight:600}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-node{font-size:14px}.row-sub,.row-time{color:var(--text-muted);font-size:11px}.row-time{white-space:nowrap}.empty{color:var(--text-muted);flex:1;font-size:14px}.history-actions{gap:var(--space-2);padding:var(--space-3) 0;display:flex}.pager{align-items:center;gap:var(--space-2);padding-top:var(--space-3);flex-direction:column;display:flex}.pager-steps{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;display:flex}.per-page{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px;display:flex}.per-page select{min-height:var(--tap-target);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:0 var(--space-2);font-variant-numeric:tabular-nums;font-size:15px}.pager-at{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.pager .secondary{padding:0 var(--space-3)}.pager .secondary:disabled{color:var(--text-muted);opacity:.6}.count-range{color:var(--text-muted)}@media (width<=359px){.filter-row{flex-direction:column}}@media (width>=900px){.history{max-width:820px}.filters{grid-template-columns:2fr 1fr;align-items:center;display:grid}.filter-row{display:contents}}.review{max-width:520px;padding:var(--space-4) var(--space-4) var(--space-8);gap:var(--space-3);flex-direction:column;display:flex}.review-head{justify-content:space-between;align-items:center;display:flex}.review-when{color:var(--text-muted);font-size:11px}.review h1{margin:0;font-size:18px}.facts{gap:var(--space-1);margin:0;display:grid}.facts>div{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border);padding:var(--space-1) 0;display:flex}.facts dt{color:var(--text-muted);font-size:13px}.facts dd{text-align:right;margin:0;font-size:14px}.facts .verdict-correct,.facts .verdict-acceptable{color:var(--correct);font-weight:600}.facts .verdict-incorrect{color:var(--incorrect);font-weight:600}.setup{max-width:520px;padding:var(--space-4) var(--space-4) var(--space-8)}.setup h1{margin:0;font-size:24px}.tagline{color:var(--text-muted);margin:var(--space-1) 0 var(--space-6);font-size:14px}.setup h2{color:var(--text-muted);margin:0 0 var(--space-2);font-size:13px;font-weight:600}.setup section{margin-bottom:var(--space-6)}.segmented{gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px;display:flex}.seg{min-height:var(--tap-target);border-radius:calc(var(--radius) - 3px);color:var(--text-muted);background:0 0;border:none;flex:1;font-size:15px}.seg-on{background:var(--bg);color:var(--text);box-shadow:0 0 0 1px var(--border);font-weight:600}.field{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.field label{font-size:14px}.field select{max-width:60%;min-height:var(--tap-target);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);padding:0 var(--space-2);flex:1;font-size:15px}.toggle{align-items:center;gap:var(--space-2);min-height:var(--tap-target);font-size:15px;display:flex}.toggle input{width:20px;height:20px}.hint{color:var(--text-muted);margin:var(--space-1) 0 0;font-size:12px}.warn{color:var(--loose);background:var(--loose-bg);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0 0;font-size:13px}.resolved{border-top:1px solid var(--border);padding-top:var(--space-4);font-size:14px}.resolved p{margin:0}.start{border-radius:var(--radius);background:var(--accent);width:100%;min-height:52px;color:var(--on-accent);border:none;font-size:17px;font-weight:600}.start:disabled{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}@media (width<=380px){.seg{padding:0 2px;font-size:14px}}@media (width>=900px){.setup{max-width:760px}.setup section{align-items:start;gap:var(--space-3);grid-template-columns:160px minmax(0,1fr);display:grid}.setup h2{margin:var(--space-2) 0 0}.setup section>:not(h2){grid-column:2}}.corrections{gap:var(--space-3);flex-direction:column;display:flex}.correction{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.correction-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.correction-head .muted{font-variant-numeric:tabular-nums;flex:1;font-size:11px}.correction-where{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:11px}.correction-context{margin:var(--space-1) 0 var(--space-2);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;font-size:12px;overflow-x:auto}.correction-moves{gap:var(--space-1);display:flex}.correction-moves button{min-height:var(--tap-target);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);white-space:nowrap;flex:1;font-size:12px}.corrections-export{border-top:1px solid var(--border);padding-top:var(--space-3)}.corrections-actions{align-items:center;gap:var(--space-2);margin-right:var(--space-3);display:inline-flex}.corrections-export code{font-size:11px}.stats{max-width:520px;padding:var(--space-4) var(--space-4) 0;flex-direction:column;min-height:100dvh;display:flex}.stats h1{margin:0 0 var(--space-4);font-size:22px}.stats h2{color:var(--text-muted);margin:0 0 var(--space-2);font-size:13px;font-weight:600}.stats section{margin-bottom:var(--space-6)}.headline{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.headline>div{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);flex-direction:column;display:flex}.big{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.label{color:var(--text-muted);font-size:11px}.daily{margin:0;font-size:14px}.rows-stat{margin:0;padding:0;list-style:none}.rows-stat li{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);min-height:28px;display:flex}.key{text-overflow:ellipsis;white-space:nowrap;width:34%;font-size:13px;overflow:hidden}.bar-wrap{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex;position:relative}.bar{border-radius:var(--radius-pill);background:var(--call);min-width:2px;max-width:60%;height:8px}.bar-sourced{background:var(--call)}.bar-derived{background:var(--tight)}.bar-muted{background:var(--fold)}.bar-label{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.muted{color:var(--text-muted)}.hand-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hand-chips li{align-items:center;gap:4px;font-size:12px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1px 6px;font-weight:600}.badges{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.badge{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);color:var(--text-muted);flex-direction:column;display:flex}.badge-on{border-color:color-mix(in srgb, var(--accent) 45%, var(--bg));background:color-mix(in srgb, var(--accent) 7%, var(--bg));color:var(--text)}.badge-label{font-size:14px;font-weight:600}.badge-desc,.badge-progress{font-size:11px}.badge-progress{font-variant-numeric:tabular-nums;margin-top:2px}.stats .empty{color:var(--text-muted);font-size:14px}@media (width>=900px){.stats{align-content:start;column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;display:grid}.stats h1,.stats .headline,.stats .tabbar,.stats .empty{grid-column:1/-1}.headline{grid-template-columns:repeat(4,1fr)}.badges{grid-template-columns:repeat(2,1fr)}}.reset .hint{margin-bottom:var(--space-3)}