#teleport-fade{position:fixed;inset:0;background:black;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out;z-index:9999}#teleport-fade.visible{opacity:.6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease}.loading-content{text-align:center;color:#fff;max-width:400px;padding:20px}.loading-content h1{font-size:2.5rem;margin-bottom:20px;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-text{font-size:1.1rem;margin:20px 0;opacity:.9}.loading-progress{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden;margin-top:15px}#loading-bar{height:100%;background:linear-gradient(90deg,#00f260,#0575e6);width:0%;transition:width .3s ease;border-radius:2px}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}#controls-panel{position:absolute;top:20px;right:20px;display:flex;gap:10px;pointer-events:auto}#controls-panel button{width:50px;height:50px;border-radius:50%;border:none;background:rgba(0,0,0,.7);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1)}#controls-panel button:hover{background:rgba(0,0,0,.9);transform:scale(1.1);border-color:#ffffff4d}#controls-panel button:active{transform:scale(.95)}#info-panel{position:absolute;top:80px;right:20px;background:rgba(0,0,0,.9);color:#fff;padding:20px;border-radius:10px;min-width:300px;pointer-events:auto;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}#info-panel.hidden{display:none}#info-panel h3{margin-bottom:15px;color:#00f260;font-size:1.2rem}#info-panel ul{list-style:none;margin:15px 0}#info-panel li{margin:8px 0;padding-left:10px;border-left:3px solid #00f260;font-size:.9rem;line-height:1.4}#close-info{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}#close-info:hover{background:rgba(255,255,255,.1)}a-scene{width:100%;height:100vh}.a-enter-vr-button{bottom:20px!important;right:20px!important;background:linear-gradient(135deg,#00f260,#0575e6)!important;border:none!important;border-radius:25px!important;padding:12px 20px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:1px!important;transition:all .3s ease!important;box-shadow:0 5px 15px #0000004d!important}.a-enter-vr-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #0006!important}@media (max-width: 768px){#controls-panel{top:10px;right:10px;gap:8px}#controls-panel button{width:45px;height:45px;font-size:1rem}#info-panel{top:65px;right:10px;left:10px;min-width:auto;max-width:none}.loading-content h1{font-size:2rem}.loading-content{padding:15px}}@media (max-width: 480px){#loading-text{font-size:1rem}#info-panel{font-size:.9rem}#info-panel li{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none;border:4px solid rgba(255,255,255,.5)}*{transition:none!important;animation:none!important}}button:focus{outline:2px solid #00f260;outline-offset:2px}@media (prefers-contrast: high){#controls-panel button,#info-panel{background:black;border-color:#fff}}@media print{#ui-overlay,#loading-screen{display:none!important}}