@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Wallpoet&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;max-width:1920px!important}*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar,::-webkit-scrollbar-track{display:none;background:transparent}::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb{display:none;background:transparent}body,html{overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}body{background-color:#0b0505;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:1920px!important}.min-h-screen{min-height:100vh}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}.max-w-6xl{max-width:72rem}.max-w-4xl{max-width:56rem}.header{position:fixed;top:0;left:0;right:0;z-index:50;max-width:1960px;background-color:#0f0b0b;backdrop-filter:blur(8px)}.nav{justify-content:space-between;padding:1rem 1.5rem}.logo-container,.nav{display:flex;align-items:center}.logo-container{gap:.75rem}.logo-icon{width:.75rem;height:.75rem;display:flex;align-items:center;justify-content:center;position:relative;left:40px}.logo-text{font-size:1.25rem;font-weight:600}.nav-links{display:none;align-items:center;gap:2rem}@media(min-width:768px){.nav-links{display:flex}}.nav-link{color:#fff;text-decoration:none;transition:color .2s;font-family:Roboto;font-style:normal;font-weight:700;line-height:38px}.nav-link:hover{color:red}.nav-button{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:#fff;cursor:pointer;transition:color .2s}.nav-button:hover{color:red}.menu-button{padding:.5rem;background:none;border:none;color:#fff;cursor:pointer;transition:color .2s}.menu-button:hover{color:red}.section{padding:5rem 1.5rem}.section-dark{background-color:#0b0505}.section-header{margin-bottom:3rem}.section-title{font-size:3rem;font-weight:700;margin-bottom:1rem}@media(min-width:768px){.section-title{font-family:Roboto;font-style:normal;font-weight:700;font-size:48px;line-height:56px;leading-trim:both;text-edge:cap;text-align:center;letter-spacing:-.0085em}}.section-subtitle{font-weight:400;text-align:center;color:hsla(0,0%,100%,.65)}.btn-secondary,.section-subtitle{font-family:Roboto;font-style:normal;font-size:16px;line-height:140%;leading-trim:both;text-edge:cap;letter-spacing:-.0085em}.btn-secondary{border:none;outline:none;width:108px;height:36px;background:#fff;border-radius:10px;font-weight:700;z-index:20!important;display:flex;align-items:center;justify-content:center;color:#121212}.divider{position:absolute;width:1920px;height:12px;left:0;top:785px;z-index:50!important;background:#0f0b0b}.btn-primary{z-index:20!important;box-sizing:border-box;font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:140%;z-index:20;cursor:pointer;leading-trim:both;text-edge:cap;letter-spacing:-.0085em;color:#121212;width:128px;height:36px;left:837px;top:285px;background:#ee1115;border:1px solid hsla(0,0%,100%,.04);border-radius:10px}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.tag{right:-470px;border:1px solid hsla(0,0%,100%,.24);border-radius:10px;min-width:64px;padding:0 14px;top:20px;height:36px;font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:140%;leading-trim:both;align-items:center;justify-content:center;text-edge:cap;letter-spacing:-.0085em;color:hsla(0,0%,100%,.65)}.button-group,.tag{position:relative;display:flex}.button-group{gap:1rem;left:437px;top:-5px}.btn{padding:.75rem 2rem;font-weight:600;border-radius:.25rem;border:none;transition:background-color .2s}.btn,.btn-primary:hover,.btn-secondary:hover{cursor:pointer}.btn-icon{display:flex;align-items:center;gap:.5rem}.ui-mockup{position:relative;width:1420px;margin-top:-390px;margin-left:-350px;top:80px;height:692px;overflow:hidden}.ui-mockup-inner{background-color:#0b0505;border-radius:.5rem;padding:1.5rem;border:1px solid #374151}.ui-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:142px!important}@media(max-width:768px){.ui-grid{grid-template-columns:repeat(3,1fr)}}.car-play-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;top:-307px;left:-20vw;min-width:1422px!important;max-width:1422px!important}@media(max-width:768px){.car-play-grid{grid-template-columns:repeat(3,1fr)}}.ca2r-play-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;top:-190px;min-width:1422px!important;max-width:1422px!important}@media(max-width:768px){.ca2r-play-grid{grid-template-columns:repeat(3,1fr)}}.car-play-card-content{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ui-card{background-color:#0f0b0b;border-radius:.5rem;padding:1.5rem;border:1px solid #1f2937}.ui-card-inner{background-color:#0b0505;border-radius:.5rem;height:16rem;display:flex;align-items:center;justify-content:center;color:#4b5563;padding:1.5rem}.product-section{padding:8rem 1.5rem 5rem}.product-ui{display:flex;gap:1.5rem}.product-image{width:8rem;height:8rem;background-color:#374151;border-radius:.5rem;flex-shrink:0}.product-info{flex:1}.now-playing-label{color:red;font-size:.875rem;margin-bottom:.25rem}.progress-bar{height:.25rem;background-color:#374151;border-radius:9999px;margin-bottom:1rem}.progress-fill{height:100%;width:33.333%;background-color:red;border-radius:9999px}.controls{display:flex;gap:1rem}.control-button{width:2.5rem;height:2.5rem;border:1px solid red;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:none;color:#fff;cursor:pointer;transition:background-color .2s}.control-button:hover{background-color:rgba(255,0,0,.1)}.labs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.lab-card{background-color:#0f0b0b;padding:1rem;border-radius:.25rem;border:1px solid #374151}.lab-icon{width:2rem;height:2rem;background-color:#4b5563;border-radius:.25rem;margin-bottom:.5rem}.lab-list{display:flex;flex-direction:column;gap:.5rem}.lab-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#0f0b0b;border-radius:.25rem}.lab-item-icon{width:1rem;height:1rem;background-color:#4b5563;border-radius:.25rem}.banner{padding:8rem 1.5rem;background:linear-gradient(180deg,#0b0505,#0f0b0b);position:relative;overflow:hidden}.banner-pattern{position:absolute;inset:0;opacity:.2}.banner-content{min-width:1692px!important;max-width:1692px!important;height:580px!important;border-radius:20px}.banner-title{width:553px;height:90px;top:298px;font-weight:700;font-size:48px;line-height:56px;color:#fff}.banner-text,.banner-title{position:absolute;left:180px;font-family:Roboto;font-style:normal;leading-trim:both;text-edge:cap;letter-spacing:-.0085em}.banner-text{width:430px;height:11px;top:412px;font-weight:400;font-size:16px;line-height:140%;color:hsla(0,0%,100%,.65)}.features-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.features-title{font-size:2.25rem;font-weight:700}@media(min-width:768px){.features-title{font-size:3rem}}.features-link{color:red;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.features-link:hover{color:#0c0}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:#0f0b0b;border-radius:.5rem;padding:1.5rem;border:1px solid #1f2937}.feature-icon{width:3rem;height:3rem;background-color:rgba(255,0,0,.2);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#9ca3af}.essentials-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.essentials-grid{grid-template-columns:repeat(2,1fr)}}.essentials-card{background-color:#0f0b0b;border-radius:.5rem;padding:2rem;border:1px solid #1f2937}.essentials-card-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.essentials-card-text{color:#9ca3af;margin-bottom:1.5rem}.essentials-card-link{color:red;text-decoration:none;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;transition:color .2s}.essentials-card-link:hover{color:#0c0}.pause-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pause-menu-item{background-color:#0f0b0b;border-radius:.25rem;padding:1rem}.pause-menu-label{font-size:.875rem;color:red;margin-bottom:.5rem}.pause-menu-placeholder{height:6rem;background-color:#374151;border-radius:.25rem}.pause-menu-stats{display:flex;flex-direction:column;gap:.25rem}.pause-menu-stat{height:.5rem;background-color:#374151;border-radius:.25rem}.pause-menu-inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.pause-menu-slot{height:2rem;background-color:#374151;border-radius:.25rem}.battle-pass-row{display:flex;gap:.5rem;margin-bottom:1rem}.battle-pass-item{flex:1;height:5rem;border-radius:.25rem;border:2px solid #374151;background-color:#0f0b0b;display:flex;align-items:center;justify-content:center}.battle-pass-item-active{background-color:rgba(255,0,0,.2);border-color:red}.battle-pass-icon{width:1.5rem;height:1.5rem;background-color:#4b5563;border-radius:.25rem}.battle-pass-progress{position:relative;height:.5rem;background-color:#374151;border-radius:9999px}.battle-pass-progress-fill{position:absolute;left:0;top:0;height:100%;width:33.333%;background-color:red;border-radius:9999px}.battle-pass-dot{position:absolute;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:9999px}.battle-pass-dot-active{background-color:red;left:33.333%}.battle-pass-dot-inactive{background-color:#4b5563;left:66.666%}.footer{padding:4rem 1.5rem;background-color:#0b0505;margin-top:-700px;border-top:1px solid #1f2937}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-column-title{color:#fff;font-weight:600;margin-bottom:1rem}.footer-list{display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-link:hover{color:red}.footer-text{color:#9ca3af;text-align:center;margin-bottom:1.5rem}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid #1f2937}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-copyright,.footer-credit{color:#9ca3af;font-size:.875rem}.footer-credit{margin-top:1rem}@media(min-width:768px){.footer-credit{margin-top:0}}.icon-sm{width:1rem;height:1rem}.icon-lg,.icon-md{width:1.5rem;height:1.5rem}