*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #050510;--color-primary: #00d4ff;--color-secondary: #7b2fff;--color-accent: #ff2d7a;--color-success: #00ff88;--color-text: #e0e6ed;--color-text-dim: #6b7280;--font-display: "Orbitron", monospace;--font-body: "Inter", sans-serif}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}#nav-header{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#050510b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,212,255,.15);z-index:500;transition:all .3s ease}@media (max-width: 480px){#nav-header{height:60px;padding:0 15px}}#hamburger-btn{width:32px;height:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s ease}#hamburger-btn:hover{background:#00d4ff1a}#hamburger-btn span{display:block;width:20px;height:2px;background:var(--color-primary);border-radius:2px;transition:all .3s ease}#hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#hamburger-btn.active span:nth-child(2){opacity:0}#hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}#nav-logo{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;text-decoration:none;transition:opacity .2s ease,transform .2s ease}#nav-logo:hover{opacity:.8;transform:translate(-50%) scale(1.02)}.nav-logo-text{font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;letter-spacing:6px;color:#fff;text-shadow:0 0 20px rgba(0,212,255,.6),0 0 40px rgba(124,58,237,.3)}#nav-spacer{width:32px}#hamburger-menu{position:fixed;top:48px;left:0;width:220px;background:#0a0a14f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-top:none;border-radius:0 0 8px;padding:8px 0;z-index:499;transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;box-shadow:0 8px 32px #0006}#hamburger-menu.closed{transform:translate(-100%);opacity:0;pointer-events:none}#hamburger-menu .menu-item{display:block;padding:14px 24px;font-family:var(--font-display);font-size:12px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--color-text);text-decoration:none;transition:all .2s ease;border-left:2px solid transparent}#hamburger-menu .menu-item:hover{background:#00d4ff1a;color:var(--color-primary);border-left-color:var(--color-primary)}#app{width:100%;height:100%;position:fixed;top:0;left:0}#three-canvas{width:100%;height:100%;display:block}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity 1s ease,visibility 1s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader{display:flex;flex-direction:column;align-items:center;gap:32px}.loader-ring{width:80px;height:80px;border:2px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-secondary);border-bottom-color:var(--color-accent);border-radius:50%;animation:spin 1.2s linear infinite;position:relative}.loader-ring:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid transparent;border-top-color:var(--color-success);border-radius:50%;animation:spin .8s linear infinite reverse}.loader-text{font-family:var(--font-display);font-size:11px;letter-spacing:6px;color:var(--color-primary);animation:pulse 2s ease-in-out infinite;text-shadow:0 0 20px rgba(0,212,255,.5)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}50%{opacity:1}}@media (max-width: 480px){.loader-ring{width:60px;height:60px}}#instructions{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;font-size:12px;color:var(--color-text-dim);font-weight:300;letter-spacing:1px;z-index:100;transition:opacity .5s ease;pointer-events:none;text-transform:uppercase;padding:12px 24px;background:#05051099;border:1px solid rgba(0,212,255,.15);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#instructions .divider{font-size:6px;opacity:.3;color:var(--color-primary)}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:1px solid rgba(0,212,255,.3);border-radius:50%;z-index:100;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#00d4ff80;transition:all .25s ease}#crosshair:before{width:1px;height:10px;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:after{width:10px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.hovering{width:48px;height:48px;border-color:var(--color-primary);border-width:2px;box-shadow:0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a;animation:crosshairPulse 1s ease-in-out infinite}#crosshair.hovering:before{height:16px;background:var(--color-primary)}#crosshair.hovering:after{width:16px;background:var(--color-primary)}@keyframes crosshairPulse{0%,to{box-shadow:0 0 30px #00d4ff66,inset 0 0 20px #00d4ff1a}50%{box-shadow:0 0 40px #00d4ff99,inset 0 0 30px #00d4ff33}}#screen-labels{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50}.screen-label{position:absolute;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:3px;color:#fff;text-transform:uppercase;padding:14px 24px;background:linear-gradient(135deg,#000000d9,#0a0a1ee6);border:1px solid rgba(0,212,255,.4);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 30px #00000080,0 0 40px #00d4ff26}.screen-label.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.screen-label .label-icon{color:var(--color-primary);margin-right:10px;font-size:10px;animation:iconPulse 1.5s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:.6}50%{opacity:1}}.screen-label .sublabel{display:block;font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:1px;color:var(--color-text-dim);margin-top:6px;text-transform:none}#app:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.4) 100%);z-index:10}#app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);z-index:11}@media (max-width: 768px){#instructions{font-size:10px;gap:14px;bottom:30px;padding:10px 18px;letter-spacing:.5px}.screen-label{font-size:11px;padding:10px 18px;letter-spacing:2px}.screen-label .sublabel{font-size:9px}#crosshair{width:28px;height:28px}#crosshair.hovering{width:40px;height:40px}#app{height:100vh;height:100dvh}}@media (max-width: 480px){#instructions{display:none}.screen-label{font-size:10px;padding:8px 12px;width:max-content;max-width:140px;white-space:normal;text-align:center}.screen-label .sublabel{display:none}#nav-logo .nav-logo-text{font-size:14px;letter-spacing:3px}}html{scroll-behavior:auto}::selection{background:var(--color-primary);color:var(--color-bg)}#lang-switcher{position:relative;z-index:600;font-family:var(--font-display);margin-left:20px}#nav-spacer{display:none}.lang-current{background:#050510cc;border:1px solid rgba(0,212,255,.3);color:var(--color-primary);padding:6px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;min-width:44px}.lang-current:hover{background:#00d4ff1a;border-color:var(--color-primary);box-shadow:0 0 15px #00d4ff4d}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#0a0a19f2;border:1px solid rgba(0,212,255,.2);border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;min-width:140px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 40px #00000080}.lang-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;text-align:left;background:transparent;border:none;color:var(--color-text);font-family:var(--font-display);font-size:11px;cursor:pointer;transition:all .2s ease;border-left:2px solid transparent}.lang-flag{font-size:16px}.lang-option:hover{background:#00d4ff1a;color:var(--color-primary);border-left-color:var(--color-primary)}.lang-option.active{color:var(--color-primary);background:#00d4ff0d}@media (max-width: 480px){#lang-switcher{margin-left:10px}}