:root{--bg: #0e1117;--panel: #151a23;--panel-2: #1b2130;--border: #2a3142;--text: #c9d1d9;--heading: #eef2f7;--muted: #8b95a5;--up: #26a69a;--down: #ef5350;--gold: #f5c451;--blue: #4fa3ff;--purple: #a06bff;--topbar-bg: rgba(14, 17, 23, .92);color-scheme:dark}:root[data-theme=light]{--bg: #f4f6f9;--panel: #ffffff;--panel-2: #eef1f5;--border: #dbe1e8;--text: #26303c;--heading: #0f1720;--muted: #5c6672;--up: #0f9d8a;--down: #e5484d;--gold: #c98a00;--blue: #2f6fed;--purple: #7a4dff;--topbar-bg: rgba(255, 255, 255, .9);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit}.up{color:var(--up)}.down{color:var(--down)}.error{margin:8px 12px;padding:8px 12px;border:1px solid var(--down);border-radius:8px;color:#ffd7d5;background:#ef53501a;font-size:13px;word-break:break-word}.home{min-height:100%;max-width:680px;margin:0 auto;padding:32px 18px 40px;display:flex;flex-direction:column}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:10px}.hero h1{margin:0 0 6px;font-size:30px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}.hero p{margin:0 0 20px;color:var(--muted)}.tagline{min-height:2.8em}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px 16px;background:var(--panel);border:1px solid var(--border);border-radius:14px;transition:transform .08s ease,border-color .15s ease}.card:hover:not(:disabled){border-color:var(--muted);background:var(--panel-2)}.card:disabled{opacity:.6}.card-icon{display:inline-flex;color:var(--muted);margin-bottom:2px}.card:hover:not(:disabled) .card-icon{color:var(--text)}.card-title{font-weight:700;font-size:16px}.card-blurb{color:var(--muted);font-size:13px}.home-bottom{margin-top:auto;padding-top:24px}.home-foot{padding-top:12px;color:var(--muted);font-size:12px;text-align:center}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--topbar-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.link{background:none;border:none;color:var(--muted);padding:6px 8px;border-radius:8px}.link:hover{color:var(--text)}.mode-name{font-weight:700;flex:1}.vs{color:var(--muted);font-weight:500}.chart-code{margin-left:8px;font-size:12px;font-weight:500;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.career-chip{font-variant-numeric:tabular-nums;font-size:13px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--panel)}.career-chip.ghost{color:var(--muted)}.stage{display:flex;flex-direction:column;min-height:0;flex:1;gap:6px;padding:6px}.chart-area{display:flex;flex-direction:column;min-height:0;flex:1;gap:8px}.chart-wrap{position:relative;flex:1;min-height:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.legend{position:absolute;top:6px;left:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px 12px;pointer-events:none;font-size:11px;font-variant-numeric:tabular-nums}.legend-item{display:inline-flex;align-items:center;gap:5px;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.8)}.legend-dot{width:9px;height:3px;border-radius:2px}.osc-wrap{flex:0 0 96px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.lw-chart{width:100%;height:100%}.controls{flex:0 0 auto}.indicators{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.indicators::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;white-space:nowrap;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:12px}.chip.on{color:var(--text);border-color:var(--blue);background:#4fa3ff29}.panel{display:flex;flex-direction:column;gap:7px;padding:9px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.stat-strip{display:flex;gap:8px}.stat{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding:5px 9px;background:var(--panel-2);border-radius:9px}.stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.stat-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.progress{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.progress .bar{flex:1;height:4px;border-radius:999px;background:var(--panel-2);overflow:hidden}.progress .fill{height:100%;background:linear-gradient(90deg,var(--up),var(--blue));transition:width .2s ease}.expo-head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:var(--muted)}.expo-head strong{font-size:14px;font-variant-numeric:tabular-nums}.poscontrol{display:flex;flex-direction:column;gap:5px}.poscontrol.disabled{opacity:.55}.dir-seg{display:flex;gap:6px}.dir{flex:1;padding:9px 0;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-weight:700;font-size:14px;transition:background .1s ease,border-color .1s ease,color .1s ease}.dir:active{transform:translateY(1px)}.dir.short.on{background:#ef535033;border-color:var(--down);color:#ff8a87}.dir.flat.on{background:#8b95a533;border-color:var(--muted);color:var(--text)}.dir.long.on{background:#26a69a33;border-color:var(--up);color:#5fe0cb}.size-row{display:flex;gap:6px;transition:opacity .1s ease}.size-row.muted{opacity:.4}.size{flex:1;padding:7px 0;border-radius:9px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-weight:700;font-size:12px;font-variant-numeric:tabular-nums}.size.on.long{border-color:var(--up);color:#5fe0cb;background:#26a69a29}.size.on.short{border-color:var(--down);color:#ff8a87;background:#ef535029}.size.lev:not(.on){border-color:#e8a33d80;color:#d3a24e}.advance{padding:10px;border:none;border-radius:11px;font-size:14px;font-weight:600;letter-spacing:.01em;color:#04211d;background:var(--up);transition:background .12s ease}.advance:hover:not(:disabled){background:#2fbfa8}.advance:disabled{opacity:.45;filter:grayscale(.3)}.advance--step{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-weight:700}.advance--step:hover:not(:disabled){filter:brightness(1.08)}.advance-count{font-variant-numeric:tabular-nums;opacity:.9}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal{width:100%;max-width:360px;max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:22px;text-align:center}.h2h-banner{font-weight:800;letter-spacing:.08em;padding:6px;border-radius:8px;margin-bottom:8px}.h2h-banner.win{color:#05221f;background:var(--up)}.h2h-banner.loss{color:#2a0b0b;background:var(--down)}.h2h-banner.tie{background:var(--panel-2);color:var(--muted)}.grade{font-size:60px;font-weight:800;line-height:1}.headline{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.sub{color:var(--muted);font-size:13px;margin-bottom:10px}.spark{display:block;margin:6px 0 10px}.versus{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:10px;background:var(--panel-2);border-radius:10px;margin-bottom:10px}.versus>div{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;font-weight:700}.vs-name{font-size:12px;color:var(--muted);font-weight:500}.vs-x{color:var(--muted);font-weight:500}.result-stats{display:flex;justify-content:space-between;margin:0 0 12px;padding:0}.result-stats div{flex:1}.result-stats dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.result-stats dd{margin:2px 0 0;font-weight:700;font-variant-numeric:tabular-nums}.career-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.career-summary>div{display:flex;flex-direction:column;padding:8px;background:var(--panel-2);border-radius:8px}.cs-label{font-size:11px;color:var(--muted)}.cs-value{font-weight:700;font-variant-numeric:tabular-nums}.reveal{font-size:13px;color:var(--text);margin-bottom:12px;padding:10px;background:var(--panel-2);border-radius:10px;line-height:1.5}.reveal-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px}.ad-slot{width:100%;margin-bottom:12px}.ad-slot--placeholder{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.09em}.modal-actions{display:flex;flex-direction:column;gap:6px}@media(min-width:900px){.stage{flex-direction:row;padding:12px;gap:12px}.chart-area{flex:1;min-width:0;min-height:0}.sidebar{flex:0 0 340px;min-height:0}.sidebar-ad{display:flex;flex:1 1 auto;min-height:220px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.sidebar-ad .ad-slot{width:100%;margin:0}.sidebar-ad .ad-slot--placeholder{height:100%;border:none;border-radius:0}.osc-wrap{flex-basis:150px}}.home-account{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-height:20px;margin-bottom:4px}.acct-email{font-size:12px;color:var(--muted);max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-modal{text-align:left}.auth-head h2{margin:0 0 6px;font-size:18px;letter-spacing:-.01em}.auth-head p{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.45}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:15px}.auth-input:focus{outline:none;border-color:var(--up)}.auth-code{text-align:center;font-size:24px;letter-spacing:.4em;font-variant-numeric:tabular-nums}.auth-sent{margin:0;font-size:13px;color:var(--muted);line-height:1.45}.auth-error{font-size:13px;color:#ff8a87}.auth-alt{display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-close{margin-top:14px}.sidebar{display:flex;flex-direction:column;gap:6px;min-height:0}.sidebar-ad{display:none}.busted-banner{margin:10px 0 4px;padding:10px 12px;border:1px solid var(--down);border-radius:10px;background:#ef53501f;color:#ffd7d5;font-size:13px;text-align:center}.busted-banner strong{color:#ff8a87}.save-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--up);border-radius:10px;background:#26a69a1a;text-align:left}.save-nudge-text{display:flex;flex-direction:column;gap:2px}.save-nudge-text strong{font-size:13px}.save-nudge-text span{font-size:12px;color:var(--muted)}.save-nudge-btn{flex:0 0 auto;padding:8px 14px;border-radius:9px;border:none;background:var(--up);color:#04120f;font-weight:700;font-size:13px}.foot-links{display:flex;gap:8px;justify-content:center;margin-bottom:4px}.foot-links a{color:var(--muted);text-decoration:none}.foot-links a:hover{color:var(--text)}.foot-copy{font-size:11px}.modal-legal{margin-top:12px;text-align:center;font-size:11px;color:var(--muted)}.modal-legal a{color:var(--muted)}.home-account{justify-content:space-between}.acct{display:flex;align-items:center;gap:12px;min-width:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted)}.theme-toggle:hover{color:var(--text)}.brand-lockup{display:flex;align-items:center;gap:10px;margin-bottom:6px}.brand-lockup h1{margin:0}.topbar-home{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text);padding-left:4px}.topbar-home:hover{color:var(--text)}@media(min-width:900px){.sidebar .controls .stat-value{font-size:17px}.sidebar .controls .dir{padding:12px 0;font-size:15px}.sidebar .controls .size{padding:10px 0}.sidebar .controls .advance{padding:13px;font-size:15px}}