@font-face{font-family:Orbitron;src:url(/fonts/Orbitron.ttf) format("truetype");font-weight:400;font-style:normal}*{font-family:Orbitron;box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}#hero_car{height:100dvh;width:100vw;position:fixed;top:0;right:0;bottom:0;left:0;background:#d60000;display:flex;justify-content:center;align-items:center}#loadingword{position:absolute;display:flex;flex-direction:column;top:50%;left:50%;align-items:center;transform:translate3d(-50%,-50%,0);font-size:clamp(1rem,1.77vw,3rem);color:#f0f0f0}#loadingword svg{width:clamp(2.5rem,5.89vw,8rem);height:clamp(2.5rem,5.89vw,8rem);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0);scale:1}50%{scale:1.1}to{scale:1;transform:rotate(360deg)}}.car_cont{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.car_cont canvas{width:100%;height:100%}#ui{color:#181818;position:absolute;top:clamp(8rem,30.3vh,20rem);left:clamp(.5rem,.74vw,1.5rem);background:#0000005b;padding:clamp(.3rem,.59vw,1rem);border-radius:clamp(.4rem,.66vw,1.2rem);z-index:101;gap:clamp(.4rem,.74vw,1.2rem);display:flex;flex-direction:column;transform:translate3d(-5rem,0,0);transition:transform .3s ease}#ui label{width:clamp(1rem,1.77vw,2.5rem);height:clamp(1rem,1.77vw,2.5rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;border:none;transition:scale .3s ease-in-out}#ui label:hover{scale:1.1}#ui label input{-webkit-appearance:none;-moz-appearance:none;appearance:none}#css3-hero{perspective:1000px;transform-style:preserve-3d;opacity:0;transform:rotateY(0) scale(.95);transition:transform .8s ease,opacity .4s ease;background:#1a1a1a;color:#fff;text-align:center;border-radius:clamp(1rem,3vh,4rem);padding:clamp(1rem,2vh,3rem);width:90vw;max-width:60vw;box-shadow:0 5vh 15vh #00000080;font-size:clamp(.8rem,2vh,2.5rem);position:absolute;z-index:100}#css3-hero h1{font-size:clamp(1.5rem,4vh,4rem);margin-bottom:clamp(1rem,2vh,3rem)}.section-content{font-size:clamp(1rem,2.5vh,3rem);line-height:1.4;letter-spacing:1.2px;display:flex;justify-content:center;align-items:center}.section-content a{text-decoration:none;color:#fff}.section-content ul{list-style:none;padding:0;width:80%}.section-content li,a{letter-spacing:0;cursor:pointer;margin:clamp(.4rem,1vh,2rem) 0;background:#2c2c2c;line-height:2rem;padding:clamp(.4rem,1vh,2rem);border-radius:clamp(.4rem,1vh,2rem);transition:letter-spacing .3s ease,color .3s ease}.section-content li:hover,a:hover{letter-spacing:1.5px;color:#ffafff}.section-content li:active,a:active{color:#f783f7}input[type=checkbox]{margin-left:clamp(.5rem,1vw,2rem);transform:scale(1.2);transition:transform .3s ease}input[type=checkbox]:hover{transform:scale(1.4)}#bg-loader{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,transform .3s ease}#loader{position:absolute;top:10px;right:10px;display:flex;overflow:hidden;width:3em;height:1.1em;font:700 2.8em monospace;color:#fff}.digit{width:1em;height:1em;overflow:hidden}.nums{line-height:1em;transition:transform .4s ease-out}.rotate-warning{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:fixed;gap:clamp(1rem,.88vw,1.5rem);top:0;right:0;bottom:0;left:0;background:#000;color:#fff;font-size:clamp(.8rem,1.41vw,2rem);overflow:hidden;z-index:9995}.phone-icon svg{width:clamp(10rem,2.21vw,13rem);height:clamp(10rem,2.21vw,13rem);transition:fill .3s ease}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#fff;font-size:clamp(1rem,1.77vw,3rem);z-index:9990;overflow:hidden;transition:opacity .5s ease}#start-screen p{padding:clamp(.8rem,1.47vw,3rem);text-transform:uppercase;letter-spacing:1px;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(1);letter-spacing:1px}50%{transform:scale(1.05);letter-spacing:1.7px}to{transform:scale(1);letter-spacing:1px}}#loadingpage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;filter:blur(.5px);filter:grayscale(.9);z-index:9995;opacity:0;transform:scale(.95);pointer-events:none;transition:opacity .3s ease,transform .3s ease}#loadingpage span{width:clamp(2rem,3.53vw,5rem);height:clamp(2rem,3.53vw,5rem);border:clamp(.1rem,.22vw,.4rem) solid #f783f7;border-radius:9999px;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#cameraPositions{position:fixed;bottom:clamp(5.5rem,18.18vh,15rem);left:50%;transform:translate(-50%);color:wheat;width:clamp(12rem,22.09vw,25rem);display:flex;justify-content:space-evenly;align-items:center;z-index:100;transition:opacity .3s ease}#cameraPositions label{cursor:pointer}#cameraPositions label input{display:none}#cameraPositions label span{display:flex;justify-content:center;align-items:center;width:clamp(2rem,2.95vw,3rem);height:clamp(2rem,2.95vw,3rem);border-radius:9999px;border:clamp(.05rem,.07vw,.15rem) solid #f783f7;background:#2a2a2a;color:#fff;transition:background .3s ease,transform .3s ease}#cameraPositions label span:before{content:"";position:absolute;width:clamp(2.4rem,2.95vw,3.4rem);height:clamp(2.4rem,2.95vw,3.4rem);border-radius:9999px;border:1px solid #f783f7}#cameraPositions label span:hover{background-color:#000}#cameraPositions label input:checked+span{background:#f783f7;color:#000}#edit span{color:#fff;border:none}#ui-container{position:fixed;bottom:clamp(1rem,3.03vh,3rem);left:clamp(1rem,1.47vw,2.5rem);z-index:100;transition:opacity .3s ease}.edit-card{position:relative;width:clamp(6rem,10.6vw,12rem);height:clamp(2rem,2.95vw,4rem);background-color:#000;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(.5rem,.88vw,1.5rem);gap:clamp(.5rem,.88vw,1.5rem);border-radius:clamp(.4rem,.59vw,1rem);cursor:pointer;font-family:sans-serif;color:#fff;transition:transform .4s ease}.edit-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;left:clamp(-.5rem,-.37vw,-.2rem);margin:auto;width:calc(clamp(6rem,10.6vw,12rem) + .5rem);height:calc(clamp(2rem,2.95vw,4rem) + .5rem);border-radius:clamp(.5rem,.74vw,1.2rem);background:linear-gradient(45deg,#e81cff,#ccc);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.edit-card:after{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-90deg,#fc00ff,#f7f7f7);transform:translateZ(0) scale(.95);filter:blur(7px);transition:filter .4s ease}.edit-card:hover:after{filter:blur(15px)}.edit-card:hover:before{transform:rotate(-180deg);width:calc(clamp(6rem,10.6vw,12rem) + .5rem);height:calc(clamp(2rem,2.95vw,4rem) + .5rem)}.heading{display:flex;align-items:center;justify-content:center;justify-content:space-evenly;position:absolute;top:0;left:0;padding:clamp(.3rem,.59vw,1rem);width:100%;height:100%;font-size:clamp(.8rem,1.47vw,2rem);text-transform:capitalize;font-weight:700;text-align:center;transition:color .3s ease,scale .3s ease}.heading svg{width:clamp(1rem,1.84vw,2.5rem);height:clamp(1rem,1.84vw,2.5rem);stroke-width:clamp(.05rem,.07vw,.15rem)}.heading:hover{transform:scale(1.05);color:#f783f7}.edit-wrapper{position:relative;display:inline-block}.edit-wrapper:hover .sub-buttons{transform:scaleY(1);opacity:1;pointer-events:auto}.sub-buttons{position:absolute;bottom:100%;left:0;width:100%;display:flex;flex-direction:column;gap:clamp(.4rem,.74vw,1.2rem);transform:scaleY(0);transform-origin:bottom;opacity:0;pointer-events:none;transition:transform .4s ease,opacity .4s ease}.edit-card:hover .sub-buttons{transform:scaleY(1);opacity:1;pointer-events:auto}.sub-button{background-color:#111;padding:clamp(.3rem,.59vw,1rem) 0;border-radius:clamp(.3rem,.44vw,.8rem);text-align:center;transform:rotateX(90deg);animation:flip-up .4s forwards ease;color:#fff;cursor:pointer;z-index:20;transition:color .3s ease}.sub-button:hover{color:#f783f7}.sub-buttons .sub-button:nth-child(1){animation-delay:.05s}.sub-buttons .sub-button:nth-child(2){animation-delay:.1s}.sub-buttons .sub-button:nth-child(3){animation-delay:.15s}@keyframes flip-up{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.pane{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}#ui-panels{width:100%;height:100%;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:auto;transition:opacity .3s ease}#car-ui,#camera-ui,#enviroment-ui,#ABOUT-ui{overflow:hidden}#ui-panels.hidden{z-index:-100;pointer-events:none}.label{width:clamp(1.2rem,1.91vw,3rem);height:clamp(1.2rem,1.91vw,3rem);border-radius:9999px;border:clamp(.1rem,.15vw,.3rem) solid white;transition:transform .2s,border-color .2s,box-shadow .3s ease;position:relative}.label:hover{transform:scale(1.2);border-color:#fff;box-shadow:0 0 clamp(.3rem,.59vw,1rem) #f783f7;cursor:pointer}.label input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.label:has(input:checked){outline:clamp(.1rem,.15vw,.3rem) solid #f783f7;outline-offset:clamp(.1rem,.15vw,.3rem)}#color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.2rem,.37vw,.6rem);margin-top:clamp(.5rem,1.52vh,1.5rem);position:absolute;width:clamp(8rem,11.78vw,15rem);left:clamp(.8rem,1.1vw,2rem);top:50%;background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem) 0rem;border-radius:clamp(.8rem,1.47vw,2.5rem);transition:transform .3s ease;transform:translateZ(0);transform:translateY(-50%);will-change:transform}#color-swatches:before{content:"paints";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;padding-bottom:clamp(.5rem,1.47vw,2rem);text-align:center;font-weight:700;letter-spacing:1px;transition:color .3s ease;pointer-events:none}#car-ui.hidden #color-swatches{transform:translate3d(-120%,0,0)}#sticker-ui{display:flex;align-items:center;gap:clamp(.3rem,.52vw,.8rem);margin-top:clamp(.5rem,1.52vh,1.5rem);position:absolute;left:50%;bottom:clamp(1rem,3.03vh,3rem);background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.3rem,.74vw,1rem) clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);transition:transform .3s ease;transform:translateZ(0);will-change:transform;transform:translate(-50%)}#sticker-ui span{width:clamp(2rem,2.95vw,4rem);height:clamp(2rem,2.95vw,4rem);display:flex;justify-content:center;align-items:center;border-radius:9999px;border:clamp(.05rem,.07vw,.15rem) solid #f783f7;transition:background .3s ease,transform .3s ease;color:#fff}#sticker-ui span:hover{transform:matrix(1,0,0,1,0,clamp(-1px,-.15vh,-3px));background:#f783f7;color:#000}#sticker-ui:before{content:"Vinyls";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;position:absolute;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);transition:color .3s ease;pointer-events:none}#sticker-ui span:after{content:attr(data-sticker);position:absolute;top:clamp(-1rem,-2.27vh,-2rem);font-size:clamp(.5rem,1.32vw,1.2rem);color:#f783f7;opacity:0;transition:opacity .3s ease;pointer-events:none}#sticker-ui span:hover:after{opacity:1}#sticker-ui-mat{display:flex;flex-direction:column;gap:clamp(.5rem,1.52vh,1.5rem);position:absolute;right:clamp(.5rem,.74vw,1.5rem);top:50%;padding:clamp(.5rem,1.47vw,2rem);background:#141414e6;box-shadow:0 0 40px #f783f733;border-radius:clamp(.8rem,1.47vw,2.5rem);transform:translateZ(0);transform:translateY(-50%);will-change:transform;transition:transform .3s ease}.ui-mat-label{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,.74vw,1.5rem);box-shadow:0 0 40px #f783f733;padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;transition:all .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent;background:#1a1a1a}.ui-mat-label:hover{scale:.98;border:clamp(1px,.15vw,3px) solid #c51fc5;color:#f783f7}.ui-mat-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(.8rem,1.18vw,2rem);height:clamp(.8rem,1.18vw,2rem);background:#333;border:clamp(1px,.15vw,3px) solid #f783f7;border-radius:clamp(2px,.22vw,5px);cursor:pointer;position:relative}.ui-mat-label input[type=checkbox]:after{content:"";position:absolute;inset:clamp(1px,.15vw,3px);background:#f783f7;opacity:0;border-radius:clamp(1px,.07vw,2px);transition:opacity .2s}.ui-mat-label input[type=checkbox]:checked:after{opacity:1}.ui-mat-label input.intensity{width:clamp(4rem,7.36vw,12rem);transition:all .3s ease;accent-color:#f783f7;opacity:1}.ui-mat-label:not(:has(input[type=checkbox]:checked)) input.intensity{opacity:.2;pointer-events:none;filter:grayscale(100%)}.ui-mat-label:has(input[type=checkbox]:checked){border:clamp(1px,.15vw,3px) solid #f783f7;color:#fff}#car-ui.hidden #sticker-ui-mat{transform:translate3d(120%,-50%,0)}#car-ui.hidden #sticker-ui{transform:translate3d(-50%,200%,0)}.pane.hidden{z-index:-10;pointer-events:none;opacity:0}.pane{z-index:100;pointer-events:auto;opacity:1;transition:opacity .3s ease,transform .3s ease}#camera-ui-panel{display:flex;flex-direction:column;align-items:start;gap:clamp(.3rem,.52vw,.8rem);position:absolute;right:clamp(.5rem,.74vw,1.5rem);top:50%;transform:translateY(-50%);background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);color:#fff;transform:translateZ(0);will-change:transform;transition:transform .3s ease}#camera-ui.hidden #camera-ui-panel{transform:translate3d(120%,0,0)}#camera-ui-panel:before{content:"Camera";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;position:absolute;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);pointer-events:none}.camera-lerp-range{width:100%;accent-color:#f783f7}#envControls{display:flex;flex-direction:column;gap:clamp(.5rem,1.52vh,1.5rem);background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);position:absolute;top:50%;left:clamp(.5rem,.74vw,1.5rem);color:#fff;transform:translateZ(0);transform:translateY(-50%);will-change:transform;transition:transform .3s ease}#enviroment-ui.hidden #envControls{transform:translate3d(-120%,-50%,0)}#envControls:before{content:"Environment";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;position:absolute;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);pointer-events:none}#envControls input[type=range]{width:100%;accent-color:#f783f7}.ui-mat-label2{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,.74vw,1.5rem);padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;transition:all .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent;background:#1a1a1a}.ui-mat-label2:hover{scale:.98;border:clamp(1px,.15vw,3px) solid #c51fc5;color:#f783f7}.ui-mat-label2 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(.8rem,1.18vw,2rem);height:clamp(.8rem,1.18vw,2rem);background:#333;border:clamp(1px,.15vw,3px) solid #f783f7;border-radius:clamp(2px,.22vw,5px);cursor:pointer;position:relative}.ui-mat-label2 input[type=checkbox]:after{content:"";position:absolute;inset:clamp(1px,.15vw,3px);background:#f783f7;opacity:0;border-radius:clamp(1px,.07vw,2px);transition:opacity .2s}.ui-mat-label2 input[type=checkbox]:checked:after{opacity:1}.ui-mat-label2 input.intensity{width:clamp(4rem,7.36vw,12rem);transition:all .3s ease;accent-color:#f783f7;opacity:1}.ui-mat-label2:has(input[type=checkbox]:checked){border:clamp(1px,.15vw,3px) solid #f783f7;color:#fff}#sticker-transform-ui{display:flex;flex-direction:column;gap:clamp(.3rem,.52vw,.8rem);position:absolute;left:20%;top:clamp(1rem,3.03vh,3rem);background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);transform:translate(0,0,0);transition:transform .3s ease;will-change:transform}#car-ui.hidden #sticker-transform-ui{transform:translate3d(-120%,0,0)}#sticker-transform-ui:before{content:"Transform";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);pointer-events:none}#sticker-transform-ui label{border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);transition:scale .3s ease,color .3s ease,border .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent}#matterRenderCanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;width:100%;height:100%}.ui-mat-labelform{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,.74vw,1.5rem);padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;transition:all .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent;background:#141414e6;box-shadow:0 0 40px #f783f733}.ui-mat-labelform:hover{scale:.98;border:clamp(1px,.15vw,3px) solid #c51fc5;color:#f783f7}.ui-mat-labelform input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(.8rem,1.18vw,2rem);height:clamp(.8rem,1.18vw,2rem);background:#333;border:clamp(1px,.15vw,3px) solid #f783f7;border-radius:clamp(2px,.22vw,5px);cursor:pointer;position:relative}.ui-mat-labelform input[type=checkbox]:after{content:"";position:absolute;inset:clamp(1px,.15vw,3px);background:#f783f7;opacity:0;border-radius:clamp(1px,.07vw,2px);transition:opacity .2s}.ui-mat-labelform input[type=checkbox]:checked:after{opacity:1}.ui-mat-labelform input.intensity{width:clamp(4rem,7.36vw,12rem);transition:all .3s ease;accent-color:#f783f7;opacity:1}.ui-mat-labelform:not(:has(input[type=checkbox]:checked)) input.intensity{opacity:.2;pointer-events:none;filter:grayscale(100%)}.ui-mat-labelform:has(input[type=checkbox]:checked){border:clamp(1px,.15vw,3px) solid #f783f7;color:#fff}#toggleTransformBtn{background:#1a1a1a;border:2px solid #f783f7;color:#f783f7;padding:clamp(.5rem,1vw,1rem) clamp(1rem,2vw,2rem);font-weight:700;cursor:pointer;border-radius:clamp(.5rem,1vw,1rem);-webkit-user-select:none;user-select:none;transition:background .3s ease,color .3s ease}#toggleTransformBtn:hover{background:#c51fc5;color:#fff}#sticker-transform-ui{display:flex;flex-direction:column;gap:clamp(.3rem,.52vw,.8rem);margin-top:1rem;background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);max-height:500px;overflow:hidden;transition:max-height .4s ease,opacity .4s ease;opacity:1}#sticker-transform-ui.hidden{max-height:0;opacity:0;padding-top:0;padding-bottom:0;pointer-events:none}#sticker-transform-ui:before{content:"Transform";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);margin-bottom:1rem;pointer-events:none;display:block}#sticker-transform-ui label{display:flex;justify-content:space-between;align-items:center;padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;transition:scale .3s ease,color .3s ease,border .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent}#sticker-transform-ui label:hover{scale:.95;color:#fff;border-color:#f783f7}#sticker-transform-ui input[type=range]{width:clamp(6rem,12vw,15rem);accent-color:#f783f7;cursor:pointer}#eyelidTop,#eyelidBottom{position:absolute;width:100%;height:50%;background:#000;z-index:1001;pointer-events:none;transition:transform .2s ease-in-out}#eyelidTop{top:0;transform:translateY(-100%);right:0;left:0}#eyelidBottom{bottom:0;transform:translateY(100%)}#SoundControls{display:flex;flex-direction:column;gap:clamp(.5rem,1.52vh,1.5rem);background:#141414e6;box-shadow:0 0 40px #f783f733;padding:clamp(.5rem,1.47vw,2rem);border-radius:clamp(.8rem,1.47vw,2.5rem);position:absolute;top:50%;right:clamp(.5rem,.74vw,1.5rem);color:#fff;transform:translateY(-50%);will-change:transform;transition:transform .3s ease}#enviroment-ui.hidden #SoundControls{transform:translate3d(120%,-50%,0)}#SoundControls:before{content:"MUSIC";text-transform:uppercase;font-size:clamp(.6rem,1.47vw,2rem);color:#f783f7;position:absolute;top:clamp(-2rem,-2.79vw,-1rem);left:0;width:100%;text-align:center;font-weight:700;letter-spacing:clamp(.5px,.07vw,2px);pointer-events:none}.ui-sound-label{display:flex;align-items:center;justify-content:space-between;gap:clamp(.5rem,.74vw,1.5rem);padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);border-radius:clamp(.3rem,.52vw,1rem);cursor:pointer;transition:all .3s ease;color:#f783f7;border:clamp(1px,.15vw,3px) solid transparent;background:#1a1a1a}.ui-sound-label:hover{scale:.98;border:clamp(1px,.15vw,3px) solid #c51fc5;color:#f783f7}.ui-sound-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(.8rem,1.18vw,2rem);height:clamp(.8rem,1.18vw,2rem);background:#333;border:clamp(1px,.15vw,3px) solid #f783f7;border-radius:50%;cursor:pointer;position:relative}.ui-sound-radio:after{content:"";position:absolute;inset:clamp(2px,.29vw,6px);background:#f783f7;border-radius:50%;opacity:0;transition:opacity .2s}.ui-sound-radio:checked:after{opacity:1}.ui-sound-label:has(input[type=radio]:checked){border:clamp(1px,.15vw,3px) solid #f783f7;color:#fff}#about-wrapper{width:80vw;height:80dvh;color:#fff;border-radius:20px;padding:clamp(1rem,2vw,2.5rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;background:#141414e6;box-shadow:0 0 40px #f783f733;line-height:1.6;z-index:20}.about-content h1,.about-content h2,.about-content h3{color:#f783f7;margin-bottom:.5em}.about-content h1{font-size:clamp(1.8rem,3vw,3rem)}.about-content h2{font-size:clamp(1.5rem,2.5vw,2.2rem);color:#fff}.about-content p{margin:.5em 0;font-size:clamp(.9rem,1.2vw,1.1rem)}.about-content ul{margin:.5em 0 1em;padding-left:1.5em;list-style:disc}.about-content li{margin:.3em 0}.about-content a{color:#f783f7;text-decoration:none}.about-content a:hover{text-decoration:underline}.about-content footer{margin-top:2em;font-size:.85rem;color:#aaa;border-top:1px solid #333;padding-top:1rem}#hide-ui{border:1px solid #f783f7;border-radius:20px;padding:clamp(.2rem,.44vw,.6rem) clamp(.3rem,.74vw,1rem);position:absolute;top:1rem;right:1rem;z-index:10;font-weight:700;opacity:.8;transition:opacity .2s ease}#hide-ui:hover{opacity:1}#hide-ui label{cursor:pointer;font-size:clamp(.9rem,1.2vw,1.1rem);color:#f783f7;text-transform:uppercase;padding:3px 2px}#hide-ui input{-webkit-appearance:none;-moz-appearance:none;appearance:none}#screenshot-btn{position:fixed;top:10px;left:10px;cursor:pointer;z-index:120}#screenshot-btn svg{width:40px;height:40px;transition:fill .2s ease}#screenshot-btn svg:hover{fill:#f783f7}