*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,sans-serif;overflow:hidden;background-color:#000;color:#333}#three-container{position:absolute;top:0;left:0;width:100%;height:100%}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease}.loading-content{text-align:center;color:#fff}.loading-content h1{font-size:2.5rem;letter-spacing:.5rem;margin-bottom:2rem;font-weight:300}.loading-content p{font-size:1rem;margin-bottom:1.5rem;letter-spacing:.1rem}.loading-bar-container{width:300px;height:8px;background-color:#333;border-radius:4px;overflow:hidden;margin:0 auto}.loading-bar{height:100%;width:0%;background-color:#fff;animation:loading 3s ease-in-out forwards}@keyframes loading{0%{width:0%}to{width:100%}}#welcome-message{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:900;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease}.welcome-content{background-color:#fff;padding:2rem;border-radius:4px;text-align:center;max-width:400px}.welcome-content h2{font-size:1.5rem;margin-bottom:1rem;color:#000}.welcome-content p{margin-bottom:.8rem;color:#333}#continue-button{background-color:#000;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;margin-top:1rem;cursor:pointer;transition:background-color .3s}#continue-button:hover{background-color:#333}#error-message{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center}.error-content{background-color:#fff;padding:2rem;border-radius:4px;text-align:center;max-width:400px}.error-content h2{font-size:1.5rem;margin-bottom:1rem;color:#c00}.error-content p{margin-bottom:1.5rem;color:#333}#retry-button{background-color:#c00;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:background-color .3s}#retry-button:hover{background-color:#a00}.fade-out{opacity:0}@font-face{font-family:Neue Montreal;src:url(/3D-Portfolio/assets/NeueMontreal-Regular-CxM6MvLr.otf) format("opentype");font-weight:400;font-style:normal}#subtitle-container{position:fixed;bottom:10%;left:50%;transform:translate(-50%);color:#ffffffe6;font-family:Neue Montreal,sans-serif;font-size:1.8rem;text-align:center;padding:10px 20px;background-color:#00000080;border-radius:4px;opacity:0;transition:opacity .8s ease-in-out;pointer-events:none;z-index:100;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.trb-loader-grid{display:grid;grid-template-columns:repeat(3,24px);grid-template-rows:repeat(3,24px);gap:10px;justify-content:center;align-items:center;margin-bottom:2.5rem}.trb-square{width:24px;height:24px;background:#111;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 1px #222;transition:background .3s,transform .3s}.trb-square-animate{background:#00ffd0;animation:trb-pulse 1.2s infinite cubic-bezier(.4,0,.2,1);border-color:#00ffd0;box-shadow:0 0 16px #00ffd0,0 0 0 1px #222;transform:scale(1.15)}@keyframes trb-pulse{0%,to{background:#00ffd0;transform:scale(1.15);box-shadow:0 0 16px #00ffd0,0 0 0 1px #222}50%{background:#111;transform:scale(.85);box-shadow:0 0 2px #00ffd0,0 0 0 1px #222}}.trb-loading-text{font-family:Neue Montreal,Helvetica Neue,Arial,sans-serif;font-size:2.8rem;font-weight:700;letter-spacing:.6rem;color:#fff;text-align:center;margin:0;text-shadow:0 2px 16px #00FFD044;animation:trb-text-glow 1.5s infinite alternate}@keyframes trb-text-glow{0%{color:#fff;text-shadow:0 2px 16px #00FFD044}to{color:#00ffd0;text-shadow:0 2px 32px #00FFD0}}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;background:#000;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#e0e0e0}#app-container{position:relative;width:100%;height:100%}#three-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.hud{position:fixed;z-index:10}#game-hud{display:none;padding:20px}#location-indicator{font-size:1.2em;margin-bottom:15px;color:#5cded3}#controls-info{position:fixed;bottom:25px;left:25px;width:180px;font-family:Neue Montreal,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;color:#5cded3;background-color:#101820d9;border-left:2px solid #5CDED3;backdrop-filter:blur(5px);box-shadow:0 2px 10px #0003;z-index:100;letter-spacing:1.2px;transition:transform .3s ease,opacity .3s ease;transform-origin:bottom left}#controls-info:hover{transform:scale(1.03)}#controls-header{background-color:#5cded326;padding:8px 12px;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid rgba(92,222,211,.3)}.control-items{padding:10px 12px}.control-item{display:flex;justify-content:space-between;margin-bottom:8px;line-height:1.5}.control-item:last-child{margin-bottom:0}.key{color:#fff;font-weight:500}#interaction-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;padding:15px;border-radius:5px;display:none;z-index:9999;border:2px solid #5CDED3;box-shadow:0 0 15px #5cded380;font-size:18px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.9}}#subtitle-container{position:fixed;bottom:100px;left:50%;transform:translate(-50%);text-align:center;font-size:1.2em;z-index:1000;opacity:0;transition:opacity .3s ease}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;color:#5cded3;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity 1s ease}#loading-screen.fade-out{opacity:0}.loading-content h1{font-size:2em;margin:0;letter-spacing:2px}#start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.start-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:#000000b3;border-radius:10px;max-width:500px;margin-bottom:20px}.start-button{background-color:#0009;border:1px solid #5CDED3;color:#fff;padding:15px 35px;font-size:1.1em;font-weight:300;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:4px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.start-button:hover{background-color:#5cded3;color:#000;box-shadow:0 0 15px #5cded380;transform:scale(1.05)}.start-button:active{transform:scale(.98)}.key-prompt{color:#5cded3;margin-top:20px;font-size:.9em;letter-spacing:1px;animation:pulse-key-prompt 2s infinite;text-align:center}@keyframes pulse-key-prompt{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}#error-message{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2000}.error-content{background:#333;color:#fff;padding:20px;border-radius:10px;text-align:center;max-width:500px}.error-content button{background:#5cded3;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px}