*{margin:0;padding:0}.experince{background-color:#000;height:100vh;width:100vw;position:relative;overflow:hidden}#loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:auto;z-index:100;opacity:1;transition:top 1.5s ease-in-out,left 1.5s ease-in-out,transform 1.5s ease-in-out,opacity 1s ease-in-out}#loading-logo.loaded{top:10px;left:5px;transform:translate(0) scale(.6);pointer-events:none}.ui-panel{position:absolute;top:20px;padding:15px;background-color:#0006;border-radius:10px;display:flex;flex-direction:column;gap:10px;width:200px;max-height:90vh;overflow-y:auto;color:#fff;font-family:sans-serif}.ui-panel.hidden{display:none}#ui-right-panel{right:20px}#ui-left-panel{left:20px}.ui-panel button{padding:10px;background-color:#4f4f4f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.ui-panel .ui-slider-group{display:flex;flex-direction:column;gap:5px}.ui-panel input[type=range]{width:100%}.ui-panel .ui-monitor-group{display:flex;justify-content:space-between;width:100%;background-color:#0003;padding:5px 8px;border-radius:4px;box-sizing:border-box}.ui-panel .ui-monitor-value{font-weight:700;color:#a0e9ff}.ui-panel button:hover{background-color:#6a6a6a}.ui-panel button.toggled{background-color:#2a8a4f;box-shadow:inset 0 0 5px #00000080}.ui-panel button.toggled:hover{background-color:#3cb86c}.ui-control-wrapper{margin-bottom:15px}.ui-label{display:block;margin-bottom:5px;font-size:14px;color:#ccc}.ui-slider{width:100%;cursor:pointer}.ui-button{width:100%;padding:10px;background-color:#444;color:#fff;border:1px solid #666;border-radius:4px;cursor:pointer;transition:background-color .2s}.ui-button:hover{background-color:#555}.ui-toggle-wrapper{display:flex;justify-content:space-between;align-items:center}.ui-switch{position:relative;display:inline-block;width:50px;height:24px}.ui-switch input{opacity:0;width:0;height:0}.ui-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#555;transition:.4s;border-radius:24px}.ui-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.ui-switch-slider{background-color:#f32121}input:checked+.ui-switch-slider:before{transform:translate(26px)}#compass{position:absolute;bottom:20px;left:20px;width:60px;height:60px;z-index:100;transition:transform .1s linear}.info-panel{position:fixed;top:0;right:0;width:300px;height:100%;background-color:#191919d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:20px;box-shadow:-5px 0 15px #00000080;transform:translate(100%);transition:transform .5s ease-in-out;z-index:100;font-family:sans-serif}.info-panel.is-visible{transform:translate(0)}.info-panel-close{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.info-panel-title{margin-top:10px;border-bottom:1px solid #555;padding-bottom:10px}.info-panel-content p{font-size:16px;line-height:1.6}