@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@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: 960px){#playButton{font-family:BungeeTint-Regular}p{font-size:xx-small}#splashScreen h1{font-size:.5em;margin-bottom:0;color:#fd0000}}@media (min-width: 960px){#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{display:flex;align-items:end;justify-content:center;color:#fff;text-shadow:2px 2px 6px black;font-size:1.4em;opacity:0;transition:opacity .3s ease-out;position:absolute;top:0;left:0;width:100%;height:100%}#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:10%;margin-bottom:20px;display:block;object-fit:cover;max-width:120px;border-radius:50%;border:12px solid white;aspect-ratio:1 / 1;z-index:1}#cutscene-text{max-width:70%;background:#0009;padding:20px;border-radius:8px;margin-left:-15px;text-align:center;user-select:none;font-size:large}.faction-section{margin-bottom:15px;padding:10px;border-radius:4px;background:#ffffff0d;cursor:pointer;transition:.2s}#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}#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:7%;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}.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}.hud-label>img{width:16px;height:16px}#flashlight-indicator{width:16px;height:16px}#timer-hud{position:absolute;left:50%;top:20px;font-family:Segment7,monospace}}@media (min-width: 900px){.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}}.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}.avatar-container{position:relative;display:inline-block}.xp-badge{position:absolute;bottom:-5px;right:-5px;background:linear-gradient(135deg,#f5d742,#f5a742);color:#000;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0003}.profile-container{display:flex;flex-direction:column;align-items:center;gap:8px}#xp{color:#ff0;font-size:10px;font-weight:700;margin-top:2px}.profile-name{font-size:14px;color:#fff;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn.disabled{opacity:.6;cursor:not-allowed}.flex-button{display:flex}#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:3px;left:50%;color:#fff;font-size:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7);z-index:100;transform:translate(-50%);text-align:center;font-family:Roboto,sans-serif;font-style:italic;font-weight:700}.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{background:#000000b3;border:2px solid #444;border-radius:5px;padding:10px;height:100%;display:flex;z-index:100;flex-direction:column;box-sizing:border-box;width:min-content}.inventory-title{color:red;text-align:center;margin-bottom:15px;font-weight:700}.inventory-slot{width:60px;height:60px;background:#ffffff1a;border:1px solid #444;border-radius:3px;display:flex;align-items:center;justify-content:center;position:relative}.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:20px;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}.lock-icon{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;background-color:#0009;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:2}.level-menu-button-group{display:flex;justify-content:center;gap:20px;margin-top:20px}.level-menu-button{padding:10px 20px;font-size:16px;cursor:pointer}.settings-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:20px;border-radius:10px;z-index:10001;width:300px;max-width:90%;border:1px solid #444;user-select:none;-webkit-user-select:none;touch-action:manipulation;pointer-events:auto}.settings-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #444;pointer-events:auto}.settings-popup-title{margin:0;color:#fff;pointer-events:none}.settings-popup-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto}.settings-popup-content{display:flex;flex-direction:column;gap:15px;pointer-events:auto}.settings-popup-control{display:flex;flex-direction:column;gap:5px;pointer-events:auto}.settings-popup-label{color:#fff;pointer-events:none}.settings-popup-slider{touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%}.settings-popup-mute-btn{padding:8px;background:#333;color:#fff;border:1px solid #555;border-radius:4px;cursor:pointer;margin-top:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;width:100%}.game-won-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:20px 40px;border-radius:10px;text-align:center;z-index:1000;opacity:0;transition:opacity .3s ease;pointer-events:none}.game-won-title{margin:0 0 10px;font-size:2em;color:#4caf50}.game-won-text{margin:0;font-size:1.2em;color:#fff}.guide-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;font-family:Palatino,Book Antiqua,serif}.book-cover{width:700px;height:500px;background-image:url(../assets/images/book-texture.png);background-size:contain;border-radius:5px;box-shadow:0 0 30px #000c;display:flex;position:relative;border:15px solid #3a2c21;box-sizing:content-box}.book-page{width:50%;height:100%;padding:30px;box-sizing:border-box;position:relative;overflow:hidden}.left-page{background:linear-gradient(90deg,#f5ebdce6,#f5ebdcb3);border-right:1px solid #c0a080}.right-page{background:linear-gradient(90deg,#f5ebdcb3,#f5ebdce6)}.book-title{font-family:UnifrakturMaguntia,cursive;color:#5c3a21;text-align:center;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.2);border-bottom:2px solid #c0a080;padding-bottom:10px}.book-content{height:calc(100% - 60px);overflow-y:auto;padding-right:10px}.controls-list{list-style-type:none;padding:0;margin:0}.controls-list li{margin-bottom:15px;font-size:1.1rem;color:#3a2c21;position:relative;padding-left:30px;line-height:1.4}.controls-list li:before{content:"•";color:#8b5a2b;font-size:1.5rem;position:absolute;left:0;top:-3px}.key{display:inline-block;background-color:#3a2c21;color:#f5ebdc;padding:2px 8px;border-radius:3px;font-family:monospace;font-weight:700;margin-right:8px;box-shadow:1px 1px 3px #0000004d}.book-button{position:absolute;bottom:20px;right:0;background-color:#5c3a21;color:#f5ebdc;border:none;padding:10px 25px;font-size:1.1rem;border-radius:3px;cursor:pointer;font-family:Palatino,serif;box-shadow:0 2px 5px #0000004d;transition:all .3s ease}.book-button:hover{background-color:#8b5a2b}.left-page:after,.right-page:after{content:"";position:absolute;inset:0;background-image:url(../assets/textures/paper-texture.png);opacity:.15;pointer-events:none}@media screen and (max-width: 960px){.book-cover{width:70vw;height:90vh;font-size:xx-small}.hud-weapon{bottom:-16px}.book-page{padding:20px}.book-title{font-size:xx-small}.controls-list li{font-size:x-small}.book-button{padding:8px 20px;font-size:x-small}.faction-section{font-size:.6rem;margin-bottom:5px;padding:5px}#faction-panel{height:revert}.task-details-panel{padding:.3rem}.lop{font-size:.7rem}#cutscene-text span{display:inline;font-size:small}#cutscene-text{padding:.3rem .3rem .3rem 1rem;width:50%}#task-details-panel{padding:0}#task-details-panel *{text-align:left;font-size:xx-small!important;margin-bottom:0!important;padding:0!important}#yout{display:flex;gap:2px}#cont{margin-left:20px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}}#cutscene-text{white-space:pre-wrap;word-wrap:break-word;line-height:1.5}#cutscene-text span{display:inline}.player-name{color:#9b59b6!important;font-weight:700!important}#cont{width:100%;display:flex;align-items:center;justify-content:center;text-shadow:2px 2px 6px black;font-size:1.4em}#skip{position:absolute;top:20px;right:20px;padding:8px 12px;background:#000000b3;color:#fff;border:none;cursor:pointer;user-select:none}#faction-panel{width:300px;height:40%;overflow-y:auto;padding:15px 15px 15px 25px;position:absolute;left:0;top:0;z-index:50;font-size:small;display:flex;flex-direction:column;justify-content:space-between}#msg1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#e74c3c;padding:20px;border-radius:8px;z-index:1000;font-size:1.2em}.lop{color:#f39c12;margin-bottom:20px;text-align:left;border-bottom:1px solid #444;padding-bottom:10px}#task-details-panel{position:absolute;right:20px;top:10%;width:300px;padding:20px;overflow-y:auto;transition:.3s;font-size:small;display:flex;flex-direction:column;align-items:end}.skull{width:1rem;height:1rem;filter:invert(100%);opacity:.4;transition:filter .2s,opacity .2s}.skull.active{filter:invert(18%) sepia(99%) saturate(7487%) hue-rotate(359deg) brightness(91%) contrast(113%);opacity:1}@media (max-width: 600px){.skull{width:1rem;height:1rem}}#first-level[fill="#00ccff"],#second-level[fill="#00ccff"],#third-level[fill="#00ccff"],#fourth-level[fill="#00ccff"],#fifth-level[fill="#00ccff"],#sixth-level[fill="#00ccff"],#seventh-level[fill="#00ccff"],#eighth-level[fill="#00ccff"]{filter:drop-shadow(0 0 4px #00ccff);transition:fill .3s ease}.nft.claimed{opacity:.6;pointer-events:none;display:none;position:relative}.nft.claimed:after{content:"CLAIMED";position:absolute;top:10px;right:10px;background:#ffffff1a;padding:5px 10px;border-radius:5px;color:#fff;font-size:.8rem;font-weight:700}.hud-body{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;background-color:#161418;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#eee;user-select:none;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.bg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.bg h1{font-size:20rem;color:#ffffff10;filter:opacity(.5);margin:0}.nft-close-btn{position:fixed;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#eee;z-index:1000;cursor:pointer}.nft-close-btn:hover{color:#ee83e5}.nft{user-select:none;max-width:300px;width:90%;border:1px solid #ffffff22;background:linear-gradient(0deg,#282c34,#11002080);box-shadow:0 7px 20px 5px #0008;border-radius:.7rem;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);overflow:hidden;transition:.5s all;z-index:100;position:relative;height:60%}.nft:hover{border:1px solid #ffffff44;box-shadow:0 7px 50px 10px #000a;transform:scale(1.015);filter:brightness(1.3)}.nft:before{position:fixed;content:"";box-shadow:0 0 100px 40px #ffffff08;top:50%;left:-290%;transform:rotate(-45deg);height:10rem;width:120rem;transition:.7s all}.nft:hover:before{filter:brightness(.5);top:-100%;left:200%}.nft hr{width:100%;border:none;border-bottom:1px solid #88888855;margin-top:0}.nft ins{text-decoration:none}.nft .mainsection{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;box-sizing:border-box}.nft .mainsection h2,.nft .mainsection p{text-align:left;width:100%}.nft .tokenImage{border-radius:.5rem;width:100%;height:250px;object-fit:cover}.nft .description{margin:.5rem 0;color:#a89ec9;text-align:left}.nft .tokenInfo{display:flex;justify-content:space-between;align-items:center;width:100%}.nft .price,.nft .duration{display:flex;align-items:center}.nft .price{color:#ee83e5;font-weight:700}.nft .price ins{margin-left:-.3rem;margin-right:.5rem}.nft .duration{color:#a89ec9;margin-right:.2rem}.nft .duration ins{margin:.5rem .5rem .4rem}.nft .creator{display:flex;align-items:center;margin-top:.2rem;margin-bottom:-.3rem;width:100%}.nft .creator ins{color:#a89ec9}.nft .wrappers{display:flex;align-items:center;border:1px solid #ffffff22;padding:.3rem;margin:0;margin-right:.5rem;border-radius:100%;box-shadow:inset 0 0 0 4px #000a}.nft .wrappers img{border-radius:100%;border:1px solid #ffffff22;width:2rem;height:2rem;object-fit:cover;margin:0}.cutscene-intro{position:fixed;inset:0;z-index:10000;opacity:1;background:#000}.bg-image{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.3)}.ink-overlay{position:absolute;inset:0;background:url(assets/ink-splatter.png) center/cover no-repeat;opacity:0;pointer-events:none;z-index:2}.title-container{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:30px 50px;z-index:3}.episode-title{color:#fff;font-size:3rem;letter-spacing:4px;white-space:nowrap}.game-tabs{display:flex;gap:10px;justify-content:space-around;width:100%;background-color:#0c0c0c}.tab-button{padding:10px 20px;font-size:16px;color:red;border:none;cursor:pointer;background-color:transparent}.tab-button.active{color:red;font-weight:700;border-top:2px solid;border-bottom:2px solid}.game-tab-content{height:100%;display:flex;width:80%}.container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c}.lower-container{display:flex;flex-direction:row;align-items:start;gap:4rem;height:80%;width:80%}.panell{height:100%;border:2px solid red;width:100%;color:red;box-sizing:border-box;padding:1em}.alt-panel{height:100%}.tutorials-panel{display:flex;gap:2rem;width:100%;height:100%}.tutorials-sidebar{flex:0 0 220px;display:flex;flex-direction:column;gap:.5em;border-right:1px solid #444;padding:1em;background:#111}.tutorial-button{all:unset;padding:.5em 1em;background:#222;border:1px solid #555;color:#f0f0f0;cursor:pointer;transition:.2s ease}.tutorial-button:hover{background:#444}.notes-panel .tutorials-content{flex:1;padding:1em;color:#ddd;max-width:60ch}.my-button-container .login-button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:10rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:.5rem;border-radius:2px;border:1px solid #6b7280;padding:.25rem;color:#6b7280;-webkit-transition:background-color .2s;transition:background-color .2s;position:relative}.my-button-container .internal-button{display:block;width:100%;padding:.5rem 1rem;-webkit-transition:background-color .2s;transition:background-color .2s;text-align:center;color:#6b7280;cursor:pointer;border-radius:2px}@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}@property --p{syntax: "<number>"; initial-value: 0; inherits: true;}@property --v{syntax: "<number>"; initial-value: 0; inherits: true;}.cat-carousel{--p: var(--k);--abs-p: abs(var(--k) - var(--p));--end: clamp(0, var(--abs-p) - 1, 1);--dir: calc((1 - 2 * var(--end)) * sign(var(--k) - var(--p)));--fwd: calc(.5 * (1 + var(--dir)));--v: var(--k);--abs-v: abs(var(--v) - var(--p));--prg: calc(var(--abs-v) / (1 - var(--end) + var(--end) * (var(--n) - 1)));display:grid;grid-gap:.5em 4em;grid-template:repeat(2,max-content) 1fr max-content / max-content 1fr;place-self:center;color:#f1f5f9;font:1em poppins,sans-serif;counter-reset:k calc(1 + var(--k)) n var(--n);transition:--p 0s .8s,--v .8s;width:40%;position:relative;@supports not (scale: Abs(-2)){--abs-p: max(var(--k) - var(--p), var(--p) - var(--k));--abs-v: max(var(--v) - var(--p), var(--p) - var(--v))}@supports not (scale: Sign(-2)){--dir: clamp(-1, (var(--k) - var(--p)) * 100000, 1)}}.cat-carousel:before,.cat-carousel p{color:#f1f5f999}.cat-carousel:before{grid-area:1 / 2;width:3ch;text-align:right;content:counter(k) "/" counter(n);height:min-content}.cat-carousel article{--abs-top: abs(var(--k) - var(--i));--not-top: min(1, var(--abs-top));--top: calc(1 - var(--not-top));--val-mov: ((1 - var(--fwd)) * var(--p) + var(--fwd) * var(--k) - var(--i));--abs-mov: abs(var(--val-mov));--not-mov: min(1, var(--abs-mov));--mov: calc(1 - var(--not-mov));grid-area:1 / 1 / -1 / -1;display:grid;grid-template:subgrid / subgrid;z-index:calc(var(--n) - 1 - abs(var(--i) - var(--v)));transition:z-index .8s cubic-bezier(1,-.9,0,1.9);@supports not (scale: Abs(-2)){--abs-top: max(var(--i) - var(--v), var(--v) - var(--i))}}.cat-carousel .text-block{grid-area:2 / 2 / span 2 / span 1;display:flex;flex-direction:column;gap:.25em;text-align:left}.cat-carousel .text-block h2,.cat-carousel .text-block p{translate:0 calc(var(--not-top) * 1lh);opacity:var(--top);transition:.4s;transition-property:translate,opacity}.cat-carousel .text-block h2{margin:0;font-size:1.1em;line-height:1.2;text-align:left}.cat-carousel .text-block p{margin:0;font-size:.95em;line-height:1.4;text-align:left}.cat-carousel h2{grid-area:2 / 2}.cat-carousel p{grid-area:3 / 2}@media screen and (max-width: 960px){.cat-carousel h2,.cat-carousel p{font-size:x-small}}.cat-carousel img{--sin: sin(var(--prg) * .5turn);grid-area:1 / 1 / -1 / 1;border:solid 10px #fefefe;height:13em;aspect-ratio:1;object-fit:cover;translate:calc(-150% * var(--mov) * sqrt(var(--sin)));rotate:calc((1 - var(--sin)) * var(--a))}.cat-carousel div{display:flex;gap:2em;grid-area:4 / 2;z-index:9999;position:relative;pointer-events:auto}.cat-carousel button{all:unset;display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:50%;background:#818cf833;color:color-mix(in hsl,#818cf8 var(--prc),currentcolor);padding:.25em;transition:.3s ease-out;cursor:pointer}.cat-desc{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;height:100%;padding:1em;border:1px solid red;box-sizing:border-box;width:60%;color:red}.cat-desc{transition:opacity .3s ease}.cat-carousel article{pointer-events:none}.cat-carousel article *{pointer-events:auto}@media (max-width: 768px){.carousel-container{flex-direction:column;align-items:stretch}}.cat-carousel .main-task{display:flex;flex-direction:column;gap:.3em;grid-area:2 / 2 / span 2 / span 1;position:absolute;top:-100%;text-align:left}.cat-carousel .main-task h3{margin:0;font-size:1.25em;color:#facc15;line-height:1.2;text-align:left}.cat-carousel .main-task p{margin:0;font-size:1em;color:#f1f5f9;line-height:1.4;text-align:left}.minecraft-character-picker{background:#222;padding:1rem;border:2px solid #999;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;z-index:1000;box-sizing:border-box}.character-column{display:flex;width:100%;height:90%;align-items:start;justify-content:space-evenly}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-top:1rem;width:65%;overflow-y:auto;max-height:100%}.character-button{background:#181818;border:2px solid #444;padding:.5rem;cursor:pointer;transition:transform .2s;margin-top:0}.character-button:hover{transform:scale(1.1);background:#e14c4c}.character-button img{width:60px;height:60px}.character-preview{text-align:center;width:30%;border:1px solid #e14c4c;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.5rem}.character-preview h2{margin:0 0 1rem;color:#e14c4c;font-size:1.2rem}.sprite-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:space-evenly;height:80%}.character-sprite{background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;scale:1.8}.character-sprite:hover{scale:2.5;--color: #ffda0e;filter:drop-shadow(0px 1px 0px var(--color)) drop-shadow(-1px 0px 0px var(--color)) drop-shadow(1px 0px 0px var(--color)) drop-shadow(0px 1px 0px var(--color)) drop-shadow(0px -1px 0px var(--color)) drop-shadow(1px 0px 0px var(--color)) drop-shadow(2px 4px 6px black)}.sprite-direction{display:flex;gap:.5rem}.sprite-direction button{background:#e14c4c;border:2px solid #444;color:#fff;cursor:pointer;padding:.25rem .5rem;font-family:Minecraft,sans-serif}.sprite-direction button:hover{background:#c83a3a}.sprite-stats{position:relative;width:100%;height:100%;padding:.5rem;margin-top:10px}.sprite-stats dl{display:grid;grid-template-columns:1fr auto}.sprite-stats dt:not(:last-of-type),.sprite-stats dd:not(:last-of-type){border-bottom:1px solid #d39999}.sprite-stats dt{text-align:left}.sprite-stats dd{text-align:right}.sprite-stats dd{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.sprite-stats dd.sprite-c:before{counter-reset:variable var(--sprite-c);content:counter(variable)}.sprite-stats dd.sprite-r:before{counter-reset:variable var(--sprite-r);content:counter(variable)}.sprite-stats dd.sprite-fps select{background:transparent;border:0;outline:none;padding:0;font-weight:700;font-family:inherit;font-size:inherit;color:#c52929}.sprite-stats dd.sprite-fr:before{counter-reset:variable var(--sprite-f);content:counter(variable)}.sprite-stats dd.sprite-tw:before{counter-reset:variable var(--sprite-f);content:counter(num) "/" counter(variable)}.sprite-stats dd.sprite-cc:before{counter-reset:variable var(--sprite-c);content:counter(col) "/" counter(variable)}.sprite-stats dd.sprite-cr:before{counter-reset:variable var(--sprite-r);content:counter(row) "/" counter(variable)}.hidden{display:none!important}.inventory-quantity{position:absolute;bottom:-5px;right:-10px;font-size:12px;background:#0000;color:#ffc468;padding:2px 4px;border-radius:4px;pointer-events:none}.containersss{width:90%;overflow:hidden;height:90vh;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{height:10%;box-sizing:border-box;font-family:inherit}h1{font-size:32px;font-weight:700;margin-bottom:5px;letter-spacing:1px;font-family:inherit;color:#fff}.difficulty{display:flex;align-items:center;gap:15px;font-family:inherit}.difficulty-label{font-size:18px;color:#a0a7d0;font-weight:500;font-family:inherit}.difficulty-change{background:linear-gradient(to right,#5a67d8,#3c46a0);color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer;transition:all .3s ease;padding:3px;font-size:x-small;font-family:inherit}.difficulty-change:hover{background:linear-gradient(to right,#4c59c7,#2e3890);transform:translateY(-2px);font-family:inherit}.main-content{display:flex;min-height:500px;height:80%;font-family:inherit}.episode-list{flex:0 0 300px;padding:25px 0;display:flex;flex-direction:column;justify-content:space-evenly;font-family:inherit}.section-title{font-size:20px;color:#7e88c5;margin-bottom:20px;font-weight:600;font-family:inherit}.customize-btn{display:inline-block;margin-left:10px;color:#5a67d8;font-size:18px;font-family:inherit}.episode-items{list-style:none;font-family:inherit;padding-left:0}.episode-item{font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;color:#b0b7e0;border-left:4px solid transparent;justify-content:flex-start;padding:15px 30px 15px 0;font-family:inherit}.episode-item:hover{background:#252b4a80;color:#fff;font-family:inherit}.episode-item.active{background:#252b4acc;background:linear-gradient(to right,#252b4acc,#252b4a00);color:#fff;border-left:4px solid #5a67d8;font-family:inherit;padding-left:8px}.episode-details{flex:1;display:flex;flex-direction:column;align-items:end;font-family:inherit}.episode-title{font-size:28px;margin-bottom:10px;font-weight:700;font-family:inherit}.episode-subtitle{font-size:20px;color:#7e88c5;margin-bottom:30px;font-weight:500;font-family:inherit}.episode-description{line-height:1.6;font-size:18px;color:#b0b7e0;max-width:600px;margin-bottom:40px;font-family:inherit}.episode-stats{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;gap:12px;max-width:500px;font-family:inherit}.stat{background:#252b4a80;padding:15px;border-radius:3px;font-family:inherit}.stat-label{font-size:14px;color:#7e88c5;margin-bottom:8px;font-family:inherit}.stat-values{font-size:20px;color:#fff;font-weight:600;font-family:inherit}.stat-large{grid-column:span 3;grid-row:span 3;font-family:inherit}.action-buttons{display:flex;justify-content:space-between;height:10%;font-family:inherit}.back-button{background:none;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:inherit;color:#7e88c5;margin:0;padding:0}.select-button{background:none;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;margin:0;padding:0;color:wheat}.select-button:disabled{color:#7e88c5;cursor:not-allowed;transform:none;font-family:inherit}.locked{opacity:.6;position:relative;font-family:inherit}.locked:after{content:"🔒";position:absolute;right:30px;font-family:inherit}@media (max-width: 960px){h1{font-size:1rem}.containersss{overflow:unset}.main-content{min-height:auto}.select-button,.back-button{font-size:.8rem}.section-title,.episode-subtitle{font-size:.7rem;margin-bottom:0}.episode-title{font-size:1rem}.episode-stats{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;max-width:500px;font-family:inherit}.stat-large{grid-column:span 3;grid-row:span 1}.stat-label{color:#ccc}.stat-values{font-size:.5rem}.episode-description{line-height:0;font-size:.7rem;margin-bottom:revert}.episode-item{font-size:.6rem;padding:.5rem 1rem}.episode-list{flex:none;border-right:none;border-bottom:1px solid #2a2f4c;height:fit-content}}.player-profile{font-family:Share Tech Mono,monospace;max-width:1200px;background:linear-gradient(145deg,#0a0a0a,#1a1a1a);border:2px solid #ff0000;box-shadow:0 0 20px #f006;color:#f0f0f0;overflow:hidden;clip-path:polygon(0 0,98% 0,98% 100%,0 100%);width:60vw;height:100%;overflow-y:auto}img.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-header{background:linear-gradient(to right,#1c1c1c,#2a2a2a);padding:20px;display:flex;align-items:center;gap:20px;border-bottom:2px solid #ff0000;font-size:.8rem}.avatar{width:100px;height:100px;background:#111;border:3px solid #ff0000;display:flex;align-items:center;justify-content:center;font-size:50px;color:#fff;border-radius:50%}.player-info h1{font-size:1.5rem;color:#f33;text-shadow:1px 1px 5px #900}.player-info p{margin:5px 0;color:#aaa;text-align:left;font-size:.8rem}.level-badge{background:red;padding:4px 12px;border:2px solid #ff0;font-weight:700;color:#000;clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%)}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.panel{background:#111;border:2px solid #333;padding:20px;clip-path:polygon(5% 0,95% 0,100% 10%,100% 90%,95% 100%,5% 100%,0 90%,0 10%);box-shadow:0 0 15px #f003}.panel h2{border-bottom:1px solid #ff0000;padding-bottom:8px;margin-bottom:15px;color:#f66;display:flex;align-items:center;gap:10px;font-size:1.2rem}.panel h2 i{color:red}.stats,.weapons-list,.assets-grid,.achievements-grid,.friends-list{display:grid;gap:12px}.achievements-grid{grid-template-columns:repeat(4,1fr)}.assets-grid,.weapons-list{grid-template-columns:repeat(3,1fr)}.achievement{display:flex;flex-direction:column;align-items:center}.achievement-name{text-align:center;font-size:.7rem;color:#fc0}.stats{grid-template-columns:repeat(2,1fr)}.stat-item{background:#1c1c1c;padding:15px;border:1px solid #444;text-align:center;box-shadow:0 0 10px #00ff001a}.stat-item i{font-size:24px;color:#39ff14}.stat-value{font-size:1.8rem;color:#f44}.stat-label{color:#ccc;font-size:.85rem}.xp-bar{height:15px;background:#222;margin:15px 0;border:1px solid #900}.xp-progresss{height:100%;background:linear-gradient(to right,red,#900)}.xp-text{text-align:center;font-size:.9rem;color:#ccc}.achievement-icon{width:60px;height:60px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.weapon{background:#1c1c1c;border:1px solid #f00;padding:10px;text-align:center;transition:transform .3s ease;display:flex}.weapon:hover{transform:scale(1.05);box-shadow:0 0 15px #ff000080}.weapon-icon{font-size:28px;color:red;margin-bottom:5px}.asset-icon img,.weapon-icon img{width:60px;height:60px}.asset-count,.weapon-stats{font-size:.5rem;color:#aaa}.task-item{background:#1a1a1a;padding:10px;border-left:4px solid #ff0000;margin-bottom:10px}.task-progress{height:5px;background:#333}.task-progress-bar{height:100%;background:red}.task-reward{color:#39ff14;font-weight:700;font-size:.9rem}.friend{background:#111;border-left:4px solid #900;padding:10px;display:flex;align-items:center}.friend-avatar{width:40px;height:40px;background:#333;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:10px;border:1px solid #666}.friend-status.status-online{color:#39ff14}.friend-status.status-offline{color:#999}.currency{display:flex;justify-content:space-around;background:#0f0f0f;border:1px solid #600;padding:10px;margin-bottom:10px}.currency-icon{color:red;font-size:22px;width:36px}.currency-name{font-size:.75rem;color:#aaa}.asset{background:#1a1a1a;border:1px solid #333;padding:10px;text-align:center}.asse{transition:transform .3s ease;display:flex}.asset-icon{font-size:20px;color:red;margin-bottom:5px}.asset-count{font-weight:700;color:#fff}@media (max-width: 900px){.profile-content{grid-template-columns:1fr}}@media (max-width: 600px){.profile-header{flex-direction:column;text-align:center}}.achievement-count{font-size:.75em;color:#888;margin-left:6px}