:root{--bg-color: #03030c;--text-color: #e2e8f0;--text-muted: #94a3b8;--accent-blue: #38bdf8;--accent-purple: #a855f7;--accent-white: #ffffff;--glass-bg: rgba(10, 10, 20, .6);--glass-border: rgba(255, 255, 255, .08);--glow-blue: rgba(56, 189, 248, .4);--glow-purple: rgba(168, 85, 247, .4);--retro-cream: #fff6e5;--retro-red: #e63946;--retro-amber: #f4a261;--retro-teal: #2a9d8f;--retro-navy: #1d3557}*{box-sizing:border-box;margin:0;padding:0}button,.key,.key-wasd,.hud-panel,.desktop-controls-hud,.mobile-controls,.interaction-prompt,.mute-toggle-btn{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body,html{width:100%;height:100%;overflow:hidden;position:fixed;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;touch-action:none}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}#canvas3d{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;touch-action:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e;border-radius:16px}#hud-instructions{position:absolute;top:24px;left:24px;z-index:10;max-width:400px;padding:18px 22px;background:#12101ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2px solid var(--retro-teal);border-radius:18px;box-shadow:0 12px 40px #000c,0 0 20px #2a9d8f33;transition:all .4s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(-20px);pointer-events:none;overflow:hidden}#hud-instructions.active{opacity:1;transform:translateY(0);pointer-events:auto}#hud-instructions .hud-content{opacity:1;transition:opacity .3s ease}.instructions-toggle-btn{display:flex;align-items:center;position:absolute;top:12px;right:16px;height:28px;padding:0 10px 0 8px;background:#1d355780;border:1px solid rgba(244,162,97,.4);border-left:3px solid var(--retro-amber);border-radius:6px;color:var(--retro-cream);font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:.76rem;letter-spacing:.08em;gap:6px;cursor:pointer;z-index:11;transition:all .2s ease}.instructions-toggle-btn:focus-visible{outline:2px solid var(--retro-amber);outline-offset:2px;box-shadow:0 0 12px #f4a26180}.instructions-toggle-btn .btn-dot{background:var(--retro-amber);box-shadow:0 0 6px var(--retro-amber)}body.touch-device .instructions-toggle-btn{transition:none!important}.instructions-toggle-btn:hover{background:#f4a26133;transform:scale(1.03)}#hud-instructions.collapsed{width:76px!important;height:34px!important;border-radius:6px!important;padding:0 12px 0 10px!important;top:24px!important;left:24px!important;right:auto!important;bottom:auto!important;background:#12101ce6!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(244,162,97,.4)!important;border-left:3px solid var(--retro-amber)!important;box-shadow:0 8px 32px #0006;display:flex!important;align-items:center!important}body.touch-device #hud-instructions.collapsed{top:16px!important;left:16px!important;right:auto!important;bottom:auto!important;padding:0 10px!important}#hud-instructions.collapsed .hud-content{opacity:0;pointer-events:none;display:none}#hud-instructions.collapsed .instructions-toggle-btn{position:relative!important;top:0!important;right:0!important;width:100%!important;height:100%!important;border:none!important;background:transparent!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:.72rem!important;letter-spacing:.08em!important;padding:0!important;gap:6px!important}.mute-toggle-btn{display:flex;justify-content:center;align-items:center;position:absolute;top:24px;right:24px;width:36px;height:36px;background:#12101ce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--retro-teal);border-radius:8px;color:var(--retro-cream);cursor:pointer;z-index:12;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0;box-shadow:0 4px 16px #0006;opacity:0;pointer-events:none}.mute-toggle-btn:hover{background:#2a9d8f40;border-color:var(--retro-amber);transform:scale(1.05)}.mute-toggle-btn:focus-visible{outline:2px solid var(--retro-teal);outline-offset:2px;box-shadow:0 0 12px #2a9d8f80}.mute-toggle-btn .audio-icon{transition:opacity .2s ease}.mute-toggle-btn .hidden{display:none!important}#hud-instructions.active~#mute-toggle{opacity:1;pointer-events:auto}@media (max-width: 768px){#hud-instructions.active:not(.collapsed)~#mute-toggle{opacity:0!important;pointer-events:none!important}}.desktop-controls-hud{position:absolute;bottom:24px;right:24px;left:auto;z-index:9;display:flex;flex-direction:column;gap:12px;width:180px;pointer-events:none;opacity:0;transition:opacity .3s ease,transform .3s ease}body:not(.touch-device) #hud-instructions.active~.desktop-controls-hud{opacity:1;pointer-events:auto}body.touch-device .desktop-controls-hud{display:none}.wasd-container{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;background:#12101ce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(42,157,143,.4);border-left:3px solid var(--retro-teal);border-radius:8px;padding:8px 12px 8px 10px;box-shadow:0 8px 32px #0006}.wasd-container .btn-dot{background:var(--retro-teal);box-shadow:0 0 6px var(--retro-teal)}.wasd-keys{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:auto}.wasd-row{display:flex;gap:4px}.key-wasd{display:flex;justify-content:center;align-items:center;width:24px;height:24px;background:#1d355799;border:1px solid rgba(244,162,97,.4);border-bottom:3px solid var(--retro-amber);border-radius:5px;color:var(--retro-cream);font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:800;-webkit-user-select:none;user-select:none;transition:all .1s ease}.key-wasd.pressed{background:#f4a2614d;border-color:var(--retro-amber);border-bottom-width:1px;box-shadow:0 0 10px #f4a26199;color:var(--retro-cream);transform:translateY(1px)}.wasd-label{font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:.72rem;letter-spacing:.12em;color:var(--retro-amber)}.desktop-wave-btn{pointer-events:auto;width:100%;box-sizing:border-box;height:36px;padding:0 12px 0 10px;background:#12101ce6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(230,57,70,.4);border-left:3px solid var(--retro-red);border-radius:8px;color:var(--retro-cream);font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:.76rem;letter-spacing:.08em;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 8px 32px #0006;transition:all .2s cubic-bezier(.16,1,.3,1)}.desktop-wave-btn .btn-dot{background:var(--retro-red);box-shadow:0 0 6px var(--retro-red)}.desktop-wave-btn:hover:not(.disabled):not([disabled]){background:#e6394633;border-color:var(--retro-red);border-left-color:var(--retro-red);transform:scale(1.02)}.desktop-wave-btn:focus-visible{outline:2px solid var(--retro-red);outline-offset:2px;box-shadow:0 0 12px #e6394680}.desktop-wave-btn.pressed{background:#e639464d;border-color:var(--retro-red);border-left-color:var(--retro-red);border-bottom-width:1px;box-shadow:0 0 10px #e6394699;transform:translateY(1px)}.desktop-wave-btn.disabled,.desktop-wave-btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.key-hint{margin-left:auto}.desktop-wave-btn.pressed .key-hint.key-wasd{background:#e639464d;border-color:var(--retro-red);border-bottom-width:1px;box-shadow:0 0 10px #e6394699;color:var(--retro-cream);transform:translateY(1px)}#hud-instructions h2{font-family:Righteous,Space Grotesk,sans-serif;font-size:1.15rem;font-weight:400;letter-spacing:.04em;color:var(--retro-amber);margin-bottom:8px;padding-right:75px;text-shadow:1px 1px 0px var(--retro-navy)}#hud-instructions p{font-family:Inter,sans-serif;font-size:.85rem;color:var(--retro-cream);line-height:1.45;margin-bottom:6px}#hud-instructions ul{list-style:none;margin-bottom:0}#hud-instructions li{font-size:.825rem;margin-bottom:4px;color:var(--retro-cream)}.key{display:inline-block;background:#1d355799;border:1px solid var(--retro-amber);border-bottom:3px solid var(--retro-amber);border-radius:5px;padding:2px 7px;font-family:Space Grotesk,monospace;font-size:.75rem;font-weight:700;color:var(--retro-cream);box-shadow:0 2px 6px #0006}.hud-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:200;width:90%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;background:#12101ceb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--retro-amber);border-radius:24px;padding:40px;box-shadow:0 20px 60px #000000e6,0 0 30px #f4a26126;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.hud-modal:before{content:"";position:absolute;top:0;left:30px;right:30px;height:4px;background:linear-gradient(90deg,var(--retro-red),var(--retro-amber),var(--retro-teal));border-radius:0 0 4px 4px}.hud-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);border-color:var(--retro-amber);box-shadow:0 20px 60px #000000e6,0 0 40px #f4a26140}#hud-skills.hud-modal.active{border-color:#a855f74d;box-shadow:0 0 50px #a855f733}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;transition:color .2s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.modal-close:hover{color:#fff}.modal-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.modal-body{overflow-y:auto;touch-action:pan-y;flex:1;padding-right:8px}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px;transition:background .2s}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--accent-blue);margin-bottom:8px;letter-spacing:.05em}#hud-skills .modal-tag{color:var(--accent-purple)}.hud-modal h1{font-family:Righteous,Space Grotesk,sans-serif;font-size:1.6rem;font-weight:400;margin-bottom:16px;color:var(--retro-cream);-webkit-text-fill-color:var(--retro-cream);letter-spacing:.03em;text-shadow:2px 2px 0px var(--retro-navy)}.project-period{font-size:.95rem;color:var(--accent-blue);font-family:Space Grotesk,sans-serif;font-weight:500;margin-top:-14px;margin-bottom:20px;letter-spacing:.03em}.hud-modal p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px}.about-lead{font-size:1.1rem;color:var(--text-color)}.about-lead p{font-size:1.1rem;line-height:1.6;color:var(--text-color);font-weight:400;margin-bottom:16px}.about-lead ul{list-style-type:disc;padding-left:20px;margin-bottom:16px}.about-lead li{font-size:1rem;line-height:1.6;color:var(--text-muted);font-weight:400;margin-bottom:8px}.about-lead strong{font-weight:700;color:var(--accent-white)}.about-lead a{color:var(--accent-blue);text-decoration:none;font-weight:600;transition:color .2s,text-shadow .2s}.about-lead a:hover{color:var(--accent-white);text-shadow:0 0 8px var(--glow-blue)}.about-lead code{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.9em;color:var(--accent-blue)}.about-details-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:24px}.about-col h2{font-family:Space Grotesk,Righteous,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:16px;color:var(--retro-amber);letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid rgba(244,162,97,.25);padding-bottom:8px}.education-card{background:#1d355740;border:1px solid rgba(244,162,97,.2);border-radius:16px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;margin-bottom:12px}.education-card:hover{transform:translateY(-2px);border-color:var(--retro-amber);box-shadow:0 4px 20px #f4a26126}.education-card h3{font-family:Space Grotesk,sans-serif;font-size:1.05rem;color:var(--retro-cream);margin-bottom:4px}.education-card .institution{font-size:.9rem;color:var(--text-muted);margin-bottom:6px}.credit-link{color:var(--retro-amber);font-weight:700;text-decoration:underline;text-underline-offset:3px;transition:color .2s,text-shadow .2s}.credit-link:hover{color:var(--retro-cream);text-shadow:0 0 8px rgba(244,162,97,.5)}.education-card .project-period{font-size:.8rem;color:var(--retro-teal);margin-top:0;margin-bottom:12px}.course-list{padding-left:18px;margin:0}.course-list li{font-size:.85rem;color:var(--text-muted);margin-bottom:6px;line-height:1.4}.skills-category{margin-bottom:16px}.skills-category h4{font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--retro-amber);margin-bottom:8px;letter-spacing:.05em}.skill-badges{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;background:#2a9d8f1f;border:1px solid rgba(42,157,143,.35);color:var(--retro-teal);padding:6px 12px;border-radius:8px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.skill-badge:hover{transform:translateY(-2px);background:#f4a26133;border-color:var(--retro-amber);color:var(--retro-cream);box-shadow:0 0 12px #f4a2614d}.hobby-badge{background:#f4a2611f;border-color:#f4a26159;color:var(--retro-amber)}.hobby-badge:hover{background:#e6394633;border-color:var(--retro-red);color:var(--retro-cream);box-shadow:0 0 12px #e639464d}.about-contacts{margin-top:16px;margin-bottom:8px}.contact-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.contact-link{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;color:var(--retro-cream);text-decoration:none;background:#e639461f;border:1px solid rgba(230,57,70,.35);padding:10px 16px;border-radius:12px;transition:all .2s ease}.contact-link:hover{color:#fff;border-color:var(--retro-red);background:#e639464d;transform:translateY(-2px);box-shadow:0 4px 14px #e639464d}.contact-icon{width:18px;height:18px;fill:currentColor}@media (max-width: 650px){.about-details-grid{grid-template-columns:1fr;gap:20px}}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}@media (max-width: 550px){.project-grid{grid-template-columns:1fr}}.project-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:#38bdf833}.project-card h3{font-size:1.1rem;margin-bottom:8px;color:#fff}.project-card p{font-size:.85rem;margin-bottom:12px}.project-tech{font-size:.75rem;color:var(--accent-blue);font-family:monospace}.skills-section{display:flex;flex-direction:column;gap:16px}.skills-section h3{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:4px}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.mobile-controls{display:none;position:absolute;bottom:24px;width:100%;padding:0 24px;z-index:99;pointer-events:none;opacity:0;transition:opacity .5s ease}body.touch-device .mobile-controls{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end}body.touch-device .mobile-controls.active{opacity:1}.joystick-wrapper{pointer-events:auto;position:absolute;left:50%;transform:translate(-50%);bottom:50px;width:100px;height:100px;background:#0a0a1466;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 4px 16px #00000080;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:42px;height:42px;background:var(--accent-white);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006;transition:transform .05s ease-out}.btn-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.mobile-wave-btn{pointer-events:auto;height:38px;padding:0 14px 0 10px;background:#12101ce6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(230,57,70,.4);border-left:3px solid var(--retro-red);border-radius:6px;color:var(--retro-cream);font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:.8rem;letter-spacing:.08em;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0000004d;cursor:pointer;touch-action:none;transition:all .2s ease}.mobile-wave-btn .btn-dot{background:#a855f7;box-shadow:0 0 8px #a855f7}.mobile-wave-btn:active{transform:scale(.95);background:#a855f733;border-color:#a855f766}@media (max-width: 768px){#hud-instructions{left:16px;right:16px;bottom:auto;top:16px;max-width:none;padding:16px;border-radius:12px}#hud-instructions h2{padding-right:75px}.mute-toggle-btn{top:16px;right:16px}body.touch-device #hud-instructions{top:16px;left:16px;right:16px}body.touch-device #hud-instructions p:nth-of-type(n+2),body.touch-device #hud-instructions ul{display:none!important}#hud-instructions p{margin-bottom:0}.hud-modal h1{margin-top:0;padding-right:40px}.modal-close{top:20px;right:20px;font-size:1.75rem}}@media (max-width: 480px){.hud-modal{padding:24px 16px;border-radius:16px}.hud-modal h1{font-size:1.6rem;margin-top:16px;margin-bottom:12px;padding-right:36px}.hud-modal p{font-size:.9rem}.modal-close{top:16px;right:16px;font-size:1.75rem}.mobile-controls{bottom:16px;padding:0 16px}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity 2s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1);pointer-events:auto}.loading-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.loading-content{text-align:center;max-width:520px;width:90%;padding:44px 36px 36px;background:#12101ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--retro-amber);border-radius:24px;box-shadow:0 20px 60px #000000e6,0 0 30px #f4a26133;animation:loadingContentAppear 1.2s cubic-bezier(.16,1,.3,1);position:relative}.loading-content:before{content:"";position:absolute;top:0;left:30px;right:30px;height:4px;background:linear-gradient(90deg,var(--retro-red),var(--retro-amber),var(--retro-teal));border-radius:0 0 4px 4px}@keyframes loadingContentAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-title{font-family:Shrikhand,Righteous,cursive;font-size:4rem;font-weight:400;margin-bottom:8px;color:var(--retro-cream);-webkit-text-fill-color:var(--retro-cream);letter-spacing:.02em;line-height:1.1;text-shadow:3px 3px 0px var(--retro-red),6px 6px 0px var(--retro-amber),9px 9px 0px var(--retro-teal),12px 12px 0px var(--retro-navy),15px 15px 25px rgba(0,0,0,.8);transform:rotate(-1.5deg)}.loading-subtitle{font-family:Space Grotesk,Righteous,sans-serif;font-size:1.15rem;font-weight:700;color:var(--retro-amber);letter-spacing:.22em;text-transform:uppercase;margin-top:14px;margin-bottom:36px;text-shadow:2px 2px 0px var(--retro-navy)}.loading-bar-container{width:100%;height:8px;background:#1d355799;border:1px solid var(--retro-amber);border-radius:4px;overflow:hidden;margin-bottom:24px;position:relative;box-shadow:inset 0 2px 4px #0009}.loading-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--retro-red),var(--retro-amber),var(--retro-teal));border-radius:3px;box-shadow:0 0 10px var(--retro-amber);transition:width .3s ease-out}.loading-prompt{font-size:1.1rem;color:#fff;margin-top:10px;cursor:pointer;letter-spacing:.02em;transition:opacity .5s ease-in-out;animation:pulsePrompt 2s infinite alternate}.loading-prompt.hidden{display:none!important;opacity:0}@keyframes pulsePrompt{0%{opacity:.5;text-shadow:0 0 5px rgba(255,255,255,.2)}to{opacity:1;text-shadow:0 0 15px rgba(56,189,248,.6)}}.loading-status{font-size:.8rem;color:var(--text-muted);font-family:monospace;letter-spacing:.05em;margin-top:12px}.interaction-prompt{position:absolute;bottom:120px;left:50%;transform:translate(-50%);background:#12101ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:2px solid var(--retro-amber);border-radius:16px;padding:12px 24px;color:var(--retro-cream);font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:1.1rem;box-shadow:0 12px 40px #000c,0 0 20px #f4a26166;z-index:100;pointer-events:none;animation:pulse-glow 1.5s infinite alternate;display:flex;align-items:center;gap:10px}.interaction-prompt.hidden{display:none!important}.mobile-action-buttons{display:flex;flex-direction:column;gap:16px;align-items:flex-start;pointer-events:none}.mobile-action-buttons button{pointer-events:auto;width:120px}.mobile-interact-btn{pointer-events:auto;height:38px;padding:0 14px 0 10px;background:#12101ce6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(42,157,143,.4);border-left:3px solid var(--retro-teal);border-radius:6px;color:var(--retro-cream);font-family:Righteous,Space Grotesk,sans-serif;font-weight:400;font-size:.8rem;letter-spacing:.08em;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0000004d;cursor:pointer;touch-action:none;transition:all .2s ease;animation:button-pulse 2s infinite alternate}.mobile-interact-btn .btn-dot{background:var(--retro-teal);box-shadow:0 0 8px var(--retro-teal)}.mobile-interact-btn.hidden{display:none!important}.mobile-interact-btn:active{transform:scale(.95);background:#2a9d8f59;border-color:var(--retro-teal)}@keyframes button-pulse{0%{box-shadow:0 4px 16px #0000004d,0 0 4px #2a9d8f33}to{box-shadow:0 4px 16px #0000004d,0 0 12px #2a9d8f99}}@keyframes pulse-glow{0%{box-shadow:0 8px 32px #0009,0 0 15px #f4a2614d}to{box-shadow:0 8px 32px #0009,0 0 25px #f4a26199;transform:translate(-50%) scale(1.02)}}button:focus,button:active,button:focus-visible{outline:none!important}.navigation-indicators{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:99;overflow:hidden}.nav-indicator{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.nav-indicator.active{opacity:1;pointer-events:auto}.nav-indicator-circle{width:42px;height:42px;border-radius:50%;background-color:#12101ce6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--retro-amber);box-shadow:0 4px 12px #0009;background-size:65% 65%;background-position:center;background-repeat:no-repeat;position:relative;cursor:pointer;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.nav-indicator:hover .nav-indicator-circle{transform:scale(1.15)}.nav-indicator-arrow-wrapper{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.nav-indicator-arrow{position:absolute;bottom:25px;left:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--retro-amber)}.nav-indicator-distance{margin-top:5px;background:#12101ceb;border:1px solid var(--retro-amber);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--retro-cream);font-size:.72rem;font-family:Space Grotesk,sans-serif;font-weight:700;padding:2px 8px;border-radius:6px;box-shadow:0 3px 10px #0009;white-space:nowrap;letter-spacing:.03em;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (orientation: landscape) and (max-width: 950px){body.touch-device .mobile-controls{flex-direction:row!important;justify-content:flex-end!important}body.touch-device .joystick-wrapper{left:40px!important;transform:none!important;bottom:24px!important}body.touch-device .mobile-action-buttons{align-items:flex-end!important}}