:root{color:#eef3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-bg:#0c1117;--panel:#111820;--panel-2:#161f2a;--panel-3:#1c2632;--line:#b4c4d629;--muted:#9dabba;--text:#eef3f8;--text-soft:#c7d1dc;--primary:#41d6a2;--primary-strong:#1fb57f;--danger:#ff6b6b;--warning:#f6c95f;--blue:#5aa7ff;--violet:#b38cff;--orange:#ff9f4a;background:#0c1117;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg)}body{background:var(--page-bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f1720;border-radius:8px;outline:none;padding:.72rem .78rem}input:focus,select:focus,textarea:focus{border-color:#41d6a2b3;box-shadow:0 0 0 3px #41d6a21f}textarea{resize:vertical}label{color:var(--text-soft);gap:.36rem;font-size:.85rem;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1{font-size:1.7rem;line-height:1.1}h2{font-size:1.1rem;line-height:1.2}h3{font-size:.95rem;line-height:1.25}.app-shell{min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1117f0;position:sticky;top:0}.brand-button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex}.brand-button strong,.brand-button small{display:block}.brand-button small{color:var(--muted);font-size:.78rem;font-weight:700}.brand-mark{color:#bdf5df;background:#41d6a21f;border:1px solid #41d6a25c;border-radius:8px;place-items:center;width:2.35rem;height:2.35rem;font-weight:900;display:grid}.app-main{width:min(100%,1180px);margin:0 auto;padding:1rem .85rem 5rem}.screen-section{gap:1rem;display:grid}.chartset-page{gap:.55rem}.chartset-page h1{font-size:1.55rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.section-heading>div{gap:.35rem;min-width:0;display:grid}.page-header{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.45rem;padding:.05rem 0 0;display:flex}.page-header-copy{gap:.35rem;min-width:0;display:grid}.page-header-copy h1{overflow-wrap:anywhere}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.74rem;font-weight:800;display:flex}.breadcrumbs button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.breadcrumbs .current{color:var(--primary)}.breadcrumb-separator{color:#c7d1dc61}.eyebrow{color:var(--primary);text-transform:uppercase;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.button,.icon-button,.back-button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:2.75rem;padding:.64rem .85rem;font-weight:800;display:inline-flex}.button.compact{min-height:2.25rem;padding:.45rem .65rem;font-size:.82rem}.button.primary{background:var(--primary);color:#06120d;border-color:#0000}.button.subtle{color:#bdf5df;background:#41d6a21a;border-color:#41d6a259}.button.ghost,.back-button{background:#ffffff0a}.icon-button{text-transform:uppercase;width:2.75rem;padding:0}.back-button{width:fit-content;min-height:2.1rem;color:var(--text-soft);padding:.35rem .65rem}.scenario-grid,.chartset-list{gap:.8rem;display:grid}.study-notice{color:#c7f8e4;background:#41d6a214;border:1px solid #41d6a23d;border-radius:8px;gap:.25rem;padding:.85rem;display:grid}.study-notice span{color:var(--text-soft);font-size:.86rem;line-height:1.35}.scenario-card,.chartset-card{border:1px solid var(--line);background:#111820eb;border-radius:8px;box-shadow:0 16px 44px #00000029}.scenario-card{width:100%;color:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:stretch;gap:1rem;padding:1rem;display:flex}.scenario-card:hover,.chartset-card:hover{border-color:#c7d1dc47}.scenario-card p{color:var(--muted);margin-top:.35rem}.scenario-card>span,.pill{color:#bef5df;white-space:nowrap;background:#41d6a21a;border:1px solid #41d6a247;border-radius:999px;align-self:flex-start;padding:.32rem .55rem;font-size:.75rem;font-weight:800}.chartset-card{gap:.7rem;padding:.9rem;display:grid}.chartset-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:.9rem;padding:0;display:flex}.meta-row,.tag-row,.card-actions,.metadata-strip,.chart-toolbar,.form-actions,.action-legend{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.meta-row{color:var(--muted);margin-top:.45rem;font-size:.82rem;font-weight:700}.tag{color:#b6d8ff;background:#5aa7ff1c;border-radius:999px;padding:.25rem .48rem;font-size:.73rem;font-weight:800}.muted-tag{color:var(--muted);background:#ffffff0f}.card-actions{justify-content:flex-end}.scenario-overview-card{border:1px solid var(--line);background:#111820d1;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:.7rem;display:grid}.scenario-overview-card div{background:#ffffff09;border-radius:8px;gap:.15rem;padding:.65rem;display:grid}.scenario-overview-card strong,.scenario-overview-card span{display:block}.scenario-overview-card strong{font-size:1rem}.scenario-overview-card span{color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.2}.filter-panel{border:1px solid var(--line);background:#111820d1;border-radius:8px}.filter-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;min-height:3rem;padding:.75rem .85rem;font-weight:900;display:flex}.filter-panel summary small{color:var(--muted);font-weight:800}.filter-bar{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.85rem;display:grid}.metadata-strip{border:1px solid var(--line);background:#121a23c7;border-radius:8px;padding:.65rem}.metadata-strip span{color:var(--text-soft);background:#ffffff0f;border-radius:999px;padding:.28rem .5rem;font-size:.76rem;font-weight:800}.quick-switch{scrollbar-width:none;gap:.45rem;padding-bottom:.05rem;display:flex;overflow-x:auto}.quick-switch::-webkit-scrollbar{display:none}.quick-switch button{border:1px solid var(--line);min-width:7.4rem;color:var(--text);cursor:pointer;text-align:left;background:#111820db;border-radius:8px;gap:.15rem;padding:.45rem .6rem;display:grid}.quick-switch button.active{background:#41d6a21c;border-color:#41d6a29e}.quick-switch span{color:var(--muted);font-size:.68rem;font-weight:800}.metadata-summary{border:1px solid var(--line);background:#1118207a;border-radius:8px;overflow:hidden}.metadata-summary-trigger{cursor:pointer;justify-content:space-between;align-items:center;gap:.65rem;min-height:2rem;padding:.32rem .55rem;display:flex}.metadata-summary-trigger::-webkit-details-marker{display:none}.metadata-summary-trigger span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.metadata-summary-trigger strong{min-width:0;color:var(--text-soft);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.metadata-grid{border-top:1px solid var(--line);scrollbar-width:none;gap:.35rem;padding:.45rem;display:flex;overflow-x:auto}.metadata-grid div{background:#ffffff09;border-radius:8px;gap:.15rem;min-width:4.8rem;padding:.38rem .48rem;display:grid}.metadata-grid span{color:var(--muted);text-transform:uppercase;font-size:.62rem;font-weight:900}.metadata-grid strong{overflow-wrap:anywhere;font-size:.78rem}.metadata-edit-button{flex:none;min-height:2.25rem}.metadata-disclosure{border-top:1px solid var(--line);padding-top:.4rem}.metadata-disclosure summary{cursor:pointer;color:var(--text-soft);font-size:.76rem;font-weight:900}.metadata-notes{color:var(--muted);gap:.55rem;margin-top:.55rem;font-size:.86rem;line-height:1.4;display:grid}.variant-tabs{scrollbar-width:none;gap:.5rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.variant-tabs::-webkit-scrollbar{display:none}.variant-tab{border:1px solid var(--line);background:var(--panel);min-width:10.4rem;color:inherit;text-align:left;cursor:pointer;border-radius:8px;gap:.2rem;padding:.5rem .65rem;display:grid}.variant-tab.active{background:#41d6a21f;border-color:#41d6a2b3}.variant-tab span{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.variant-tab small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:800;overflow:hidden}.chart-toolbar{justify-content:flex-start}.variant-dock{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1117f0;border-radius:8px;padding:.35rem;display:grid;position:sticky;top:3.9rem}.command-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.command-bar .button{min-height:2.35rem;padding:.45rem .55rem;font-size:.82rem}.variant-details,.compare-panel,.import-export-panel{border:1px solid var(--line);background:#121a23d1;border-radius:8px;padding:.85rem}.variant-details{gap:.75rem;display:grid}.study-badge{color:#ffe5a1;white-space:nowrap;background:#f6c95f1a;border:1px solid #f6c95f47;border-radius:999px;align-self:flex-start;padding:.3rem .55rem;font-size:.72rem;font-weight:900}.variant-editor-disclosure{border:1px solid var(--line);background:#111820c7;border-radius:8px}.variant-editor-disclosure summary{cursor:pointer;gap:.15rem;padding:.68rem .8rem;display:grid}.variant-editor-disclosure summary span{font-weight:900}.variant-editor-disclosure summary small{color:var(--muted);font-weight:800}.variant-editor-disclosure .variant-details{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0}.variant-form-row{grid-template-columns:1fr;gap:.7rem;display:grid}.action-legend{justify-content:flex-start}.edit-mode-panel{border:1px solid var(--line);background:#121a23b8;border-radius:8px;gap:.45rem;padding:.48rem;display:grid}.edit-mode-header,.matrix-stage-header{flex-direction:column;justify-content:space-between;align-items:stretch;gap:.45rem;display:flex}.edit-mode-header h3{font-size:.88rem}.edit-mode-panel .action-legend{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.05rem;overflow-x:auto}.edit-mode-header .muted{margin-top:.18rem;font-size:.82rem;line-height:1.35}.mode-toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,13rem);padding:.18rem;display:inline-grid}.mode-toggle button{min-height:2rem;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:.82rem;font-weight:900}.mode-toggle button.active{background:var(--primary);color:#06120d}.legend-item{color:var(--text-soft);align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:inline-flex}.legend-button{border:1px solid var(--line);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:8px;min-height:2.15rem;padding:.28rem .48rem}.legend-button.active{background:#ffffff1c;border-color:#ffffff85;box-shadow:0 0 0 2px #41d6a229}.legend-swatch{border:1px solid #ffffff38;border-radius:3px;width:.8rem;height:.8rem}.range-matrix-wrap{scrollbar-width:thin;scrollbar-color:#c7d1dc3d transparent;width:100%;padding-bottom:.25rem;overflow:auto hidden}.range-matrix{grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;width:max(100%,390px);min-width:390px;display:grid}.range-matrix.compact{gap:2px;width:max(100%,342px);min-width:342px}.hand-cell{aspect-ratio:1;color:#f6fbff;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff17;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;min-height:1.7rem;padding:0;font-size:.64rem;font-weight:900;line-height:1;transition:border-color .12s,transform .12s,filter .12s;display:flex;position:relative}.hand-cell:hover,.hand-cell:focus-visible{filter:brightness(1.08);border-color:#ffffff6b;outline:none}.hand-cell:active{transform:scale(.96)}.hand-cell.readonly{cursor:default}.hand-cell.highlight{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #ffffff2e}.hand-label{text-overflow:clip;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.frequency{opacity:.86;font-size:.48rem;font-weight:900;display:block}.note-dot{background:#ffffffe0;border-radius:999px;width:4px;height:4px;position:absolute;bottom:3px;right:3px;box-shadow:0 0 0 1px #00000047}.matrix-stage{border:1px solid var(--line);background:#111820bd;border-radius:8px;gap:.45rem;padding:.5rem;display:grid}.matrix-stage-header span{color:var(--text-soft);white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:.24rem .48rem;font-size:.72rem;font-weight:900}.matrix-badges{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;display:flex}.matrix-stage-header .compact-badge{color:#ffe5a1;background:#f6c95f1a;border-color:#f6c95f47}.action-fold{color:#aeb9c5;background:#202a35}.action-open{color:#effff9;background:#167a5d}.action-jam{color:#fff7f7;background:#b94343}.action-limp{color:#fff9e8;background:#9b7620}.action-3-bet{color:#fbf8ff;background:#6949a8}.action-call{color:#f3f9ff;background:#2667a8}.action-mixed{color:#fff8f1;background:#bf6830}.modal-backdrop{z-index:30;background:#04080cb8;align-items:end;padding:.8rem;display:grid;position:fixed;inset:0}.modal-sheet{border:1px solid var(--line);background:#111923;border-radius:8px;justify-self:center;gap:.9rem;width:min(100%,660px);max-height:min(86vh,760px);padding:1rem;display:grid;overflow:auto;box-shadow:0 24px 80px #00000061}.modal-header,.panel-header{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.form-grid .full{grid-column:1/-1}.form-actions{justify-content:flex-end}.field-group{color:var(--text-soft);gap:.36rem;font-size:.85rem;font-weight:700;display:grid}.field-label{display:block}.field-hint{color:var(--muted);font-size:.74rem;font-weight:800}.action-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.action-choice{cursor:pointer;opacity:.72;border:1px solid #ffffff29;border-radius:8px;min-height:2.65rem;font-weight:900}.action-choice.active{opacity:1;border-color:#ffffffb8;box-shadow:0 0 0 3px #ffffff1f}.frequency-control{grid-template-columns:1fr 5.25rem;align-items:center;gap:.6rem;display:grid}.compare-panel{gap:.9rem;display:grid}.compare-controls{grid-template-columns:1fr;gap:.7rem;display:grid}.compare-summary{scrollbar-width:thin;gap:.4rem;display:flex;overflow-x:auto}.compare-summary div{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;min-width:6.6rem;padding:.42rem .5rem}.compare-summary strong,.compare-summary span{display:block}.compare-summary strong{font-size:1.05rem}.compare-summary span{color:var(--muted);font-size:.66rem;font-weight:800}.compare-view-toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:.2rem;display:grid}.compare-view-toggle button{min-height:2.35rem;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:.78rem;font-weight:900}.compare-view-toggle button.active{background:var(--primary);color:#06120d}.compare-matrices{gap:1rem;display:grid}.compare-matrices>div,.compare-single-matrix{gap:.45rem;min-width:0;display:grid}.transition-list{gap:.5rem;display:grid}.transition-list details{border:1px solid var(--line);background:#ffffff09;border-radius:8px;padding:.5rem}.transition-list summary{cursor:pointer;font-weight:900}.changed-hand-list{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.changed-hand{background:#ffffff12;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .5rem;font-size:.76rem;font-weight:900;display:inline-flex}.changed-hand small{color:var(--warning);font-weight:900}.empty-state{background:#121a238c;border:1px dashed #b4c4d64d;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.empty-state p{color:var(--muted);margin-top:.3rem}.import-export-panel{margin-top:1rem}.import-export-panel summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:900;display:flex}.import-export-panel summary small{color:var(--muted)}.import-export-grid{grid-template-columns:1fr;gap:1rem;margin-top:1rem;display:grid}.import-export-grid section{gap:.65rem;display:grid}.error-text{color:#ffb3b3;font-weight:800}.toast{z-index:50;color:#c9ffe9;background:#10231d;border:1px solid #41d6a259;border-radius:8px;padding:.75rem .9rem;font-weight:900;position:fixed;bottom:1rem;right:1rem;box-shadow:0 18px 50px #0000004d}@media (width>=680px){h1{font-size:2rem}.app-main{padding:1.5rem 1.5rem 5rem}.page-header{flex-direction:row;align-items:flex-end}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar,.variant-form-row,.compare-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.metadata-grid{overflow-x:visible}.variant-form-row{grid-template-columns:1.2fr .9fr 1fr}.compare-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.command-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.edit-mode-header,.matrix-stage-header{flex-direction:row;align-items:flex-start}.hand-cell{font-size:.72rem}.frequency{font-size:.55rem}.action-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.import-export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.chartset-list{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-matrices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.scenario-overview-card,.form-grid,.frequency-control{grid-template-columns:1fr}.study-badge{white-space:normal}}