:root{color-scheme:dark;--ink:#f0ecdf;--muted:#afbace;--gold:#efd080;--mint:#85dfc7;--blue:#97baf8;--violet:#b7a0f1;--line:#9cacce30}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:18px;background:radial-gradient(ellipse at 8% 5%,#5f492829,transparent 50%),radial-gradient(ellipse at 95% 70%,#365b7022,transparent 60%),#0e131c;color:var(--ink);font:14px/1.5 system-ui,sans-serif}header{display:flex;gap:18px;align-items:start;justify-content:space-between;margin-bottom:13px}h1{font-size:23px;line-height:1.2;margin:5px 0 8px}p{margin:4px 0}header p{max-width:78ch;color:var(--muted)}.eyebrow{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.badge{color:var(--mint);font-size:11px;border:1px solid #85dfc747;border-radius:20px;padding:5px 10px;white-space:nowrap}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}button,select,a{font:inherit;color:var(--ink);border:1px solid #9cacce3f;background:linear-gradient(140deg,#263242,#151d2a);border-radius:8px;padding:7px 10px;cursor:pointer;transition:border-color .45s,box-shadow .45s,background .45s,color .45s;text-decoration:none}button:hover,a:hover,select:hover{border-color:var(--gold);box-shadow:0 0 18px #efd08024}button[aria-pressed=true]{border-color:var(--mint);background:linear-gradient(120deg,#254137,#1a2831);color:#bdffe9;box-shadow:0 0 18px #85dfc719}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.control{border:1px solid var(--line);border-radius:10px;background:#ffffff05;padding:9px 11px;min-width:0}.control label{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:10px;justify-content:space-between}.control output{font-variant-numeric:tabular-nums;color:var(--gold)}.control select{display:block;width:100%;font-size:12px;margin-top:5px}.control button{width:100%;font-size:12px}.control input[type=checkbox]{accent-color:var(--mint);width:16px;height:16px}.control input[type=range]{display:block;width:100%;height:16px;margin:8px 0 0;appearance:none;background:transparent;cursor:pointer}.control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#5d9f8e,#73839e)}.control input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#73839e}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;margin-top:-4.5px;background:#b5f5db;box-shadow:0 0 10px #85dfc770}.control input[type=range]::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#b5f5db;box-shadow:0 0 10px #85dfc770}.stage{border:1px solid #a9bcdf46;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 40% 0%,#31466328,transparent 75%),#0b111b;box-shadow:inset 0 1px 0 #ffffff12,0 12px 28px #0004;transition:border-color .5s,box-shadow .5s}.stage:hover{border-color:#85dfc77a;box-shadow:0 0 20px #85dfc714,0 12px 28px #0004}canvas{display:block;width:100%;height:318px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.metrics>div{padding:8px 12px;background:#151e2be8;min-width:0}.metrics>div+div{border-left:1px solid var(--line)}.metrics b{display:block;color:var(--mint);font-size:17px;font-variant-numeric:tabular-nums}.metrics span{display:block;color:var(--muted);font-size:10px}.strategy-list{display:grid;grid-template-columns:repeat(var(--splits,7),minmax(0,1fr));gap:5px;margin-top:9px}.strategy-list:empty{display:none}.strategy-list button{min-width:0;padding:7px 3px;font-size:11px}.strategy-list button span{display:block;color:var(--muted);font-size:10px}.strategy-list button i{display:block;height:4px;width:var(--weight);background:var(--gold);border-radius:3px;margin:5px auto 0;box-shadow:0 0 7px #efd08066}.notes{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:14px;color:var(--muted);font-size:12px}.notes h2{font-size:13px;color:var(--gold);margin:0 0 4px}.notes aside{border-left:2px solid #b7a0f166;padding-left:13px}.notes aside h2{color:var(--violet)}.formula{font:12px/1.5 ui-monospace,monospace;color:var(--mint);margin-top:8px;overflow-wrap:anywhere}footer{display:flex;gap:10px;align-items:center;margin-top:13px;color:#91a0b6;font-size:10px}footer span{flex:1}footer a,footer button{font-size:11px;white-space:nowrap}@media(max-width:660px){body{padding:12px}header{display:block}.badge{display:none}h1{font-size:20px}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{font-size:12px}.notes{grid-template-columns:1fr;gap:10px}.metrics>div{padding:7px}.metrics b{font-size:15px}canvas{height:300px}.strategy-list{gap:3px}.strategy-list button{font-size:10px}.strategy-list button span{font-size:9px}footer{flex-wrap:wrap}footer span{flex-basis:65%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

html{scrollbar-width:thin;scrollbar-color:#6f9892 #101722}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#101722}::-webkit-scrollbar-thumb{background:#6f9892;border:1px solid #182732;border-radius:6px}