@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}html,body,#root{height:100%}body{background-color:#010103;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.SideNavBar{width:7vw;height:100vh;position:fixed;top:0;left:0;background-color:#010103;color:#fff;padding:20px;z-index:1000;border-right:1px solid #4C4C4C;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;transition:all .28s cubic-bezier(.2,.9,.3,1);transform-origin:left center}.SideNavBar .arriba{display:flex;align-items:center;justify-content:center}.SideNavBar .abajo{display:flex;flex-direction:column;gap:2rem;align-items:center}.abajo button{background-color:transparent;border:0;outline:none;padding:6px}.abajo button:hover{cursor:pointer}.main{margin-left:7vw;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;padding-top:2rem;min-height:100vh;transition:margin .24s ease}.main video{margin-top:3rem;width:70%;height:auto;align-self:center;border-radius:2rem}.infoModpack{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto}.infoModpack p{width:70%}.text{width:70%;margin-top:2vw}.infoModpack hr{width:70%;border:none;border-top:2px solid #4C4C4C}.miniNavegacion{margin-top:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.Description,.Changelog{width:7rem;height:2rem;background-color:transparent;border:0;color:#fff;font-size:1rem;transition:.2s}.botonActivo{background-color:#202020;border-radius:10px 10px 0 0}.Description:hover,.Changelog:hover{cursor:pointer;background-color:#202020;border-radius:10px 10px 0 0}.botones{width:70%;display:flex;justify-content:left;gap:1rem;outline:none}.barraDescargar{height:6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:fixed;bottom:0;left:7vw;width:calc(100% - 7vw);background-color:#010103;border-top:1px solid #4C4C4C;color:#fff;text-align:center;padding:12px 24px;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1),left .24s,width .24s;box-shadow:0 -6px 20px #00000059;z-index:1000}.imagenCreditos{width:70%!important;border-radius:.8rem}.barraDescargar h1{font-size:1.3rem;font-weight:500}.barraDescargar .barraActions{display:flex;gap:12px;align-items:center}.barraDescargar button{padding:8px 14px;font-size:15px;cursor:pointer;background-color:#3c008d;border:none;border-radius:6px;color:#fff;transition:transform .12s}.barraDescargar button:active{transform:translateY(1px) scale(.995)}.wikiButton{background-color:#010103!important;border:2px solid #4C4C4C!important}.barraDescargar.show{transform:translateY(0)}.textoInfoModpack{width:70%}.descripcion h1,.descripcion p,.changelog h1,.changelog p{width:100%}.descripcion,.changelog{display:none}.activeInfo{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10rem;animation:fadeUp .42s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.imgDesc{width:80%;max-width:80%;display:block;margin:0;transition:transform .22s}.imgDesc:hover{transform:scale(1.02)}.textDesc{margin:0;width:80%;display:flex;flex-direction:column;justify-content:center}.main{display:none}.activeSec{display:flex;flex-direction:column}.gallerySec{display:none}.gallerySec.activeSec{display:flex;width:100%;justify-content:center;align-items:flex-start}.weaponsSec{display:none}.ultimaImg,.primerImg{margin-top:3rem}.titleTextDesc{margin-top:1rem;margin-bottom:1rem}.textoNoImportante{color:#999}.subtituloDesc{font-size:22px;color:#fff}.subSubtitulo{color:#d6d6d6}.galleryContainer{min-height:60vh;padding:28px 24px;margin-left:7vw;box-sizing:border-box;column-count:4;column-gap:28px;transition:all .2s ease;background:transparent;z-index:0}.galleryItem{display:inline-block;width:100%;margin-bottom:26px;border-radius:12px;overflow:visible;break-inside:avoid;background:#0f0f0f;box-shadow:0 8px 26px #0000008c;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s;will-change:transform;transform-origin:center top;padding:6px;opacity:0}.galleryItem.appear{animation:popIn .48s cubic-bezier(.2,.9,.3,1) forwards}.dimensional{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;background:linear-gradient(90deg,#a7f3d0,#dff8c6,#ffd1e8,#d6b8ff,#9de6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,.6),0 8px 24px rgba(139,85,255,.08)}.dimensional img{margin-left:.4rem}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.98)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.galleryItem:hover{transform:translateY(-8px) scale(1.03) rotate(0);box-shadow:0 18px 56px #000000a6;z-index:2}.lightboxOverlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:overlayFade .22s ease forwards}.lightboxContent{position:relative;max-width:95vw;max-height:95vh;width:min(1100px,95%);display:flex;align-items:center;justify-content:center;gap:12px;animation:contentScale .26s cubic-bezier(.2,.9,.3,1) forwards}@media(max-width:1500px){.SideNavBar{width:100%;height:72px;position:fixed;top:0;left:0;right:0;border-right:none;border-bottom:1px solid #4C4C4C;padding:8px 16px;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;z-index:1500;background-color:#010103fa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.SideNavBar .arriba{margin-left:6px}.SideNavBar .abajo{flex-direction:row;gap:.75rem;margin-right:8px;align-items:center}.main{margin-left:0;margin-top:72px;padding-top:1.5rem}.galleryContainer{margin-left:0!important;padding-top:1.5rem}.barraDescargar{left:0;width:100%;margin-left:0;justify-content:space-between;padding:12px 16px}.infoModpack p,.textoInfoModpack,.textDesc{width:95%}.botones{width:auto;padding-left:8px}.abajo button img{width:18px;height:18px}.SideNavBar .arriba img{height:36px;width:auto}}@media(max-width:1400px){.galleryItem.large{height:420px}.galleryItem.tall{height:300px}.galleryItem.wide,.galleryItem.normal{height:220px}}@media(max-width:1000px){.galleryItem.large{height:360px}.galleryItem.tall{height:300px}.galleryItem.wide{height:220px}.galleryItem.normal{height:200px}}@media(max-width:640px){.galleryItem.large{height:300px}.galleryItem.tall{height:260px}.galleryItem.wide,.galleryItem.normal{height:200px}.lightboxPrev,.lightboxNext{display:none}.lightboxClose{top:8px;right:8px;padding:8px 10px}.text h1{font-size:1.8rem}.text p{font-size:.8rem}}@media(max-width:522px){.text h1{font-size:1rem}.text p{display:none}}@media(max-width:420px){.SideNavBar{height:64px}.main{margin-top:64px}.barraDescargar{padding:10px}.barraDescargar h1{font-size:1rem}}@keyframes containerFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.galleryContainer{min-height:60vh;padding:28px 24px;margin-left:7vw;box-sizing:border-box;column-count:4;column-gap:28px;transition:all .2s ease;background:transparent;z-index:0;animation:containerFade .22s ease both}@media(max-width:1400px){.galleryContainer{column-count:3}}@media(max-width:1000px){.galleryContainer{column-count:2;column-gap:20px}}@media(max-width:640px){.galleryContainer{column-count:1;padding-left:16px;padding-right:16px;column-gap:12px;margin-left:0}}.galleryItem{display:inline-block;width:100%;margin-bottom:26px;border-radius:12px;overflow:visible;break-inside:avoid;background:#0f0f0f;box-shadow:0 8px 26px #0000008c;cursor:pointer;transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .22s,opacity .22s;will-change:transform;transform-origin:center top;padding:6px;opacity:1}.galleryItem:hover{transform:translateY(-6px) scale(1.02) rotate(0);box-shadow:0 14px 46px #000000a6;z-index:2}.galleryItemInner{width:100%;height:100%;overflow:hidden;border-radius:8px;background:#111}.galleryItem.large{height:460px}.galleryItem.tall{height:330px}.galleryItem.wide{height:240px}.galleryItem.normal{height:260px}.galleryMedia{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.galleryItem video.galleryMedia{background:#000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes contentScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightboxOverlay{position:fixed;inset:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:overlayFade .2s ease forwards}.lightboxContent{position:relative;max-width:95vw;max-height:95vh;width:min(1100px,95%);display:flex;align-items:center;justify-content:center;gap:12px;animation:contentScale .2s cubic-bezier(.2,.9,.3,1) forwards}.lightboxMediaWrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;max-height:90vh;max-width:100%;overflow:hidden}.lightboxMedia{max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:10px;box-shadow:0 18px 80px #000000d9}.lightboxClose,.lightboxPrev,.lightboxNext{position:absolute;background:#14141499;color:#fff;border:none;padding:12px 14px;border-radius:8px;cursor:pointer;font-size:20px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.lightboxClose{top:12px;right:12px;z-index:2}.lightboxPrev{left:6px;top:50%;transform:translateY(-50%)}.lightboxNext{right:6px;top:50%;transform:translateY(-50%)}@media(max-width:640px){.galleryItem.large{height:300px}.galleryItem.tall{height:260px}.galleryItem.wide,.galleryItem.normal{height:200px}.lightboxPrev,.lightboxNext{display:none}.lightboxClose{top:8px;right:8px;padding:8px 10px}}:root{--bg: #000;--text: #fff;--muted: rgba(255,255,255,.6);--accent: #a97aff}.creditsModalOverlay{position:fixed;inset:0;background:radial-gradient(ellipse at center,#000000f5,#000000fe 60%),#000;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.creditsModalContent{position:absolute;left:50%;transform:translate(-50%);width:100%;max-width:1100px;height:100%;margin:0 auto;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;padding:10px 18px}.creditsCloseBtn{position:absolute;top:14px;right:14px;z-index:60;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px}.creditsCloseBtn:hover{transform:translateY(-2px)}.musicBtn{position:absolute;top:14px;left:18px;z-index:60;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer;font-size:16px}.musicBtn:hover{transform:translateY(-2px)}.creditsViewport{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:36px 18px;box-sizing:border-box}.creditsViewport:before,.creditsViewport:after{content:"";position:absolute;left:0;right:0;height:18%;pointer-events:none;z-index:20}.creditsViewport:before{top:0;background:linear-gradient(180deg,#000,#0000)}.creditsViewport:after{bottom:0;background:linear-gradient(0deg,#000,#0000)}.previewBlock{position:absolute;z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;will-change:opacity,transform}@keyframes previewFade{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-2px)}to{opacity:0;transform:translateY(-8px)}}.previewName{color:var(--text);font-weight:700;font-size:clamp(20px,3.2vw,40px);letter-spacing:1px;margin:6px 0;text-align:center;text-shadow:0 6px 18px rgba(0,0,0,.7)}.creditsRoll{position:relative;width:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:translateY(40%);animation-name:creditsScroll;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;will-change:transform}.sideFloating{position:absolute;width:clamp(90px,12.5vw,160px);height:auto;object-fit:cover;border-radius:12px;box-shadow:0 14px 40px #0009;z-index:45;opacity:.98;transform-origin:center bottom;backface-visibility:hidden;will-change:transform,opacity;transition:opacity .4s ease,transform .4s ease}.sideFloating.left{left:clamp(8px,3vw,20px)}.sideFloating.right{right:clamp(8px,3vw,20px)}@keyframes sidePop{0%{transform:translateY(6px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sideFloating{animation:sidePop .42s ease forwards}.creditsSpacerTop{height:20vh;flex:0 0 auto}.creditsSpacerBottom{height:12vh;flex:0 0 auto}.creditsRollName{width:100%;color:var(--text);text-align:center;font-weight:700;font-size:clamp(18px,3vw,48px);line-height:1.02;padding:6px 0;margin:0;letter-spacing:1px;opacity:.99;text-shadow:0 6px 18px rgba(0,0,0,.7);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.creditsHint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);color:var(--muted);font-size:13px;z-index:30;background:#ffffff05;padding:6px 10px;border-radius:8px}.creditsStatus{color:var(--muted);font-size:18px;z-index:10}@keyframes creditsScroll{0%{transform:translateY(40%)}to{transform:translateY(-60%)}}@media(max-width:900px){.creditsRollName{font-size:clamp(16px,5.6vw,40px);padding:5px 0}.creditsSpacerTop,.creditsSpacerBottom{height:10vh}.sideFloating{width:clamp(70px,24vw,140px)}}@media(max-width:420px){.creditsCloseBtn{padding:6px 8px;font-size:16px;top:10px;right:10px}.creditsHint{font-size:12px;padding:4px 8px;bottom:10px}.sideFloating{width:clamp(60px,28vw,110px);left:10px;right:10px}}@media(min-width:480px){.creditsSpacerTop{height:80vh}}@media(min-width:768px){.creditsSpacerTop{height:120vh}}@media(min-width:900px){.creditsSpacerTop{height:140vh}}@media(min-width:1024px){.creditsSpacerTop{height:180vh}}@media(min-width:1280px){.creditsSpacerTop{height:240vh}}@media(min-width:1366px){.creditsSpacerTop{height:260vh}}@media(min-width:1440px){.creditsSpacerTop{height:280vh}}@media(min-width:1600px){.creditsSpacerTop{height:320vh}}@media(min-width:1920px){.creditsSpacerTop{height:400vh}}@media(min-width:2560px){.creditsSpacerTop{height:420vh}}