*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a1a;color:#fff}#canvas-container{width:100%;height:100%;display:block}canvas{display:block;width:100%;height:100%}.panel{position:absolute;background:#000000d9;border:2px solid rgba(100,200,255,.5);border-radius:10px;padding:30px;max-width:400px;color:#fff;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;pointer-events:none;z-index:100}.panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}.panel h2{font-size:28px;margin-bottom:15px;color:#64c8ff;text-transform:uppercase;letter-spacing:2px}.panel p{font-size:14px;line-height:1.6;margin-bottom:20px;color:#ddd}.panel a{display:inline-block;background:linear-gradient(135deg,#64c8ff,#4a9dd4);color:#000;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:all .3s ease;cursor:pointer}.panel a:hover{transform:scale(1.05);box-shadow:0 0 20px #64c8ff99}#panel-projects{bottom:40px;right:40px}#panel-about{bottom:40px;left:40px}#panel-contact{top:40px;left:50%;transform:translate(-50%) translateY(-20px)}#panel-contact.visible{transform:translate(-50%) translateY(0)}.hud{position:absolute;top:20px;left:20px;background:#000000b3;border:1px solid rgba(100,200,255,.3);padding:15px 20px;border-radius:5px;font-size:12px;z-index:50;font-family:Courier New,monospace}.hud-item{margin:5px 0;color:#64c8ff}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity .5s ease,visibility .5s ease;visibility:visible;flex-direction:column;gap:30px}.loading-screen.hidden{opacity:0;pointer-events:none;visibility:hidden}.loading-spinner{width:60px;height:60px;border:5px solid rgba(100,200,255,.2);border-top:5px solid #64c8ff;border-radius:50%;animation:spin 1.2s linear infinite}.loading-text{color:#64c8ff;font-size:18px;font-weight:500;letter-spacing:2px;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#64c8ff;margin-top:20px;font-size:14px;text-align:center}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;pointer-events:none;z-index:200}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#64c8ff80}.crosshair:before{width:2px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%)}.crosshair:after{width:10px;height:2px;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:768px){html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.panel{max-width:85vw;padding:15px;font-size:14px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel h2{font-size:18px;margin-bottom:10px}.panel p{font-size:13px;margin-bottom:10px}.panel a{padding:8px 12px;font-size:12px}.hud{font-size:12px;bottom:140px;right:10px}#panel-projects{bottom:20px;right:20px}#panel-about{bottom:20px;left:20px}.panel h2{font-size:20px}.panel p{font-size:12px}}