@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap";:root{--tron-bg:#020305;--tron-bg-gradient:linear-gradient(180deg, #050810 0%, #020305 50%, #010203 100%);--tron-grid:#00c8ff0f;--tron-grid-bright:#00c8ff33;--tron-cyan:#00e5ff;--tron-cyan-dim:#00e5ff4d;--tron-orange:#ff9100;--tron-pink:#ff0080;--tron-purple:#b000ff;--tron-green:#0f8;--tron-blue:#08f;--tron-yellow:#ffea00;--obsidian:#08090c;--obsidian-light:#0d1015;--obsidian-dark:#040506;--circuit-glow:#00e5ff1f;--circuit-line:#00e5ff40}.tron-campus{background:var(--tron-bg-gradient);border:1px solid #00e5ff4d;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 30px #00e5ff1a,inset 0 0 60px #00000080}.tron-campus:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 100%,#00e5ff0d 0%,#0000 60%);position:absolute;inset:0}.tron-campus-grid{background: repeating-linear-gradient(90deg, transparent, transparent 39px, var(--tron-grid) 39px, var(--tron-grid) 40px),  repeating-linear-gradient(0deg, transparent, transparent 39px, var(--tron-grid) 39px, var(--tron-grid) 40px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#0000004d 30%,#000c 100%);mask-image:linear-gradient(#0000 0%,#0000004d 30%,#000c 100%)}.tron-campus-grid:after{content:"";background:repeating-linear-gradient(90deg, transparent, transparent 78px, var(--tron-grid-bright) 78px, var(--tron-grid-bright) 80px), repeating-linear-gradient(0deg, transparent, transparent 38px, var(--tron-grid-bright) 38px, var(--tron-grid-bright) 40px);transform-origin:bottom;height:40%;position:absolute;bottom:0;left:-50%;right:-50%;transform:perspective(500px)rotateX(60deg)}.tron-campus-title{color:var(--neon-color,var(--tron-cyan));text-shadow:0 0 10px var(--neon-color,var(--tron-cyan)), 0 0 20px var(--neon-color,var(--tron-cyan)), 0 0 40px var(--neon-color,var(--tron-cyan));letter-spacing:3px;text-transform:uppercase;z-index:100;font-family:Orbitron,monospace;font-size:16px;font-weight:700;position:absolute;top:12px;left:16px}.tron-building{cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute}.tron-building:hover{z-index:20;transform:translateY(-8px)scale(1.02)}.tron-building:hover .tron-building-front,.tron-building:hover .tron-building-right,.tron-building:hover .tron-building-top{border-color:var(--neon-color,var(--tron-cyan));box-shadow:0 0 15px var(--neon-color,var(--tron-cyan)), 0 0 30px var(--neon-color,var(--tron-cyan)), 0 0 50px var(--neon-color,#00e5ff4d), inset 0 0 20px var(--neon-color,#00e5ff26)}.tron-building-shadow{background: radial-gradient(ellipse at center, var(--neon-color,#00e5ff40) 0%, transparent 60%),  linear-gradient(90deg, transparent 0%, transparent 20%, var(--neon-color,#00e5ff4d) 20%, var(--neon-color,#00e5ff4d) 21%, transparent 21%, transparent 100%),  linear-gradient(90deg, transparent 0%, transparent 79%, var(--neon-color,#00e5ff4d) 79%, var(--neon-color,#00e5ff4d) 80%, transparent 80%, transparent 100%),  linear-gradient(90deg, transparent 0%, transparent 49%, var(--neon-color,#00e5ff33) 49%, var(--neon-color,#00e5ff33) 51%, transparent 51%, transparent 100%);filter:blur(4px);opacity:.8;width:140%;height:40px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.tron-building:after{content:"";background:linear-gradient(180deg, var(--neon-color,var(--tron-cyan)) 0%, var(--neon-color,#00e5ff99) 60%, transparent 100%);width:4px;height:20px;box-shadow:0 0 8px var(--neon-color,var(--tron-cyan)), 0 0 15px var(--neon-color,#00e5ff80), 0 -5px 15px var(--neon-color,#00e5ff4d);z-index:100;border-radius:2px 2px 0 0;animation:1.5s ease-in-out infinite tron-antenna-glow;position:absolute;top:-12px;left:50%;transform:translate(-50%)}@keyframes tron-antenna-glow{0%,to{opacity:.8;box-shadow:0 0 8px var(--neon-color,var(--tron-cyan)), 0 0 15px var(--neon-color,#00e5ff80), 0 -5px 15px var(--neon-color,#00e5ff4d)}50%{opacity:1;box-shadow:0 0 12px var(--neon-color,var(--tron-cyan)), 0 0 25px var(--neon-color,#00e5ffb3), 0 -8px 25px var(--neon-color,#00e5ff80)}}.tron-building-front{background: repeating-linear-gradient(0deg, transparent 0px, transparent 12px, var(--circuit-glow) 12px, var(--circuit-glow) 13px, transparent 13px, transparent 25px),  repeating-linear-gradient(90deg, transparent 0px, transparent 18px, var(--circuit-glow) 18px, var(--circuit-glow) 19px, transparent 19px, transparent 35px),  linear-gradient(180deg, var(--obsidian-light) 0%, var(--obsidian) 50%, var(--obsidian-dark) 100%);border:2px solid var(--neon-color,#00e5ff99);box-shadow:0 0 8px var(--neon-color,#00e5ff66), 0 0 20px var(--neon-color,#00e5ff26), inset 0 0 30px #000c;position:absolute;overflow:hidden}.tron-building-front:before{content:"";background:linear-gradient(180deg, var(--neon-color,var(--tron-cyan)) 0%, var(--neon-color,#00e5ff80) 50%, var(--neon-color,#00e5ff33) 100%);width:2px;height:100%;box-shadow:0 0 8px var(--neon-color,var(--tron-cyan)), 0 0 15px var(--neon-color,#00e5ff80);animation:2s ease-in-out infinite tron-line-pulse;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes tron-line-pulse{0%,to{opacity:.7}50%{opacity:1}}.tron-building-right{background: repeating-linear-gradient(0deg, transparent 0px, transparent 15px, var(--circuit-glow) 15px, var(--circuit-glow) 16px, transparent 16px, transparent 30px),  linear-gradient(180deg, var(--obsidian) 0%, var(--obsidian-dark) 100%);border:2px solid var(--neon-color,#00e5ff66);box-shadow:0 0 6px var(--neon-color,#00e5ff40), inset 0 0 20px #000000e6;border-left:none;position:absolute}.tron-building-top{background: repeating-linear-gradient(45deg, transparent 0px, transparent 8px, var(--circuit-glow) 8px, var(--circuit-glow) 9px, transparent 9px, transparent 16px),  linear-gradient(135deg, var(--obsidian-light) 0%, var(--obsidian) 100%);border:2px solid var(--neon-color,#00e5ffb3);box-shadow:0 0 12px var(--neon-color,#00e5ff66), inset 0 0 15px var(--neon-color,#00e5ff1a);position:absolute}.tron-wireframe{border:1px solid var(--neon-color,var(--tron-cyan))!important;box-shadow:0 0 10px var(--neon-color,var(--tron-cyan)), 0 0 20px var(--neon-color,#00e5ff4d), inset 0 0 30px #00e5ff0d!important;background:0 0!important}.tron-wireframe:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 8px, var(--neon-color,#00e5ff26) 8px, var(--neon-color,#00e5ff26) 9px), repeating-linear-gradient(90deg, transparent, transparent 8px, var(--neon-color,#00e5ff26) 8px, var(--neon-color,#00e5ff26) 9px);animation:3s ease-in-out infinite tron-hologram-flicker;position:absolute;inset:0}@keyframes tron-hologram-flicker{0%,to{opacity:.6}50%{opacity:.9}52%{opacity:.4}54%{opacity:.8}}.tron-glow{box-shadow:0 0 5px var(--neon-color,var(--tron-cyan)), 0 0 10px var(--neon-color,var(--tron-cyan)), 0 0 20px var(--neon-color,#00e5ff80), inset 0 0 10px #00e5ff1a}.tron-glow-intense{box-shadow:0 0 10px var(--neon-color,var(--tron-cyan)), 0 0 20px var(--neon-color,var(--tron-cyan)), 0 0 40px var(--neon-color,var(--tron-cyan)), 0 0 80px var(--neon-color,#00e5ff80), inset 0 0 20px #00e5ff33;filter:brightness(1.2)}.tron-progress-0 .tron-building-front,.tron-progress-0 .tron-building-right,.tron-progress-0 .tron-building-top{opacity:.3;background:0 0;border-style:dashed}.tron-progress-25 .tron-building-front,.tron-progress-25 .tron-building-right{opacity:.5;background:#00e5ff05;border-style:solid}.tron-progress-25 .tron-building-top{opacity:.3;border-style:dashed}.tron-progress-50 .tron-building-front,.tron-progress-50 .tron-building-right{opacity:.8;background:linear-gradient(#0000 0%,#0a1428b3 40%,#050a14e6 100%)}.tron-progress-50 .tron-building-top{opacity:.5}.tron-progress-75 .tron-building-front,.tron-progress-75 .tron-building-right{opacity:.95;background:linear-gradient(#0a1428e6 0%,#050a14f2 100%)}.tron-progress-75 .tron-building-top{opacity:.8}.tron-progress-100{animation:3s ease-in-out infinite tron-complete-pulse}@keyframes tron-complete-pulse{0%,to{filter:brightness(1) drop-shadow(0 0 10px var(--neon-color,var(--tron-cyan)))}50%{filter:brightness(1.15) drop-shadow(0 0 25px var(--neon-color,var(--tron-cyan)))}}.tron-windows{grid-template-rows:repeat(auto-fill,minmax(6px,1fr));grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:4px;padding:4px;display:grid;position:absolute;inset:10%}.tron-window{background:var(--obsidian-dark,#040506e6);border:1px solid var(--neon-color,#00e5ff33);border-radius:1px;transition:all .3s}.tron-window.lit{background:var(--neon-color,var(--tron-cyan));border-color:var(--neon-color,var(--tron-cyan));box-shadow:0 0 6px var(--neon-color,var(--tron-cyan)), 0 0 12px var(--neon-color,#00e5ff99), 0 0 20px var(--neon-color,#00e5ff4d);animation:3s ease-in-out infinite tron-circuit-node;animation-delay:calc(var(--window-index,0) * .15s);border-radius:2px}@keyframes tron-circuit-node{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}75%{opacity:.6;transform:scale(.95)}}.tron-style-tower .tron-building-front:after{content:"";background:linear-gradient(180deg, var(--neon-color,#00e5ff4d) 0%, transparent 100%);width:20%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.tron-style-tower .tron-building-top:before{content:"";border:2px solid var(--neon-color,var(--tron-cyan));width:30%;height:30%;box-shadow:0 0 10px var(--neon-color,var(--tron-cyan));border-radius:2px;animation:2s ease-in-out infinite tron-beacon;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tron-beacon{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.tron-style-office .tron-windows{grid-template-columns:repeat(auto-fill,minmax(6px,1fr));gap:2px}.tron-style-office .tron-building-front{background:linear-gradient(#00285066 0%,#00142899 100%)}.tron-style-datacenter .tron-building-front:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 4px, var(--neon-color,#08f6) 4px, var(--neon-color,#08f6) 6px);animation:1s linear infinite tron-data-stream;position:absolute;inset:10%}@keyframes tron-data-stream{0%{background-position:0 0}to{background-position:0 10px}}.tron-style-kiosk .tron-building-top{background:radial-gradient(circle at center, var(--neon-color,#ff910080) 0%, transparent 70%);border-radius:4px}.tron-style-bank .tron-building-front:after{content:"";aspect-ratio:1;border:3px solid var(--neon-color,var(--tron-purple));width:35%;box-shadow:0 0 15px var(--neon-color,var(--tron-purple)), inset 0 0 10px var(--neon-color,#b000ff4d);border-radius:50%;position:absolute;top:35%;left:50%;transform:translate(-50%)}.tron-style-school .tron-building-top:after{content:"";border-left:20px solid #0000;border-right:20px solid #0000;border-bottom:15px solid var(--neon-color,var(--tron-pink));width:0;height:0;filter:drop-shadow(0 0 8px var(--neon-color,var(--tron-pink)));position:absolute;top:-15px;left:50%;transform:translate(-50%)}.tron-style-support .tron-building-front:after{content:"?";color:var(--neon-color,var(--tron-yellow));text-shadow:0 0 10px var(--neon-color,var(--tron-yellow)), 0 0 20px var(--neon-color,var(--tron-yellow));font-family:Orbitron,monospace;font-size:24px;font-weight:700;animation:1.5s ease-in-out infinite tron-support-pulse;position:absolute;top:25%;left:50%;transform:translate(-50%)}@keyframes tron-support-pulse{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.1)}}.tron-building-label{color:var(--neon-color,var(--tron-cyan));text-shadow:0 0 8px var(--neon-color,var(--tron-cyan));white-space:nowrap;letter-spacing:1px;text-transform:uppercase;opacity:.9;font-family:Orbitron,monospace;font-size:9px;font-weight:500;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.tron-progress-bar{background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:2px;height:3px;position:absolute;bottom:-12px;left:5%;right:5%;overflow:hidden}.tron-progress-fill{background:linear-gradient(90deg, var(--neon-color,var(--tron-cyan)), var(--neon-color,#00e5ffcc));height:100%;box-shadow:0 0 10px var(--neon-color,var(--tron-cyan));transition:width .5s cubic-bezier(.4,0,.2,1)}.tron-has-documents:after{content:"";background:var(--tron-orange);width:12px;height:12px;box-shadow:0 0 10px var(--tron-orange);z-index:100;border-radius:50%;animation:1.5s ease-in-out infinite tron-doc-pulse;position:absolute;top:-8px;right:-8px}@keyframes tron-doc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.tron-building.tron-glow-intense .tron-building-front,.tron-building.tron-glow-intense .tron-building-right,.tron-building.tron-glow-intense .tron-building-top{border-width:2px;border-color:var(--neon-color,var(--tron-cyan))}.tron-building.tron-glow-intense .tron-building-label{font-size:10px;font-weight:700}.tron-vertical-accent{background:linear-gradient(180deg, var(--neon-color,var(--tron-cyan)) 0%, var(--neon-color,#00e5ff80) 50%, var(--neon-color,#00e5ff33) 100%);width:2px;height:100%;box-shadow:0 0 8px var(--neon-color,var(--tron-cyan)), 0 0 15px var(--neon-color,#00e5ff80);animation:2s ease-in-out infinite tron-line-pulse;position:absolute;top:0;left:50%;transform:translate(-50%)}.tron-spire{background:linear-gradient(180deg, var(--neon-color,var(--tron-cyan)) 0%, var(--neon-color,#00e5ff80) 100%);width:3px;height:25px;box-shadow:0 0 10px var(--neon-color,var(--tron-cyan)), 0 0 20px var(--neon-color,#00e5ff66);animation:1.5s ease-in-out infinite tron-antenna-glow;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.tron-ground-glow{background:radial-gradient(ellipse at center, var(--neon-color,#00e5ff59) 0%, transparent 70%);filter:blur(8px);width:120%;height:20px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.wireframe-mode .tron-building-front,.wireframe-mode .tron-building-right,.wireframe-mode .tron-building-top{box-shadow:0 0 8px var(--neon-color,var(--tron-cyan)), inset 0 0 15px #00e5ff0d;border-style:dashed;background:0 0!important}.tron-building.selected{z-index:30;transform:translateY(-5px)}.tron-building.selected .tron-building-front,.tron-building.selected .tron-building-right,.tron-building.selected .tron-building-top{border-color:var(--neon-color,var(--tron-cyan));box-shadow:0 0 15px var(--neon-color,var(--tron-cyan)), 0 0 30px var(--neon-color,var(--tron-cyan)), inset 0 0 20px var(--neon-color,#00e5ff1a)}.cyber-building{cursor:pointer;transition:transform .3s;position:relative}.cyber-building:hover{z-index:100;transform:scale(1.05)}.cyber-building.selected{z-index:100}.cyber-scene{perspective:800px;justify-content:center;align-items:flex-end;width:100%;height:calc(100% - 30px);display:flex;position:relative}.cyber-tower{transform-style:preserve-3d;position:relative;transform:rotateX(-20deg)rotateY(-30deg)}.cyber-wall{box-sizing:border-box;border:2px solid var(--neon-color,#00f0ff);backface-visibility:visible;background:#060a12;position:absolute;overflow:hidden;box-shadow:inset 0 0 40px #00f0ff33}.cyber-wall:before{content:"";background-image: linear-gradient(0deg, transparent 40%, var(--neon-color,#00f0ff99) 41%, var(--neon-color,#00f0ff99) 42%, transparent 43%),  linear-gradient(90deg, transparent 25%, var(--neon-color,#00f0ff66) 26%, transparent 27%), linear-gradient(90deg, transparent 75%, var(--neon-color,#00f0ff80) 76%, var(--neon-color,#00f0ff80) 77%, transparent 78%),  linear-gradient(0deg, transparent 80%, var(--neon-color,#00f0ff80) 81%, transparent 82%);opacity:.8;filter:drop-shadow(0 0 5px var(--neon-color,#00f0ff));background-size:50px 50px;position:absolute;inset:0}.cyber-wall:after{content:"";background:var(--neon-color,#00f0ff);width:100%;height:3px;box-shadow:0 0 10px var(--neon-color,#00f0ff), 0 0 20px var(--neon-color,#00f0ff);position:absolute;top:60%}.cyber-front,.cyber-back{top:0;left:0}.cyber-left,.cyber-right{margin-left:calc(var(--tower-depth,60px) / -2);top:0;left:50%}.cyber-roof{box-sizing:border-box;margin-top:calc(var(--tower-depth,60px) / -2);border:2px solid var(--neon-color,#00f0ff);box-shadow:inset 0 0 30px var(--neon-color,#00f0ff4d), 0 0 20px var(--neon-color,#00f0ff4d);background:#03060b;position:absolute;top:50%;left:0}.cyber-spire{background:var(--neon-color,#00f0ff);width:4px;height:40px;box-shadow:0 0 15px var(--neon-color,#00f0ff), 0 0 30px var(--neon-color,#00f0ff);transform-style:preserve-3d;margin-left:-2px;position:absolute;top:50%;left:50%}.cyber-spire:after{content:"";width:8px;height:8px;box-shadow:0 0 20px 8px var(--neon-color,#00f0ff), 0 0 40px 15px var(--neon-color,#00f0ff80);background:#fff;border-radius:50%;animation:1.5s ease-in-out infinite spire-pulse;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes spire-pulse{0%,to{opacity:.8;box-shadow:0 0 20px 8px var(--neon-color,#00f0ff), 0 0 40px 15px var(--neon-color,#00f0ff80)}50%{opacity:1;box-shadow:0 0 30px 12px var(--neon-color,#00f0ff), 0 0 60px 25px var(--neon-color,#00f0ffb3)}}.cyber-label{color:var(--neon-color,#00f0ff);text-shadow:0 0 8px var(--neon-color,#00f0ff);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;font-family:Orbitron,monospace;font-size:9px;font-weight:500;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cyber-building.wireframe .cyber-wall{box-shadow:inset 0 0 20px var(--neon-color,#00f0ff1a);background:0 0;border-style:dashed}.cyber-building.wireframe .cyber-wall:before{opacity:.3}.cyber-building.wireframe .cyber-wall:after{opacity:.4}.cyber-building.wireframe .cyber-roof{background:0 0;border-style:dashed}.cyber-building.selected .cyber-wall,.cyber-building.selected .cyber-roof{border-color:var(--neon-color,#00f0ff);box-shadow:inset 0 0 50px var(--neon-color,#00f0ff66), 0 0 30px var(--neon-color,#00f0ff80)}.cyber-style-tower .cyber-front:after{width:3px;height:100%;top:0;left:50%;transform:translate(-50%)}.cyber-style-datacenter .cyber-wall:before{background-image:repeating-linear-gradient(0deg, transparent, transparent 8px, var(--neon-color,#0088ff80) 8px, var(--neon-color,#0088ff80) 10px);background-size:100% 100%;animation:2s linear infinite data-scroll}@keyframes data-scroll{0%{background-position:0 0}to{background-position:0 20px}}.cyber-style-bank .cyber-front:after{border:2px solid var(--neon-color,#b000ff);width:30px;height:30px;box-shadow:0 0 15px var(--neon-color,#b000ff);background:0 0;border-radius:50%;top:40%;left:50%;transform:translate(-50%,-50%)}.cyber-style-school .cyber-roof:after{content:"";border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:10px solid var(--neon-color,#ff0080);width:0;height:0;filter:drop-shadow(0 0 8px var(--neon-color,#ff0080));position:absolute;top:-10px;left:50%;transform:translate(-50%)}.cyber-city-wrapper{perspective:2500px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.cyber-city-scene{width:800px;height:500px;transform-style:preserve-3d;position:relative;transform:rotateX(60deg)rotate(45deg)}.cyber-ground{background:linear-gradient(90deg,#00f0ff0a 1px,#0000 1px) 0 0/60px 60px,linear-gradient(0deg,#00f0ff0a 1px,#0000 1px) 0 0/60px 60px;border:none;width:8000px;height:8000px;position:absolute;top:-4000px;left:-4000px;transform:translateZ(-2px);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 60%);mask-image:radial-gradient(circle,#000 10%,#0000 60%)}.cyber-path{background:var(--c);box-shadow:0 0 15px var(--c), 0 0 30px var(--c);opacity:.7;position:absolute}.cyber-path-1{--c:#f50;width:400px;height:4px;top:50%;left:50%;transform:translate(-200px,-40px)}.cyber-path-2{--c:#0f6;width:4px;height:300px;top:50%;left:50%;transform:translate(-100px,-150px)}.cyber-path-3{--c:#bf00ff;width:250px;height:6px;top:50%;left:50%;transform:translate(25px,70px)}.cyber-city-container{transform-style:preserve-3d;position:absolute;transform:rotateX(-90deg)}.cyber-building-3d{transform-style:preserve-3d;transform:translate3d(var(--x), calc(var(--y,0px) * -1), var(--z));cursor:pointer;transition:filter .3s;position:absolute}.cyber-building-3d:hover{filter:brightness(1.2)}.cyber-face{box-sizing:border-box;border:2px solid var(--b-col);box-shadow:inset 0 0 80px #000000f2, inset 0 0 15px var(--b-col);height:var(--h);background:#040810;position:absolute;bottom:0;overflow:hidden}.cyber-face.front,.cyber-face.back{width:var(--w);left:calc(var(--w) * -.5)}.cyber-face.left,.cyber-face.right{width:var(--d);left:calc(var(--d) * -.5)}.cyber-face.front{transform:translateZ(calc(var(--d) * .5))}.cyber-face.back{transform:rotateY(180deg) translateZ(calc(var(--d) * .5))}.cyber-face.left{transform:rotateY(-90deg) translateZ(calc(var(--w) * .5))}.cyber-face.right{transform:rotateY(90deg) translateZ(calc(var(--w) * .5))}.cyber-lines:before{content:"";background-image:linear-gradient(0deg, transparent 40%, var(--b-col) 41%, var(--b-col) 42%, transparent 43%), linear-gradient(90deg, transparent 20%, var(--b-col) 21%, transparent 22%), linear-gradient(90deg, transparent 75%, var(--b-col) 76%, var(--b-col) 77%, transparent 78%), linear-gradient(0deg, transparent 80%, var(--b-col) 81%, transparent 82%);opacity:.35;mix-blend-mode:screen;background-size:50px 50px;position:absolute;inset:-50px}.cyber-lines:after{content:"";width:100%;height:4px;top:var(--line-y,50%);background:var(--b-col);box-shadow:0 0 15px var(--b-col), 0 0 30px var(--b-col);opacity:.9;position:absolute}.cyber-roof-3d{box-sizing:border-box;width:var(--w);height:var(--d);left:calc(var(--w) * -.5);margin-top:calc(var(--d) * -.5);border:3px solid var(--b-col);box-shadow:inset 0 0 60px #000000e6, inset 0 0 20px var(--b-col);transform:translateY(calc(var(--h) * -1)) rotateX(90deg);background:#020408;position:absolute;top:0}.cyber-spire-part{width:4px;height:var(--sh);left:-2px;bottom:var(--h);background:var(--b-col);box-shadow:0 0 15px var(--b-col), 0 0 30px var(--b-col);position:absolute}.cyber-spire-part:first-child{transform:rotateY(0)}.cyber-spire-part:nth-child(2){transform:rotateY(90deg)}.cyber-spire-glow{width:12px;height:12px;left:-6px;bottom:calc(var(--h) + var(--sh) - 6px);box-shadow:0 0 30px 15px var(--b-col), 0 0 60px 20px var(--b-col);background:#fff;border-radius:50%;position:absolute}.cyber-labels-overlay{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cyber-building-label{color:#fff;border:1px solid var(--b-col,#00f0ff);text-shadow:0 0 6px var(--b-col,#00f0ff);box-shadow:0 0 10px #000c, inset 0 0 6px var(--b-col,#00f0ff);white-space:nowrap;letter-spacing:1px;text-transform:uppercase;pointer-events:none;background:#000c;padding:4px 10px;font-family:Orbitron,monospace;font-size:10px;font-weight:500;position:absolute;transform:none}