html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#hud{z-index:100;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.project-panel{color:#fff;z-index:101;pointer-events:auto;background:#000c;border:1px solid #fff;padding:20px;position:absolute;top:40px;left:40px}.project-panel:not(.visible){display:none}.exploration-ui{color:#fff;z-index:102;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.exploration-ui:not(.visible){display:none}.exploration-ui button{pointer-events:auto}.hologram-container{pointer-events:none;position:absolute;inset:0}.hologram-panel{box-sizing:border-box;color:#d9fbff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;min-width:240px;max-width:320px;transform:translate3d(var(--hologram-x,0px), var(--hologram-y,0px), 0) scale(.85);pointer-events:auto;background:linear-gradient(135deg,#001e28e0,#000a12b8);border:1px solid #64e6ffb3;padding:16px 20px;font-family:Courier New,monospace;transition:opacity .25s,transform .25s;position:absolute;top:0;left:0;box-shadow:0 0 8px #00dcff59,inset 0 0 20px #00b4ff14}.hologram-panel.visible{opacity:1;transform:translate3d(var(--hologram-x,0px), var(--hologram-y,0px), 0) scale(1)}.hologram-line{top:var(--line-y,50%);width:var(--line-width,45px);pointer-events:none;background:#64e6ffe6;height:1px;position:absolute;transform:translateY(-50%);box-shadow:0 0 6px #00dcffe6}.hologram-right .hologram-line{left:calc(var(--line-width,45px) * -1)}.hologram-left .hologram-line{right:calc(var(--line-width,45px) * -1)}.hologram-content{flex-direction:column;gap:7px;display:flex}.hologram-category{letter-spacing:2px;color:#63e6ff;opacity:.8;font-size:10px}.hologram-title{letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px #64e6ffb3;font-size:20px;font-weight:700}.hologram-description{color:#dcfaffbf;font-size:12px;line-height:1.5}.hologram-panel:after{content:"";opacity:.5;background:#82f0ff80;height:1px;animation:2.5s linear infinite hologram-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #64e6ffcc}@keyframes hologram-scan{0%{opacity:0;top:0}10%{opacity:.7}90%{opacity:.7}to{opacity:0;top:100%}}.hologram-panel:before{content:"";pointer-events:none;opacity:.9;background:linear-gradient(90deg,#63e6ff 12px,#0000 12px) 0 0/20px 1px no-repeat,linear-gradient(#63e6ff 12px,#0000 12px) 0 0/1px 20px no-repeat,linear-gradient(270deg,#63e6ff 12px,#0000 12px) 100% 100%/20px 1px no-repeat,linear-gradient(0deg,#63e6ff 12px,#0000 12px) 100% 100%/1px 20px no-repeat;position:absolute;inset:-1px}.project-panel{box-sizing:border-box;color:#dffaff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#05141cf0,#02080ee0);border:1px solid #5ae1ffb3;width:360px;padding:24px 26px;font-family:Courier New,monospace;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00d2ff40,inset 0 0 30px #00aaff0d}.project-panel .project-category{letter-spacing:3px;color:#63e6ff;margin-bottom:12px;font-size:10px}.project-panel .project-title{letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px #64e6ff80;margin:0;font-size:28px}.project-panel .project-description{color:#dcfaffb3;margin-top:14px;font-size:13px;line-height:1.5}.project-panel button{color:#63e6ff;letter-spacing:2px;cursor:pointer;background:#00b4dc14;border:1px solid #63e6ff;margin-top:20px;padding:9px 18px;font-family:Courier New,monospace;font-size:11px;transition:background .2s,box-shadow .2s}.project-panel button:hover{background:#00d2ff2e;box-shadow:0 0 12px #00dcff59}.exploration-ui{z-index:100;pointer-events:none;opacity:0;color:#dffaff;font-family:Courier New,monospace;transition:opacity .4s;position:fixed;inset:0}.exploration-ui.visible{opacity:1}.exploration-frame{border:1px solid #50dcff1f;position:absolute;inset:24px}.corner{width:35px;height:35px;position:absolute}.corner-top-left{border-top:2px solid #63e6ff;border-left:2px solid #63e6ff;top:-1px;left:-1px}.corner-top-right{border-top:2px solid #63e6ff;border-right:2px solid #63e6ff;top:-1px;right:-1px}.corner-bottom-left{border-bottom:2px solid #63e6ff;border-left:2px solid #63e6ff;bottom:-1px;left:-1px}.corner-bottom-right{border-bottom:2px solid #63e6ff;border-right:2px solid #63e6ff;bottom:-1px;right:-1px}.exploration-header{text-align:center;width:420px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.exploration-status{letter-spacing:4px;color:#63e6ff;opacity:.7;font-size:10px}.exploration-title{letter-spacing:5px;text-transform:uppercase;text-shadow:0 0 12px #64e6ffb3;margin-top:7px;font-size:28px}.exploration-id{letter-spacing:2px;color:#dcfaff66;margin-top:8px;font-size:9px}.exploration-scan{pointer-events:none;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-circle{border:1px solid #5ae1ff33;border-radius:50%;position:absolute;inset:0}.scan-ring{border:1px solid #5ae1ff59;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{width:65%;height:65%}.ring-two{width:35%;height:35%}.ring-three{border-style:dashed;width:90%;height:90%;animation:8s linear infinite scan-rotation}@keyframes scan-rotation{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.scan-crosshair{border:1px solid #63e6ff;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #64e6ffcc}.scan-line{opacity:.6;background:#63e6ff;width:100%;height:1px;animation:2s ease-in-out infinite scan-sweep;position:absolute;left:0;box-shadow:0 0 10px #64e6ffe6}@keyframes scan-sweep{0%{top:0}50%{top:100%}to{top:0}}.scan-text{text-align:center;letter-spacing:3px;color:#63e6ff;text-shadow:0 0 8px #64e6ffb3;width:100%;font-size:10px;position:absolute;top:calc(100% + 18px)}.exit-exploration{pointer-events:auto;color:#63e6ff;letter-spacing:2px;cursor:pointer;background:#00141cb3;border:1px solid #64e6ff99;padding:10px 18px;font-family:Courier New,monospace;font-size:10px;transition:background .2s,box-shadow .2s;position:absolute;bottom:48px;right:48px}.exit-exploration:hover{background:#00c8f01f;box-shadow:0 0 12px #00dcff4d}.project-info-overlay{z-index:200;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#00050ad1;justify-content:center;align-items:center;padding:60px;transition:opacity .35s;display:flex;position:fixed;inset:0}.project-info-overlay.visible{opacity:1;pointer-events:auto}.project-info-panel{box-sizing:border-box;color:#dffaff;background:linear-gradient(135deg,#031922f7,#02080ef7);border:1px solid #64e6ffb3;width:min(1000px,90vw);max-height:88vh;padding:45px 55px;font-family:Courier New,monospace;position:relative;overflow-y:auto;box-shadow:0 0 30px #00dcff33,inset 0 0 50px #00b4ff0a}.project-info-panel::-webkit-scrollbar{width:5px}.project-info-panel::-webkit-scrollbar-track{background:#0000004d}.project-info-panel::-webkit-scrollbar-thumb{background:#63e6ff99}.project-info-close{float:right;z-index:2;color:#63e6ff;cursor:pointer;background:#00141ccc;border:1px solid #64e6ff99;width:35px;height:35px;font-family:Courier New,monospace;font-size:22px;position:sticky;top:0}.project-info-close:hover{background:#00c8f026;box-shadow:0 0 12px #00dcff66}.project-info-category{letter-spacing:4px;color:#63e6ff;opacity:.8;font-size:10px}.project-info-title{letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 12px #64e6ff99;margin:12px 0 20px;font-size:38px}.project-info-line{background:#64e6ff59;width:100%;height:1px;margin-bottom:35px}.project-info-image{object-fit:cover;border:1px solid #64e6ff66;width:100%;max-height:420px;margin-bottom:40px;display:block;box-shadow:0 0 20px #00dcff26}.project-info-section{margin-bottom:45px}.project-info-section h2{color:#63e6ff;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;font-size:16px}.project-info-section p{color:#dcfaffc7;margin:0;font-size:14px;line-height:1.8}.project-info-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.project-info-gallery img{border:1px solid #64e6ff59;width:100%;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 0 12px #00dcff1f}.project-info-gallery img:hover{transform:scale(1.02);box-shadow:0 0 20px #00dcff4d}.additional-info-button{color:#7eeaff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#00141cbf;border:1px solid #00dcffa6;margin-top:12px;padding:8px 16px;font-family:Courier New,monospace;font-size:11px;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .2s;position:relative;box-shadow:0 0 8px #00c8ff26}.additional-info-button:before{content:"";background:#00d9ff;width:5px;height:1px;position:absolute;top:50%;left:-6px;box-shadow:0 0 6px #00d9ff}.additional-info-button:after{content:"";background:#00d9ff;width:5px;height:1px;position:absolute;top:50%;right:-6px;box-shadow:0 0 6px #00d9ff}.additional-info-button:hover{color:#fff;background:#00b4dc1f;border-color:#00e6ff;transform:translateY(-1px);box-shadow:0 0 8px #00dcff59,inset 0 0 10px #00dcff14}.additional-info-button:active{background:#00dcff2e;transform:translateY(0)}.main-hud{pointer-events:none;z-index:20;color:#d8faff;letter-spacing:1px;font-family:Courier New,Courier,monospace;position:fixed;inset:0}.main-hud-header{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:28px;left:32px;right:32px}.main-hud-brand{flex-direction:column;gap:5px;display:flex}.main-hud-name{letter-spacing:5px;text-shadow:0 0 8px #00dcffb3;font-size:18px;font-weight:700}.main-hud-subtitle{letter-spacing:3px;opacity:.55;font-size:9px}.main-hud-status{letter-spacing:2px;background:#000f148c;border:1px solid #00dcff59;align-items:center;gap:9px;padding:8px 12px;font-size:9px;display:flex}.status-dot{background:#00eaff;border-radius:50%;width:6px;height:6px;animation:2s infinite hud-pulse;box-shadow:0 0 6px #00eaff,0 0 14px #00eaffb3}@keyframes hud-pulse{0%,to{opacity:1}50%{opacity:.35}}.main-hud-monitor,.main-hud-target,.main-hud-navigation{pointer-events:auto;background:linear-gradient(135deg,#00141ab8,#00050873);border:1px solid #00dcff73;position:absolute;box-shadow:0 0 14px #00d2ff14}.main-hud-monitor{width:245px;padding:16px 18px;bottom:32px;left:32px}.hud-label{color:#00dfff;letter-spacing:3px;margin-bottom:13px;font-size:9px;font-weight:700}.hud-line{border-top:1px solid #00dcff1f;justify-content:space-between;gap:25px;padding:6px 0;font-size:10px;display:flex}.hud-line span:last-child{color:#8eeeff}.main-hud-target{width:245px;padding:16px 18px;bottom:32px;right:32px}.hud-target-name{letter-spacing:3px;text-shadow:0 0 8px #00dcff73;margin-bottom:7px;font-size:22px;font-weight:700}.hud-target-type,.hud-target-status{letter-spacing:2px;opacity:.65;font-size:9px}.hud-target-status{color:#00dfff;opacity:.9;margin-top:6px}.main-hud-navigation{align-items:center;gap:6px;padding:6px;display:flex;bottom:32px;left:50%;transform:translate(-50%)}.main-hud-navigation .hud-label{opacity:.55;margin:0 10px 0 7px;font-size:8px}.hud-navigation-button{color:#bceff7;letter-spacing:2px;cursor:pointer;background:#0014198c;border:1px solid #00dcff4d;min-width:105px;padding:9px 13px;font-family:Courier New,Courier,monospace;font-size:9px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}.hud-navigation-button:hover{color:#fff;background:#00dcff14;border-color:#00dcffcc;box-shadow:0 0 10px #00dcff26}.main-hud-monitor:before,.main-hud-target:before{content:"";border-top:1px solid #00dfff;border-left:1px solid #00dfff;width:18px;height:18px;position:absolute;top:-1px;left:-1px}.main-hud-monitor:after,.main-hud-target:after{content:"";border-bottom:1px solid #00dfff;border-right:1px solid #00dfff;width:18px;height:18px;position:absolute;bottom:-1px;right:-1px}.hud.exploration-mode .main-hud{opacity:.18;transition:opacity .5s}.hud.exploration-mode .main-hud-navigation{pointer-events:none}.hud.exploration-mode .main-hud-monitor,.hud.exploration-mode .main-hud-target{opacity:.35}@media (width<=900px){.main-hud-header{top:18px;left:18px;right:18px}.main-hud-monitor{width:205px;bottom:18px;left:18px}.main-hud-target{width:205px;bottom:18px;right:18px}.main-hud-navigation{bottom:18px}.hud-navigation-button{min-width:80px;padding:8px 9px;font-size:8px}}@media (width<=700px){.main-hud-header{align-items:flex-start}.main-hud-name{font-size:14px}.main-hud-status{font-size:8px}.main-hud-monitor{display:none}.main-hud-target{width:180px;bottom:18px;right:18px}.main-hud-navigation{justify-content:center;left:18px;right:18px;transform:none}.main-hud-navigation .hud-label{display:none}.hud-navigation-button{flex:1;min-width:0}}