*{box-sizing:border-box}body{margin:0;background:#030713;color:#e7f3ff;font-family:Inter,Arial,sans-serif}.app{width:100%;min-height:100vh;background:radial-gradient(ellipse at 50% 12%,#0b1e43 0,transparent 43%),#020611}header{display:flex;align-items:center;gap:8px;min-height:78px;padding:8px 15px;border-bottom:2px solid #0b83f2;background:linear-gradient(90deg,#030713,#0a1026 50%,#030713);box-shadow:0 0 20px #009dff55}.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:260px}.jj{font-size:54px;line-height:1;font-weight:900;color:#4bdeff;text-shadow:0 0 14px #05a7ff,0 0 28px #1678ff}.brand h1{font-size:18px;margin:0;color:#ff50d8;letter-spacing:1px}.brand h1 span{color:#e8efff}.brand small{display:block;font-size:9px;color:#8edaff;margin-top:5px;letter-spacing:.5px}.mode{padding:10px 13px;color:#7beaff;border:1px solid #0bd4ff;box-shadow:inset 0 0 12px #008dff55,0 0 12px #007eff55;border-radius:5px;font-weight:800;white-space:nowrap;font-size:11px}.topstat{border:1px solid #15365b;background:#071329;min-width:113px;padding:9px 11px;font-size:10px;color:#91b6d3;white-space:nowrap}.topstat b{display:block;color:#f4f9ff;font-size:16px;margin:4px 0}.topstat small{display:block;color:#58b8f1;font-size:9px}.hero{display:grid;grid-template-columns:1fr .46fr 1fr;gap:5px;min-height:470px;margin:9px 8px 0}.index,.commander{position:relative;overflow:hidden;border:2px solid #1176c9;box-shadow:inset 0 0 35px #0642a777,0 0 14px #0764c966;border-radius:12px;background:#041124}.index{padding:14px}.index.nifty{background:linear-gradient(#04122688,#04122666),url("/assets/nifty.png") center 48%/cover no-repeat,#051124}.index.sensex{border-color:#c98920;box-shadow:inset 0 0 35px #a95b1077,0 0 15px #a95b1077;background:linear-gradient(#100c1288,#120c1266),url("/assets/sensex.png") center/cover no-repeat,#130c09}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.heading h2{font-size:26px;margin:0;text-shadow:0 2px 9px #000}.offline{font-size:10px;color:#ffb3b5;background:#190c17d9;border:1px solid #a52d49;padding:7px;border-radius:30px;white-space:nowrap}.price{font-size:24px;font-weight:900;color:#8cc9ff;margin:7px 0;text-shadow:0 0 15px #116fff}.web{display:flex;justify-content:center;align-items:center;min-height:225px}.orb{width:155px;height:155px;border-radius:50%;border:4px solid #17cfff;box-shadow:0 0 18px #00d9ff,0 0 42px #007bff,inset 0 0 25px #006fff;background:#020b1cdb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.orb.gold{border-color:#ffc65e;box-shadow:0 0 18px #ffad24,0 0 42px #bb5d00,inset 0 0 25px #c96b00}.orb small{font-size:10px;color:#b2e9ff}.orb b{font-size:24px}.targets{display:flex;justify-content:space-between;gap:10px;background:#041124df;border:1px solid #22588e;padding:10px;margin-top:7px}.targets div{font-size:10px;color:#bbd4ed}.targets b{display:block;font-size:18px;color:#00efb1;margin-top:5px}.targets b.red,.red{color:#ff4569!important}.options{display:flex;justify-content:space-between;margin:13px 0 7px;font-size:12px;font-weight:800}.options span:first-child{color:#00ffb7}.options span:last-child{color:#ff617a}.emptyRow{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#bed0e6}.emptyRow span{background:#030a16de;border:1px solid #194d72;padding:9px}.commander{background:linear-gradient(#02091644,#020916dd),url("/assets/universe.png") center/cover no-repeat,#061329;border-color:#19c9ff;display:flex;align-items:center;flex-direction:column;justify-content:center}.face{height:170px;width:145px;clip-path:polygon(20% 0,80% 0,100% 26%,91% 80%,70% 100%,30% 100%,9% 80%,0 26%);border:0;background:linear-gradient(145deg,#112e56,#020817);box-shadow:inset 0 0 35px #009cff;display:flex;flex-direction:column;align-items:center;justify-content:center}.eyes{display:flex;gap:12px}.eyes i{width:42px;height:19px;background:#29e7ff;clip-path:polygon(0 0,100% 20%,70% 100%,10% 70%);filter:drop-shadow(0 0 9px #0af)}.core{margin-top:22px;border:3px solid #31d9ff;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;box-shadow:0 0 20px #0bf}.commanderinfo{width:94%;background:#031123e8;border:1px solid #168fdb;box-shadow:0 0 15px #008dff;padding:13px;text-align:center;margin-top:16px}.commanderinfo h2{font-size:15px;margin:0 0 8px}.commanderinfo b{display:block;color:#ffb2b3;font-size:11px}.commanderinfo small{display:block;font-size:10px;line-height:1.5;color:#9abedb;margin-top:7px}.controls{display:flex;gap:8px;align-items:center;padding:9px 13px;border-block:2px solid #126ad1;background:#071026;flex-wrap:wrap}.controls button{border:1px solid #13b9ff;border-radius:5px;background:#082043;color:#a6e8ff;padding:12px 16px;font-weight:900;font-size:12px}.controls button.start{background:#067a55;border-color:#00e5a0;color:#b3ffdc}.controls button.stop{background:#7d1833;border-color:#ff3f65;color:#fff}.controls button.pause{background:#103e9e;color:#fff}.controls button:disabled{opacity:.65;cursor:not-allowed}.selector{display:flex;align-items:center;justify-content:center;flex:1;gap:12px;font-size:11px;font-weight:700}.selector label{white-space:nowrap}.selector input{accent-color:#00ffb1}.middle{display:grid;grid-template-columns:1.02fr 1.55fr 1fr;gap:8px;padding:9px}.bottom{display:grid;grid-template-columns:1.4fr .75fr 1fr .8fr;gap:8px;padding:0 9px 9px}.panel{border:1px solid #147bcd;box-shadow:inset 0 0 18px #073d7977;background:linear-gradient(#071427,#030a19);border-radius:7px;min-width:0;padding:11px;min-height:175px}.panel h3{margin:0 0 12px;font-size:13px;display:flex;justify-content:space-between;gap:7px}.panel h3 span{font-size:10px;color:#55bdf4}.chart{height:170px;background:repeating-linear-gradient(0deg,transparent 0 29px,#1b345a 30px),repeating-linear-gradient(90deg,transparent 0 43px,#1b345a 44px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8acbfa;font-size:12px}.chart small{color:#6785a9}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{background:#0d2a4b;color:#9ad8ff;padding:9px 5px;white-space:nowrap}td{border-bottom:1px solid #163354;padding:10px 5px;text-align:center;color:#90a9c4}.perf{display:grid;grid-template-columns:1fr 1fr;gap:5px}.perf div{background:#091d36;padding:9px;font-size:9px;color:#89b4d3}.perf b{display:block;color:#4cfac5;font-size:18px;margin-top:7px}.progresslabel{display:flex;justify-content:space-between;font-size:10px;margin-top:12px}.progress{height:9px;border-radius:8px;background:#163457;margin-top:6px}.flow{display:flex;align-items:center;justify-content:space-around;gap:5px;color:#22dfff;font-size:13px}.flow div{width:70px;height:65px;border:1px solid #098ee5;border-radius:10px;display:grid;place-items:center;text-align:center;font-size:10px;box-shadow:0 0 9px #006aff}.notice,.none{color:#8fb0ce;font-size:10px;line-height:1.6}.capital{display:flex;align-items:center;gap:15px;font-size:11px;color:#8bb4d3}.capital b{display:block;color:white;font-size:15px;margin:6px 0}.donut{flex-shrink:0;width:100px;height:100px;border:13px solid #194e7b;border-top-color:#00f3b7;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:19px;font-weight:900}.donut small{font-size:8px}.statusrow{display:flex;justify-content:space-between;font-size:10px;padding:5px 0;border-bottom:1px solid #173451}.statusrow b{color:#bedaff}.green{color:#00e9a4!important}footer{display:flex;justify-content:space-between;padding:12px;color:#6699bd;font-size:10px;border-top:1px solid #14548a}dialog{background:#07152a;color:white;border:1px solid #14cfff;border-radius:10px;padding:25px;max-width:500px;box-shadow:0 0 30px #008dff}dialog button{float:right;background:#153d6c;border:0;color:#fff;padding:8px;cursor:pointer}@media(max-width:1250px){header{flex-wrap:wrap}.brand{min-width:240px}.hero{grid-template-columns:1fr .55fr 1fr}.middle{grid-template-columns:1fr 1fr}.middle .panel:last-child{grid-column:span 2}.bottom{grid-template-columns:1fr 1fr}}@media(max-width:780px){.hero{grid-template-columns:1fr}.commander{min-height:300px;order:-1}.index{min-height:430px}.middle,.bottom{grid-template-columns:1fr}.middle .panel:last-child{grid-column:auto}.selector{flex-wrap:wrap;min-width:100%}.topstat{flex:1}header{gap:5px}.brand{flex-basis:100%}.controls button{flex:1}.heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
@media(max-width:780px){.app{max-width:100%;overflow-x:clip}.controls{min-width:0}.selector{min-width:0;width:100%}.topstat{min-width:0}.panel,.index,.commander{min-width:0}.brand{min-width:0}.hero{min-width:0}}

/* v3: clean, composited hero artwork — no screenshot used as a panel background */
.hero{grid-template-columns:minmax(0,1fr) minmax(220px,.37fr) minmax(0,1fr);gap:6px;min-height:520px;margin-top:8px}
.index{min-height:510px;background:radial-gradient(ellipse at 50% 53%,#103b6b 0%,#041126 42%,#020815 80%)!important}
.index.nifty{border-color:#13b8ff;box-shadow:inset 0 0 28px #075ab7,0 0 16px #056fff}
.index.sensex{border-color:#d98b1e;background:radial-gradient(ellipse at 50% 55%,#3a220c 0%,#110e13 47%,#050912 90%)!important;box-shadow:inset 0 0 28px #985609,0 0 16px #a96716}
.index:before{content:"";position:absolute;pointer-events:none;z-index:1;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 0 13px #008fff)}
.index.nifty:before{background-image:url('/assets/spider.png');width:220px;height:270px;left:-18px;top:5px}
.index.sensex:before{background-image:url('/assets/iron.png');width:185px;height:280px;right:-6px;top:5px;filter:drop-shadow(0 0 14px #f89b20)}
.heading,.price,.targets,.options,.emptyRow{position:relative;z-index:3}
.heading{margin-left:clamp(0px,14vw,180px);min-height:48px}
.sensex .heading{margin-left:0;margin-right:clamp(0px,11vw,135px)}
.heading h2{font-size:26px;text-shadow:0 2px 8px #000,0 0 13px #136afc}
.sensex .heading h2{color:#ffba42}
.price{margin-left:clamp(0px,14vw,180px);margin-top:0;color:#a2d7ff;font-size:20px}
.sensex .price{margin-left:0}
.web{position:relative;min-height:268px;margin-top:-2px;isolation:isolate}
.nifty .web:before{content:"";position:absolute;inset:0 3%;background:repeating-radial-gradient(ellipse at 50% 52%,transparent 0 24px,#0977d388 25px 26px,transparent 27px 42px),repeating-conic-gradient(from 0deg at 50% 52%,transparent 0deg 13deg,#1670d5bb 14deg 15deg,transparent 16deg 30deg);filter:drop-shadow(0 0 6px #009dff);opacity:.8;mask-image:radial-gradient(ellipse at center,#000 0%,#000 60%,transparent 86%)}
.nifty .web:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,#00ffba 0 4px,transparent 7px),radial-gradient(circle at 79% 32%,#ff355e 0 5px,transparent 8px),radial-gradient(circle at 20% 72%,#00ffba 0 5px,transparent 9px),radial-gradient(circle at 80% 70%,#ff355e 0 5px,transparent 9px);filter:drop-shadow(0 0 10px #16baff);pointer-events:none}
.sensex .web:before{content:"";position:absolute;width:min(290px,90%);height:260px;left:50%;top:0;transform:translateX(-50%);background:url('/assets/reactor.png') center/contain no-repeat;filter:drop-shadow(0 0 15px #e7a31d)}
.sensex .web:after{content:"";position:absolute;width:210px;height:210px;max-width:62%;left:50%;top:24px;transform:translateX(-50%);border-radius:50%;background:#03142ae9;border:3px solid #32d9ff;box-shadow:0 0 19px #13bdff,inset 0 0 32px #006bda;z-index:0}
.orb{position:relative;z-index:2;width:148px;height:148px;background:#03132aee}
.sensex .orb{border-color:#3ed8ff;box-shadow:0 0 18px #008dff,inset 0 0 18px #007fff}
.targets{background:#061124ed;backdrop-filter:blur(8px);border-color:#1a4c82;margin-top:0}
.options,.emptyRow{background:#020b19e8;margin:0;padding:10px 5px}
.options{margin-top:7px}
.emptyRow{padding-top:0;padding-bottom:12px}
.commander{min-height:510px;background:radial-gradient(ellipse at 50% 30%,#07386b,#030918 70%)!important;border-color:#17b8f4;justify-content:flex-end}
.commander:before{content:"";position:absolute;inset:0 0 75px;background:url('/assets/commander.png') center 10px/auto 88% no-repeat;filter:drop-shadow(0 0 18px #07b7ff)}
.commander:after{content:"";position:absolute;bottom:72px;left:10%;width:80%;height:90px;background:radial-gradient(ellipse,#00baff66,transparent 68%);filter:blur(9px)}
.commander .face{display:none}
.commanderinfo{position:relative;z-index:3;width:96%;margin:0 0 9px;background:#031327ed;border:1px solid #16b5f3;padding:12px 9px;box-shadow:0 0 20px #087de9}
.commanderinfo h2{color:#dff7ff;font-size:14px}
.commanderinfo b{font-size:10px}
.commanderinfo small{font-size:9px}
@media(max-width:1250px){.hero{grid-template-columns:minmax(0,1fr) minmax(180px,.44fr) minmax(0,1fr)}.heading,.price{margin-left:0}.sensex .heading{margin-right:0}.heading{padding-top:95px}.index.sensex .heading{padding-top:95px}.index .price{font-size:16px}.commander:before{background-size:100% auto;background-position:center 20%}}
@media(max-width:780px){.hero{grid-template-columns:1fr}.index,.commander{min-height:500px}.commander{order:-1;min-height:380px}.commander:before{background-size:auto 100%;inset:0 0 75px}.heading{padding-top:85px}.sensex .heading{padding-top:85px}.heading,.price{margin-left:clamp(100px,34vw,190px)}.sensex .heading{margin-left:0;margin-right:110px}.sensex .price{margin-left:0}.web{min-height:240px}}