*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00f5ff;--blue: #1a6bff;--purple: #9333ea;--magenta: #e040fb;--dark: #000005;--panel-bg: rgba(0, 20, 40, .55);--glow-cyan: 0 0 20px rgba(0,245,255,.5);--glow-blue: 0 0 30px rgba(26,107,255,.4);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:var(--dark);color:#e0eaf5;font-family:var(--font-body);cursor:crosshair}#galaxy-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;display:block}#loader{position:fixed;inset:0;z-index:1000;background:#000005;display:flex;align-items:center;justify-content:center;transition:opacity .8s ease,visibility .8s ease}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{text-align:center}.loader-logo{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:.4em;color:var(--cyan);text-shadow:var(--glow-cyan),0 0 60px rgba(0,245,255,.3);margin-bottom:2rem;animation:pulseGlow 2s ease-in-out infinite}.loader-bar-wrap{width:280px;height:2px;background:#00f5ff26;border-radius:2px;margin:0 auto 1rem;overflow:hidden}.loader-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--cyan);transition:width .4s ease}.loader-text{font-family:var(--font-display);font-size:.65rem;letter-spacing:.25em;color:#00f5ff99;text-transform:uppercase}#hud{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(0,0,5,.7) 0%,transparent 100%);opacity:0;transition:opacity 1s ease}#hud.visible{opacity:1}#hud-logo{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.3em;color:var(--cyan);text-shadow:var(--glow-cyan)}#hud-nav{display:flex;gap:.5rem}.nav-btn{background:transparent;border:1px solid rgba(0,245,255,.2);color:#c8e6ffb3;font-family:var(--font-display);font-size:.6rem;letter-spacing:.15em;padding:.45rem 1rem;border-radius:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.nav-btn:hover,.nav-btn.active{background:#00f5ff1a;border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan)}#scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.4rem}#scroll-hint span{font-size:.58rem;letter-spacing:.2em;opacity:.5;text-transform:uppercase}.scroll-arrow{width:14px;height:14px;border-right:1px solid rgba(0,245,255,.5);border-bottom:1px solid rgba(0,245,255,.5);transform:rotate(45deg);animation:scrollBounce 1.5s ease-in-out infinite}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;z-index:50;pointer-events:none;opacity:.3;transition:opacity .3s,transform .3s}#crosshair:before,#crosshair:after{content:"";position:absolute;background:var(--cyan)}#crosshair:before{left:50%;top:0;width:1px;height:100%;transform:translate(-50%)}#crosshair:after{top:50%;left:0;height:1px;width:100%;transform:translateY(-50%)}body.hovering #crosshair{opacity:1;transform:translate(-50%,-50%) scale(1.6)}.holo-panel{position:fixed;z-index:200;width:min(520px,90vw);background:var(--panel-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,245,255,.25);border-radius:4px;padding:2.5rem;box-shadow:var(--glow-cyan),inset 0 0 40px #00f5ff08;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.holo-panel.visible{opacity:1;transform:translateY(0);pointer-events:all}.holo-panel.hidden{display:none!important}.holo-panel:before,.holo-panel:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cyan);border-style:solid}.holo-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.holo-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.panel-close{position:absolute;top:1rem;right:1.2rem;font-size:1rem;cursor:pointer;color:#00f5ff80;transition:color .2s}.panel-close:hover{color:var(--cyan)}.panel-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;letter-spacing:.15em;color:var(--cyan);text-shadow:var(--glow-cyan);margin-bottom:1.5rem;text-transform:uppercase}.panel-body{font-size:.88rem;line-height:1.7;opacity:.8;margin-bottom:1rem}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.2rem}.panel-card{background:#00f5ff0d;border:1px solid rgba(0,245,255,.12);border-radius:3px;padding:.8rem 1rem;font-size:.78rem;transition:background .2s,border-color .2s}.panel-card:hover{background:#00f5ff1a;border-color:#00f5ff4d}.panel-card h4{font-family:var(--font-display);font-size:.68rem;letter-spacing:.1em;color:var(--cyan);margin-bottom:.3rem}.panel-tag{display:inline-block;background:#00f5ff1a;border:1px solid rgba(0,245,255,.2);color:var(--cyan);font-size:.65rem;letter-spacing:.08em;padding:.2rem .6rem;border-radius:2px;margin:.2rem .15rem 0 0}.skill-bar-wrap{margin:.4rem 0}.skill-bar-wrap label{font-size:.72rem;display:flex;justify-content:space-between;opacity:.75;margin-bottom:.2rem}.skill-bar{height:3px;background:#00f5ff1a;border-radius:2px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 8px var(--cyan);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 1s ease .2s}.holo-panel.visible .skill-fill{transform:scaleX(1)}.contact-link{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:1px solid rgba(0,245,255,.15);border-radius:3px;margin-bottom:.6rem;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit}.contact-link:hover{background:#00f5ff12;border-color:#00f5ff4d}.contact-icon{font-size:1.1rem}.contact-label{font-size:.82rem}#experimental-panel{top:50%;left:50%;transform:translate(-50%,-50%) translateY(0)}#experimental-panel.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%) translateY(0)}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}.exp-item{padding:.7rem;text-align:center;border:1px solid rgba(147,51,234,.3);background:#9333ea12;border-radius:3px;font-size:.72rem;color:#c084fc;letter-spacing:.05em}#warp-overlay{position:fixed;inset:0;z-index:300;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,10,30,.9) 100%);transition:opacity .3s ease}#warp-overlay.active{opacity:1}#location-indicator{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;text-align:center;opacity:0;transition:opacity .5s}#location-indicator.visible{opacity:1}.location-name{font-family:var(--font-display);font-size:.7rem;letter-spacing:.3em;color:var(--cyan);text-shadow:var(--glow-cyan);text-transform:uppercase}.location-dots{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.location-dot{width:6px;height:6px;border-radius:50%;background:#00f5ff33;transition:background .4s,box-shadow .4s}.location-dot.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.planet-label{font-family:var(--font-display);font-size:.7rem;letter-spacing:.2em;color:var(--cyan);text-shadow:var(--glow-cyan);text-transform:uppercase;pointer-events:none;background:#00000a80;border:1px solid rgba(0,245,255,.3);padding:.3rem .8rem;border-radius:2px;white-space:nowrap;transition:opacity .3s}@keyframes pulseGlow{0%,to{text-shadow:var(--glow-cyan),0 0 60px rgba(0,245,255,.3)}50%{text-shadow:0 0 30px rgba(0,245,255,.9),0 0 80px rgba(0,245,255,.5)}}@keyframes scrollBounce{0%,to{transform:rotate(45deg) translateY(0);opacity:.5}50%{transform:rotate(45deg) translateY(4px);opacity:1}}@keyframes glitch{0%,to{clip-path:inset(0);transform:translate(0)}10%{clip-path:inset(40% 0 50% 0);transform:translate(-4px,2px)}20%{clip-path:inset(70% 0 5% 0);transform:translate(4px,-2px)}30%{clip-path:inset(10% 0 80% 0);transform:translate(0)}40%{clip-path:inset(55% 0 30% 0);transform:translate(-2px,3px)}}.glitch{position:relative}.glitch:before{content:attr(data-text);position:absolute;inset:0;color:#e040fb;animation:glitch 3s step-end infinite;opacity:.6}.contact-info{margin-bottom:1.2rem;border:1px solid rgba(0,245,255,.12);border-radius:3px;overflow:hidden}.contact-row{display:flex;align-items:baseline;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid rgba(0,245,255,.07);font-size:.82rem}.contact-row:last-child{border-bottom:none}.contact-row:hover{background:#00f5ff0a}.contact-field{font-family:var(--font-display);font-size:.58rem;letter-spacing:.15em;color:#00f5ff8c;text-transform:uppercase;min-width:72px;flex-shrink:0}.contact-value{color:#d2ebffd9;font-size:.82rem;word-break:break-all}.contact-href{color:var(--cyan);text-decoration:none;transition:opacity .2s}.contact-href:hover{opacity:.75;text-decoration:underline;text-underline-offset:3px}@media(max-width:768px){#hud{padding:.8rem 1rem;flex-wrap:wrap;gap:.4rem}#hud-logo{font-size:.85rem;letter-spacing:.18em}#hud-nav{order:3;width:100%;overflow-x:auto;gap:.3rem;padding-bottom:2px;scrollbar-width:none}#hud-nav::-webkit-scrollbar{display:none}#scroll-hint{display:none}.nav-btn{font-size:.52rem;padding:.55rem .8rem;min-height:38px;white-space:nowrap;flex-shrink:0;touch-action:manipulation}.holo-panel{width:calc(100vw - 1.5rem)!important;left:.75rem!important;right:.75rem!important;top:auto!important;bottom:5rem!important;padding:1.4rem 1.1rem;max-height:58vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-title{font-size:1rem;margin-bottom:.75rem}.panel-body{font-size:.8rem}.panel-grid{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.75rem}.panel-card{padding:.6rem .7rem;font-size:.72rem}.skill-bar-wrap label{font-size:.66rem}.contact-row{flex-direction:column;gap:.15rem;padding:.5rem .75rem}.contact-field{min-width:unset}#crosshair{display:none}#location-indicator{bottom:1.2rem}.location-name{font-size:.58rem;letter-spacing:.18em}.location-dot{width:5px;height:5px}.planet-label{font-size:.58rem;padding:.18rem .55rem}#experimental-panel{width:calc(100vw - 1.5rem)!important;left:.75rem!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}@media(max-width:480px){#hud-logo{font-size:.7rem}.nav-btn{font-size:.48rem;padding:.5rem .6rem}.holo-panel{padding:1.1rem .9rem;max-height:52vh}.panel-grid,.experiment-grid{grid-template-columns:1fr}}@supports (padding: env(safe-area-inset-bottom)){#hud{padding-top:calc(.8rem + env(safe-area-inset-top))}#location-indicator{bottom:calc(1.2rem + env(safe-area-inset-bottom))}.holo-panel{bottom:calc(5rem + env(safe-area-inset-bottom))!important}}#dev-credit{position:fixed;bottom:1.4rem;right:1.5rem;z-index:150;font-family:var(--font-body);font-size:.62rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#00f5ff59;text-decoration:none;pointer-events:all;padding:.3rem .7rem;background:#000a1473;border:1px solid rgba(0,245,255,.1);border-radius:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;animation:creditFadeIn 1.5s ease 3s forwards;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}#dev-credit span{color:#00f5ff99;font-weight:500;transition:color .3s ease}#dev-credit:hover{color:#00f5ffbf;border-color:#00f5ff4d;background:#00142899;box-shadow:0 0 12px #00f5ff26,inset 0 0 8px #00f5ff0a;text-decoration:none}#dev-credit:hover span{color:var(--cyan);text-shadow:0 0 8px rgba(0,245,255,.5)}@keyframes creditFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){#dev-credit{font-size:.55rem;bottom:1rem;right:1rem;padding:.25rem .6rem;letter-spacing:.08em}}@supports (padding: env(safe-area-inset-bottom)){#dev-credit{bottom:calc(1rem + env(safe-area-inset-bottom))}}