:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#0b1220;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.app{max-width:1480px;margin:0 auto;padding:26px 24px 44px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.eyebrow{color:#58d6b7;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1{margin:5px 0 0;font-size:clamp(26px,4vw,38px);line-height:1;letter-spacing:-.04em}.subtitle{margin:9px 0 0;color:#94a3b8;max-width:630px}.topbar-note{color:#94a3b8;font-size:13px;text-align:right}.dashboard{display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(330px,.8fr);gap:18px;align-items:start}.range-zone{min-width:0;display:grid;gap:12px}.range-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.range-workspace-title h2{margin-bottom:3px}.range-workspace-actions{display:flex;align-items:center;gap:8px}.add-range{width:38px;height:38px;flex:0 0 auto;border:1px solid #3b8e7e;border-radius:9px;background:#16463f;color:#8af0d5;cursor:pointer;font-size:28px;font-weight:400;line-height:1}.add-range:hover{border-color:#7ee4c9;background:#1b6458;color:#fff}.add-range:disabled{opacity:.4;cursor:not-allowed}.range-matrices{display:grid;grid-template-columns:repeat(auto-fit,minmax(390px,1fr));gap:12px}.range-matrix{min-width:0}.range-matrix.active-range{border-color:#548e89;box-shadow:0 0 0 1px #55c7ad29,0 16px 40px #0000002b}.range-matrix.quick-drop-target{border-color:#79e4ca;box-shadow:0 0 0 3px #55d3b752,0 16px 40px #0000002b}.range-matrix .panel-inner{padding:15px}.range-matrix .panel-title{margin-bottom:12px}.range-matrix .range-actions{flex-wrap:wrap;justify-content:flex-end}.matrix-heading{display:flex;align-items:flex-start;gap:8px}.matrix-close{width:27px;height:27px;flex:0 0 auto;border:1px solid #6a3d4a;border-radius:7px;background:#2a1c29;color:#f3a5af;cursor:pointer;font-size:20px;line-height:1}.matrix-close:hover{border-color:#f27f8d;background:#482431;color:#fff}.range-combo-count{display:inline-flex;align-items:center;min-height:31px;color:#9fb1c9;font-size:12px;font-weight:750;white-space:nowrap}.range-matrix .range-grid{grid-template-columns:repeat(13,minmax(23px,1fr))}.range-matrix .range-cell{min-height:27px;font-size:clamp(8px,1vw,12px)}.matrix-with-weight{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:stretch}.matrix-range-weight{display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;gap:6px;min-width:0;padding:5px 2px;border:1px solid #2b3d59;border-radius:8px;background:#0e1829;color:#a9bad1;font-size:10px;font-weight:800;text-align:center}.matrix-range-weight input[type=range]{width:18px;height:100%;min-height:120px;margin:0;writing-mode:vertical-lr;direction:rtl;accent-color:#3fc7a9}.matrix-range-weight output{font-size:11px}.range-summary.compact{gap:12px;margin-top:12px;padding-top:11px}.range-summary.compact .metric-value{font-size:19px}.range-details-panel .panel-inner{padding-top:16px}.range-details-panel .range-details{margin-top:0;padding-top:0;border-top:0}.remove-range{min-width:30px;padding:4px 8px;color:#f19aa2;font-size:18px;line-height:1}.eq-hands.active{border-color:#55c7ad;background:#1d715f;color:#effffb}.range-eq-hands{display:inline-flex;align-items:center;min-height:31px;padding:6px 8px;border:1px solid #317669;border-radius:8px;background:#123e39;color:#82ecd2;font-size:12px;font-weight:850;white-space:nowrap}.eq-opponent{max-width:112px;border:1px solid #31415d;border-radius:8px;background:#0e1829;color:#cdd9ea;padding:6px 7px;font:inherit;font-size:11px;font-weight:700}.panel{background:#111b2d;border:1px solid #22314b;border-radius:16px;box-shadow:0 16px 40px #0000002b}.panel-inner{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}h2{margin:0;font-size:17px;letter-spacing:-.02em}.hint,.muted{color:#94a3b8;font-size:13px}.range-actions{display:flex;gap:8px}.save-quick-range{display:grid;width:31px;min-width:31px;height:31px;padding:0;place-items:center}.save-quick-range svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transform:translate(-3px)}.action,.preset{border:1px solid #31415d;background:#17243a;color:#dce7f7;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:12px;font-weight:700}.action:hover,.preset:hover{border-color:#55c7ad;color:#fff}.action:disabled{cursor:not-allowed;opacity:.45}.range-grid{display:grid;grid-template-columns:repeat(13,minmax(34px,1fr));gap:3px}.range-cell{--base: #1b2a43;--fill: #1d9e82;aspect-ratio:1 / .72;min-height:32px;border:0;border-radius:4px;color:#c7d2e3;background:linear-gradient(90deg,var(--fill) 0 var(--weight),var(--base) var(--weight) 100%);cursor:ns-resize;font-size:clamp(9px,1.25vw,13px);font-weight:750;transition:transform .1s,filter .12s}.range-cell:hover{transform:translateY(-1px);filter:brightness(1.14)}.range-cell.selected{color:#fff}.range-cell.with-equity{display:grid;align-content:center;justify-items:center;gap:1px;line-height:1}.range-cell.with-equity small{color:#e8fffa;font-size:.76em;font-weight:850}.range-cell.pair{--base: #22385a;--fill: #bf6a35}.range-cell.suited{--base: #193a46;--fill: #248ca4}.range-cell.active{outline:2px solid #f5d56c;outline-offset:1px}.range-cell.suit-edit-selected{outline:2px solid #7ae4cf;outline-offset:1px;box-shadow:inset 0 0 0 1px #082028a6}.suit-editor-toggle.active{border-color:#55c7ad;background:#1d715f;color:#effffb}.range-summary{display:flex;gap:20px;margin-top:18px;padding:14px 0 0;border-top:1px solid #22314b}.metric-value{display:block;font-size:22px;font-weight:800;letter-spacing:-.04em}.metric-label{color:#94a3b8;font-size:12px}.range-equity-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:13px 15px;border:1px solid #2f6965;border-radius:10px;background:linear-gradient(90deg,#23907933,#101d2eb3)}.range-equity-summary>div{display:grid;gap:2px}.range-equity-summary strong{color:#72e3ca;font-size:28px;letter-spacing:-.055em;line-height:1}.range-equity-summary .hint{font-size:12px}.range-equity-tie{justify-items:end;text-align:right}.range-details{margin-top:18px;padding-top:16px;border-top:1px solid #22314b}.suit-editor-groups{display:grid;gap:14px}.suit-edit-group{padding:13px;border:1px solid #2b3d59;border-radius:10px;background:#0e1829}.suit-edit-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.suit-edit-heading h3{margin:0;font-size:16px}.suit-edit-heading .weight-control{width:min(360px,100%)}.details-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.details-title h2{margin-bottom:3px}.weight-control,.combo-weight{display:grid;align-items:center;gap:9px}.weight-control{grid-template-columns:105px 1fr 42px;padding:11px 12px;border:1px solid #2b3d59;background:#0e1829;border-radius:9px;color:#dbe6f6;font-size:13px;font-weight:750}input[type=range]{accent-color:#3fc7a9;min-width:0}output{color:#77e0ca;text-align:right;font-size:12px;font-weight:800}.combo-weights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.combo-weight{grid-template-columns:44px 1fr 38px;padding:8px 10px;border:1px solid #263852;border-radius:8px;background:#152137;color:#d9e4f3;font-size:13px;font-weight:760}.combo-weight.blocked{opacity:.38}.combo-weight .red{color:#fb7580}.setup{display:grid;gap:18px}.filters .panel-inner{padding:16px}.filters .analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters .category{padding:9px}.filters .improvement{margin-bottom:10px;padding:11px}.filters .improvement h2{font-size:15px}.filters .improvement-value strong{font-size:23px}.quick-examples .panel-inner{display:grid;gap:10px}.quick-examples .panel-title{margin-bottom:0}.quick-example-list{display:flex;flex-wrap:wrap;gap:7px}.quick-example-create{border-style:dashed}.quick-example-item{position:relative}.quick-example{min-height:31px;border:1px solid #31415d;border-radius:8px;background:#17243a;color:#dce7f7;cursor:grab;padding:7px 11px;font:inherit;font-size:12px;font-weight:700}.quick-example:hover{border-color:#55c7ad;color:#fff}.quick-example:active{cursor:grabbing}.quick-example-delete{position:absolute;top:-9px;right:-9px;display:grid;width:22px;height:22px;min-width:22px;padding:0;place-items:center;border:2px solid #f28a99;border-radius:999px;background:#2a1c29;color:#ffd4d9;cursor:pointer;font-size:17px;font-weight:500;line-height:18px;opacity:0;transition:opacity .12s,background .12s}.quick-example-delete:hover{background:#6a3040;color:#fff}.quick-example-item:hover .quick-example-delete,.quick-example-delete:focus{opacity:1}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#030811c2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quick-example-modal{width:min(760px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:20px;border:1px solid #3d5c78;border-radius:16px;background:#111b2d;box-shadow:0 24px 80px #0000008c}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.quick-example-name{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;margin-bottom:14px;color:#dbe6f6;font-size:13px;font-weight:750}.quick-example-name input{min-width:0;border:1px solid #31415d;border-radius:8px;background:#0e1829;color:#e8edf7;padding:8px 10px;font:inherit}.quick-example-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;min-width:0}.quick-example-cell{min-height:31px}.quick-matrix-with-weight{grid-template-columns:minmax(0,1fr) 38px;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.primary-action{border-color:#3b8e7e;background:#16463f;color:#8af0d5}.primary-action:hover{border-color:#7ee4c9;background:#1b6458;color:#fff}.board{display:grid;grid-template-columns:repeat(6,44px);justify-content:center;column-gap:8px;min-height:76px;align-items:center;width:100%;transform:translate(-2px)}.board-slot,.board-random-slot{display:grid;width:44px;justify-items:center;gap:5px}.street-label{width:44px;color:#71829d;font-size:10px;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase;white-space:nowrap}.board-card,.board-empty{height:52px;width:39px;border-radius:7px;display:grid;place-items:center;font-weight:850;font-size:18px}.board-card{background:#f5f7fb;color:#152033;box-shadow:0 4px 10px #00000040}.card-value{display:inline-flex;align-items:center;gap:1px;line-height:1}.card-suit{display:inline-block}.board-card .card-value{transform:translate(-2px)}.board-card .red{color:#d84e57}.board-empty{border:1px dashed #3c506f;color:#6d7e98}.card-picker{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.card{min-height:29px;border:1px solid #334764;background:#17243a;color:#e7edf7;border-radius:5px;cursor:pointer;font-size:11px;font-weight:800}.card:hover{border-color:#62d5bb}.card.used{opacity:.32;cursor:not-allowed}.card .red{color:#fb7580}.hero-panel .panel-inner{display:grid;gap:12px}.hero-panel .panel-title{margin-bottom:0}.hero-cards{display:flex;justify-content:center;gap:10px}.hero-card,.hero-empty{height:61px;width:46px;border-radius:8px;display:grid;place-items:center;font-weight:850;font-size:21px}.hero-card{border:2px solid #55c7ad;background:#f5f7fb;color:#152033;box-shadow:0 4px 10px #00000040;cursor:pointer}.hero-card .red{color:#d84e57}.hero-empty{border:1px dashed #3c506f;color:#6d7e98}.hero-picker{margin-top:-2px}.hero-equity{display:grid;justify-items:center;gap:3px;padding:12px;border:1px solid #2f6965;border-radius:10px;background:linear-gradient(90deg,#23907933,#101d2eb3);text-align:center}.hero-equity strong{color:#72e3ca;font-size:30px;letter-spacing:-.055em;line-height:1}.presets{display:flex;flex-wrap:wrap;gap:7px}.presets .preset{padding:6px 9px}.range-library .panel-inner{display:grid;gap:10px}.range-library .panel-title{margin-bottom:0}.range-library-title{align-items:center}.collapse-toggle{width:24px;height:24px;flex:0 0 auto;align-self:flex-start;display:flex;align-items:center;justify-content:center;padding:0 0 3px;border:0;background:transparent;color:#8fa4c0;cursor:pointer;font-size:22px;font-weight:700;line-height:1;transition:transform .16s,color .12s}.collapse-toggle:hover{color:#67dfc4}.collapse-toggle[aria-expanded=true]{transform:rotate(180deg)}.range-library-content{display:grid;gap:10px}.range-save{display:grid;grid-template-columns:1fr auto;gap:7px}.range-name{min-width:0;border:1px solid #31415d;border-radius:8px;background:#0e1829;color:#e8edf7;padding:8px 10px;outline:none;font:inherit;font-size:13px}.range-name:focus{border-color:#55c7ad}.saved-ranges{display:grid;gap:6px;max-height:190px;overflow:auto}.saved-range{display:grid;grid-template-columns:1fr auto;border:1px solid #293b56;border-radius:8px;overflow:hidden}.saved-range>button:first-child{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;border:0;background:#152137;color:#dce7f7;cursor:pointer;padding:9px 10px;text-align:left}.saved-range>button:first-child:hover{background:#1c2d47}.saved-range strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-range span{color:#8ca0bd;font-size:11px;white-space:nowrap}.range-delete{width:32px;border:0;border-left:1px solid #293b56;background:#152137;color:#91a0b7;cursor:pointer;font-size:19px}.range-delete:hover{background:#442631;color:#ff8390}.equity-toggle{width:37px;border:0;border-left:1px solid #293b56;background:#152137;color:#86a0be;cursor:pointer;font-size:11px;font-weight:850}.equity-toggle:hover,.equity-toggle.active{background:#1d715f;color:#e9fffa}.range-file-actions{display:flex;gap:7px}.import-label{display:inline-flex;align-items:center}.import-label input{display:none}.library-message{margin:0;color:#66dfc4;font-size:12px}.library-empty{margin:0;padding:4px 0}.equity-panel .panel-inner{display:grid;gap:10px}.equity-panel .panel-title{margin-bottom:0}.equity-hands-toggle{justify-self:start}.equity-hands-toggle.active{border-color:#55c7ad;background:#1d715f;color:#f0fffb}.hand-equity-hint{margin:0}.equity-head,.equity-row{display:grid;grid-template-columns:minmax(74px,1fr) 58px 58px 55px;gap:6px;align-items:center}.equity-head{color:#8294af;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.equity-head span:not(:first-child){text-align:right}.equity-results{display:grid;gap:6px}.equity-row{position:relative;padding:10px;border:1px solid #29435d;border-radius:8px;background:#0e1829;font-size:13px}.equity-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equity-row>span{text-align:right;font-weight:760}.equity-row .hero-equity{color:#66dfc4}.equity-row small{grid-column:1 / -1;color:#7f91aa;font-size:10px}.equity-row.unavailable{grid-template-columns:minmax(74px,1fr) auto auto 1.5fr;color:#94a3b8}.live-equity .panel-inner{display:grid;gap:10px}.live-equity .panel-title{margin-bottom:0}.analysis{grid-column:1}.improvement{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:15px;border:1px solid #2d5a5c;border-radius:11px;background:linear-gradient(90deg,#2084712b,#111b2d66)}.improvement h2{margin-top:3px}.improvement p{margin:5px 0 0}.improvement-value{display:grid;justify-items:end;gap:3px;text-align:right}.improvement-value strong{color:#66dfc4;font-size:28px;letter-spacing:-.05em}.improvement-value span{color:#9eb0c8;font-size:12px}.street-complete{margin:0 0 16px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category{border:1px solid #263852;border-radius:10px;padding:12px;background:#0e1829}.filter-category{width:100%;color:inherit;cursor:pointer;text-align:left}.filter-category:hover{border-color:#55c7ad;background:#13263a}.filter-category.disabled{border-color:#3d4655;background:#151b26;opacity:.5}.filter-category.disabled .bar>span{background:#66758c}.category-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.category-name{font-size:13px;color:#cbd5e1}.category-percent{font-weight:850;font-size:18px;letter-spacing:-.04em}.category-filter-weight{color:#76e0c7;font-size:14px;font-weight:850}.bar{height:6px;background:#22314b;border-radius:99px;overflow:hidden;margin-top:10px}.bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#33bfa2,#55d8bc)}.legend{margin:15px 0 0;color:#71829d;font-size:12px}.empty{color:#94a3b8;padding:12px 0}@media(max-width:920px){.dashboard{grid-template-columns:1fr}.setup .hero-panel{order:-1}.analysis-grid{grid-template-columns:repeat(2,1fr)}.topbar{align-items:start;flex-direction:column;gap:8px}.topbar-note{text-align:left}}@media(max-width:520px){.app{padding:18px 12px 30px}.panel-inner{padding:15px}.range-grid{gap:2px}.range-cell{min-height:25px}.range-matrices{grid-template-columns:1fr}.range-matrix .range-cell{min-height:25px}.matrix-with-weight{grid-template-columns:minmax(0,1fr) 36px;gap:6px}.filters .analysis-grid{grid-template-columns:1fr}.quick-example-grid{gap:2px}.quick-example-cell{min-height:25px;font-size:9px}.quick-example-modal{padding:15px}.analysis-grid,.combo-weights{grid-template-columns:1fr}.card-picker{grid-template-columns:repeat(13,minmax(21px,1fr))}.details-title,.improvement{align-items:start;flex-direction:column}.improvement-value{justify-items:start;text-align:left}.range-equity-summary{align-items:start;flex-direction:column}.range-equity-tie{justify-items:start;text-align:left}}:root{color:#eef5ff;background:#0c338c}body{min-height:100vh;background:radial-gradient(900px 620px at 8% 0%,rgba(119,181,255,.58),transparent 68%),radial-gradient(800px 680px at 95% 19%,rgba(57,116,233,.75),transparent 63%),linear-gradient(135deg,#154fb9,#0d3eaa 45%,#082d82)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;filter:blur(8px)}body:before{inset:auto -14vw -28vh auto;width:74vw;height:78vh;border-radius:48% 52% 55% 45%;background:radial-gradient(ellipse at center,#79c1ff52,#3969e100 68%)}body:after{inset:32vh auto auto -22vw;width:72vw;height:62vh;border-radius:58% 42% 48% 52%;background:radial-gradient(ellipse at center,#6fbfff33,#3969e100 70%)}.app{max-width:1560px;padding:22px 24px 46px}.topbar{margin:0 0 16px;padding:18px 20px;border:1px solid rgba(216,239,255,.28);border-radius:22px;background:linear-gradient(135deg,#ecf9ff38,#6aa1f51f);box-shadow:inset 0 1px #ffffff52,0 20px 42px #01164f3d;-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}.eyebrow{color:#b6fbef}h1{color:#f8fbff;font-weight:750;letter-spacing:-.045em}.subtitle,.topbar-note,.hint,.muted{color:#c7d8ef}.dashboard{gap:16px}.panel{border:1px solid rgba(218,239,255,.25);border-radius:20px;background:linear-gradient(145deg,#eff9ff30,#6594e021);box-shadow:inset 0 1px #ffffff4d,0 18px 40px #0213433d;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.panel-inner{padding:18px}.range-matrix.active-range{border-color:#64f4dad9;box-shadow:inset 0 1px #fff6,0 0 0 1px #57efd14d,0 20px 45px #011b544d}.range-matrix .panel-inner{padding:16px}.range-workspace-title{padding:3px 5px}.range-workspace-title h2,.panel-title h2{color:#f5f9ff}.action,.preset,.eq-opponent,.range-name,.quick-example,.collapse-toggle{border-color:#d2ebff45;background:#f0f9ff26;color:#edf5ff;box-shadow:inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action:hover,.preset:hover,.quick-example:hover{border-color:#6df3d9e6;background:#7feedb33;color:#fff}.add-range{border-color:#6ff4d6b8;border-radius:12px;background:#37c7ad47;box-shadow:inset 0 1px #ffffff59;color:#b9fff1}.matrix-close{border-color:#ff9fabcc;background:#992f4547;color:#ffd7dc}.range-grid{gap:4px}.range-cell{--base: rgba(229, 241, 255, .33);--fill: #43d2bd;border:1px solid rgba(255,255,255,.22);border-radius:7px;color:#193660;background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 82%,white) 0 var(--weight),var(--base) var(--weight) 100%);box-shadow:inset 0 1px #ffffff5c,0 1px 2px #011c531c;font-weight:800}.range-cell:hover{filter:brightness(1.08);transform:translateY(-1px)}.range-cell.selected{color:#103858}.range-cell.pair{--base: rgba(225, 234, 255, .36);--fill: #ffae67}.range-cell.suited{--base: rgba(220, 240, 255, .32);--fill: #42d2c0}.range-cell.offsuit{--base: rgba(219, 231, 253, .31);--fill: #66aaf4}.range-cell.active{outline-color:#fff0a5;box-shadow:0 0 0 2px #ffdd67d9,inset 0 1px #ffffff8c}.matrix-with-weight{gap:11px}.matrix-range-weight{border-color:#dcf0ff40;background:#13387c47;box-shadow:inset 0 1px #ffffff38}input[type=range]{accent-color:#39d4be}.range-eq-hands{border-color:#71f0d780;background:#23ac983b;color:#c8fff5}.range-combo-count{color:#d7e8fb}.board-card,.board-empty{border:1px solid rgba(255,255,255,.44);border-radius:10px;box-shadow:inset 0 1px #ffffffe6,0 8px 16px #011b4c33}.board-card{background:#fafdffeb}.board-empty{border-style:dashed;color:#d6e7fc;background:#def0ff1a}.card{border-color:#e1f1ff3d;background:#f0f9ff1f;color:#eff7ff}.card:hover{border-color:#7bf3d8;background:#5fddc62e}.hero-equity,.range-equity-summary,.improvement{border-color:#69f1d761;background:linear-gradient(110deg,#38c4ae3d,#71a1ef1a)}.hero-equity strong,.range-equity-summary strong,.improvement-value strong{color:#86ffe3}.filters .panel-inner{padding:17px}.category,.suit-edit-group,.combo-weight,.weight-control{border-color:#d2ebff3b;background:#11357140;box-shadow:inset 0 1px #ffffff29}.filter-category:hover{border-color:#65f4d8bf;background:#4ecbbd2e}.filter-category.disabled{background:#14294f2e;border-color:#c2d3f02e}.bar{background:#a9cffb47}.bar>span{background:linear-gradient(90deg,#43d2bd,#83f4dc)}.quick-example-delete{background:#662f44bf}.modal-backdrop{background:#0416428f;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}.quick-example-modal{border-color:#daf0ff59;background:linear-gradient(145deg,#2d69becc,#103477db);box-shadow:inset 0 1px #ffffff5c,0 28px 80px #00113c7a}.quick-example-name input{border-color:#daf0ff4d;background:#f0f9ff24;color:#fff}.saved-range,.saved-range>button:first-child{border-color:#d2ebff33;background:#16397638}.saved-range>button:first-child:hover{background:#54a7f133}.collapse-toggle{color:#c8dcf4}.collapse-toggle:hover{color:#8affdf}@media(max-width:920px){.topbar{border-radius:18px}.range-grid{gap:3px}}:root{background:#17386e}body{background:#0a4bc3}body:before{background:radial-gradient(ellipse at center,#c0daff17,#5d8cda00 69%)}body:after{background:radial-gradient(ellipse at center,#b8d3fc12,#4f7ccb00 72%)}.topbar{border-color:#eaf6ff3b;background:linear-gradient(135deg,#f5fbff29,#b6d2fa12);box-shadow:inset 0 1px #ffffff4d,0 20px 42px #081e4a2b}.panel{border-color:#e8f4ff38;background:linear-gradient(145deg,#f4faff24,#aac7f013);box-shadow:inset 0 1px #ffffff42,0 18px 40px #051b482b;-webkit-backdrop-filter:blur(28px) saturate(112%);backdrop-filter:blur(28px) saturate(112%)}.action,.preset,.eq-opponent,.range-name,.quick-example,.collapse-toggle{border-color:#ebf5ff3b;background:#f2f8ff1c;box-shadow:inset 0 1px #ffffff26}.action:hover,.preset:hover,.quick-example:hover{border-color:#9de7dcc7;background:#a6e6db29}.add-range{border-color:#93ded39e;background:#49b1a438;color:#c9f9f0}.range-cell{--base: rgba(211, 216, 223, .48);--fill: #66bcb2;border-color:#ffffff45;color:#263a50;background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 64%,white) 0 var(--weight),var(--base) var(--weight) 100%);box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0d254f14}.range-cell{--base: rgba(228, 232, 238, .56)}.range-cell.pair{--base: rgba(228, 232, 238, .58);--fill: #e6a56f}.range-cell.suited{--base: rgba(228, 232, 238, .56);--fill: #65bdb4}.range-cell.offsuit{--base: rgba(228, 232, 238, .56);--fill: #8da8c7}.range-cell.selected{color:#19384b}.range-matrix.active-range{border-color:#87dcd0ad;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #91dfd333,0 20px 45px #061e4e33}.matrix-range-weight,.category,.suit-edit-group,.combo-weight,.weight-control{border-color:#e7f3ff33;background:#ebf6ff13;box-shadow:inset 0 1px #ffffff21}.range-eq-hands{border-color:#8ee1d36b;background:#4db0a329;color:#d6fff7}.hero-equity,.range-equity-summary,.improvement{border-color:#8eded14d;background:linear-gradient(110deg,#64bbb026,#bbd3f712)}.filter-category:hover{border-color:#96e0d39e;background:#96ddd21f}.quick-example-modal{border-color:#e9f5ff47;background:linear-gradient(145deg,#6895d4c2,#285396c4)}.board+.card-picker{margin-top:12px}.board-random{width:39px;min-width:39px;height:52px;align-self:center;padding:4px;border-radius:10px;color:#d8f8f2;font-size:18px;line-height:1}.topbar{background:linear-gradient(135deg,#f5fbff47,#aecdf72e)}.panel{background:linear-gradient(145deg,#f0f8ff36,#8db4eb24);-webkit-backdrop-filter:blur(28px) saturate(108%);backdrop-filter:blur(28px) saturate(108%)}.range-matrix{background:linear-gradient(145deg,#edf7ff3b,#94b9ea29)}.matrix-range-weight,.category,.suit-edit-group,.combo-weight,.weight-control{background:#e5f0fd26}.range-cell,.range-cell.pair,.range-cell.suited,.range-cell.offsuit{--base: #dfe5eb;background:linear-gradient(90deg,color-mix(in srgb,var(--fill) 64%,white) 0 var(--weight),var(--base) var(--weight) 100%)}.app{position:relative;isolation:isolate;max-width:1600px;margin-top:22px;padding:18px;border:1px solid rgba(239,249,255,.34);border-radius:30px;background:linear-gradient(145deg,#e1f0ff36,#5e8fd324);box-shadow:inset 0 1px #fff6,inset 0 -1px #2c5ca629,0 30px 70px #03174647;-webkit-backdrop-filter:blur(34px) saturate(112%);backdrop-filter:blur(34px) saturate(112%)}.app:before{content:"";position:absolute;z-index:3;top:25px;left:24px;width:54px;height:16px;border-radius:99px;background:radial-gradient(circle at 8px 8px,#ff746e 0 7px,transparent 7.5px),radial-gradient(circle at 27px 8px,#ffd36a 0 7px,transparent 7.5px),radial-gradient(circle at 46px 8px,#5dd794 0 7px,transparent 7.5px);box-shadow:0 1px 3px #001a4e3d}.topbar{position:relative;z-index:2;min-height:62px;margin:0 0 16px;padding:12px 14px 12px 82px;border:1px solid rgba(239,249,255,.24);border-radius:17px;background:#f0f8ff24;box-shadow:inset 0 1px #ffffff3b}.topbar h1{font-size:clamp(23px,3vw,32px)}.topbar .subtitle{display:none}.topbar-note{padding-right:4px}.dashboard{position:relative;z-index:2}.panel{border-radius:16px}.topbar{align-items:center;justify-content:flex-start}.app-tab{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid rgba(239,249,255,.3);border-radius:10px;background:linear-gradient(145deg,#f6fbff38,#b8d3f91f);box-shadow:inset 0 1px #ffffff47,0 2px 7px #0722511f;color:#f4f9ff;font-size:13px;font-weight:780}.app-tab-icon{display:grid;width:16px;height:16px;place-items:center;color:#8cf0dc;font-size:17px;line-height:1}@media(max-width:640px){.app{margin-top:0;padding:12px;border-radius:0 0 24px 24px}.app:before{top:19px;left:18px;transform:scale(.82);transform-origin:left top}.topbar{padding-left:67px}.topbar-note{display:none}}body{background:#162332}.app{border-color:#aac1da45;background:linear-gradient(145deg,#23303feb,#172330e6);box-shadow:inset 0 1px #ffffff17,0 30px 70px #00091470;-webkit-backdrop-filter:blur(20px) saturate(95%);backdrop-filter:blur(20px) saturate(95%)}.topbar{border-color:#aac2dc29;background:#1c2a39e0}.panel,.range-matrix{border-color:#adc7e129;background:linear-gradient(145deg,#263544f5,#1c2a39f5);box-shadow:inset 0 1px #ffffff0d,0 12px 28px #0009142b;-webkit-backdrop-filter:none;backdrop-filter:none}.range-workbench{grid-column:1;display:grid;grid-template-columns:208px minmax(0,1fr);gap:14px;min-width:0}.range-main-stack{display:grid;align-content:start;gap:14px;min-width:0}.range-sidebar{align-self:stretch;padding:12px;border:1px solid rgba(173,199,225,.16);border-radius:16px;background:linear-gradient(180deg,#1e2c3bf7,#15212df7);box-shadow:inset 0 1px #ffffff0d}.range-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:1px 1px 11px}.range-sidebar-head h2{font-size:13px;color:#dce8f5}.range-sidebar-add{position:relative;display:grid;width:28px;height:28px;place-items:center;padding:0;border:1px dashed rgba(152,222,208,.55);border-radius:8px;background:#4da5991f;color:transparent;cursor:pointer;font-size:0;line-height:1}.range-sidebar-add:before{position:absolute;top:50%;left:50%;content:"+";color:#c8ff76;font-size:28px;font-weight:500;line-height:1;transform:translate(-50%,-56%)}.range-sidebar-add:hover{background:#4eb9aa38;color:#fff}.range-sidebar-add:disabled{opacity:.4;cursor:not-allowed}.range-nav-list{display:grid;justify-items:start;gap:8px}.range-nav-item{position:relative;display:grid;justify-items:stretch;gap:7px;width:100%;padding:9px;border:1px solid rgba(153,180,210,.14);border-radius:10px;background:#30405294;color:#d5e1ee;cursor:pointer;text-align:left}.range-nav-item:hover{border-color:#77cdbe7a;background:#415e70c2}.range-nav-item.active{border-color:#4c9fe9;background:linear-gradient(145deg,#22538bbf,#213e5bd6);box-shadow:inset 0 0 0 1px #70b6f924}.range-nav-frame{display:block;padding:5px;border-radius:7px;background:#0f1b278a}.range-nav-preview{display:grid;grid-template-columns:repeat(13,1fr);width:100%;aspect-ratio:1;gap:1px;overflow:hidden;border-radius:4px;background:#263544;box-shadow:inset 0 0 0 1px #ffffff14}.range-nav-preview i{--preview-fill: #8aaee0;display:block;min-width:0;min-height:0;background:linear-gradient(90deg,var(--preview-fill) 0 var(--preview-weight),#364756 var(--preview-weight) 100%)}.range-nav-preview i.pair{--preview-fill: #efb171}.range-nav-preview i.suited{--preview-fill: #7fc6bd}.range-nav-copy{display:block;text-align:center}.range-nav-copy small{color:#b8c8d9;font-size:12px;font-weight:750}.range-nav-remove{position:absolute;top:5px;right:5px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:1px solid #7d4a50;border-radius:50%;background:#35242a;color:transparent;cursor:pointer;font-size:0;line-height:1;opacity:1;transform:scale(1);transition:background .14s,border-color .14s}.range-nav-remove:before{position:absolute;top:50%;left:50%;content:"×";color:#f2b7bc;font-size:25px;font-weight:400;line-height:1;transform:translate(-50%,-54%)}.range-nav-item:hover .range-nav-remove,.range-nav-item:focus-within .range-nav-remove{opacity:1;transform:scale(1)}.range-nav-remove:hover{border-color:#f4a6ad;background:#553139;color:transparent}.range-nav-remove:hover:before{color:#fff}.range-nav-remove:focus-visible{outline:2px solid #f4a6ad;outline-offset:2px}.filters{width:100%}.range-cell,.range-cell.pair,.range-cell.suited,.range-cell.offsuit{--base: #e0e4e8;border-color:#cbd2d9;color:#273442;box-shadow:inset 0 1px #fffc,0 1px 1px #0000001a}.range-cell.suited{--fill: #7fc3ba}.range-cell.offsuit{--fill: #91b5e1}.range-cell.pair{--fill: #f0b071}.matrix-range-weight,.category,.suit-edit-group,.combo-weight,.weight-control{border-color:#adc7e129;background:#172432c7}.action,.preset,.eq-opponent,.range-name,.quick-example,.collapse-toggle{border-color:#adc7e138;background:#3a4a5dc7}.board-random{display:grid;place-items:center;padding:5px;color:#d9e9fb}.board-random svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@media(max-width:920px){.range-workbench{grid-template-columns:1fr}.range-sidebar{padding:10px}.range-nav-list{grid-template-columns:1fr}}@media(max-width:920px){.range-nav-remove{opacity:1;transform:scale(1)}}:root{background:#171c1e;color:#e7ebeb}body{background:#171c1e}body:before,body:after{display:none}.app{max-width:1660px;margin-top:0;padding:12px 16px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app:before{top:23px;left:23px;opacity:.92}.topbar{min-height:54px;margin-bottom:12px;border:0;border-radius:0;background:transparent;box-shadow:none}.topbar{justify-content:space-between}.account-area{display:flex;align-items:center;gap:9px}.account-email{max-width:220px;overflow:hidden;color:#b8c3bc;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.account-action{min-height:34px}.app-tab{border-color:#384145;background:#242b2e;box-shadow:inset 0 1px #ffffff0f;color:#eef2f1}.app-tab-icon,.eyebrow{color:#b9f75a}.panel,.range-matrix{border-color:#394145;background:linear-gradient(145deg,#22282a,#1c2224);box-shadow:inset 0 1px #ffffff09,0 8px 18px #0000001f}.range-sidebar{border-color:#394145;background:linear-gradient(180deg,#22282a,#1b2123);box-shadow:inset 0 1px #ffffff09}.range-sidebar-head h2,.range-workspace-title h2,.panel-title h2,h2{color:#edf0ef}.hint,.muted,.topbar-note{color:#99a2a2}.range-nav-item{border-color:#364044;background:#252c2e}.range-nav-item:hover{border-color:#759a48;background:#293133}.range-nav-item.active{border-color:#b9f75a;background:#252d2c;box-shadow:inset 0 0 0 1px #b9f75a29}.range-nav-frame{background:#1a2022}.range-nav-preview{background:#2f3739}.range-nav-preview i{--preview-fill: #b9f75a;background:linear-gradient(90deg,var(--preview-fill) 0 var(--preview-weight),#394143 var(--preview-weight) 100%)}.range-nav-preview i.pair,.range-nav-preview i.suited,.range-nav-preview i.offsuit{--preview-fill: #b9f75a}.range-nav-copy small{color:#d2dad6}.range-sidebar-add{border-color:#769a49;background:#263226;color:#c8ff76}.range-sidebar-add:hover{background:#35452e}.action,.preset,.eq-opponent,.range-name,.quick-example,.collapse-toggle{border-color:#3c474a;background:#293133;box-shadow:none;color:#e4e9e7}.action:hover,.preset:hover,.quick-example:hover{border-color:#a7df55;background:#333d31;color:#fff}.range-cell,.range-cell.pair,.range-cell.suited,.range-cell.offsuit{--base: #303638;--fill: #b9f75a;border-color:#1c2224;color:#e6eaea;background:linear-gradient(90deg,var(--fill) 0 var(--weight),var(--base) var(--weight) 100%);box-shadow:inset 0 1px #ffffff0d}.range-cell.selected{color:#172114}.range-cell.filter-preview{--fill: #79ad73;color:#18231b}.range-cell.filter-preview:hover{filter:brightness(1.12) saturate(.9)}.matrix-heading{display:flex;align-items:center;gap:8px}.matrix-filter-status{padding:3px 7px;border:1px solid #567653;border-radius:999px;background:#263228;color:#aed6a7;font-size:10px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.range-cell.with-equity small{color:#2a3430!important;text-shadow:0 1px rgb(255 255 255 / 24%)}.range-cell.active{outline-color:#e0ff9a;box-shadow:0 0 0 2px #b9f75ab8}.matrix-range-weight,.category,.suit-edit-group,.combo-weight,.weight-control{border-color:#394346;background:#202729;box-shadow:inset 0 1px #ffffff06}.range-eq-hands{border-color:#6b9444;background:#293827;color:#d6ff99}.board-card{border-color:#dfe3df;background:#f4f5f1;box-shadow:0 5px 10px #0003}.board-empty{border-color:#586267;background:#202729;color:#9da8a8}.card{border-color:#3b4649;background:#252d2f;color:#e7eceb}.card:hover{border-color:#b9f75a;background:#313b2e}.board-random{border-color:#53694a;background:#273126;color:#c9ff75}.board-random:hover{border-color:#b9f75a;background:#36452d}.board-random svg{stroke-width:1.9}.hero-equity,.range-equity-summary,.improvement{border-color:#526449;background:linear-gradient(110deg,#283127,#202627)}.hero-equity strong,.range-equity-summary strong,.improvement-value strong,.category-filter-weight{color:#c6ff75}.bar{background:#3b4446}.bar>span{background:#b9f75a}.filter-category:hover{border-color:#93bd5b;background:#293128}.filter-category.disabled{border-color:#3c4243;background:#202526}.quick-example-modal{border-color:#444f51;background:#202729;box-shadow:0 24px 70px #0000008f}.quick-save-modal{width:min(430px,100%)}.quick-save-modal .quick-example-name{margin-bottom:0}.modal-backdrop{background:#040708bd}.quick-example-name input{border-color:#424c4f;background:#181e20}.filters{background:linear-gradient(145deg,#22282a,#1c2224)}.app:before{display:none}.topbar{display:grid;grid-template-columns:1fr auto 1fr;min-height:50px;padding:6px 14px;align-items:center;justify-content:normal;border-bottom:1px solid #343d40}.app-tabs{display:flex;align-items:center;width:min(100%,300px);gap:clamp(7px,2vw,16px)}.topbar .app-tabs{grid-column:2}.topbar .account-area{grid-column:3;justify-self:end}.app-tab{display:grid;width:clamp(36px,8vw,46px);height:clamp(34px,6vw,40px);flex:0 1 46px;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:#718087}.app-tab.active{border-color:#566844;background:linear-gradient(180deg,#394534,#2c352a);box-shadow:inset 0 1px #ffffff14,inset 0 -2px #b9f75a,0 2px 4px #0000002e;color:#cbff7d}.app-tab.future{color:#718087}.app-tab svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.app-tab-divider{width:1px;height:clamp(24px,5vw,28px);flex:0 0 1px;background:#465055;opacity:.72}@media(max-width:640px){.topbar{grid-template-columns:1fr auto;padding-left:14px}.topbar .app-tabs{grid-column:1}.topbar .account-area{grid-column:2}.app-tabs{width:min(100%,260px);gap:clamp(6px,2vw,10px)}}.range-library-title h2{line-height:24px}.range-library .collapse-toggle{padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#c5ceca}.range-library .collapse-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.range-library .collapse-toggle:hover{color:#b9f75a}.range-library .collapse-toggle:focus-visible{outline:2px solid #b9f75a;outline-offset:3px}[data-hand],[data-quick-hand],[data-toggle-category]{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.longpress-popover{position:fixed;z-index:1000;display:grid;justify-items:center;gap:5px;width:76px;padding:8px 5px;border:1px solid #65785a;border-radius:14px;background:#1b211ff0;color:#edf4df;box-shadow:0 12px 32px #0006;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--longpress-value: 0%}.longpress-caption{max-width:66px;overflow:hidden;color:#c7ff76;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.longpress-scale{display:grid;grid-template-columns:23px 12px;align-items:center;gap:4px}.longpress-scale>span{grid-column:1;color:#9ca79f;font-size:9px;font-variant-numeric:tabular-nums;text-align:right}.longpress-scale>span:last-child{grid-row:2}.longpress-track{grid-column:2;grid-row:1 / span 2;position:relative;width:8px;height:154px;overflow:visible;border-radius:99px;background:#49524d;box-shadow:inset 0 1px 2px #0008}.longpress-track i{position:absolute;right:0;bottom:0;left:0;height:var(--longpress-value);border-radius:inherit;background:linear-gradient(#d8ff78,#94db45)}.longpress-track b{position:absolute;left:50%;bottom:calc(var(--longpress-value) - 6px);width:16px;height:16px;border:2px solid #eaffbd;border-radius:50%;background:#b9f75a;box-shadow:0 2px 7px #0009;transform:translate(-50%)}.longpress-value{color:#c9ff74;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.longpress-combos{max-width:68px;color:#aab7ae;font-size:9px;line-height:1.2;text-align:center}.filter-streets{display:flex;gap:6px;margin:-4px 0 9px}.filter-street,.filter-enabled{min-height:30px;border:1px solid #3d484b;border-radius:8px;background:#1a2022;color:#aeb9b3;cursor:pointer;padding:6px 10px;font:inherit;font-size:11px;font-weight:800}.filter-street:hover:not(:disabled),.filter-enabled:hover:not(:disabled){border-color:#86b655;color:#e8f4dc}.filter-street.active{border-color:#9bd85c;background:#2d3b25;color:#d9ff98}.filter-street:disabled,.filter-enabled:disabled{cursor:not-allowed;opacity:.42}.filter-street-state{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#a4afaa;font-size:11px;font-weight:650}.filter-enabled{margin-left:auto}.filter-enabled.active{border-color:#75a84a;background:#2c4027;color:#d7ff98}.auth-backdrop{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:#0000008a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{width:min(100%,410px);padding:22px;border:1px solid #49534d;border-radius:20px;background:linear-gradient(145deg,#252c2d,#1c2224);color:#edf0ef;box-shadow:0 22px 70px #0009}.auth-modal form{display:grid;gap:13px;margin-top:20px}.auth-field{display:grid;gap:7px;color:#cbd3ce;font-size:13px;font-weight:700}.auth-field input{width:100%;min-height:42px;border:1px solid #47514c;border-radius:9px;background:#171c1e;color:#edf0ef;padding:9px 11px;font:inherit;outline:none}.auth-field input:focus{border-color:#b9f75a;box-shadow:0 0 0 3px #b9f75a1f}.auth-submit{min-height:43px;margin-top:3px}.auth-message{margin:0;color:#c8d1cb;font-size:13px;line-height:1.45}.auth-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:16px}.auth-links button{padding:0;border:0;background:transparent;color:#c6ff75;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.auth-links button:hover{color:#efffcd;text-decoration:underline}@media(max-width:520px){.dashboard,.range-workbench,.range-matrices{grid-template-columns:minmax(0,1fr)}.setup,.panel,.range-sidebar{min-width:0}.range-matrix .panel-title{flex-wrap:wrap}.range-matrix .range-grid{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.range-matrix .range-cell{min-width:0;padding:0;border-radius:3px}.card-picker{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px}.card-picker .card{min-width:0;padding-inline:0}.topbar{align-items:center;flex-direction:row}.account-email{display:none}.auth-backdrop{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}}