:root,body,html{margin:0;padding:0;box-sizing:border-box}.experience{position:fixed;width:100vw;height:100vh}.experience-canvas{width:100%;height:100%}#preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;z-index:9999;opacity:1;transition:opacity 1.5s ease,visibility 0s linear 1.5s,display 0s 1.5s;contain:strict;will-change:opacity}#preloader.hidden{opacity:0;visibility:hidden;display:none}#version-badge{position:fixed;right:18px;bottom:18px;background:rgba(0,0,0,.75);color:#fff;padding:6px 16px;border-radius:16px;font-size:.95rem;font-family:Segoe UI,Arial,sans-serif;letter-spacing:1px;z-index:99999;box-shadow:0 2px 8px #0000001f;-webkit-user-select:none;user-select:none;pointer-events:none}.loader-wrapper{transform:rotate(45deg);display:flex;justify-content:center;align-items:center}.loader-boxes{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;margin-bottom:20px}.loader-boxes div{width:20px;height:20px;background-color:#6366f1;animation:box-scale 2.5s ease-in-out infinite}.loader-boxes div:nth-child(1){animation-delay:0s}.loader-boxes div:nth-child(2){animation-delay:.2s}.loader-boxes div:nth-child(3){animation-delay:.4s}.loader-boxes div:nth-child(4){animation-delay:.6s}.loader-boxes div:nth-child(5){animation-delay:.8s}.loader-boxes div:nth-child(6){animation-delay:.1s}.loader-boxes div:nth-child(7){animation-delay:.3s}.loader-boxes div:nth-child(8){animation-delay:.5s}.loader-boxes div:nth-child(9){animation-delay:.7s}.loader-boxes div:nth-child(10){animation-delay:.9s}.loader-boxes div:nth-child(11){animation-delay:.2s}.loader-boxes div:nth-child(12){animation-delay:.4s}.loader-boxes div:nth-child(13){animation-delay:.6s}.loader-boxes div:nth-child(14){animation-delay:.8s}.loader-boxes div:nth-child(15){animation-delay:.3s}.loader-boxes div:nth-child(16){animation-delay:.5s}@keyframes box-scale{0%,to{transform:scale(1)}50%{transform:scale(.5)}}.loading-bar{width:30%;height:8px;background-color:#333;overflow:hidden;margin-top:80px;position:relative;border-radius:15px;transition:width .7s cubic-bezier(.25,1,.5,1),height .7s cubic-bezier(.25,1,.5,1),background .7s,box-shadow .7s,border-radius .7s;display:flex;align-items:center;justify-content:center}.loading-bar.morphing{width:220px!important;height:56px!important;border-radius:18px!important;background:linear-gradient(90deg,#ff5e13,#ff6600,#ff5e13,#ff6600)!important;box-shadow:0 0 50px 20px #f60c,0 0 20px 4px #ff5e13}.loading-bar.morphing .loading-bar-fill{opacity:0;transition:opacity .2s .2s}.loading-bar.morphing .bar-text{opacity:1;color:#fff;font-size:1.6rem;font-weight:700;transition:opacity .3s .3s;width:100%;text-align:center;pointer-events:none;letter-spacing:1px;animation:glow-orange 1s infinite alternate}.loading-bar:not(.morphing) .bar-text{opacity:0;transition:none}.loading-bar.hide{opacity:0;pointer-events:none;transition:opacity .4s .3s}@keyframes glow-orange{0%{box-shadow:0 0 30px 10px #f608,0 0 10px 2px #ff5e13}to{box-shadow:0 0 50px 20px #f60c,0 0 20px 4px #ff5e13}}.loading-bar-fill{width:0%;height:100%;background-color:#f80;position:absolute;animation:loadingBarAnimation 2.8s cubic-bezier(.25,1,.5,1) 1;border-radius:15px}.bar-text{opacity:0;color:#fff;font-size:1.2rem;font-weight:700;width:100%;text-align:center;position:relative;z-index:2;transition:opacity .3s;pointer-events:none;font-display:swap;will-change:opacity;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;contain:content}@keyframes loadingBarAnimation{0%{width:0%}to{width:200%}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:1000;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);justify-content:flex-end;align-items:center;padding-right:50px}.modal.active{display:flex;opacity:1}.modal-content{background-color:#121212;color:#fff;width:300px;height:350px;padding:20px;border-radius:3px;position:relative;transform:translate(100px) scale(.8);transition:all .5s cubic-bezier(.68,-.55,.27,1.55);overflow-y:auto;border:1px solid #ff6600;aspect-ratio:auto;box-shadow:0 10px 25px #00000080}.modal .modal-content{transform:translate(100vw);transition:transform .5s cubic-bezier(.77,0,.175,1),opacity .3s;opacity:1}.modal.active .modal-content{transform:translate(0);opacity:1}.modal.closing .modal-content{transform:translate(100vw);opacity:0}.modal.closing{opacity:0}.modal.show-media .modal-content{max-width:800px}.close-modal{position:absolute;right:15px;top:15px;font-size:24px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.close-modal:hover{color:#fff}#modal-title{margin-bottom:15px;color:#f60;font-size:1.8rem}#modal-description{margin-bottom:20px;line-height:1.6;color:#e2e8f0}#modal-image{width:100%;margin-top:20px;display:flex;justify-content:center}#modal-image img,#modal-image video{max-width:100%;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-height:50vh;object-fit:contain}
