@font-face{font-family:Robus-BWqOd;src:url(../assets/fonts/Robus-BWqOd.otf) format("opentype")}@font-face{font-family:Audiowide-Regular;src:url(../assets/fonts/Audiowide-Regular.ttf) format("opentype")}@font-face{font-family:BungeeTint-Regular;src:url(../assets/fonts/BungeeTint-Regular.ttf) format("opentype")}@font-face{font-family:Segment7;src:url(../assets/fonts/7segment.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Zombie;src:url(../assets/fonts/Unquiet\ Spirits.ttf) format("opentype")}@font-face{font-family:Holocaust;src:url(../assets/fonts/ZombieHolocaust-0aL4.ttf) format("opentype")}body{margin:0;background-color:#000}canvas{pointer-events:none;display:none}#blocker{position:fixed;width:65%;height:65%;background:url(../assets/images/hud3.png) no-repeat center center;background-size:contain;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%)}#instructions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}#playButton{font-family:BungeeTint-Regular;font-size:5vw;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.75);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;padding:14px 48px;border-radius:12px}#playButton>h1{font-family:BungeeTint-Regular;font-size:95%;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.75);white-space:nowrap;text-align:center;cursor:pointer;margin:0}#blood-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../assets/images/blood_splash.png) center/cover;opacity:0;pointer-events:none;transition:opacity .3s ease-out;z-index:9999}p{font-family:Arial;font-size:medium;text-align:center}@media (max-width: 900px){#playButton{font-family:BungeeTint-Regular}p{font-size:xx-small}#splashScreen h1{font-size:.5em;margin-bottom:0;color:#fd0000}}@media (min-width: 900px){#splashScreen h1{font-size:8rem;margin-bottom:0;color:#fd0000}.game-title{font-size:64px;margin-bottom:40px;text-shadow:2px 2px 8px black;font-family:Zombie}.main-buttons .menu-button button{padding:7px 15px;font-size:16px;background-color:#111;color:#fff;border:1px solid white;cursor:pointer;transition:background .3s,transform .2s;margin:10px 0}#cutscene-text{font-size:small}#cutscene-portrait{width:80px;max-width:20%}}.highlight-item{color:gold;font-weight:700}.highlight-item-red{color:red;font-weight:700}#splashContent{font-family:Zombie,sans-serif;font-size:8rem}#cutscene-portrait{width:120px;margin-bottom:20px;display:block;object-fit:cover;max-width:30%;border-radius:50%;border:12px solid white;aspect-ratio:1 / 1}#cutscene-text{max-width:70%;background:#0009;padding:20px;border-radius:8px;text-align:center;user-select:none;font-size:large}#splashScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../assets/images/splash_screen.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;opacity:1;transition:opacity 1s ease-out;font-family:Audiowide-Regular;font-size:45px}#loadingBarContainer{width:35%;height:1%;background:gray;margin-top:10px;overflow:hidden;border-radius:12px;border:2px solid white}#loadingProgress{width:0%;height:100%;background:red}#loadingButton{margin-top:20px;font-family:Zombie;color:red;border:none;font-size:large;background:none}#player-hud{position:fixed;top:20px;left:20px;width:20%;height:10%;aspect-ratio:2 / 1;background:url(../assets/images/hud2.png) no-repeat center center;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Audiowide-Regular,sans-serif;color:#fff;font-size:14px}#player-health-bar{width:50%;height:50%;display:flex;flex-direction:column;justify-content:center}#player-health-bar p{margin:0 0 4px;font-weight:700;text-transform:uppercase;font-size:60%;letter-spacing:1px;color:azure;font-family:Audiowide-Regular,Courier,monospace}#player-health{width:100%;height:8px;max-height:20%;background:linear-gradient(90deg,red,#f60);border-radius:6px;transition:width .3s ease-in-out;position:relative}#player-health>img{height:25px;width:25px;position:absolute;bottom:-160%;left:-12%}#ammoHUD>p{display:flex;align-items:center;justify-content:space-between;font-family:Audiowide-Regular,Courier,monospace;margin:0}#ammoHUD>p>img{height:auto;width:25px}#ammoHUD{position:fixed;top:20px;right:20px;font-size:24px;color:#fff;font-family:Arial,sans-serif;background:url(../assets/images/hud2.png) no-repeat center center;background-size:contain;border-radius:5px;height:10%;aspect-ratio:2 / 1;width:20%;display:flex;justify-content:center;flex-direction:column;align-items:center}#spider-hud{position:fixed;top:20px;right:20px;padding:15px;background:url(../assets/images/hud2.png) no-repeat center center;background-size:cover;color:#fff;font-size:12px;font-family:Audiowide-Regular,sans-serif;text-align:center;height:44px;display:none}#spider-hud p{display:flex;align-items:center;justify-content:space-between;gap:2px;margin:6px 0 0;font-family:Audiowide-Regular,Courier,monospace}#game-over-popup,#time-expired-popup,#game-won-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;padding:60px;background:url(../assets/images/hud3.png) no-repeat center center;background-size:cover;color:#fff;text-align:center;height:240px;font-family:Audiowide-Regular,Courier,monospace}#game-over-popup h2,#time-expired-popup h2{margin-top:10%;color:#631c80;font-family:Audiowide-Regular,Courier,monospace}#game-over-popup button,#time-expired-popup button{padding:10px 15px;border:none;background:#0382a1;color:#fff;font-size:16px;cursor:pointer;border-radius:5px;transition:background .3s;margin-top:6%}#game-over-popup button:hover{background:#c00}body{margin:0;overflow:hidden;font-family:sans-serif}#ui,.menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;z-index:99999}.splash{position:absolute;background:url(../assets/images/splash.png) no-repeat center center;background-size:cover;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:99999}.hidden{display:none!important}.splash button{margin:10px;padding:10px 40px;cursor:pointer;background-color:#7fffd4;position:absolute;bottom:20%;font-family:Audiowide-Regular,Courier,monospace;font-size:1.5em;font-style:italic}button{margin:10px;padding:10px 20px;cursor:pointer}.body{width:100vw;height:70vh;margin:0;display:flex;justify-content:center;align-items:end}.level-card{width:30%}.card{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:flex-end;padding:0 36px;perspective:2500px}.cover-image{width:50%;height:50%;object-fit:cover}.wrapper{transition:all .5s;position:absolute;width:100%;z-index:-1;display:flex;justify-content:center}.card:hover .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px #000000bf;-webkit-box-shadow:2px 35px 32px -8px rgba(0,0,0,.75);-moz-box-shadow:2px 35px 32px -8px rgba(0,0,0,.75)}.wrapper:before,.wrapper:after{content:"";opacity:0;width:100%;height:80px;transition:all .5s;position:absolute;left:0}.wrapper:before{top:0;height:100%;background-image:linear-gradient(to top,transparent 46%,rgba(12,13,19,.5) 68%,rgba(12,13,19) 97%)}.wrapper:after{bottom:0;opacity:1;background-image:linear-gradient(to bottom,transparent 46%,rgba(12,13,19,.5) 68%,rgba(12,13,19) 97%)}.card:hover .wrapper:before,.wrapper:after{opacity:1}.card:hover .wrapper:after{height:120px}.title{width:100%;transition:transform .5s;text-align:center}.card:hover .title{transform:translate3d(0,-50px,100px)}.level-name{font-family:Holocaust,sans-serif;font-size:36px;text-align:center;color:red;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.75)}.level-location{font-family:sans-serif;font-size:12px;text-align:center;color:#028d02}.character{opacity:0;transition:all .5s;position:absolute;z-index:-1}.card:hover .character{opacity:1;transform:translate3d(0,-30%,100px)}#levelButtons{display:flex;flex-wrap:nowrap;justify-content:left;align-items:center;padding-left:12px;height:90%;overflow-x:auto;gap:12px;width:auto;scrollbar-width:none;-ms-overflow-style:none}#levelButtons::-webkit-scrollbar{display:none}.disabled-card{pointer-events:none;opacity:.4;filter:grayscale(100%)}@keyframes flashlightPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.tooltip{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:8px 12px;background:#000000b3;color:#fff;border-radius:5px;font-size:14px;pointer-events:none;z-index:1000}.door-tooltip{position:absolute;color:#fff;background-color:#000000b3;padding:5px 10px;border-radius:5px;display:none;z-index:1000;transform:translate(-50%);font-family:Arial,sans-serif;pointer-events:none}.main-menu-container{position:relative;width:100%;height:100vh;overflow:hidden;font-family:Arial,sans-serif}#menu-bg-video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;z-index:-1}.main-menu-overlay{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:#00000080}.game-title{font-size:24px;margin-bottom:40px;text-shadow:2px 2px 8px black;font-family:Zombie}.main-buttons{display:flex;flex-direction:column;align-items:center;gap:20px}.menu-button{display:flex;align-items:center;position:relative;overflow:hidden}.main-buttons .menu-button button{padding:7px 15px;font-size:16px;background-color:#111;color:#fff;border:1px solid white;cursor:pointer;transition:background .3s,transform .2s;margin:25px -15px 0}.main-buttons .menu-button button:hover{background-color:#333;transform:scale(1.05)}.hand-container{position:relative;width:60px;height:50px}.hand-svg{position:absolute;bottom:-35%;left:0;transition:transform .3s ease}.menu-action-button{padding:7px 15px;font-size:16px;background-color:#111;color:#fff;border:1px solid white;cursor:pointer;margin:10px -15px;display:flex;align-items:center;justify-content:center;position:relative;height:36px;width:150px;overflow:visible;z-index:1;transform-origin:center;transition:background 1.3s,transform 1.2s,width 1.2s ease}.menu-action-button.expanding{width:180px}.button-text{z-index:1;transition:opacity .3s ease;font-size:small}.button-text.hidden{opacity:0}.button-img{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100px;height:auto;transition:top 1.2s ease;z-index:2;pointer-events:none}.button-img.show{top:-27px}.keypad-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;padding:20px;border:2px solid green;border-radius:10px;z-index:1000}.inputCont{display:flex;gap:10px;justify-content:center;align-items:center}.modal-content{display:flex;flex-direction:column;align-items:center;gap:15px}.status-light{width:20px;height:20px;border-radius:50%;background-color:gray;margin-bottom:10px}.code-input{width:40px;height:60px;font-size:32px;text-align:center;background:#000;color:green;border:2px solid green;border-radius:5px;font-family:Segment7,monospace}.submit-btn{padding:8px 20px;background:#000;color:green;border:2px solid green;border-radius:5px;cursor:pointer;font-family:Segment7,monospace}.pauseMenu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Arial,sans-serif;touch-action:manipulation}.pause-menu{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:15px;padding:2rem 3rem;box-shadow:0 10px 25px #00000080;border:2px solid rgba(255,255,255,.1);text-align:center;max-width:400px;width:90%;animation:fadeIn .3s ease-out}.pause-menu h2{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.pause-menu button{display:block;width:100%;padding:15px 20px;margin:10px 0;background:linear-gradient(to right,#4e54c8,#8f94fb);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;text-transform:uppercase;letter-spacing:1px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .2s}.pause-menu button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003;background:linear-gradient(to right,#8f94fb,#4e54c8)}.pause-menu button:active{transform:translateY(1px)}.pause-menu button#resume-button{background:linear-gradient(to right,#00b09b,#96c93d)}.pause-menu button#resume-button:hover{background:linear-gradient(to right,#96c93d,#00b09b)}.pause-menu button#restart-button{background:linear-gradient(to right,#f46b45,#eea849)}.pause-menu button#restart-button:hover{background:linear-gradient(to right,#eea849,#f46b45)}.pause-menu button#main-menu-button{background:linear-gradient(to right,#ff416c,#ff4b2b)}.pause-menu button#main-menu-button:hover{background:linear-gradient(to right,#ff4b2b,#ff416c)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.pause-menu{padding:1.5rem}.pause-menu h2{font-size:2rem;margin-bottom:1.5rem}.pause-menu button{padding:12px 15px;font-size:1rem}}body{margin:0;overflow:hidden;position:fixed;width:100%;height:100%}@media (max-width: 880px){#battery-container{position:absolute;bottom:-13px;left:10px;width:80%;height:5px;background:#222;border:1px solid #fff;display:flex}.energy-bar-container{position:relative;width:100%;height:5px;background:#00000080;border:1px solid #333}#energy-container{position:absolute;bottom:-27px;left:28px;width:130px;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse}.hud-label>img{width:16px;height:16px}#flashlight-indicator{width:16px;height:16px}#timer-hud{position:absolute;left:50%;top:10%;font-family:Segment7,monospace}}@media (min-width: 900px){#battery-container{position:absolute;bottom:0;left:10px;width:80%;height:8px;background:#222;border:1px solid #fff;display:flex}.energy-bar-container{position:relative;width:100%;height:10px;background:#00000080;border:1px solid #333}#energy-container{position:absolute;bottom:-20px;left:30px;width:80%;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse}.hud-label>img{width:20px;height:20px}#flashlight-indicator{width:20px;height:20px}#timer-hud{position:absolute;left:50%;top:5%;font-family:Segment7,monospace}#loadingButton{margin-top:20px;font-family:Zombie;color:red;border:none;font-size:xx-large;background:none}}.energy-bar{height:100%;width:100%;background-color:#5f5;transition:width .1s ease-out,background-color .3s;position:relative;z-index:2}.buildup-bar{position:absolute;top:0;left:0;height:100%;width:0%;background-color:#ffff004d;z-index:1;transition:width .1s ease-out}.hud-label{background-color:#fff;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}#mobile-action-buttons{position:absolute;left:50%;top:80%;transform:translate(-50%);display:flex;flex-direction:row-reverse;pointer-events:auto;justify-content:space-between;height:fit-content;width:55%}.mobile-action-btn{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:20px;border:2px solid rgba(255,255,255,.5);cursor:pointer}.mobile-action-btn:active{transform:scale(.95);opacity:.8}#mobile-door-btn{position:fixed;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;bottom:70%;right:0;transform:translateY(-60%);color:#fff;font-weight:700;font-size:12px;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 5px #0003;transition:transform .1s,background-color .2s}#mobile-door-btn:active{transform:scale(.95);opacity:.8}#game-ui{pointer-events:none}#game-ui>*{pointer-events:auto}.canvas-blocker{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;cursor:default;touch-action:none}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:5em;color:#fff;background:#00000080;cursor:pointer;z-index:10}.menu-action-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.main-menu-container button{user-select:none}.install-prompt{position:fixed;bottom:20px;right:20px;background:#000c;color:#fff;padding:10px;border-radius:5px;display:none;z-index:1000}#install-btn,.install-btns{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.orientation-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:9999;display:none}@media (orientation: portrait){.orientation-warning{display:flex;flex-direction:column}}.hud-weapon{position:absolute;bottom:20px;right:20px;color:#fff;font-family:Arial,sans-serif;font-size:24px;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:100}.drawer-tooltip{background:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;font-family:Arial,sans-serif;pointer-events:none;transition:opacity .3s}#mobile-drawer-btn{position:fixed;bottom:20px;right:20px;padding:15px 25px;background:#000000b3;color:#fff;border:2px solid white;border-radius:50%;font-size:16px;z-index:1000;display:none}.inventory-ui{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;border:2px solid #444;border-radius:5px;padding:10px;display:none;z-index:100}.inventory-title{color:#fff;text-align:center;margin-bottom:10px;font-weight:700}.inventory-slots{display:flex;gap:10px}.inventory-slot{width:60px;height:60px;background:#ffffff1a;border:1px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center}.item-icon{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.item-icon img{width:40px;height:40px}.item-name{font-size:10px;color:#fff;text-align:center;margin-top:2px}.context-menu{position:fixed;background:#000000e6;border:1px solid #444;border-radius:3px;z-index:200}.context-options{display:flex;flex-direction:row}.context-options button{background:none;border:none;color:#fff;padding:8px 15px;text-align:left;cursor:pointer}.context-options button:hover{background:#ffffff1a}#timer-hud{position:absolute;left:50%;top:10%;font-family:Segment7,monospace}.tier-notification{position:fixed;bottom:20px;right:20px;background:#000c;border-left:4px solid;padding:15px;border-radius:4px;color:#fff;display:none;opacity:0;transition:opacity .5s ease;z-index:1000;max-width:300px;backdrop-filter:blur(5px)}.tier-notification-content{display:flex;align-items:center;gap:15px}.tier-icon{font-size:24px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tier-text h3{margin:0 0 5px;color:#fff}.tier-text p{margin:0;color:#ccc}.tier-badge{position:absolute;bottom:-8px;right:-8px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;border:1px solid white}.tier-badge.rookie{background:#cd7f32;color:#fff}.tier-badge.veteran{background:silver;color:#000}.tier-badge.legend{background:gold;color:#000}.xp-progress{width:100%;height:6px;background:#fff3;border-radius:3px;margin-top:4px;position:relative}.xp-progress .progress-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .3s ease}.xp-progress span{position:absolute;right:0;top:-18px;font-size:10px;color:#fff}@font-face{font-family:N27;src:url(../assets/fonts/N27-Regular.otf) format("opentype")}.main{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1em;margin-top:-2em;user-select:none;height:100vh}.mainTitle{display:flex;align-items:center;justify-content:center;flex-direction:column}.mainTitle span{color:#fff;font-weight:700;font-family:N27;margin-top:-.5em;margin-bottom:3em;margin-left:.8em;letter-spacing:1em}.bottomText{margin-top:2em;color:#fff;font-weight:700;font-family:N27;display:flex;align-items:center;justify-content:center;flex-direction:column}.keyWrap{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.5em;margin-top:1em}.leftArrowSVGSpan,.rightArrowSVGSpan,.enterKey{display:flex;align-items:center;justify-content:center;padding:.5em;flex-direction:row;width:max-content;background-color:#202020;border-bottom:3px solid #252525;border-radius:3px}.enterKey{font-size:.9em}.rightArrowSVGSpan{transform:rotateY(180deg)}.leftArrowSVG,.rightArrowSVG{width:15px;height:15px;fill:#fff}.overlay{position:absolute;width:100%;height:100%;top:0;bottom:0;background-color:#000000bf;z-index:2;display:none}.menuWrapper{position:fixed;width:50em;display:none;height:max-content;z-index:3}.menuWrapper .menu,.menuOpenBtns{position:relative;width:50em;background-color:#020203;outline:5px solid #4b4b47;border:1px solid black;z-index:3;transition:none!important}.menuOpenBtns{position:relative;width:28.5em;display:block;z-index:1;opacity:1}.selectionBtns{display:flex;align-items:center;justify-content:center;color:#fff;margin:1em;padding:1em;gap:12px;overflow-x:hidden}.selectionBtns .open{text-align:center;font-weight:700;font-family:N27}.open{position:relative}.corner1,.corner2,.corner3,.corner4{position:absolute;width:1em;height:1em;background-color:transparent;margin:-1em;transform:rotateY(180deg);z-index:4}.corner1{top:50%;left:50%;border-top:2px solid #fefeff;border-left:2px solid #fefeff;transform:rotate(180deg);animation:.35s openCorner1 ease forwards}.corner2{top:50%;right:50%;border-top:2px solid #fefeff;border-right:2px solid #fefeff;transform:rotate(180deg);animation:.35s openCorner2 ease forwards}.corner3{bottom:50%;left:50%;border-bottom:2px solid #fefeff;border-left:2px solid #fefeff;transform:rotate(180deg);animation:.35s openCorner3 ease forwards}.corner4{bottom:50%;right:50%;border-bottom:2px solid #fefeff;border-right:2px solid #fefeff;transform:rotate(180deg);animation:.35s openCorner4 ease forwards}.topHeadingDiv{width:100%;height:2.5em;display:flex;align-items:center;justify-content:center;color:#fff;font-family:N27;font-weight:700;font-size:2em;background:repeating-linear-gradient(135deg,#222221,#222221 10px,transparent 10px,transparent 20px);border-bottom:5px solid #222221;flex-direction:column}.topHeadingDiv>button{padding:5px 10px;margin:5px}.middleDiv{display:flex;align-items:center;justify-content:start;color:#fff;background-color:transparent;font-family:N27;font-weight:700;font-size:1.5em;position:relative;width:100%;height:7em;flex-direction:column}.middleDiv>span{width:100%;text-align:center}.middleDiv:after{content:"";width:100%;height:100%;position:absolute;background:repeating-linear-gradient(135deg,#222221,#222221 10px,transparent 10px,transparent 20px);opacity:.15;z-index:-1}.bottomDiv{display:flex;align-items:center;justify-content:center;width:100%;height:6em;gap:1em;background:repeating-linear-gradient(135deg,#222221,#222221 10px,transparent 10px,transparent 20px);border-top:5px solid #222221}.bottomDiv .buttons{position:relative;display:flex;align-items:center;justify-content:end;width:100%;height:4em;background-color:#000000b3}.yes,.no{position:relative;display:flex;align-items:center;justify-content:center;width:12em;height:2.5em;margin:0 1em 0 0;background-color:#272727;color:#fff;font-family:N27;font-weight:700;font-size:1.25em}.yes:hover,.no:hover,.yes:focus,.no:focus{color:#a37434}.yes:hover span,.no:hover span,.yes:focus span,.no:focus span{animation:hoverText 1s ease-in-out infinite}@keyframes hoverText{0%{opacity:1}50%{opacity:0}to{opacity:1}}.open,.yesCheck{z-index:5}.open:checked~.overlay{display:block}.open:checked~.corner1{animation:.35s openCorner1 linear forwards}.open:checked~.corner2{animation:.35s openCorner2 linear forwards}.open:checked~.corner3{animation:.35s openCorner3 linear forwards}.open:checked~.corner4{animation:.35s openCorner4 linear forwards}.open:checked~.menuWrapper{display:block}.open:checked~.menuWrapper .menu{animation:.45s menuOpen linear forwards}.open:checked~.menuWrapper .menu .middleDiv{animation:.22s openMiddleMenu .11s linear forwards}.yes:hover .cornerBtn11,.yes:hover .cornerBtn12,.yes:hover .cornerBtn13,.yes:hover .cornerBtn14,.yes:focus .cornerBtn11,.yes:focus .cornerBtn12,.yes:focus .cornerBtn13,.yes:focus .cornerBtn14{opacity:1}.no:hover .cornerBtn21,.no:hover .cornerBtn22,.no:hover .cornerBtn23,.no:hover .cornerBtn24,.no:focus .cornerBtn21,.no:focus .cornerBtn22,.no:focus .cornerBtn23,.no:focus .cornerBtn24{opacity:1}.cornerBtn11,.cornerBtn12,.cornerBtn13,.cornerBtn14,.cornerBtn21,.cornerBtn22,.cornerBtn23,.cornerBtn24,.cornerCBtn1,.cornerCBtn2,.cornerCBtn3,.cornerCBtn4{position:absolute;width:.75em;height:.75em;background-color:transparent;margin:-.45em;opacity:0}.cornerCBtn1,.cornerCBtn2,.cornerCBtn3,.cornerCBtn4{margin:-1em}.cornerBtn11,.cornerBtn21{top:0;left:0;border-top:2px solid #a37434;border-left:2px solid #a37434}.cornerBtn12,.cornerBtn22{top:0;right:0;border-top:2px solid #a37434;border-right:2px solid #a37434}.cornerBtn13,.cornerBtn23{bottom:0;left:0;border-bottom:2px solid #a37434;border-left:2px solid #a37434}.cornerBtn14,.cornerBtn24{bottom:0;right:0;border-bottom:2px solid #a37434;border-right:2px solid #a37434}.cornerCBtn1{top:0;left:0;border-top:2px solid #ebd518;border-left:2px solid #ebd518}.cornerCBtn2{top:0;right:0;border-top:2px solid #ebd518;border-right:2px solid #ebd518}.cornerCBtn3{bottom:0;left:0;border-bottom:2px solid #ebd518;border-left:2px solid #ebd518}.cornerCBtn4{bottom:0;right:0;border-bottom:2px solid #ebd518;border-right:2px solid #ebd518}.clickSVG{fill:#fff;width:50px;height:50px}label:focus{outline:none}.open:hover .clickSVG,.open:focus .clickSVG{fill:#ebd518;animation:svgHover .5s ease-in-out infinite}@keyframes svgHover{0%{scale:1}50%{scale:.95}to{scale:1}}.open:hover .cornerCBtn1,.open:hover .cornerCBtn2,.open:hover .cornerCBtn3,.open:hover .cornerCBtn4,.open:focus .cornerCBtn1,.open:focus .cornerCBtn2,.open:focus .cornerCBtn3,.open:focus .cornerCBtn4{opacity:1}.open:hover span{display:inline-block;animation:openSpanHover .75s ease infinite}@keyframes openSpanHover{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}@keyframes openCorner1{20%{transform:rotateY(180deg) rotate(0)}50%{top:0;left:50%}51%{transform:rotateY(0)}to{top:0;left:0;transform:rotateY(0)}}@keyframes openCorner2{20%{transform:rotateY(180deg) rotate(0)}50%{top:0;right:50%}51%{transform:rotateY(0)}to{top:0;right:0;transform:rotateY(0)}}@keyframes openCorner3{20%{transform:rotateY(180deg) rotate(0)}50%{bottom:0;left:50%}51%{transform:rotateY(0)}to{bottom:0;left:0;transform:rotateY(0)}}@keyframes openCorner4{20%{transform:rotateY(180deg) rotate(0)}50%{bottom:0;right:50%}51%{transform:rotateY(0)}to{bottom:0;right:0;transform:rotateY(0)}}@keyframes closeCorner1{0%{top:0;left:0;transform:rotateY(0) rotate(0)}50%{top:0;left:50%;transform:rotateY(180deg) rotate(0)}50.5%{transform:rotateY(180deg) rotate(0)}88.5%{transform:rotateY(180deg) rotate(0)}89%{transform:rotateY(180deg) rotate(180deg)}89.5%{transform:rotateY(180deg) rotate(180deg)}90%{left:50%;top:50%;transform:rotateY(180deg) rotate(180deg)}95%{transform:rotateY(0) rotate(180deg)}to{transform:rotateY(0) rotate(180deg)}}@keyframes closeCorner2{0%{top:0;right:0;transform:rotateY(0) rotate(0)}50%{top:0;right:50%;transform:rotateY(180deg) rotate(0)}50.5%{transform:rotateY(180deg) rotate(0)}88.5%{transform:rotateY(180deg) rotate(0)}89%{transform:rotateY(180deg) rotate(180deg)}89.5%{transform:rotateY(180deg) rotate(180deg)}90%{right:50%;top:50%;transform:rotateY(180deg) rotate(180deg)}95%{transform:rotateY(0) rotate(180deg)}to{transform:rotateY(0) rotate(180deg)}}@keyframes closeCorner3{0%{bottom:0;left:0;transform:rotateY(0) rotate(0)}50%{bottom:0;left:50%;transform:rotateY(180deg) rotate(0)}50.5%{transform:rotateY(180deg) rotate(0)}88.5%{transform:rotateY(180deg) rotate(0)}89%{transform:rotateY(180deg) rotate(180deg)}89.5%{transform:rotateY(180deg) rotate(180deg)}90%{left:50%;bottom:50%;transform:rotateY(180deg) rotate(180deg)}95%{transform:rotateY(0) rotate(180deg)}to{transform:rotateY(0) rotate(180deg)}}@keyframes closeCorner4{0%{bottom:0;right:0;transform:rotateY(0) rotate(0)}50%{bottom:0;right:50%;transform:rotateY(180deg) rotate(0)}50.5%{transform:rotateY(180deg) rotate(0)}88.5%{transform:rotateY(180deg) rotate(0)}89%{transform:rotateY(180deg) rotate(180deg)}89.5%{transform:rotateY(180deg) rotate(180deg)}90%{right:50%;bottom:50%;transform:rotateY(0) rotate(180deg)}95%{transform:rotateY(0) rotate(180deg)}to{transform:rotateY(0) rotate(180deg)}}@keyframes openMiddleMenu{0%{background-color:transparent}25%{background-color:gray}50%{background-color:transparent}75%{background-color:gray}to{background-color:transparent}}@keyframes closeMiddleMenu{0%{background-color:transparent}25%{background-color:gray}50%{background-color:transparent}75%{background-color:gray}to{background-color:transparent}}@keyframes menuOpen{0%{opacity:0;display:block}49.5%{opacity:0;display:block}50%{opacity:1;display:block}to{opacity:1;display:block}}@keyframes overlayOpen{0%{display:none}to{display:block}}@keyframes overlayClose{0%{display:block}to{display:none}}@keyframes menuWrapperClose{0%{display:block}99%{display:block}to{display:none}}@keyframes menuClose{0%{opacity:1;display:block}25%{opacity:0;display:block}40%{opacity:0;display:block}50%{opacity:0;display:block}75%{opacity:0;display:none}to{opacity:0;display:none}}.yesCheck,.noCheck{display:none}.yesCheck:checked~.menuWrapper .menu .bottomDiv .buttons .no{opacity:0}.noCheck:checked~.menuWrapper .menu .bottomDiv .buttons .yes{opacity:0}.yesCheck:checked~.menuWrapper .menu .bottomDiv .buttons .yes{background-color:#a3743440;color:#a37434}.noCheck:checked~.menuWrapper .menu .bottomDiv .buttons .no{background-color:#a3743440;color:#a37434}.yesCheck:checked~.menuWrapper .menu .middleDiv,.noCheck:checked~.menuWrapper .menu .middleDiv{animation:.25s closeMiddleMenu linear forwards}.yesCheck:checked~.menuWrapper .corner1,.noCheck:checked~.menuWrapper .corner1{animation:.35s closeCorner1 linear forwards}.yesCheck:checked~.menuWrapper .corner2,.noCheck:checked~.menuWrapper .corner2{animation:.35s closeCorner2 linear forwards}.yesCheck:checked~.menuWrapper .corner3,.noCheck:checked~.menuWrapper .corner3{animation:.35s closeCorner3 linear forwards}.yesCheck:checked~.menuWrapper .corner4,.noCheck:checked~.menuWrapper .corner4{animation:.35s closeCorner4 linear forwards}.yesCheck:checked~.menuWrapper,.noCheck:checked~.menuWrapper{animation:.45s menuWrapperClose linear forwards}.yesCheck:checked~.menuWrapper .menu,.noCheck:checked~.menuWrapper .menu{animation:.45s menuClose .1s step-end forwards}.yesCheck:checked~.overlay,.noCheck:checked~.overlay{animation:.45s overlayClose linear forwards}.profile-img{width:80px;height:80px;border-radius:50%;border:3px solid transparent;object-fit:cover}.profile-img.chosen{border-color:red}.image-upload input{display:none}.image-upload .image-preview{width:80px;height:80px;border-radius:50%;background-color:#ccc;background-size:cover;background-position:center;border:2px dashed #aaa;cursor:pointer}.custom-profile-form{display:flex;gap:1em;align-items:center;justify-content:center;width:100%}#inputs{display:flex;flex-direction:column;gap:.5em;align-items:flex-start;width:50%}#inputs>input[type=text]{width:100%;height:30px}#inputs>textarea{width:100%;height:50px}#inputs>button{margin:0;padding:5px 10px;cursor:pointer}.image-preview{width:80px;height:80px;border-radius:50%;background-color:#444;border:2px dashed #888}.credits-scene-container{position:relative;width:100%;height:100vh;background:linear-gradient(to bottom,#000,#1a1a1a);color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;font-family:Karantina,system-ui,sans-serif}.credits-overlay{position:relative;width:100vw;height:100vh;background:#000000b3;padding:2em;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.credits-title{font-size:2.5em;margin-bottom:1.5em;text-align:center;letter-spacing:2px;color:#fff}.credits-scrollable{width:100%;height:100%;overflow-y:auto;padding:1em}.credit-entry{margin-bottom:2em;text-align:center;animation:fadeInUp 1s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.credit-name{font-size:1.5em;font-weight:700;margin-bottom:.5em;color:#fff}.credit-link{color:#ccc;font-size:1em;word-break:break-all;text-decoration:underline;transition:color .3s ease}.credit-link:hover{color:#fff}.back-button-wrapper{margin-top:2em}.menu-action-button{padding:.6em 1.5em;background-color:transparent;color:#fff;border:2px solid white;font-size:1.2em;cursor:pointer;transition:background .3s ease,color .3s ease}.credits-scrollable::-webkit-scrollbar{width:1px}.credits-scrollable::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}.credits-scrollable::-webkit-scrollbar-track{background:transparent}.settings-scene-container{position:relative;width:100%;height:100vh;background:linear-gradient(to bottom,#111,#222);display:flex;justify-content:center;align-items:center;color:#fff;font-family:Karantina,sans-serif}.settings-overlay{background:#000000b3;padding:2em;width:90%;max-width:600px;box-shadow:0 0 20px #000;display:flex;flex-direction:column;gap:1.5em;border-radius:12px}.settings-title{text-align:center;font-size:2.5em;color:#fff}.setting-group{display:flex;justify-content:space-between;align-items:center;gap:1em}.setting-group label{flex:1;font-size:1.2em}.setting-group input[type=range],.setting-group select{flex:2}.menu-action-button{padding:.6em 1.5em;background-color:transparent;color:#fff;border:2px solid white;font-size:1.2em;cursor:pointer;transition:background .3s ease,color .3s ease;align-self:center}.menu-action-button:hover{background-color:#fff;color:#000}