:root{--bg:#0e1117;--card:#161b22;--text:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--range:#ef4444;--net:#22c55e;--tab-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font:16px/1.4 system-ui,sans-serif}.app{min-height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}header{justify-content:center;align-items:center;padding:6px 16px 2px;display:flex}h1{text-align:center;text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.95rem}main{padding:0 12px calc(var(--tab-h) + env(safe-area-inset-bottom) + 8px);flex:1}button,select,input,textarea{font:inherit;color:inherit;min-height:44px}.chips{gap:8px;padding:8px 16px;display:flex;overflow-x:auto}.chip{background:var(--card);white-space:nowrap;border:1px solid #30363d;border-radius:999px;padding:0 14px}.chip-primary{background:var(--accent);color:#04121f;border:0}.banner{background:#3b2f00;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.tabbar{height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid #30363d;display:flex;position:fixed;inset:auto 0 0}.tabbar button{color:var(--muted);background:0 0;border:0;flex:1}.tabbar button[aria-current=page]{color:var(--accent)}.sheet-backdrop{z-index:10;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-height:85vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;gap:12px;display:grid;overflow:auto}.seg{border:1px solid #30363d;border-radius:10px;display:flex;overflow:hidden}.seg label{text-align:center;cursor:pointer;flex:1;padding:10px 4px}.seg input{opacity:0;pointer-events:none;position:absolute}.seg-on{background:var(--accent);color:#04121f}.field{color:var(--muted);gap:4px;display:grid}.field input,.field select,textarea{background:var(--bg);color:var(--text);border:1px solid #30363d;border-radius:8px;padding:0 10px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-primary{background:var(--accent);color:#04121f;border:0;border-radius:10px;font-weight:600}.btn-ghost{color:var(--accent);background:0 0;border:0}.empty{color:var(--muted);text-align:center;margin-top:48px}.error{color:var(--range)}.h2{margin:6px 0 4px;font-size:.85rem}.metrics{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.metric{background:var(--card);border-radius:8px;padding:5px 8px;line-height:1.15;display:grid}.metric-label{color:var(--muted);font-size:.66rem}.metric-value{font-size:1.05rem;font-weight:600}.metric-sub{color:var(--muted);white-space:nowrap;font-size:.6rem}.cards{gap:10px;display:grid}.card{background:var(--card);border-radius:12px;gap:12px;padding:12px;display:flex}.card h3{margin:0;font-size:1rem}.card small{color:var(--muted);font-weight:400}.card-carry{margin:2px 0 8px;font-size:1.4rem;font-weight:600}.card dl{grid-template-columns:repeat(3,1fr);gap:6px 10px;margin:0;display:grid}.card dt{color:var(--muted);font-size:.7rem}.card dd{margin:0}@media (width>=720px){.cards{grid-template-columns:repeat(2,1fr)}}.trend-list{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.trend-list li{background:var(--card);border-radius:10px;justify-content:space-between;padding:10px 12px;display:flex}fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}legend{color:var(--muted);margin-bottom:4px;padding:0}.fb-field{gap:2px;min-width:0;display:grid}.fb-label{color:var(--muted);font-size:.72rem}.fb-field select,.fb-field input{background:var(--card);width:100%;min-width:0;color:var(--text);border:1px solid #30363d;border-radius:8px;padding:0 8px}.fb-active select,.fb-active input{border-color:var(--accent)}@media (width>=760px){.filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.2fr) minmax(0,1.4fr)}}.filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:4px 6px;padding:4px 10px 8px;display:grid}.fb-field select,.fb-field input{text-overflow:ellipsis;min-height:38px;padding:0 4px;font-size:.78rem}.fb-label{white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.fb-datebtn{background:var(--card);width:100%;min-width:0;min-height:38px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border:1px solid #30363d;border-radius:8px;padding:0 4px;font-size:.78rem;overflow:hidden}.fb-active .fb-datebtn{border-color:var(--accent)}.cal{--rdp-accent-color:var(--accent);--rdp-accent-background-color:#58a6ff33;justify-items:center}.cal .row{width:100%}.cal .rdp-chevron{fill:var(--accent)}.cal .rdp-today:not(.rdp-selected){color:var(--accent)}.fb-club{grid-column:1/-1;justify-self:end;width:55%}.fb-derived{color:var(--muted)!important}:root{--line:#262c36;--card:#151a22;--radius:14px}body{font-size:16px}header{justify-content:flex-start;padding:12px 16px 4px}h1{letter-spacing:.2em;color:var(--muted);font-size:.8rem;font-weight:600}h1:before{content:"";background:var(--net);width:8px;height:8px;box-shadow:0 0 8px var(--net);border-radius:50%;margin-right:8px;display:inline-block}main{padding:0 12px calc(var(--tab-h) + env(safe-area-inset-bottom) + 16px)}.filterbar{gap:8px;padding:6px 12px 12px}.fb-club{order:-1;grid-column:1/-1;justify-self:stretch;width:100%}.fb-club select{border-radius:var(--radius);border-color:var(--line);appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%238b949e' stroke-width='2'%3E%3Cpath d='m1 1 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;min-height:52px;padding:0 14px;font-size:1.2rem;font-weight:700}.fb-label{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.fb-field select,.fb-field input,.fb-datebtn{border-color:var(--line);background:var(--card);border-radius:10px;min-height:44px;padding:0 10px;font-size:.9rem}.fb-active select,.fb-active input,.fb-active .fb-datebtn{border-color:var(--accent);background:#58a6ff14}.chart-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 8px 4px}.section-head{justify-content:space-between;align-items:center;margin:18px 4px 10px;display:flex}.h2{margin:0;font-size:1rem;font-weight:700}.pill{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.78rem}.metrics{gap:8px}.metric{background:var(--card);border:1px solid var(--line);border-radius:12px;gap:1px;padding:10px 12px;line-height:1.25}.metric-label{font-size:.78rem;font-weight:500}.metric-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.metric-sub{font-variant-numeric:tabular-nums;font-size:.74rem}.metric-hero{grid-column:span 3/span 3}.metric{grid-column:span 2}.metric-hero{background:linear-gradient(160deg, #1b2330, var(--card));grid-column:span 3;padding:14px}.metric-hero .metric-value{color:var(--accent);font-size:2.1rem}.metric-hero .metric-label{text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.metric-hero .metric-sub{font-size:.8rem}.tabbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#11151cf2}.tabbar button{font-size:.85rem;font-weight:600;position:relative}.tabbar button[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:28%;right:28%}.fb-field select,.fb-field input,.fb-datebtn{font-size:1.125rem}.fb-club select{font-size:1.5rem}.fb-label{font-size:.72rem}.metrics{grid-template-columns:repeat(2,1fr)}.metric,.metric-hero{grid-column:span 1}.metric:not(.metric-hero){grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.metric:not(.metric-hero) .metric-label{grid-column:1/-1}.metric:not(.metric-hero) .metric-value{grid-area:2/1/span 2}.metric:not(.metric-hero) .metric-sub{text-align:right;grid-column:2}.fb-club{margin:0}.fb-club select{font-weight:400}.filterbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}.fb-club{order:0;grid-column:auto}.fb-club .fb-label{text-align:left}.fb-club select{background-position:right 8px center;border-radius:10px;min-height:44px;padding:0 24px 0 10px;font-size:1.125rem;font-weight:400}.fb-field select,.fb-field input{appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23c9d1d9'/%3E%3C/svg%3E") no-repeat right 11px center;min-height:40px;box-shadow:none;border:1px solid #3a424d;border-radius:8px;padding:0 28px 0 12px;font-size:1.125rem;font-weight:400}.fb-field input::-webkit-calendar-picker-indicator{opacity:0;width:28px;position:absolute;right:0}.fb-field input{position:relative}.fb-active select,.fb-active input{border-color:var(--accent);background-color:#58a6ff14}.fb-club select{background-position:right 11px center;border-radius:8px;padding:0 28px 0 12px}select,option,optgroup{color:#e6edf3;background-color:#161b22}option:checked{color:#fff;background-color:#1f6feb}.fb-field select{color:var(--text)}.pill-ratio{color:var(--accent);font-weight:700}.metric{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.metric .metric-label{grid-column:1/-1}.metric .metric-value{color:var(--accent);grid-area:2/1/span 2;font-size:1.9rem}header{justify-content:center}h1{text-align:center;color:#e8a56a;font-size:1.2rem}h1:before{content:none}.tabbar button{color:#5fa777;opacity:.6}.tabbar button[aria-current=page]{color:#5fa777;opacity:1}.tabbar button[aria-current=page]:before{background:#5fa777}.fb-field{gap:6px}header{padding-bottom:14px}.fb-label{padding-left:13px}.tabbar{z-index:5;top:0;border:1px solid var(--line);border-radius:10px;height:44px;margin:0 12px 12px;padding-bottom:0;position:sticky;inset:auto;overflow:hidden}.tabbar button{min-height:44px}.tabbar button[aria-current=page]:before{border-radius:3px 3px 0 0;top:auto;bottom:0}.tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0 12px 8px;overflow:visible}.tabbar button{font-size:1.0625rem}.card{flex-direction:column;gap:8px}.card-body{gap:12px;display:flex}.card-main{flex:1;min-width:0}.card-body{display:contents}.card h3{grid-area:1/1}.card-main{grid-area:1/2/span 2}.card-carry{margin-top:0}.lane-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;display:grid}.lane{text-align:center;font-variant-numeric:tabular-nums;border-radius:12px;padding:8px 0;font-size:1.4rem;font-weight:700}.lane-out{color:#8b949e;background:#8b949e1f;border-color:#8b949e55}.lane-in{color:#4ade80;background:#22c55e1f;border-color:#22c55e66}.lane-miss{color:#ffb86b;background:#ffb86b1f;border-color:#ffb86b66}.lane-controls{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0;display:grid}.lane{gap:2px;padding:8px 4px;display:grid}.lane b{font-size:1.25rem;line-height:1.1}.lane i{opacity:.85;font-size:.85rem;font-style:normal;font-weight:500}.lane-row{margin-top:10px}.pot{background:var(--card);min-height:40px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #3a424d;border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.lane-row{grid-template-columns:repeat(2,1fr)}.stepper{background:var(--card);border:1px solid #3a424d;border-radius:8px;grid-template-columns:34px 1fr 34px;align-items:center;min-height:40px;display:grid;overflow:hidden}.stepper output{text-align:center;font-variant-numeric:tabular-nums;font-size:1.125rem}.stepper button{height:100%;min-height:40px;color:var(--muted);background:0 0;border:0;padding:0;font-size:.8rem}.stepper button:active:not(:disabled){color:var(--text);background:#58a6ff22}.stepper button:disabled{opacity:.3}.lane{justify-content:center;align-items:baseline;gap:6px;padding:10px 4px;display:flex}.lane b{font-size:1.25rem}.lane i{font-size:1rem}.chart-card{background:var(--bg);border:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.metric,.metric-hero{background:var(--card);grid-column:span 1;grid-template-rows:auto;grid-template-columns:1fr;row-gap:0;padding:6px 8px}.metric .metric-label{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:.64rem;overflow:hidden}.metric,.metric-hero{grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px}.metric .metric-label{grid-column:1/-1;font-size:.72rem}.metric .metric-value{grid-area:2/1;font-size:1.45rem}.metric .metric-sub{text-align:right;grid-area:2/2;font-size:.78rem}.metric,.metric-hero{grid-template-columns:auto auto 1fr;column-gap:4px}.metric .metric-label{font-size:.78rem}.metric .metric-sub{text-align:left;grid-column:2;font-size:.88rem}.metric .metric-value,.metric .metric-sub{white-space:nowrap}.metric{min-width:0;padding:6px;overflow:hidden}.metric .metric-value{font-size:clamp(1.15rem,5.2vw,1.65rem)}.metric .metric-sub{font-size:clamp(.7rem,3vw,.88rem)}.chart-card{position:relative}.pot-badge{z-index:2;color:var(--muted);background:var(--card);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600;position:absolute;top:8px;right:8px}.lane-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr)}.lane-pills{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lane-pills .lane{white-space:nowrap;border-radius:8px;gap:4px;min-height:40px;padding:0 4px}.lane-pills .lane i{font-size:.8rem}.lane-pills .lane{align-items:center}.lane-pills .lane b{font-size:1.25rem}.lane-pills{align-items:end}.lane-pills .lane{box-sizing:border-box;width:100%}.lane-controls,.lane-pills{align-items:stretch}.lane-pills .fb-field{grid-template-rows:auto 1fr}.lane-pills .fb-label{text-align:center;padding-left:0}.lane-pills .lane{align-self:stretch;height:100%;min-height:44px}.tabbar button{text-transform:uppercase;letter-spacing:.05em}.metrics-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.metrics-4 .metric{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;place-items:center;row-gap:2px;padding:10px 6px}.metrics-4 .metric .metric-label{grid-area:1/1;padding:0;font-size:clamp(.56rem,2.4vw,.72rem)}.metrics-4 .metric .metric-value{grid-area:2/1;font-size:clamp(1rem,4.6vw,1.5rem)}.metrics-4 .metric .metric-sub{text-align:center;grid-area:3/1;font-size:clamp(.64rem,2.8vw,.85rem)}.metrics-4{margin-top:14px}.metrics-4 .metric .metric-label{font-size:clamp(.7rem,3vw,.9rem)}.metrics-4 .metric .metric-value{font-size:clamp(1.2rem,6vw,2rem)}.metrics-4 .metric .metric-sub{font-size:clamp(.78rem,3.5vw,1.05rem)}.section-head{justify-content:flex-end}.pill-footer{right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11151cf2;position:fixed}main{padding-bottom:52px}.metrics-4{flex-wrap:wrap;justify-content:center;display:flex}.metrics-4 .metric{box-sizing:border-box;flex:0 0 calc(25% - 3.75px);display:grid}.metric-pick{font:inherit;color:inherit;cursor:pointer;border-width:2px;border-color:#4b5563;padding-bottom:12px;position:relative}.metric-pick .metric-value,.metric-pick .metric-sub{position:relative;top:-4px}.metric-pick.metric-derived{border-style:dashed}.metric-hero .metric-value.bench-acceptable{color:#fbbf24}.metric-bar{background:#22c55e;border-radius:2px;height:3px;position:absolute;bottom:4px;left:10px;right:10px}.metrics-left{justify-content:flex-start}.metric-section{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 2px 8px;font-size:.78rem;font-weight:700}section>div:first-of-type>.metric-section{margin-top:0}.tabbar{margin-bottom:20px}.metric-pop{z-index:50;color:var(--text);background:#1f2733;border:1px solid #4b5563;border-radius:10px;padding:10px 12px;font-size:.8rem;line-height:1.35;position:fixed;box-shadow:0 8px 24px #00000080}.card{flex-direction:column;gap:8px;display:flex}.card-head{align-items:center;gap:10px;display:flex}.card-head h3,.card-head .card-carry{margin:0;font-size:1.1rem;font-weight:600;line-height:1.2}.card-head .card-badge{color:var(--muted);border:1px solid var(--muted);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.8rem;line-height:1.2}.card-body{align-items:center;gap:12px;display:flex}.card-body>:first-child{grid-area:auto}.card-main{flex:1;grid-area:auto;min-width:0}.card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;display:grid}.card>.card-club{grid-area:1/1;margin:0;font-size:1.3rem;font-weight:600;line-height:1.2}.card>.card-head{grid-area:1/2;justify-content:space-between;align-items:center;gap:10px;display:flex}.card>.card-viz{grid-area:2/1;justify-content:center;display:flex}.card>dl{grid-area:2/2}.card-head .card-carry{margin:0;font-size:1.3rem;font-weight:600;line-height:1.2}.card-head .card-badge{color:var(--fg,#fff);white-space:nowrap;text-align:right;background:#60a5fa38;border:1px solid #60a5fa99;border-radius:8px;margin-left:auto;padding:3px 12px;font-size:1.1rem;font-weight:700;line-height:1.2}.card>.card-club{white-space:normal;font-size:1.15rem}.card-head .card-carry{font-size:1.15rem}.card>.card-viz{justify-content:flex-start}.card{grid-template-columns:5.5rem minmax(0,1fr)}.card>.card-club,.card-head .card-carry{font-size:1.1rem}.card-head .card-badge{padding:3px 10px;font-size:.95rem;font-weight:400}.filterbar select option:disabled{color:#4a525c}.metric-hero .metric-value.bench-poor{color:#e8837f}.cards{gap:5px}.card{padding:6px 9px}.card-head .card-carry{color:var(--fg,#fff);white-space:nowrap;background:#f59e0b38;border:1px solid #f59e0b99;border-radius:8px;padding:3px 10px;font-size:.95rem;font-weight:400;line-height:1.2}.card>.card-head{justify-content:flex-start}.card-head .card-badge{margin-left:0}.card-head .card-count{color:var(--muted);background:var(--card);border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:.78rem;font-weight:600;line-height:1.2}.warn-box{text-align:center;color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b8c;border-radius:10px;flex-direction:column;align-items:center;gap:12px;margin:32px 0;padding:14px 16px;display:flex}.warn-box p{margin:0;font-weight:600}
