/* v11.2.2 — DEEP CINEMATIC ENVIRONMENT. Additive only; v11.2/v11.2.1 remain intact. */
.command-environment{background:
 radial-gradient(circle at 50% 46%,rgba(0,180,255,.16),transparent 19%),
 radial-gradient(ellipse at 50% 83%,rgba(226,178,52,.08),transparent 28%),
 linear-gradient(180deg,#01060c 0%,#02111e 43%,#01050a 100%)!important}
.ce-space,.ce-architecture,.ce-datawall,.ce-orbital-bg,.ce-depth-fog{position:absolute;inset:0;pointer-events:none}
.ce-nebula{position:absolute;border-radius:50%;filter:blur(70px);mix-blend-mode:screen;opacity:.18;animation:nebulaFloat 13s ease-in-out infinite alternate}
.n-a{width:42vw;height:34vw;left:-10vw;top:7vh;background:radial-gradient(circle,#0aaee9,transparent 65%)}
.n-b{width:36vw;height:30vw;right:-8vw;top:16vh;background:radial-gradient(circle,#c7992f,transparent 68%);animation-delay:-6s}
.ce-horizon{position:absolute;left:5%;right:5%;top:54%;height:1px;background:linear-gradient(90deg,transparent,#16c9f0aa 25%,#e6bd50cc 50%,#16c9f0aa 75%,transparent);box-shadow:0 0 28px #13c9f0,0 0 70px #e5ba4733;opacity:.34}
.ce-ceiling{position:absolute;left:-10%;right:-10%;top:-4%;height:31%;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:
 repeating-linear-gradient(90deg,transparent 0 8.5%,rgba(30,207,247,.08) 8.6% 8.75%),
 repeating-linear-gradient(0deg,transparent 0 38px,rgba(220,177,66,.07) 39px 40px),
 linear-gradient(180deg,rgba(5,18,29,.86),rgba(3,13,21,.1));border-bottom:1px solid #19b9dd33;perspective:700px;opacity:.62}
.ce-column{position:absolute;top:9%;bottom:17%;width:5.5%;background:
 linear-gradient(90deg,transparent,#0a3c50aa 20%,#06141f 48%,#0a3c50aa 80%,transparent);
 border-left:1px solid #16b7d944;border-right:1px solid #d2a93b22;filter:drop-shadow(0 0 15px #00b9e322);opacity:.52}
.ce-column:before,.ce-column:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:#2bd9f055;box-shadow:0 0 10px #24dfff}
.ce-column:before{top:12%}.ce-column:after{bottom:14%}
.col-l1{left:3%;transform:skewY(-4deg)}.col-l2{left:18%;width:3%;opacity:.25}.col-r1{right:3%;transform:skewY(4deg)}.col-r2{right:18%;width:3%;opacity:.25}
.ce-console{position:absolute;bottom:2%;width:31%;height:23%;background:
 linear-gradient(160deg,rgba(6,31,45,.94),rgba(2,9,15,.96));
 border:1px solid #11718d55;box-shadow:inset 0 0 45px #00a8d622,0 0 30px #000;clip-path:polygon(0 23%,83% 0,100% 100%,8% 100%);opacity:.68}
.console-l{left:-5%;transform:perspective(700px) rotateY(10deg)}.console-r{right:-5%;transform:scaleX(-1) perspective(700px) rotateY(10deg)}
.ce-console:before{content:"";position:absolute;inset:25% 16% 18% 18%;background:
 repeating-linear-gradient(90deg,#16c8ef33 0 1px,transparent 1px 19px),
 repeating-linear-gradient(0deg,#16c8ef22 0 1px,transparent 1px 15px);
 border:1px solid #22d9fa44;box-shadow:inset 0 0 20px #0ac9ef22}
.ce-datawall{top:24%;bottom:auto;width:13%;height:35%;display:flex;flex-direction:column;justify-content:space-around;color:#54dcf4;font:6px monospace;letter-spacing:2px;opacity:.19;overflow:hidden}
.ce-datawall span{border-top:1px solid #20c7e955;padding:5px;animation:dataBlink 3.5s steps(2) infinite}
.data-l{left:7%;transform:perspective(450px) rotateY(35deg)}.data-r{right:7%;transform:perspective(450px) rotateY(-35deg);text-align:right}
.ce-orbital-bg{left:50%;top:48%;width:76vw;height:76vw;transform:translate(-50%,-50%);inset:auto;opacity:.12}
.ce-orbital-bg i{position:absolute;border:1px solid #26dfff;border-radius:50%;inset:10%;animation:orbitalBg 42s linear infinite}
.ce-orbital-bg i:nth-child(2){inset:21%;border-style:dashed;border-color:#d8b446;animation-direction:reverse;animation-duration:33s}
.ce-orbital-bg i:nth-child(3){inset:32%;border-color:#36dfff88;animation-duration:24s}
.ce-orbital-bg i:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#5feaff;box-shadow:0 0 15px #5feaff;left:50%;top:-3px}
.ce-depth-fog{background:
 linear-gradient(90deg,rgba(0,0,0,.5),transparent 18%,transparent 82%,rgba(0,0,0,.5)),
 linear-gradient(0deg,rgba(0,0,0,.55),transparent 27%);
 z-index:8}
.ce-city{height:31%!important;bottom:15%!important;opacity:.34!important}
.ce-city i{box-shadow:inset 0 0 15px #00b9df22}
.ce-floor{height:57%!important;bottom:-22%!important}
.ce-floor span{background-size:72px 46px!important;opacity:.8}
.ce-floor:before{content:"";position:absolute;left:15%;right:15%;top:4%;height:2px;background:linear-gradient(90deg,transparent,#1ad8ff,#e8bd48,#1ad8ff,transparent);filter:blur(1px);box-shadow:0 0 22px #1ad8ff;opacity:.38}
.hud{filter:drop-shadow(0 0 15px #00bfe51b)}
.hud section{border-color:#1595b955!important;box-shadow:inset 0 0 32px #04bce815,0 0 25px #0008!important}
.topbar:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#20d8ff,#d7b54b,#20d8ff,transparent);opacity:.45}
.core-wrap{filter:drop-shadow(0 0 25px #00c7ff22) drop-shadow(0 0 45px #dcb5411c)}
.agent{filter:drop-shadow(0 0 7px #00c8ef33)}
#environmentCanvas{filter:saturate(1.2) contrast(1.08)}
#deepEnvironmentCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;mix-blend-mode:screen}
@keyframes nebulaFloat{to{transform:translate(5vw,3vh) scale(1.12);opacity:.27}}
@keyframes dataBlink{50%{opacity:.35;text-shadow:0 0 8px #2de6ff}}
@keyframes orbitalBg{to{transform:rotate(360deg)}}
@media(max-width:1100px){.ce-column,.ce-console,.ce-datawall,.ce-ceiling{opacity:.18}.ce-orbital-bg{width:120vw;height:120vw}}