*{box-sizing:border-box}html{background:#01050e}body{margin:0;color:#ecf7ff;font:12px/1.35 Arial,Helvetica,sans-serif;background:#020611}.shell{width:100%;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#071b40,#020713 65%)}.header{height:78px;display:flex;gap:5px;align-items:center;padding:4px 9px;background:linear-gradient(90deg,#030815,#06132a,#020614);border-bottom:2px solid #1766c9;box-shadow:0 0 14px #008dff}.identity{display:flex;align-items:center;gap:12px;flex:1;min-width:330px}.jj{font-size:59px;font-weight:900;color:#50d9ff;text-shadow:0 0 10px #00aaff,0 0 23px #057fff;line-height:1;border-right:2px solid #00c6ff;padding-right:13px}.identity h1{font-size:20px;letter-spacing:.5px;margin:0}.identity h1 em{font-style:normal;color:#ff55dc}.identity small{display:block;color:#a8d7f4;font-size:10px;margin-top:5px;white-space:nowrap}.mode{padding:11px;color:#79dcff;border:1px solid #20aaff;box-shadow:0 0 10px #006eff,inset 0 0 10px #006eff;font-weight:900;white-space:nowrap}.metric{background:#061329;border:1px solid #1b3d69;padding:8px;min-width:102px;height:64px;white-space:nowrap}.metric small{font-size:10px;color:#c5dcf0}.metric b{display:block;font-size:16px;margin:3px 0}.metric span{display:block;font-size:9px;color:#77b6de}.metric i{font-style:normal}.gear{height:39px;background:#07182c;color:#a6dfff;border:1px solid #2a7fca;border-radius:5px;font-size:22px}.arena{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(215px,.43fr) minmax(0,1.04fr);gap:4px;height:486px;padding:4px 5px 0}.zone,.commander{position:relative;overflow:hidden;min-width:0;border:2px solid #117dff;background:linear-gradient(145deg,#05102a,#010714);box-shadow:inset 0 0 22px #0b56b5,0 0 8px #067fff;border-radius:10px}.sensex{border-color:#f6a21e;box-shadow:inset 0 0 25px #97540c,0 0 8px #d57c0c;background:radial-gradient(ellipse at 55% 58%,#281508,#030914 65%)}.zone:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 57px,#0c4c8e33 58px),repeating-linear-gradient(0deg,transparent 0 58px,#0c4c8e33 59px)}.hero-figure{position:absolute;pointer-events:none;z-index:3;object-fit:contain}.spider{left:-16px;top:0;width:245px;height:240px;filter:drop-shadow(0 0 14px #006fff)}.iron{right:-5px;top:-2px;width:190px;height:250px;filter:drop-shadow(0 0 14px #e38c1e)}.zonehead{position:absolute;z-index:4;top:13px;left:210px;right:12px;display:flex;align-items:flex-start;gap:12px}.zonehead h2{font-size:26px;margin:0;color:#e6f1ff;text-shadow:0 0 10px #167eff}.zonehead .readout{margin-top:4px}.readout b{display:block;color:#8abfff;font-size:23px}.readout span{color:#ff9aa9;font-weight:800;font-size:11px}.sensexhead{left:18px;right:180px;align-items:center}.sensexhead h2{color:#ffb332}.reactoricon{color:#43d7ff;font-size:42px;text-shadow:0 0 15px #0af}.targetcards{position:absolute;z-index:5;top:17px;right:12px;display:flex;gap:5px}.targetcards div{background:#031124e8;border:1px solid #1d456f;border-radius:5px;padding:6px 9px;min-width:112px}.targetcards small,.targetcards span{display:block;font-size:9px;color:#a8c1db}.targetcards b{display:block;font-size:17px;margin:4px 0}.positive{color:#00efa7!important}.negative{color:#ff426d!important}.nifty .targetcards{top:92px;right:10px}.sensex .targetcards{top:93px;left:12px;right:auto}.webstage,.reactorstage{position:absolute;left:0;right:0;top:158px;bottom:8px;display:flex;align-items:center;justify-content:center;isolation:isolate}.spiderweb{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 4px #008aff)}.ladder{position:absolute;z-index:5;width:115px;top:12px;bottom:18px;display:flex;flex-direction:column;gap:12px;justify-content:flex-start}.ladder.left{left:12px}.ladder.right{right:12px;align-items:flex-end;text-align:right}.ladder h4{margin:0;color:#00f7ac;font-size:12px;background:#001d18d9;border:1px solid #00ad76;border-radius:15px;padding:4px 9px;white-space:nowrap}.ladder.right h4{color:#ff5b76;border-color:#c72c4b;background:#260810e0}.ladderempty{background:#041427eb;border:1px solid #0e7ab4;padding:12px 7px;font-size:10px;line-height:1.5;color:#b4d3ee;box-shadow:0 0 10px #087cc9}.orb{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:154px;height:154px;border-radius:50%;border:4px solid #1dd5ff;background:#03172df0;box-shadow:0 0 18px #02bfff,0 0 40px #005cf7,inset 0 0 30px #0078c9;text-align:center;gap:5px}.orb span,.reactor-inner span{font-size:15px;color:#b7e6ff;font-weight:900}.orb strong,.reactor-inner strong{font-size:30px}.orb small,.reactor-inner small{font-size:10px;color:#ff9cae}.reactorstage{top:160px}.reactor{position:relative;z-index:2;width:260px;height:260px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#f5af32 0 9deg,#0e2738 10deg 17deg,#d77c14 18deg 22deg,#082844 23deg 30deg);box-shadow:0 0 25px #fba321,0 0 50px #bb6b0a,inset 0 0 30px #ffc45a;display:grid;place-items:center}.reactor:before{content:"";position:absolute;inset:20px;border:12px solid #12aaff;border-radius:50%;box-shadow:0 0 18px #0af,inset 0 0 15px #0af;background:radial-gradient(circle,#06162d 0 48%,#0a65aa 75%,#031327 85%)}.reactor-inner{z-index:3;width:145px;height:145px;border:3px solid #1ccaff;border-radius:50%;background:#031329;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 20px #0af,inset 0 0 20px #0879c9}.commander{border-color:#11b9ff;box-shadow:0 0 10px #06a5ff,inset 0 0 25px #0359ac;background:radial-gradient(ellipse at 50% 35%,#123c7c,#010713 75%)}.commanderfigure{width:100%;height:380px;top:-15px;left:0;object-fit:contain;filter:drop-shadow(0 0 14px #0aaaff)}.commanderinfo{position:absolute;z-index:4;left:7px;right:7px;bottom:64px;text-align:center;background:#03132dec;border:1px solid #1dbdff;box-shadow:0 0 16px #0b8edb;padding:10px 4px}.commanderinfo h3{margin:0 0 6px;font-size:13px}.commanderinfo strong{display:block;color:#ff9fa9;font-size:10px}.commanderinfo small{display:block;color:#b2d2e8;font-size:9px;margin-top:5px}.globe{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);width:110px;height:110px;border-radius:50%;border:2px solid #0cf;box-shadow:0 0 18px #0bf,inset 0 0 25px #05f;background:radial-gradient(circle,#0a82da,#071733 65%);text-align:center;font-size:70px;color:#55dcff;line-height:82px}.globe span{display:block;font-size:8px;line-height:10px}.controlbar{display:flex;align-items:center;gap:7px;padding:7px 10px;background:#041027;border-block:2px solid #1375d9;min-height:61px}.controlbar button{border-radius:4px;padding:10px 14px;color:#e9f9ff;border:1px solid #157cce;background:#06224a;font-weight:900;font-size:12px;white-space:nowrap}.controlbar .start{background:#008b5a;border-color:#00ffb1}.controlbar .stop{background:#b61e41;border-color:#ff4c65}.controlbar .pause{background:#075bd5;border-color:#32aaff}.controlbar button:disabled{opacity:.55;cursor:not-allowed}.indexselect{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;white-space:nowrap;font-size:10px}.indexselect input{accent-color:#00efa7}.controlbar .action{background:#03132b;color:#77d6ff;border-color:#0bb9f5}.lower{display:grid;grid-template-columns:1.1fr 1.65fr 1fr;gap:7px;padding:7px}.bottom{display:grid;grid-template-columns:1.45fr .65fr 1.1fr .7fr;gap:7px;padding:0 7px 7px}.panel{min-width:0;overflow:hidden;background:linear-gradient(#07172e,#020914);border:1px solid #1684d5;border-radius:6px;box-shadow:inset 0 0 15px #06457d;padding:10px;min-height:178px}.panel h3{font-size:12px;margin:0 0 10px;display:flex;justify-content:space-between}.panel h3 span{font-size:10px;color:#58bdf5}.chart{height:162px;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 28px,#19446c66 29px),repeating-linear-gradient(90deg,transparent 0 43px,#19446c66 44px)}.emptycenter{text-align:center;color:#83c6ec;font-weight:900}.emptycenter small{display:block;font-weight:400;margin-top:9px;color:#7098b8}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{background:#0d2a4e;color:#b8ddf6;padding:9px 5px;white-space:nowrap}td{border-bottom:1px solid #17436d;padding:12px 5px;text-align:center;color:#9bb8d1}.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px}.stats div{padding:8px;background:#0b2442;font-size:9px;color:#9ec6e0}.stats b{display:block;color:#19efb7;font-size:18px;margin-top:6px}.progresslabel{display:flex;justify-content:space-between;font-size:10px;margin-top:10px}.track{height:8px;background:#174d76;border-radius:10px;margin-top:5px}.flow{display:flex;align-items:center;justify-content:space-around;color:#ff4368}.flow div{width:68px;height:65px;border:1px solid #078cfa;border-radius:50%;box-shadow:0 0 10px #006eff;color:#55d9ff;font-size:22px;display:flex;flex-direction:column;justify-content:center;align-items:center}.flow small{font-size:9px;margin-top:3px}.flowpanel p{font-size:10px;color:#a7c0d7}.capital{display:flex;align-items:center;gap:12px;font-size:10px;color:#9abbd6}.capital b{display:block;color:#fff;font-size:14px;margin:6px 0}.donut{flex-shrink:0;width:95px;height:95px;border:13px solid #164b7a;border-top-color:#00eab2;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:18px;font-weight:900}.donut small{font-size:8px}.recent #recent{font-size:11px;color:#91b7d0}.system div{display:flex;justify-content:space-between;font-size:10px;padding:4px 0;border-bottom:1px solid #123658}.system b{color:#d8ebfa}footer{display:flex;justify-content:space-between;padding:10px;font-size:10px;color:#7bafcd;border-top:1px solid #12609b}dialog{max-width:500px;background:#07172f;border:1px solid #14caff;color:#fff;padding:24px;border-radius:9px;box-shadow:0 0 25px #078cff}dialog button{float:right;background:#102b4b;color:#fff;border:0;padding:7px;cursor:pointer}@media(max-width:1370px){.header{height:auto;min-height:78px;flex-wrap:wrap}.identity{min-width:290px}.metric{flex:1}.arena{grid-template-columns:minmax(0,1fr) minmax(195px,.43fr) minmax(0,1fr)}.zonehead{left:150px}.spider{width:195px}.iron{width:165px}.sensexhead{left:10px;right:150px}.targetcards div{min-width:90px}.nifty .targetcards{top:99px}.sensex .targetcards{top:99px}.orb{width:140px;height:140px}.reactor{width:215px;height:215px}.reactor-inner{width:120px;height:120px}.ladder{width:95px}.indexselect{gap:7px}.bottom{grid-template-columns:1fr 1fr}}@media(max-width:980px){.arena{height:auto;grid-template-columns:1fr 1fr}.zone{min-height:480px}.commander{grid-column:span 2;min-height:310px;order:3}.commanderfigure{height:280px;width:50%;left:25%}.commanderinfo{left:30%;right:30%;bottom:10px}.globe{display:none}.lower{grid-template-columns:1fr 1fr}.performance{grid-column:span 2}.controlbar{flex-wrap:wrap}.indexselect{order:5;flex-basis:100%}}@media(max-width:620px){.identity{min-width:0;flex-basis:100%}.identity small{white-space:normal}.arena{grid-template-columns:1fr}.zone{min-height:490px}.commander{grid-column:auto;order:0}.commanderinfo{left:15%;right:15%}.lower,.bottom{grid-template-columns:1fr}.performance{grid-column:auto}.indexselect{flex-wrap:wrap;white-space:normal}.zonehead{left:145px}.targetcards{gap:3px}.targetcards div{padding:5px}.ladder{width:90px}.reactor{width:200px;height:200px}.reactor-inner{width:110px;height:110px}.spider{width:180px}.iron{width:140px}.sensexhead{right:130px}.metric{min-width:110px}.header{gap:5px}}
/* P0 composition: independently layered UI and hero art, no dashboard screenshot panels. */
@media (min-width:1371px){
 .header{height:76px;padding:4px 12px}.identity{flex:1.14}.jj{font-size:58px}.metric{min-width:112px}
 .arena{height:486px;grid-template-columns:minmax(0,1.06fr) 260px minmax(0,1.06fr);padding:4px 6px 0;gap:5px}
 .zonehead{top:18px;left:220px}.nifty .targetcards{top:18px;right:14px}.sensexhead{top:18px;left:18px;right:190px}.sensex .targetcards{top:94px;left:18px}
 .spider{width:270px;height:270px;left:-22px;top:-17px}.iron{width:220px;height:285px;right:-8px;top:-22px}
 .webstage{top:150px}.reactorstage{top:155px}.ladder{width:126px;top:20px}.orb{width:166px;height:166px}.reactor{width:274px;height:274px}.reactor-inner{width:154px;height:154px}
 .commanderfigure{height:405px;top:-4px;object-fit:cover;object-position:center 12%;opacity:.96}.commanderinfo{bottom:78px;padding:9px 4px}.globe{width:124px;height:124px;bottom:-42px}
 .controlbar{min-height:61px;padding:7px 17px}.lower{padding:7px;gap:7px}.panel{min-height:182px}.chart{height:164px}.bottom{padding:0 7px 7px;gap:7px}
}
/* Desktop 1536 × 1024 density pass. */
@media (min-width:1371px){
 .lower{padding:6px 7px;height:234px}.lower .panel{min-height:222px;padding:8px}.lower .chart{height:164px}.lower .stats div{padding:5px}.lower .stats b{font-size:15px;margin-top:3px}.lower .progresslabel{margin-top:6px}.lower .track{margin-top:3px}
 .bottom{height:145px;padding:0 7px 6px}.bottom .panel{min-height:139px;padding:8px}.bottom .panel h3{margin-bottom:5px}.flow div{width:52px;height:52px;font-size:17px}.flowpanel p{margin:4px 0;font-size:9px}.donut{width:76px;height:76px;border-width:10px;font-size:15px}.capital b{font-size:12px;margin:3px 0}.system div{padding:2px 0}.recent #recent{font-size:10px}
 footer{height:20px;padding:4px 10px;font-size:9px}
}
/* Motion system: cosmetic only; never implies a feed, trade, or order state. */
@keyframes webBreath{0%,100%{transform:scale(.985);opacity:.62;filter:drop-shadow(0 0 3px #008aff)}50%{transform:scale(1.025);opacity:1;filter:drop-shadow(0 0 10px #20b8ff)}}
@keyframes reactorTurn{to{transform:rotate(360deg)}}
@keyframes reactorCore{0%,100%{box-shadow:0 0 18px #0af,inset 0 0 15px #0af}50%{box-shadow:0 0 38px #38e7ff,inset 0 0 25px #38e7ff}}
@keyframes scanline{from{transform:translateY(-110%)}to{transform:translateY(610%)}}
@keyframes nodePulse{0%,100%{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 16px currentColor}}
@keyframes globePulse{0%,100%{transform:translateX(-50%) scale(.96);filter:brightness(.85)}50%{transform:translateX(-50%) scale(1.05);filter:brightness(1.3)}}
.spiderweb{transform-origin:center;animation:webBreath 4.6s ease-in-out infinite}.reactor{animation:reactorCore 2.8s ease-in-out infinite}.reactor:after{content:"";position:absolute;inset:5px;border-radius:50%;border:2px dashed #ffd66866;animation:reactorTurn 12s linear infinite}.globe{animation:globePulse 3.1s ease-in-out infinite}.zone:after{content:"";position:absolute;z-index:1;left:0;right:0;height:38px;background:linear-gradient(transparent,#42bfff20,transparent);animation:scanline 6s linear infinite;pointer-events:none}.ladderempty{background:linear-gradient(90deg,#041427ee,#092c45ee);min-height:175px;padding:6px 5px}.strike{display:grid;grid-template-columns:20px 1fr;gap:5px;align-items:center;min-height:28px;border-bottom:1px solid #1f547755;color:#b8d9ec;font-size:10px}.strike:before{content:"";width:13px;height:13px;border-radius:50%;border:2px solid currentColor;animation:nodePulse 2.2s ease-in-out infinite}.ladder.left .strike{color:#38f4ac}.ladder.right .strike{color:#ff5d76}.strike span{color:#aecce1}.feed-note{display:block;margin-top:7px;color:#9fc4dc;font-size:8px;line-height:1.25;text-align:center}.spider{clip-path:polygon(0 0,100% 0,96% 72%,78% 77%,78% 90%,50% 90%,50% 100%,0 100%)}.iron{clip-path:polygon(0 0,100% 0,100% 76%,78% 76%,78% 92%,45% 92%,45% 100%,0 100%)}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}