:root{color-scheme:dark;--bg:#090f1b;--side:#0b1424;--panel:#101d30;--line:#23344c;--text:#eaf3ff;--muted:#92a7bf;--cyan:#56c8ef;--green:#41d8aa;--red:#ff778d;--amber:#f4c06c;--button:#266de9;--purple:#9e88f5;font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#123359 0%,transparent 46%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--cyan)}.shell{display:flex;min-height:100vh}.sidebar{width:234px;flex:0 0 234px;background:rgba(10,21,36,.95);border-right:1px solid #1f3248;padding:24px 13px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 31px}.logo,.authlogo{background:linear-gradient(130deg,#397eea,#13d7cf);display:grid;place-items:center;border-radius:13px;color:white;font-size:25px;width:39px;height:39px;box-shadow:0 0 20px #20b7ee44}.brand strong{font-size:12px;letter-spacing:1.3px;display:block}.brand span{display:block;font-size:9px;color:#84a8bc;letter-spacing:1.6px;margin-top:2px}.navlabel,.eyebrow{letter-spacing:1.45px;color:#8199b5;font-size:10px;font-weight:750}.navlabel{margin:0 10px 13px}.nav{border:0;background:transparent;color:#99aec7;display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:9px;text-align:left;font-size:18px;margin:2px 0}.nav span{font-size:13px}.nav:hover,.nav.active{color:#d8f8ff;background:#153354}.nav.active{box-shadow:inset 3px 0 #42b7ed}.sidefoot{margin-top:auto;border-top:1px solid #22344a;padding:20px 10px 0}.sidefoot small{color:var(--muted);line-height:1.8}.statusline{display:flex;gap:9px;color:#dfedf7;font-size:11px;margin-bottom:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-top:4px}.dot.orange{background:var(--amber)}.workspace{min-width:0;flex:1}.topbar{padding:27px 30px 18px;border-bottom:1px solid #1b3046;display:flex;align-items:center;justify-content:space-between;gap:18px}.topbar h1{margin:3px 0 0;font-size:24px;letter-spacing:-.6px}.topbar em{font-style:normal;color:var(--cyan)}.topactions{display:flex;align-items:center;gap:12px}.status-pill,.pill{padding:6px 10px;border-radius:20px;font-size:10px;font-weight:760;letter-spacing:.6px;background:#193148;color:#77cfeb;white-space:nowrap}.pill.green,.status-pill.live{background:#153f37;color:var(--green)}.pill.red{background:#542c3d;color:var(--red)}.pill.outline{background:#1b293d;color:#acbed2}.main{max-width:1640px;margin:auto;padding:20px 30px}.panel{border:1px solid var(--line);background:linear-gradient(155deg,#132238,#0e1929);border-radius:14px;box-shadow:0 8px 30px #02071227;padding:19px;min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:11px;margin-bottom:15px}.toolbar label{min-width:140px;flex:1}.toolbar #customWrap{flex:2;min-width:220px}.toolbar label,.formgrid label,.authbox label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#9db2c8;font-weight:700}.toolbar select,.toolbar input,.formgrid input,.formgrid select,.authbox input,.filters input{border-radius:8px;border:1px solid #30445e;color:#e7f4ff;background:#0b1729;padding:10px 10px;width:100%;height:40px;outline:0}.toolbar select:focus,.toolbar input:focus,.formgrid input:focus,.authbox input:focus{border-color:#55c6e6;box-shadow:0 0 0 2px #55c6e622}.btn{border:1px solid #34485f;background:#1c3049;color:#e6f1fb;padding:10px 14px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:750;min-height:39px}.btn:hover{background:#284261}.btn.primary{border-color:#267fe9;background:linear-gradient(145deg,#256ce9,#2185cd);color:#fff}.btn.ghost{background:transparent}.btn.full{width:100%}.alert{padding:11px 14px;background:#3d311f;border:1px solid #70552a;color:#ffdfa1;border-radius:9px;margin-bottom:16px;font-size:12px}.alert.live{background:#113633;border-color:#24584e;color:#91ecd0}.alert.error{background:#43212f;border-color:#723248;color:#ffc4d0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric{padding:19px}.metric>span{color:#8fa8c1;letter-spacing:1px;font-size:10px;font-weight:750}.metric strong{font-size:29px;font-weight:730;letter-spacing:-1px;display:block;margin:7px 0 0;white-space:nowrap;font-variant-numeric:tabular-nums}.metric small{font-size:11px;color:#8299b2}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-bottom:18px}.panelhead h2{margin:0;font-size:16px;letter-spacing:-.25px}.panelhead .eyebrow+h2{margin-top:5px}.note{margin:15px 0 0;color:#90a8c0;font-size:11px;line-height:1.7}.scores{display:grid;grid-template-columns:1fr 1fr;gap:20px}.scores span{color:#b2c8de;font-weight:750;font-size:13px}.scores small{display:block;color:#8397ac;font-size:10px;font-weight:500}.scores strong{display:block;font-size:38px;line-height:1.2;margin:12px 0 9px;font-variant-numeric:tabular-nums}.track{height:7px;background:#1c334a;border-radius:7px;overflow:hidden}.track>div{height:100%;width:0%;background:linear-gradient(90deg,#409ee9,#30d5a4);transition:width .4s}.context-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.context-cell{border:1px solid #273f54;background:#0d1b2e;border-radius:10px;padding:12px}.context-cell small{display:block;color:#879fb9}.context-cell strong{font-size:18px;display:block;margin-top:4px}.setupgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.setupgrid .context-cell strong{font-size:17px}.muted{color:var(--muted)}.green{color:var(--green)!important}.red{color:var(--red)!important}.amber{color:var(--amber)!important}.tabpage{animation:fadein .2s}@keyframes fadein{from{opacity:.5}to{opacity:1}}.hidden{display:none!important}.tablewrap{overflow-x:auto;width:100%;scrollbar-color:#355678 transparent}.tablewrap table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}th{padding:12px 11px;color:#8ba5be;letter-spacing:.5px;font-size:10px;text-align:right;background:#0a1728;position:sticky;top:0}td{padding:10px 11px;border-bottom:1px solid #21354b;text-align:right;color:#c9d9e7;font-size:12px}td button{font-weight:750;border:0;background:transparent;color:#7dd8ef;padding:4px 5px;border-radius:5px}td button:hover{background:#1a4054}.atm{background:#18314a}.strike{background:#14263a;color:#e6f4fc;font-weight:800!important;text-align:center}.filters{display:flex;align-items:center;gap:12px}.filters input{max-width:145px}.inline{display:flex;align-items:center;gap:5px;color:#94aabe;font-size:11px}.inline input{width:auto;height:auto}.huge{font-size:42px;font-weight:800;color:var(--cyan);padding:9px 0}.bands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.band{background:#10263b;border-radius:9px;padding:12px;border:1px solid #2a455b}.band small{display:block;color:#93a9c0}.band strong{font-size:19px}.greek-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:17px}.greek-grid>div{background:#0b1b2e;border:1px solid #233b55;padding:12px;border-radius:10px}.greek-grid small{color:#8ca5ba;display:block}.greek-grid strong{font-size:16px;display:block;margin-top:5px}.spaced{margin-top:16px}.formgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}.formgrid>.wide{grid-column:span 5}.formgrid button{margin-top:11px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid .context-cell strong{font-size:21px}#spotChart{display:block;width:100%;height:auto;border-radius:10px;background:#0b1b2c;margin-top:15px}footer{color:#7291a8;font-size:11px;margin:25px 0 6px}.authgate{position:fixed;inset:0;background:linear-gradient(135deg,#091524f0,#070e19fc);z-index:10;display:grid;place-items:center;padding:20px}.authbox{width:min(100%,425px);padding:32px;box-shadow:0 40px 120px #0009}.authlogo{width:49px;height:49px;font-size:31px}.authbox h2{font-size:25px;margin:18px 0 7px}.authbox p{color:#8fa8c1;margin:0 0 18px}.adminmail{border:1px solid #2b465d;border-radius:8px;padding:12px;color:#c6e6ff;background:#0d1c2f;margin-bottom:14px}.authbox small{color:#7991aa;display:block;margin-top:17px}.authbox label{margin:15px 0}.authmessage{font-size:12px;margin-top:10px;color:var(--amber);min-height:18px}.authmessage.error{color:var(--red)}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.context-grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(3,1fr)}.formgrid>.wide{grid-column:span 3}.greek-grid{grid-template-columns:repeat(3,1fr)}.bands{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.sidebar{width:62px;flex-basis:62px;padding:15px 7px}.brand{padding:0 2px 22px}.brand>div:last-child,.navlabel,.nav span,.sidefoot{display:none}.nav{justify-content:center;padding:11px;font-size:20px}.topbar{padding:16px}.main{padding:13px}.topbar h1{font-size:18px}.topbar .eyebrow{font-size:9px}.topactions{gap:5px}.topactions .status-pill{font-size:9px}.topactions .btn{padding:8px}.two-grid{grid-template-columns:1fr}.toolbar label{min-width:120px}.metric strong{font-size:23px}}@media(max-width:530px){.sidebar{width:49px;flex-basis:49px}.logo{width:34px;height:34px;font-size:21px}.nav{padding:8px}.topbar{align-items:flex-start;gap:10px}.topbar h1{font-size:16px}.topbar .topactions{flex-direction:column}.main{padding:10px}.panel{padding:13px;border-radius:10px}.metric{padding:12px}.metric strong{font-size:21px}.metric>span{font-size:9px}.metrics{gap:8px}.toolbar{gap:8px}.toolbar label{min-width:calc(50% - 5px)}.toolbar #loadBtn{width:100%}.scores strong{font-size:31px}.context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-cell strong{font-size:15px}.bands{grid-template-columns:repeat(2,minmax(0,1fr))}.greek-grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}.formgrid>.wide{grid-column:span 2}.setupgrid{grid-template-columns:repeat(2,1fr)}.filters input{max-width:90px}.panelhead h2{font-size:14px}}

/* Version 2: streamlined, responsive research cockpit */
:root{--bg:#07101e;--panel:#0e1d31;--line:#253d59;--text:#f0f5ff;--cyan:#6aa9ff;--button:#2563eb}
.sidebar{background:#091728}.nav{transition:background .2s}.nav.active{background:#163e73}.topbar{background:#081627a8}.panel{background:linear-gradient(160deg,#132740,#0b1c30);box-shadow:0 8px 28px #0002}.metric{border-top:2px solid #3179c466}.metric strong{font-size:clamp(20px,2.1vw,30px)}
.quickbar{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-color:#326398}.quickbar strong{display:block;letter-spacing:1px;font-size:11px;color:#b9d9ff}.quickbar small{display:block;color:#99b6d4}.quickbuttons{display:flex;flex-wrap:wrap;gap:7px}.quickbuttons .btn{padding:9px 11px}.replay-panel{margin-bottom:16px}.replay-tools{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.replay-tools label{color:#a8c4df;font-size:12px;display:grid;gap:5px}.replay-tools select{background:#0a1c31;border:1px solid #3a5772;color:white;padding:8px;border-radius:8px}.replay-track{flex:1;min-width:150px}.replay-track input{width:100%;accent-color:#4d92ff}.replay-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.replay-kpis .context-cell strong{font-size:clamp(14px,2vw,19px)}
.alert-dock{position:fixed;z-index:8;right:20px;bottom:24px;display:grid;gap:10px;width:min(440px,calc(100vw - 28px));pointer-events:none}.signal-toast{pointer-events:auto;padding:16px 19px;background:#102842;border:1px solid #497eea;box-shadow:0 14px 54px #030912c9;border-radius:13px}.signal-toast strong{display:block;margin-bottom:4px}.signal-toast small{display:block;color:#d3e4f7}.signal-toast button{float:right;border:0;background:transparent;color:white;font-size:20px}.signal-toast.good{border-color:#32bb9a}.signal-toast.bad{border-color:#e15b78}.signal-toast.info{border-color:#5696e7}
#replayRows tr.active{background:#193c69}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8ec9ff;outline-offset:2px}
@media(max-width:820px){.replay-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.quickbar{align-items:stretch}}
@media(max-width:530px){.sidebar{width:44px;flex-basis:44px}.main{padding:9px}.topbar h1{font-size:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quickbuttons{width:100%}.quickbuttons .btn{flex:1}.replay-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-dock{bottom:12px;right:14px}.replay-tools{gap:9px}.replay-tools strong{width:100%;font-size:12px}}

/* Game of Percentage compact controls */
#tab-percentage .context-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));}
#tab-percentage .context-cell{min-height:78px;}
#tab-percentage .formgrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));}
@media(max-width:650px){#tab-percentage .context-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#tab-percentage .context-cell{padding:10px;}}

/* V5 support/resistance chart */
.level-key{display:flex;flex-wrap:wrap;gap:16px;color:#bacbdd;font-size:13px;margin:12px 0}.key-spot{color:#5ad5ed}.key-support{color:#45d6a0}.key-resist{color:#ff7f99}.chart-scroll{overflow-x:auto;background:#101e31;border:1px solid #263c53;border-radius:12px;padding:10px}.chart-scroll svg{width:100%;min-width:560px;display:block;height:auto}.chart-scroll polyline{stroke-linejoin:round;stroke-linecap:round}