@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;600&display=swap";body{margin:0;overflow:hidden;background-color:#000;color:#fff;font-family:Rajdhani,sans-serif}canvas{display:block;position:absolute;top:0;left:0;z-index:-1}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(255,215,0,.5);border-radius:50%;pointer-events:none;display:none;z-index:10;box-shadow:0 0 10px #ffd700cc,inset 0 0 10px #ffd700cc}#crosshair:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fff}#esc-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#fa0;font-family:Orbitron,sans-serif;font-size:1.2rem;letter-spacing:4px;text-shadow:0 0 10px #ffaa00;pointer-events:none;display:none;z-index:10}#minigame-hud{position:absolute;top:60px;left:50%;transform:translate(-50%);color:gold;font-family:Orbitron,sans-serif;font-size:1.5rem;letter-spacing:2px;text-shadow:0 0 15px #ffd700;background:#0f0a00cc;padding:10px 20px;border:1px solid #ffd700;pointer-events:none;display:none;z-index:10;border-radius:5px}#controls-hint{position:absolute;bottom:20px;left:20px;color:#fa0;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:2px;text-shadow:0 0 10px #ffaa00;pointer-events:none;display:none;z-index:10;line-height:1.8;border-left:2px solid rgba(255,170,0,.5);padding-left:10px}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;box-sizing:border-box;z-index:20}header{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start}h1{font-family:Orbitron,sans-serif;margin:0;font-size:3rem;text-shadow:0 0 15px rgba(255,215,0,.6)}p{margin:5px 0 0;font-size:1.5rem;color:gold;letter-spacing:3px}nav{display:flex;gap:10px;margin-top:10px}.roam-container{pointer-events:auto;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}button{background:#0f0a00cc;border:1px solid #ffd700;color:#fff;padding:12px 20px;font-family:Orbitron,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;white-space:nowrap}button:hover{background:gold;color:#000;box-shadow:0 0 20px gold;transform:translateY(-3px)}#btn-roam{border-color:#fa0;color:#fa0}#btn-roam:hover{background:#fa0;color:#000;box-shadow:0 0 20px #fa0}.content-panel{position:absolute;right:5%;top:32.47%;width:450px;max-height:60vh;overflow-y:auto;background:#0a0802d9;border:1px solid #ffd700;padding:2rem;box-shadow:0 0 30px #ffd7001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;opacity:0;transform:translate(50px);transition:all .5s ease;pointer-events:none;z-index:5}.content-panel.active{opacity:1;transform:translate(0);pointer-events:auto}.content-panel h2{font-family:Orbitron,sans-serif;color:gold;margin-top:0;border-bottom:1px solid #ffd700;padding-bottom:10px}.content-panel h3{color:#ffc107;font-family:Orbitron,sans-serif;margin-bottom:5px}.content-panel p,.content-panel ul{font-size:1.1rem;color:#ddd;letter-spacing:1px;line-height:1.6}.action-btn{display:block;width:100%;margin-top:15px;text-align:center}.content-panel::-webkit-scrollbar{width:8px}.content-panel::-webkit-scrollbar-track{background:#05040280;border-left:1px solid rgba(255,215,0,.2);border-radius:0 5px 5px 0}.content-panel::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:10px}.content-panel::-webkit-scrollbar-thumb:hover{background:gold}.project-list{list-style:none;padding-left:0;margin:0}.project-list li{background:#ffd70008;border-left:3px solid #ffd700;padding:15px;margin-bottom:15px;border-radius:0 8px 8px 0;transition:all .3s ease}.project-list li:hover{background:#ffd7001a;box-shadow:inset 20px 0 20px -20px #ffd70080}.project-list a{color:gold;text-decoration:underline;text-decoration-color:#ffd70066;text-underline-offset:4px;font-size:1.2rem;font-family:Orbitron,sans-serif;letter-spacing:1px;display:inline-block;margin-bottom:5px;transition:all .3s ease}.project-list a:after{content:" ↗";font-size:.8em;opacity:.7}.project-list a:hover{text-shadow:0 0 10px rgba(255,215,0,.8);text-decoration-color:gold}.project-list em{display:block;color:#fa0;font-size:.9rem;margin-bottom:8px;font-style:normal;letter-spacing:1px}.project-list span{display:block;color:#ccc;font-size:1rem;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#0a0802f2;border:1px solid #ffd700;width:80%;max-width:1000px;max-height:80vh;padding:3rem;border-radius:5px;box-shadow:0 0 50px #ffd70026;overflow-y:auto;position:relative}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:#050402cc;border-left:1px solid rgba(255,215,0,.2)}.modal-content::-webkit-scrollbar-thumb{background:#ffd70080;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:gold}#btn-close-modal{position:absolute;top:20px;right:20px;background:transparent;border:1px solid #ffaa00;color:#fa0;padding:5px 15px;font-size:1.2rem;cursor:pointer;font-family:Orbitron,sans-serif}#btn-close-modal:hover{background:#fa0;color:#000;box-shadow:0 0 15px #fa0}.media-container{display:flex;flex-direction:column;gap:50px}.game-title{color:#fa0;font-family:Orbitron,sans-serif;letter-spacing:2px;border-left:4px solid #ffaa00;padding-left:15px;background:#ffaa001a;display:inline-block;padding-right:20px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.media-item{border-left:2px solid rgba(255,215,0,.3);padding-left:15px;transition:all .3s ease}.media-item:hover{border-left-color:gold}.media-desc{color:#aaa;font-size:.95rem;line-height:1.5;margin-top:10px}.placeholder-vid,.placeholder-img{width:100%;height:250px;background:#ffd70008;border:1px dashed rgba(255,215,0,.3);display:flex;justify-content:center;align-items:center;color:#fa0;font-family:Orbitron,sans-serif;letter-spacing:2px;transition:all .3s ease;border-radius:4px}.placeholder-vid:hover,.placeholder-img:hover{background:#ffd70014;border-color:gold}@media(max-width:900px){.archive-grid{grid-template-columns:1fr}}#contact-form label{display:block;color:#fa0;font-family:Orbitron,sans-serif;margin-top:20px;margin-bottom:5px;font-size:.9rem;letter-spacing:2px}#contact-form input,#contact-form textarea{width:100%;background:#05040299;border:1px solid rgba(255,215,0,.5);color:#fff;font-family:Rajdhani,sans-serif;font-size:1.2rem;padding:12px;box-sizing:border-box;transition:all .3s ease;border-radius:3px}#contact-form input::placeholder,#contact-form textarea::placeholder{color:#ffffff4d}#contact-form input:focus,#contact-form textarea:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd7004d,inset 0 0 10px #ffd7001a;background:#0f0a00e6}#contact-form textarea{resize:vertical}@media screen and (max-width:768px){#ui-container{flex-direction:column;bottom:20px;left:50%;transform:translate(-50%);width:90%;gap:10px}.nav-btn{width:100%;padding:12px;font-size:14px;text-align:center}#btn-roam,#controls-hint,#minigame-hud{display:none!important}.content-panel{width:90%;left:5%;top:10%;transform:none;max-height:80vh;overflow-y:auto;padding:15px}#media-modal .modal-content{width:95%;padding:10px}.media-grid{grid-template-columns:1fr}}