:root{color:#eef3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-bg:#0c1117;--panel:#121a23;--panel-2:#17212d;--panel-3:#1c2734;--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:linear-gradient(180deg, #41d6a214, transparent 260px), 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:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1117e6;position:sticky;top:0}.brand-button{text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;width:100%;padding:.78rem 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:#071018;background:linear-gradient(135deg,#41d6a2,#5aa7ff);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}.screen-section{gap:1rem;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:.85rem;display:flex}.section-heading>div{gap:.35rem;min-width:0;display:grid}.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.5rem;padding:.64rem .85rem;font-weight:800;display:inline-flex}.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.5rem;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}.scenario-card,.chartset-card{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff05);border-radius:8px;box-shadow:0 18px 50px #0000002e}.scenario-card{text-align:left;cursor:pointer;justify-content:space-between;align-items:stretch;gap:1rem;width:100%;padding:1rem;display:flex}.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:.85rem;display:grid}.chartset-main{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:.9rem;width:100%;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}.card-actions{justify-content:flex-end}.filter-bar{border:1px solid var(--line);background:#121a23c7;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;padding:.8rem;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}.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);text-align:left;cursor:pointer;border-radius:8px;gap:.2rem;min-width:10rem;padding:.65rem .75rem;display:grid}.variant-tab.active{background:#41d6a21f;border-color:#41d6a2b3}.variant-tab span{font-weight:900}.variant-tab small{color:var(--muted);font-weight:800}.chart-toolbar{justify-content:flex-start}.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}.variant-form-row{grid-template-columns:1fr;gap:.7rem;display:grid}.action-legend{justify-content:flex-start}.legend-item{color:var(--text-soft);align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:inline-flex}.legend-swatch{border:1px solid #ffffff38;border-radius:3px;width:.8rem;height:.8rem}.range-matrix-wrap{width:100%;overflow:hidden}.range-matrix{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;width:100%;display:grid}.hand-cell{aspect-ratio:1;color:#f6fbff;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid #ffffff17;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:0;font-size:.58rem;font-weight:900;line-height:1;display:flex}.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}.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}.compare-panel{gap:.9rem;display:grid}.compare-controls{grid-template-columns:1fr;gap:.7rem;display:grid}.compare-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.compare-summary div{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:.65rem}.compare-summary strong,.compare-summary span{display:block}.compare-summary strong{font-size:1.28rem}.compare-summary span{color:var(--muted);font-size:.72rem;font-weight:800}.compare-matrices{gap:1rem;display:grid}.compare-matrices>div{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:.65rem}.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}.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))}.variant-form-row{grid-template-columns:1.2fr .9fr 1fr}.hand-cell{font-size:.72rem}.frequency{font-size:.55rem}.compare-summary{grid-template-columns:repeat(5,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))}}