@import "https://fonts.googleapis.com/css2?family=Pirata+One&family=Michroma&display=swap";:root{--bg-dark:#0b0c10;--text-main:#fff;--accent-pink:#f4ccd6;--accent-cyan:#00f3ff;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);overflow-x:hidden}.top-nav{z-index:1000;background:linear-gradient(#000c,#0000);justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:-.5px;font-size:1.5rem;font-weight:900}.hamburger-menu{cursor:pointer;flex-direction:column;gap:6px;width:30px;display:flex}.hamburger-menu .bar{background-color:#fff;width:100%;height:3px}section{width:100%;position:relative}.sec-hero{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex}.hero-content{flex-direction:column;align-items:center;gap:2rem;width:90%;max-width:1400px;display:flex}.collage-container{grid-template-rows:400px;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;display:grid;position:relative}.collage-item{background-position:50%;background-size:cover;border-radius:4px}.collage-center-logo{text-align:center;border:4px solid var(--accent-pink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collage-center-logo h1{font-size:4rem;font-weight:900;line-height:1}.collage-center-logo span{color:var(--accent-pink)}.hero-bottom-bar{justify-content:space-between;align-items:center;width:100%;padding:1rem 0;display:flex}.hero-date,.hero-action,.hero-platforms{flex:1}.hero-date{flex-direction:column;display:flex}.hero-date .status{font-weight:700}.hero-date .date{font-size:1.5rem;font-weight:900}.btn-primary,.btn-presave,.btn-demo,.btn-play-trailer{background:var(--accent-pink);color:#000;cursor:pointer;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s}.btn-primary:hover,.btn-presave:hover,.btn-demo:hover{background:#fff;transform:scale(1.05)}.btn-demo{color:#fff;background:0 0;border:2px solid #fff}.btn-demo:hover{color:#000;background:#fff}.btn-hero-presave,.btn-hero-play{cursor:pointer;color:#000;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s,color .2s}.btn-hero-presave{background:var(--accent-pink)}.btn-hero-play{background:#fff}.btn-hero-presave:hover,.btn-hero-play:hover{color:#000;background:gold;transform:scale(1.05)}.hero-platforms{flex-direction:column;align-items:flex-end;font-size:.9rem;font-weight:700;display:flex}.scroll-arrow{font-size:2rem;animation:2s infinite bounce;position:absolute;bottom:20px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.sec-slider{height:100vh;overflow:hidden}.slider-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:100%;display:flex;overflow-x:auto}.slider-container::-webkit-scrollbar{display:none}.slider-container{-ms-overflow-style:none;scrollbar-width:none}.slide{scroll-snap-align:start;background-position:50%;background-size:cover;flex:0 0 100%;height:100%;position:relative}.sec-cover{background:#050505;justify-content:center;align-items:center;min-height:100vh;display:flex}.cover-wrapper{flex-direction:column;align-items:center;gap:2rem;display:flex}.main-cover{object-fit:cover;border-radius:4px;width:500px;height:500px;box-shadow:0 20px 50px #000c}.cover-actions{gap:1rem;display:flex}.sec-video{justify-content:center;align-items:center;height:80vh;display:flex;position:relative}.video-bg{filter:brightness(.5);z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.video-content{z-index:2;text-align:center;position:relative}.video-content h2{margin-bottom:2rem;font-size:3rem;font-weight:900}.sec-lore{background:#111;justify-content:center;padding:8rem 2rem;display:flex}.lore-container{max-width:800px}.lore-container h2{color:var(--accent-pink);margin-bottom:1.5rem;font-family:sans-serif;font-size:1.2rem;font-weight:700}.lore-container p{color:#ccc;white-space:pre-wrap;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.8}.sec-grid{background:var(--bg-dark);padding:2rem}.photo-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1400px;margin:0 auto;display:grid}.grid-img{background-position:50%;background-size:cover;border-radius:4px;height:400px;transition:transform .3s}.main-footer{text-align:center;background:#000;padding:4rem 2rem}.footer-logo{margin-bottom:2rem;font-size:2rem;font-weight:900}.footer-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:#888;text-decoration:none}.footer-links a:hover{color:#fff}.modal{z-index:9999;background-color:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{border:2px solid var(--accent-cyan);text-align:center;background:#111;border-radius:8px;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-btn{color:#fff;cursor:pointer;font-size:28px;font-weight:700;position:absolute;top:10px;right:20px}#gameCanvas{background:#000;border:1px solid #333;margin-top:1rem}#game-ui{margin-top:1rem}@media (width<=768px){.collage-container{grid-template-rows:200px 200px 200px;grid-template-columns:1fr}.collage-center-logo h1{font-size:2.5rem}.hero-bottom-bar{text-align:center;flex-direction:column;gap:1.5rem}.photo-grid{grid-template-columns:1fr}}.ps2-overlay{z-index:10000;color:#fff;background:#000;width:100vw;height:100vh;font-family:Inter,sans-serif;display:none;position:fixed;top:0;left:0}.ps2-screen{width:100%;height:100%;display:none;position:absolute;top:0;left:0}#screen-loading{background:#050505}.logo-3d-container{perspective:1000px}.spinning-logo{object-fit:contain;width:200px;height:200px;transform-style:preserve-3d;animation:4s linear infinite spin3D}@keyframes spin3D{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.loading-bar-container{text-align:center;width:60%;max-width:400px;position:absolute;bottom:15%}.loading-text{letter-spacing:2px;margin-bottom:10px;font-size:1.2rem;font-weight:700}.loading-bar{background:#222;border:2px solid #555;width:100%;height:20px}.loading-progress{background:var(--accent-pink);width:0%;height:100%;transition:width .1s linear}.video-bg-loop{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.video-bg-loop img{object-fit:cover;filter:brightness(.4);width:100%;height:100%}.ps2-menu-container{z-index:2;text-align:center;border:2px solid var(--accent-pink);background:#000000b3;padding:3rem;position:relative;box-shadow:0 0 20px #ff007f80}.ps2-title{color:var(--accent-cyan);text-shadow:2px 2px 0 #000, 0 0 10px var(--accent-cyan);margin-bottom:2rem;font-size:3rem;font-weight:900}.ps2-menu-list{padding:0;list-style:none}.ps2-menu-item{cursor:pointer;color:#fff;background:0 0;margin:10px 0;padding:15px;font-size:1.5rem;font-weight:700;transition:all .2s}.ps2-menu-item:hover{background:var(--accent-pink);color:#000;transform:scale(1.05)}.ps2-menu-item a{color:inherit;width:100%;text-decoration:none;display:block}#screen-chapters{background:0 0;padding:2rem;overflow-y:auto}.ps2-btn-back{color:var(--accent-cyan);border:2px solid var(--accent-cyan);cursor:pointer;z-index:10;background:0 0;padding:10px 20px;font-weight:700;position:absolute;top:20px;left:20px}.ps2-btn-back:hover{background:var(--accent-cyan);color:#000}.chapters-title{text-align:center;margin-top:1rem;margin-bottom:2rem;font-size:2.5rem}.chapters-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;display:grid}.chapter-item{text-align:center;cursor:pointer;width:100%;position:relative}.chapters-grid .chapter-item:first-child,.chapters-grid .chapter-item:last-child{grid-column:1/-1;justify-self:center;width:calc(25% - 1.5rem);min-width:250px}.chapter-thumbnail{aspect-ratio:16/9;background-position:50%;background-size:cover;border:2px solid #333;width:100%;transition:border-color .3s;position:relative;overflow:hidden}.chapter-item:hover .chapter-thumbnail{border-color:var(--accent-pink)}.chapter-preview-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.chapter-item:hover .chapter-preview-video{opacity:1}.chapter-title{margin-top:10px;font-weight:700}.extras-content{text-align:center;margin-top:2rem}.extras-img{border:4px solid var(--accent-cyan);max-width:80%}#screen-cinematics{background:#000}.ps2-fullscreen-video{object-fit:contain;width:100%;height:100%}.ps2-btn-skip{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff;padding:10px 20px;position:absolute;bottom:20px;right:20px}.ps2-btn-skip:hover{color:#000;background:#fff}.lightbox-overlay{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.lightbox-overlay.active{animation:.3s fadeIn;display:flex}.lightbox-overlay img{object-fit:contain;border-radius:8px;max-width:90%;max-height:90vh;box-shadow:0 0 20px #ff007f4d}.lightbox-close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;transition:color .3s;position:absolute;top:20px;right:40px}.lightbox-close:hover{color:var(--accent-pink)}.grid-img{cursor:pointer;transition:transform .3s}.grid-img:hover{transform:scale(1.05)}.top-banner{color:#fff;text-align:center;letter-spacing:2px;z-index:50;background:linear-gradient(90deg,#5b21b6 0%,#a855f7 50%,#5b21b6 100%);border-bottom:2px solid #ffffff4d;width:100%;padding:22px 20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:900;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards slideDownBanner;display:block;position:relative;box-shadow:0 10px 30px #000c}@keyframes slideDownBanner{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes shakeLocked{0%{transform:translate(0)}20%{background-color:red;transform:translate(-10px)}40%{background-color:red;transform:translate(10px)}60%{background-color:red;transform:translate(-10px)}80%{background-color:red;transform:translate(10px)}to{transform:translate(0)}}.shake-locked-anim{animation:.5s ease-in-out shakeLocked}.sidebar-menu{z-index:10000;background-color:#121218;flex-direction:column;width:100%;max-width:450px;height:100vh;padding:2.5rem;font-family:Pricedown,sans-serif;transition:right .4s cubic-bezier(.77,.2,.05,1);display:flex;position:fixed;top:0;right:-500px;box-shadow:-5px 0 20px #000c}.sidebar-menu.open{right:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.sidebar-logo{align-items:center;gap:15px;display:flex}.sidebar-logo img{object-fit:contain;height:40px}.sidebar-logo span{color:#fff;letter-spacing:1px;border-left:1px solid #ffffff4d;padding-left:15px;font-family:sans-serif;font-size:1rem;font-weight:700}.close-sidebar{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:background .3s,transform .2s;display:flex}.close-sidebar:hover{background:var(--accent-pink);transform:scale(1.1)}.sidebar-links{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.sidebar-links li{justify-content:space-between;align-items:center;display:flex}.sidebar-links li a{color:#fff;letter-spacing:1px;font-size:3.5rem;line-height:1.1;text-decoration:none;transition:color .3s,transform .3s;display:block}.sidebar-links li a:hover{color:var(--accent-pink);transform:translate(10px)}.sidebar-links li:after{content:"›";color:#fff;opacity:0;font-family:sans-serif;font-size:2.5rem;transition:all .3s;transform:translate(-20px)}.sidebar-links li:hover:after{opacity:1;color:var(--accent-pink);transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;opacity:0;pointer-events:none;background:#000000b3;width:100%;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.sidebar-overlay.show{opacity:1;pointer-events:auto}.platform-link{color:inherit;text-decoration:none;transition:color .3s}.platform-link:hover{color:#ff007f}.btn-disabled{opacity:.5;cursor:not-allowed!important}.ps2-overlay{font-family:Michroma,sans-serif}.ps2-screen{z-index:5;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.ps2-screen.active{flex-direction:column;justify-content:center;align-items:center;display:flex}.ps2-shared-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bg-gradient-mask{z-index:2;background:linear-gradient(90deg,#000 40%,#00000080 70%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.bg-video{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ps2-top-title-logo{z-index:10;object-fit:contain;max-width:250px;height:auto;position:absolute;top:5%;left:5%}.ps2-menu-container{position:absolute;top:30%;left:10%;box-shadow:none!important;text-align:left!important;background:0 0!important;border:none!important;padding:0!important}.ps2-menu-list{flex-direction:column;gap:.5rem;display:flex}.ps2-menu-item{align-items:center;gap:10px;display:flex;color:#777!important;font-size:1.8rem!important;transition:all .1s!important}.ps2-menu-item:hover,.ps2-menu-item.selected{color:#ff007f!important;background:0 0!important;transform:scale(1.02)!important}.cursor-star{opacity:0;color:#ff007f;text-shadow:0 0 10px #ff007f;margin-top:-5px;font-size:2rem}.ps2-menu-item:hover .cursor-star,.ps2-menu-item.selected .cursor-star{opacity:1}.ps2-footer-hints{z-index:10;color:#aaa;justify-content:space-between;align-items:flex-end;font-size:1rem;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.hint-left{line-height:2.5}.btn-icon{color:#000;text-align:center;border-radius:15px;min-width:40px;height:30px;margin-right:5px;padding:0 5px;font-size:.8rem;font-weight:700;line-height:30px;display:inline-block}.hint-right{align-items:center;display:flex}.dpad-icon{margin-right:5px;font-size:1.5rem}#screen-loading{position:relative;overflow:hidden;z-index:100!important;background:#000!important}#loading-slideshow{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.loading-slide{opacity:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.loading-slide.active{opacity:1;animation:5.5s linear forwards gta-pan}@keyframes gta-pan{0%{transform:scale(1)translate(0)}to{transform:scale(1.2)translate(-3%)}}.carousel-container{aspect-ratio:16/9;z-index:10;background:#000;border:3px solid #fff;border-radius:10px;width:75vw;max-width:1200px;height:auto;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #000c}.carousel-slide{opacity:0;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .8s ease-in-out;position:absolute;top:0;left:0}.carousel-slide.ps2-menu-item.selected{opacity:1;z-index:5;pointer-events:auto;color:inherit!important;background:0 0!important;transform:none!important}.carousel-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:15s linear infinite alternate gtaPan}@keyframes gtaPan{0%{transform:scale(1.05)translate(1%,-1%)}to{transform:scale(1.2)translate(-2%,2%)}}.carousel-info{color:#fff;background:linear-gradient(#0000 0%,#000000b3 50%,#000 100%);border-top:none;width:100%;padding:60px 40px 30px;position:absolute;bottom:0;left:0}.carousel-info h3{color:var(--accent-cyan);letter-spacing:2px;text-shadow:2px 2px #000;margin:0 0 10px;font-family:Pirata One,cursive;font-size:4rem}.carousel-info p{color:#ddd;text-shadow:1px 1px 2px #000;margin:0;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700}.carousel-arrow{color:#fff;cursor:pointer;z-index:10;opacity:.5;font-size:4rem;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{opacity:1;text-shadow:0 0 15px var(--accent-pink);color:var(--accent-pink)}.carousel-arrow.left{left:3%}.carousel-arrow.right{right:3%}.yt-overlay-blocker{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}#cinematics-player{z-index:1}.ps2-btn-skip{z-index:20}#ps2-logo-img{cursor:pointer;transition:transform .2s}#ps2-logo-img:hover{transform:scale(1.05)}