:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#0c0d0f;color:#e4e4e7}#game-container{position:fixed;top:0;left:0;width:100%;height:100%}canvas{display:block}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-overlay>div{pointer-events:auto}#loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0c0d0f;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.loading-content{text-align:center;max-width:500px;padding:20px}.loading-content h1{font-size:3rem;margin-bottom:10px;color:#38bdf8;letter-spacing:-.01em;font-family:Inter,Segoe UI,system-ui,sans-serif}.loading-content p{font-size:1.2rem;margin-bottom:20px;color:#e4e4e7}.progress-bar{width:100%;height:8px;background-color:#27272a;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress{height:100%;background-color:#38bdf8;width:0%;transition:width .3s ease}.loading-text{font-size:.9rem;color:#a1a1aa}#controls-help{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0c0d0fe6;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.controls-panel{background-color:#18181b;border-radius:8px;padding:30px;width:400px;box-shadow:0 8px 32px #0000004d;border:1px solid #27272a}.controls-panel h3{text-align:center;margin-bottom:20px;font-size:1.5rem;color:#38bdf8;font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.01em}.controls-panel ul{list-style:none;margin-bottom:25px}.controls-panel li{margin-bottom:12px;display:flex;align-items:center;flex-wrap:wrap}.key{display:inline-block;background-color:#27272a;border:1px solid #3f3f46;border-radius:4px;padding:5px 10px;margin-right:5px;font-size:.8rem;min-width:30px;text-align:center;box-shadow:0 2px #0c0d0f}button,.menu-button{background-color:#0284c7;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s,transform .2s;display:block;width:100%;text-align:center;margin-bottom:10px;text-decoration:none}button:hover,.menu-button:hover{background-color:#0369a1;transform:translateY(-2px)}#start-game{font-size:1.1rem;padding:12px}#game-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#navigation-panel{position:absolute;top:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;pointer-events:all;min-width:200px}#navigation-panel h4{color:#38bdf8;margin:0 0 10px;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:1px}.nav-buttons{display:flex;flex-direction:column;gap:8px}.nav-btn{background:#38bdf833;border:1px solid rgba(56,189,248,.3);color:#38bdf8;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.nav-btn:hover{background:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 8px #38bdf84d}.nav-btn.about-btn{border-color:#38bdf880;color:#38bdf8}.nav-btn.projects-btn{border-color:#0284c780;color:#0284c7}.nav-btn.skills-btn{border-color:#8b5cf680;color:#8b5cf6}.nav-btn.education-btn{border-color:#10b98180;color:#10b981}.nav-btn.contact-btn{border-color:#ec489980;color:#ec4899}.nav-btn.about-btn:hover{background:#38bdf84d}.nav-btn.projects-btn:hover{background:#0284c74d}.nav-btn.skills-btn:hover{background:#8b5cf64d}.nav-btn.education-btn:hover{background:#10b9814d}.nav-btn.contact-btn:hover{background:#ec48994d}#minimap{position:absolute;bottom:20px;right:20px;width:200px;height:200px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;pointer-events:all;z-index:10}#minimap h4{color:#38bdf8;margin:0 0 10px;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px}.minimap-container{position:relative;width:100%;height:150px;background:#38bdf81a;border-radius:8px;overflow:hidden}.minimap-section{position:absolute;width:35px;height:35px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:8px}.minimap-section:hover{transform:scale(1.1);z-index:10}.minimap-icon{font-size:12px;margin-bottom:2px}.minimap-section span{font-size:6px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30px}.about-section{top:50%;left:50%;transform:translate(-50%,-50%);background:#38bdf899;border:2px solid #38bdf8}.projects-section{top:20%;right:20%;background:#0284c799;border:2px solid #0284c7}.skills-section{top:20%;left:20%;background:#8b5cf699;border:2px solid #8b5cf6}.education-section{bottom:20%;left:20%;background:#10b98199;border:2px solid #10b981}.contact-section{bottom:20%;right:20%;background:#ec489999;border:2px solid #ec4899}.player-dot{position:absolute;width:8px;height:8px;background:red;border-radius:50%;border:2px solid white;transform:translate(-50%,-50%);z-index:20;box-shadow:0 0 10px #f00c;animation:pulse 2s infinite;left:50%;top:50%}@keyframes pulse{0%{box-shadow:0 0 10px #f00c}50%{box-shadow:0 0 20px red}to{box-shadow:0 0 10px #f00c}}#interact-prompt{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background-color:#18181bcc;padding:10px 20px;border-radius:30px;display:flex;align-items:center;border:1px solid #3f3f46;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#interact-prompt .key{margin-right:10px}#info-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#18181bf2;padding:30px;border-radius:8px;max-width:600px;width:90%;max-height:80%;overflow-y:auto;border:1px solid #3f3f46;box-shadow:0 10px 25px #00000080;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#info-content{margin-bottom:20px}#info-content h2{color:#38bdf8;margin-bottom:15px;font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.01em}#info-content p{margin-bottom:15px;line-height:1.6;color:#d4d4d8}#info-content strong{color:#f4f4f5}#close-info{margin-top:20px}#minimap{position:absolute;bottom:20px;right:20px;width:200px;height:200px;background-color:#18181bb3;border-radius:50%;border:2px solid #3f3f46;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#menu{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0c0d0fe6;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-content{background-color:#18181b;border-radius:8px;padding:30px;width:350px;box-shadow:0 8px 32px #0000004d;border:1px solid #27272a}.menu-content h2{text-align:center;margin-bottom:25px;color:#38bdf8;font-family:Inter,Segoe UI,system-ui,sans-serif;letter-spacing:-.01em}.hidden{display:none!important}.pointer-dot{position:absolute;top:50%;left:50%;width:4px;height:4px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;transition:all .15s ease-in-out}.pointer-dot.interactable{width:4px;height:4px;box-shadow:0 0 0 4px #38bdf880}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#18181b}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#52525b}