/* ===== Panel de mando ===== */
#deck{position:fixed;inset:0;z-index:48;opacity:0;transition:opacity .6s;color:#dfe8ff}
#deck[hidden]{display:none}#deck.on{opacity:1}
.dk-bg{position:absolute;inset:0;background:
  linear-gradient(rgba(120,170,255,.05) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(120,170,255,.05) 1px,transparent 1px) 0 0/44px 44px,
  radial-gradient(ellipse at 15% 0,rgba(60,110,255,.28),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(170,70,255,.2),transparent 55%),#02040e}
.dk-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.dk-scan::after{content:'';position:absolute;left:0;right:0;height:140px;top:-140px;background:linear-gradient(180deg,transparent,rgba(130,190,255,.07),transparent);animation:dkSweep 7s linear infinite}
@keyframes dkSweep{to{transform:translateY(calc(100vh + 280px))}}
.dk-shell{position:relative;height:100%;display:flex;flex-direction:column;padding:1.1rem 1.4rem .8rem;max-width:1600px;margin:0 auto}
.dk-top{display:flex;align-items:center;gap:1.1rem;padding-bottom:.9rem;border-bottom:1px solid rgba(150,200,255,.2);position:relative}
.dk-top::after{content:'';position:absolute;left:0;bottom:-1px;width:180px;height:2px;background:linear-gradient(90deg,#8fd0ff,transparent);box-shadow:0 0 14px #8fd0ff}
.dk-top h2{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(100deg,#fff,#a9c8ff 50%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:none}
.dk-k{margin:0 0 .2rem;color:#8fd0ff;font-size:.58rem;letter-spacing:.34em;text-transform:uppercase}
.dk-ring{position:relative;width:46px;height:46px;flex:none}
.dk-ring i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(143,208,255,.6);border-top-color:transparent;animation:dkSpin 6s linear infinite}
.dk-ring i:nth-child(2){inset:7px;animation-duration:4s;animation-direction:reverse;border-color:rgba(190,150,255,.7);border-bottom-color:transparent}
.dk-ring i:nth-child(3){inset:15px;border:0;background:radial-gradient(circle,#fff 0 2px,rgba(143,208,255,.6) 3px,transparent 6px);animation:none}
@keyframes dkSpin{to{transform:rotate(360deg)}}
.dk-clock{margin-left:auto;text-align:right;margin-right:3.4rem}
.dk-clock b{display:block;font-size:1.5rem;font-weight:500;letter-spacing:.14em;color:#fff;font-variant-numeric:tabular-nums}
.dk-clock span{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#7f95c8}.dk-clock u{text-decoration:none;color:#7dffb5}
.dk-x{position:absolute;right:0;top:0;width:42px;height:42px;border-radius:50%;background:rgba(4,8,22,.6);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.dk-x:hover{background:rgba(255,255,255,.16)}
.dk-grid{flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:1.1rem 0 1.2rem;align-content:start}
.tile{position:relative;border-radius:18px;padding:0;overflow:hidden;min-width:0;border:1px solid rgba(150,200,255,.2);
  background:linear-gradient(150deg,rgba(140,180,255,.1),rgba(10,16,48,.5) 45%,rgba(60,80,200,.07));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,20,.5),inset 0 1px 0 rgba(255,255,255,.25);
  opacity:0;transform:translateY(14px);animation:tileIn .8s forwards}
.tile:nth-child(2){animation-delay:.08s}.tile:nth-child(3){animation-delay:.16s}.tile:nth-child(4){animation-delay:.24s}.tile:nth-child(5){animation-delay:.32s}.tile:nth-child(6){animation-delay:.4s}.tile:nth-child(7){animation-delay:.48s}.tile:nth-child(8){animation-delay:.56s}.tile:nth-child(9){animation-delay:.64s}
@keyframes tileIn{to{opacity:1;transform:none}}
.tile::before,.tile::after{content:'';position:absolute;width:16px;height:16px;border:2px solid #8fd0ff;pointer-events:none;opacity:.85}
.tile::before{left:6px;top:6px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}.tile::after{right:6px;bottom:6px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.tile>header{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem .6rem 1.5rem;border-bottom:1px solid rgba(150,200,255,.12)}
.tile>header span{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:#a9d4ff}
.tile>header em{margin-left:auto;font-style:normal;font-size:.5rem;letter-spacing:.14em;color:#6f83b5;text-transform:uppercase}
.led{width:7px;height:7px;border-radius:50%;background:#ffb74d;box-shadow:0 0 10px #ffb74d;flex:none}
.led.ok{background:#7dffb5;box-shadow:0 0 12px #7dffb5;animation:ledP 2.4s infinite}.led.bad{background:#ff6b8a;box-shadow:0 0 12px #ff6b8a}
@keyframes ledP{50%{opacity:.4}}
.tb{padding:1rem 1.1rem 1.1rem}
.w8{grid-column:span 8}.w5{grid-column:span 5}.w4{grid-column:span 4}.w3{grid-column:span 3}
#dkMap{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(150,200,255,.2);background:#050a22}
.dk-ro{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-top:.9rem}
.dk-ro i,#swRo i{display:block;font:normal .5rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#8fd0ff;margin-bottom:.2rem}
.dk-ro b,#swRo b{font:500 1rem var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.dk-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem}
.dk-tabs button{padding:.4rem .75rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(150,200,255,.25);color:#b9c8f0;font:500 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.25s}
.dk-tabs button.on,.dk-tabs button:hover{background:rgba(143,208,255,.2);border-color:rgba(255,255,255,.55);color:#fff}
.dk-cam{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#0c1a44,#03050f);border:1px solid rgba(150,200,255,.2);display:grid;place-items:center}
.dk-cam iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dk-fine{margin:.8rem 0 0;font-size:.55rem;letter-spacing:.1em;color:#7f8db8;line-height:1.6}
.dk-sun{position:relative}.dk-sun img{display:block;width:100%;max-width:360px;margin:0 auto;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 60px rgba(255,170,60,.25);transition:opacity .4s;background:#000}
#sunCap{text-align:center;font-size:.55rem;letter-spacing:.16em;color:#8fa6d8;margin-top:.6rem;text-transform:uppercase}
.dk-sw{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;align-items:center}.dk-sw canvas{width:100%;height:auto;border-radius:8px;background:rgba(0,0,20,.4)}
#swRo{display:grid;gap:.5rem}#swRo b.hot{color:#ffb86b}
.dk-earth img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;background:#000;box-shadow:0 0 50px rgba(80,150,255,.3)}
.dk-n{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.6rem}.dk-n b{font-family:var(--serif);font-weight:300;font-size:2.8rem;color:#fff;line-height:1}.dk-n span{font-size:.55rem;letter-spacing:.14em;color:#8fa0d6;text-transform:uppercase}
.dk-list{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;font-size:.85rem}
.dk-list li{display:flex;justify-content:space-between;gap:.8rem;padding:.4rem .2rem;border-bottom:1px solid rgba(150,200,255,.1)}
.dk-list li em{font-style:normal;font-size:.58rem;letter-spacing:.08em;color:#8fa6d8;text-align:right;align-self:center}
.dk-list li.grp{border-bottom:1px solid rgba(150,200,255,.3);margin-top:.4rem}.dk-list li.grp b{font-size:.6rem;letter-spacing:.2em;color:#a9d4ff}
.dk-list li.me{background:linear-gradient(90deg,rgba(143,208,255,.18),transparent);border-left:2px solid #8fd0ff;padding-left:.6rem}
.dk-list li.warn span{color:#ffc88a}
.dk-list.sm{font-size:.78rem;margin-top:.6rem}
.dk-next .mono{margin:0;font-size:.55rem;letter-spacing:.16em;color:#8fd0ff;text-transform:uppercase}.dk-next h3{margin:.4rem 0;font-family:var(--serif);font-weight:400;font-size:1.5rem;color:#fff;line-height:1.15}
.dk-cd{font-size:1.7rem!important;letter-spacing:.1em!important;color:#fff!important;font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(143,208,255,.5)}
.dk-odo{margin-bottom:1rem}.dk-odo span{display:block;font-size:.55rem;letter-spacing:.16em;color:#8fd0ff;text-transform:uppercase;margin-bottom:.4rem}
.dk-odo b{font-family:var(--serif);font-weight:300;font-size:clamp(1.5rem,2.6vw,2.2rem);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 36px rgba(143,208,255,.45)}
.dk-moon{display:flex;align-items:center;gap:1rem}.dk-moon canvas{width:64px;height:64px}.dk-moon b{display:block;font-family:var(--serif);font-weight:400;font-size:1.2rem;color:#fff}.dk-moon span{font-size:.55rem;letter-spacing:.12em;color:#8fa6d8;text-transform:uppercase}
.dk-err{color:#ff9bb0;font-size:.6rem;letter-spacing:.1em;margin:.6rem 0 0}
.dk-foot{margin:0;padding:.6rem 0 0;border-top:1px solid rgba(150,200,255,.14);font-size:.52rem;letter-spacing:.12em;color:#6f7fae;text-transform:uppercase;line-height:1.7}
@media(max-width:1100px){.w8,.w5,.w4,.w3{grid-column:span 6}.w8{grid-column:span 12}}
@media(max-width:760px){.dk-shell{padding:.7rem .8rem .5rem}.dk-grid{grid-template-columns:1fr}.w8,.w5,.w4,.w3{grid-column:auto}.dk-ring{display:none}.dk-clock b{font-size:1.1rem}.dk-clock{margin-right:3rem}.dk-top h2{font-size:1.3rem;letter-spacing:.14em}.dk-ro{grid-template-columns:repeat(2,1fr)}.dk-sw{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dk-scan::after,.dk-ring i,.led.ok{animation:none}.tile{animation:none;opacity:1;transform:none}}
#deckBtn{letter-spacing:.14em}
.dk-grid{grid-auto-rows:max-content}
.tile{overflow:hidden}
.dk-earth{overflow:hidden;border-radius:50%;box-shadow:0 0 50px rgba(80,150,255,.3);max-width:300px;margin:0 auto}.dk-earth img{transform:scale(1.34);box-shadow:none;border-radius:0}

/* muro de cámaras, ISS cam, Tiangong, viento solar */
.w12{grid-column:span 12}
.dk-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.dk-wall.n4{grid-template-columns:repeat(2,1fr)}
.cam{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#0c1a44,#03050f);border:1px solid rgba(150,200,255,.22)}
.cam-f,.cam-f iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cam-t{position:absolute;left:.6rem;top:.6rem;z-index:2;display:flex;align-items:center;gap:.45rem;padding:.3rem .6rem;border-radius:999px;background:rgba(2,4,16,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#e8f0ff;pointer-events:none}
.cam-t i{width:7px;height:7px;border-radius:50%;background:#ff5a6e;box-shadow:0 0 10px #ff5a6e;animation:ledP 1.6s infinite}
.cam-hit{position:absolute;inset:0;z-index:3;background:transparent;border:0;cursor:zoom-in;display:flex;align-items:flex-end;justify-content:flex-end;padding:.6rem}
.cam-hit b{opacity:0;transition:.25s;padding:.35rem .7rem;border-radius:999px;background:rgba(2,4,16,.75);border:1px solid rgba(255,255,255,.3);font-size:.55rem;letter-spacing:.14em;color:#fff;text-transform:uppercase}
.cam:hover .cam-hit b{opacity:1}
#issCam{margin-bottom:.2rem}
.dk-css{margin-top:1rem;padding-top:.9rem;border-top:1px solid rgba(150,200,255,.15)}
.dk-k2{margin:0 0 .7rem;color:#ffb48e;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase}
.dk-ro.two{grid-template-columns:repeat(2,1fr)}
#camBig{position:absolute;inset:0;z-index:20;display:grid;place-items:center;align-content:center;gap:.8rem;background:rgba(2,3,10,.94);opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#camBig[hidden]{display:none}#camBig.on{opacity:1}
.cb-v{width:min(1200px,94vw);aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 30px 120px #000;border:1px solid rgba(150,200,255,.3)}
.cb-v iframe{width:100%;height:100%;border:0}
.cb-c{margin:0;font-size:.65rem;letter-spacing:.14em;color:#a9c4f5;text-transform:uppercase}.cb-c a{color:#fff}
.cb-x{position:absolute;top:1rem;right:1rem;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:1.6rem;line-height:1;cursor:pointer}
.dk-wxr{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}
.dk-wxr i{display:block;font:normal .5rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#8fd0ff;margin-bottom:.2rem}.dk-wxr b{font:500 1rem var(--mono);color:#fff}.dk-wxr b.hot{color:#ffb86b}
.dk-aur img{display:block;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1;object-fit:cover;border-radius:50%;background:#000;transition:opacity .4s}
.dk-sh{display:flex;justify-content:space-between;gap:.6rem;margin:.9rem 0 0;padding:.6rem .8rem;border-radius:10px;background:rgba(143,208,255,.08);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#9fb4e6}.dk-sh b{color:#fff;font-weight:500}
@media(max-width:1100px){.w12{grid-column:span 12}.dk-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.w12{grid-column:auto}.dk-wall,.dk-wall.n4{grid-template-columns:1fr}}

/* ===== globo, satélites, muro de cámaras y fondo animado ===== */
.dk-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tile.gl .tb{padding:0}.tile.gs .tb{padding:0}
.gl-stage{position:relative;height:min(660px,72vh);min-height:420px;background:radial-gradient(ellipse at 50% 55%,#07122f 0%,#02040e 70%);overflow:hidden}
.gl-cv{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.gl-cv:active{cursor:grabbing}
.gl-hud{position:absolute;inset:0;pointer-events:none}.gl-hud>*{pointer-events:auto}
.gl-modes{position:absolute;left:1rem;top:1rem;display:flex;gap:.35rem}
.gl-modes button,.gl-tools button{padding:.45rem .85rem;border-radius:999px;background:rgba(4,8,22,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(150,200,255,.3);color:#c6d4f5;font:500 .62rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.25s}
.gl-modes button.on,.gl-tools button.on,.gl-modes button:hover,.gl-tools button:hover{background:rgba(143,208,255,.22);border-color:rgba(255,255,255,.6);color:#fff}
.gl-tools{position:absolute;right:1rem;top:1rem;display:flex;gap:.35rem}
.gl-stat{position:absolute;left:1rem;bottom:1rem;padding:.45rem .8rem;border-radius:10px;background:rgba(4,8,22,.55);border:1px solid rgba(150,200,255,.2);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb4e6;pointer-events:none!important}.gl-stat b{color:#fff;font-size:.9rem}
.gl-lab{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.gl-pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.4rem;padding:0;background:none;border:0;color:#fff;font:600 .58rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;text-shadow:0 0 8px #000,0 0 3px #000;will-change:transform;margin:-4px 0 0 -4px;transition:opacity .25s}
.gl-pin i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #8fd0ff;flex:none}
.gl-pin.cat{color:#ffb48e}.gl-pin.cat i{background:#ff7a3d;box-shadow:0 0 14px #ff7a3d}.gl-pin.site{color:#ffe4a8}.gl-pin.site i{background:#ffe4a8;box-shadow:0 0 12px #ffe4a8}
.gl-side{padding:1rem 1.1rem 1.1rem;display:grid;gap:.9rem;max-height:min(660px,72vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(150,200,255,.4) transparent}
.gs-s input{width:100%;padding:.7rem .95rem;border-radius:12px;background:rgba(2,4,16,.6);border:1px solid rgba(150,200,255,.3);color:#fff;font:500 .85rem var(--sans);outline:none}.gs-s input:focus{border-color:#8fd0ff;box-shadow:0 0 22px rgba(120,180,255,.25)}
.gs-res{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:2px}.gs-res li{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem .7rem;border-radius:8px;background:rgba(255,255,255,.05);cursor:pointer;font-size:.8rem}.gs-res li:hover{background:rgba(143,208,255,.2)}.gs-res li em{font-style:normal;font-size:.55rem;color:#8fa6d8}.gs-res li.none{cursor:default;font-size:.7rem;color:#9fb4e6}
.gs-ch-h{display:flex;justify-content:space-between;align-items:center;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#8fd0ff;margin-bottom:.5rem}.gs-ch-h button{background:none;border:0;color:#a9c4f5;font:500 .55rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-left:.6rem;text-decoration:underline;text-underline-offset:3px}
#gsChips{display:grid;gap:.3rem}
.gs-ch{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(150,200,255,.15);color:#c8d4f5;font:500 .75rem var(--sans);cursor:pointer;text-align:left;transition:.25s}
.gs-ch i{width:10px;height:10px;border-radius:50%;background:var(--c);opacity:.35;box-shadow:none;flex:none;transition:.25s}
.gs-ch span{flex:1}.gs-ch em{font:normal .58rem var(--mono);letter-spacing:.08em;color:#8fa6d8}
.gs-ch.on{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--c) 70%,white);color:#fff}.gs-ch.on i{opacity:1;box-shadow:0 0 12px var(--c)}
.gs-ch.load em{animation:ledP 1s infinite}.gs-ch.err em{color:#ff9bb0}
.gs-k{margin:0 0 .3rem;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:#8fd0ff}
.gs-sel h4{margin:0 0 .8rem;font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.15;color:#fff}
.gs-g{display:grid;grid-template-columns:1fr 1fr;gap:.7rem .9rem}.gs-g i{display:block;font:normal .5rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#8fd0ff;margin-bottom:.15rem}.gs-g b{font:500 .85rem var(--mono);color:#fff;font-variant-numeric:tabular-nums}
.gs-b{display:flex;gap:.5rem;margin-top:.9rem}.gs-b button{padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(150,200,255,.3);color:#d4defa;font:500 .6rem var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.gs-b button.on{background:rgba(143,208,255,.22);border-color:#fff;color:#fff}
.gs-hint{font-size:.6rem;letter-spacing:.1em;color:#8fa6d8;line-height:1.6;margin:.2rem 0}
.gs-sites{display:grid;gap:.4rem}.gs-site{display:grid;gap:.15rem;text-align:left;padding:.65rem .8rem;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(150,200,255,.18);cursor:pointer;color:#fff;transition:.25s}.gs-site:hover,.gs-site.on{background:rgba(143,208,255,.2);border-color:#fff}.gs-site b{font:500 .85rem var(--sans)}.gs-site span{font-size:.7rem;color:#9fb4e6}
/* muro de cámaras en mosaico */
.dk-wall.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.dk-wall.mosaic .cam:first-child{grid-column:span 2;grid-row:span 2}
.cam{border-radius:14px;box-shadow:0 14px 40px rgba(0,0,20,.5),inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
.cam:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(0,0,20,.65),0 0 40px rgba(120,180,255,.18)}
.cam-scan{position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:screen}
.cam::before,.cam::after{content:'';position:absolute;z-index:2;width:18px;height:18px;border:2px solid rgba(143,208,255,.8);pointer-events:none}
.cam::before{right:8px;top:8px;border-left:0;border-bottom:0}.cam::after{left:8px;bottom:8px;border-right:0;border-top:0}
.cam-m{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:.6rem;padding:2rem .9rem .6rem;background:linear-gradient(0deg,rgba(2,4,16,.88),transparent);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff;pointer-events:none}
.cam-m .tm{font-weight:500;font-size:.75rem;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(143,208,255,.7)}
.dk-wall.mosaic .cam:first-child .cam-t{font-size:.65rem}
@media(max-width:1100px){.dk-wall.mosaic{grid-template-columns:repeat(2,1fr)}.dk-wall.mosaic .cam:first-child{grid-column:span 2;grid-row:auto}}
@media(max-width:760px){.dk-wall.mosaic{grid-template-columns:1fr}.dk-wall.mosaic .cam:first-child{grid-column:auto}.gl-stage{height:62vh}.gl-side{max-height:none}.gl-modes button,.gl-tools button{padding:.4rem .6rem}}
.w6{grid-column:span 6}@media(max-width:1100px){.w6{grid-column:span 12}}@media(max-width:760px){.w6{grid-column:auto}}
.dk-geo{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#05091a 0,#000 70%);border-radius:12px;overflow:hidden}
.dk-geo img{width:100%;max-width:520px;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 60px rgba(90,160,255,.35),0 0 0 1px rgba(160,200,255,.25);animation:geoSpin 90s linear infinite paused}
.dk-geo span{position:absolute;left:.8rem;bottom:.6rem;font-size:.55rem;letter-spacing:.2em;color:#9fb4e6;text-transform:uppercase}
.tile.geo .tb{padding:0}