:root{color-scheme:dark;--bg:#080b12;--panel:#10151f;--panel-2:#151c28;--line:#252e3d;--muted:#8792a5;--text:#f4f7fb;--mint:#67f6c1;--gold:#ffd166;--red:#ff6f7d;--shadow:0 24px 70px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -15%,rgba(103,246,193,.1),transparent 30%),radial-gradient(circle at 100% 20%,rgba(111,125,255,.08),transparent 28%),var(--bg)}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1440px,100%);margin:auto;padding:0 34px 48px}.topbar{height:86px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:780;letter-spacing:-.03em;font-size:20px}.brand-mark{width:29px;height:29px;padding:5px;display:flex;align-items:end;gap:2px;background:var(--mint);border-radius:9px;transform:rotate(-3deg)}.brand-mark i{width:4px;background:#07110d;border-radius:2px}.brand-mark i:nth-child(1){height:7px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:9px}.brand-mark i:nth-child(4){height:18px}.round-pill{justify-self:center;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;color:#cbd3df;font-size:13px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.icon-button{justify-self:end;width:42px;height:42px;border:1px solid var(--line);background:var(--panel);border-radius:12px;display:grid;place-items:center;cursor:pointer}.icon-button:hover{border-color:#4a586d}.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:18px;padding-top:22px}.chart-card,.trade-card,.result-panel{background:rgba(16,21,31,.88);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.chart-card{padding:28px 28px 20px;min-width:0}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:750}.chart-heading h1,.trade-intro h2,.result-panel h2,dialog h2{font-size:24px;letter-spacing:-.035em;margin:6px 0 0}.hidden-badge{display:flex;align-items:center;gap:7px;color:#aab4c4;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px}.hidden-badge svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}.chart-wrap{position:relative;margin-top:24px}.chart-readout{position:absolute;z-index:2;left:17px;top:12px;display:flex;flex-direction:column}.chart-readout strong{font-size:29px;letter-spacing:-.04em}.chart-readout span{color:var(--muted);font-size:12px;margin-top:2px}#chart{display:block;width:100%;height:auto;min-height:340px;overflow:visible}.grid-line{stroke:#202938;stroke-width:1}.grid-label{fill:#637087;font-size:12px}.area-path{fill:url(#areaGradient)}.line-path{fill:none;stroke:var(--mint);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#glow)}.future-path{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 7;opacity:0}.decision-line{stroke:#8290a5;stroke-width:1;stroke-dasharray:4 7;opacity:.5}.last-point{fill:var(--bg);stroke:var(--mint);stroke-width:3}.period-row{display:flex;justify-content:space-between;color:#667286;font-size:11px;margin:-5px 7px 0}.chart-note{color:var(--muted);font-size:12px;margin:17px 0 0;padding-top:16px;border-top:1px solid var(--line)}.trade-card{padding:25px;display:flex;flex-direction:column}.trade-intro{display:flex;align-items:center;gap:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.step-count{display:grid;place-items:center;width:42px;height:42px;background:var(--mint);color:#07110d;border-radius:12px;font-size:12px;font-weight:800}.trade-intro h2{font-size:19px}.field-group{border:0;padding:0;margin:24px 0 0}.field-group legend{font-size:13px;font-weight:700;margin-bottom:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0b0f17;border:1px solid var(--line);padding:4px;border-radius:13px}.segmented button{border:0;background:transparent;padding:12px;border-radius:9px;font-weight:700;cursor:pointer;color:#8d98aa}.segmented button.active{background:var(--panel-2);color:var(--mint);box-shadow:0 2px 8px rgba(0,0,0,.2)}.segmented button[data-direction="short"].active{color:var(--red)}.money-input{display:flex;align-items:center;border:1px solid var(--line);background:#0b0f17;border-radius:12px;padding:0 14px;height:54px}.money-input span{font-size:22px;color:var(--muted)}.money-input input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:22px;font-weight:700;padding-left:8px}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}.quick-row button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:7px 2px;color:var(--muted);font-size:12px;cursor:pointer}.quick-row button:hover,.quick-row button.selected{color:var(--text);border-color:#556176}.horizon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.horizon-grid button{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);background:#0b0f17;border-radius:10px;padding:10px 2px;color:var(--muted);cursor:pointer}.horizon-grid button strong{font-size:16px;color:inherit}.horizon-grid button span{font-size:10px;margin-top:2px}.horizon-grid button.active{border-color:var(--mint);background:rgba(103,246,193,.08);color:var(--mint)}.commit-button,.next-button{border:0;border-radius:13px;background:var(--mint);color:#06110d;height:54px;padding:0 18px;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:transform .15s,box-shadow .15s}.commit-button{margin-top:auto}.commit-button:hover,.next-button:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(103,246,193,.2)}.commit-button:disabled{opacity:.45;cursor:not-allowed}.disclaimer{text-align:center;font-size:10px;color:#626f84;margin:12px 0 0}.result-panel{margin-top:18px;padding:28px;display:none}.result-panel.visible{display:block;animation:reveal .45s ease}.result-top{display:flex;justify-content:space-between;align-items:flex-start}.result-return{font-size:32px;font-weight:800;color:var(--mint);letter-spacing:-.04em}.result-return.loss{color:var(--red)}.reveal-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.reveal-grid>div{background:var(--panel);padding:20px;display:flex;flex-direction:column}.reveal-grid span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.reveal-grid strong{font-size:18px;margin-top:9px}.reveal-grid small{color:var(--muted);font-size:12px;margin-top:5px}.next-button{width:100%;max-width:300px;margin-left:auto}.next-button span{font-size:20px}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}dialog{width:min(600px,calc(100% - 30px));border:1px solid var(--line);border-radius:22px;background:#10151f;color:var(--text);padding:26px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(2,4,8,.75);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between}.dialog-head .icon-button{font-size:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.stats-grid>div{background:#0b0f17;border:1px solid var(--line);border-radius:12px;padding:17px 10px;text-align:center}.stats-grid strong{display:block;font-size:23px}.stats-grid span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.privacy-note{display:flex;gap:12px;align-items:flex-start;background:rgba(103,246,193,.06);border:1px solid rgba(103,246,193,.14);padding:14px;border-radius:12px;color:#b8c3d2}.privacy-note span{color:var(--mint)}.privacy-note p{font-size:12px;line-height:1.55;margin:0}.reset-button{width:100%;border:1px solid #4b2c33;background:transparent;color:#ff929d;padding:12px;border-radius:11px;margin-top:15px;cursor:pointer}
@media(max-width:950px){.app-shell{padding:0 18px 36px}.game-grid{grid-template-columns:1fr}.trade-card{min-height:560px}.commit-button{margin-top:28px}}@media(max-width:620px){.app-shell{padding:0 12px 28px}.topbar{height:70px}.brand{font-size:17px}.brand-mark{width:25px;height:25px}.round-pill{padding:7px 10px}.chart-card,.trade-card,.result-panel{border-radius:17px}.chart-card{padding:20px 14px 16px}.chart-heading{align-items:center}.chart-heading h1{font-size:20px}.hidden-badge{font-size:0;padding:8px}.hidden-badge svg{width:18px}.chart-wrap{margin-top:10px}.chart-readout{left:8px;top:10px}.chart-readout strong{font-size:23px}#chart{min-height:275px}.trade-card{padding:20px;min-height:0}.commit-button{margin-top:28px}.reveal-grid{grid-template-columns:1fr}.result-top{gap:20px}.result-return{font-size:25px}.next-button{max-width:none}.stats-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.tool-group{display:flex;gap:5px}.chart-tool,.zoom-group button{border:1px solid var(--line);background:#0b0f17;color:var(--muted);height:36px;border-radius:9px;cursor:pointer}.chart-tool{display:flex;align-items:center;gap:6px;padding:0 10px;font-size:12px}.chart-tool:hover,.chart-tool.active,.zoom-group button:hover{color:var(--mint);border-color:#42685e;background:rgba(103,246,193,.06)}.tool-icon{font-size:17px}.zoom-group{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#0b0f17}.zoom-group button{width:36px;border:0;border-radius:0;font-size:20px}.zoom-group span{min-width:46px;text-align:center;font-size:11px;color:#c9d2df}.chart-toolbar+.chart-wrap{margin-top:7px;touch-action:none}.chart-readout{pointer-events:none}#chart{cursor:crosshair}.crosshair{pointer-events:none}.crosshair line{stroke:#8f9caf;stroke-width:1;stroke-dasharray:3 4}.crosshair rect{fill:#222c3a}.crosshair text{fill:#f4f7fb;font-size:12px;font-weight:700}.user-drawing{stroke:#ffd166;stroke-width:2;fill:none}.drawing-preview{stroke:#ffd166;stroke-width:2;stroke-dasharray:5 4;opacity:.8}@media(max-width:620px){.chart-toolbar{align-items:flex-start}.tool-group{max-width:230px;overflow-x:auto;padding-bottom:3px}.chart-tool{width:38px;min-width:38px;padding:0;justify-content:center}.tool-label{display:none}.chart-toolbar+.chart-wrap{margin-top:5px}}