@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Pixelify+Sans:wght@700&family=Outfit:wght@300;400;500;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--pd-yellow:#fc0;--pd-dark:#121620;--pd-white:#fff;--bg-color:#6a7882;--text-main:#f8fafc;--accent-yellow:#fbbf24;--accent-purple:#812ce5;--accent-cyan:#22d3ee;--font-main:"Outfit", sans-serif;--font-mono:"Space Mono", monospace;--font-pixel:"Pixelify Sans", cursive}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}.hero-section,.white-section,.spec-slide,.orange-section{scroll-snap-align:start;scroll-snap-stop:always}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;z-index:1;transition:background-color .2s;position:relative;overflow-x:hidden}body.body-blue{background-color:var(--bg-color)}.app-container{flex-direction:column;min-height:100vh;display:flex}.nav-bar{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:5px 0;display:flex;position:absolute;top:0;left:0;right:0}.logo{color:var(--pd-yellow);letter-spacing:-1px;font-family:Pixelify Sans,Space Mono,monospace;font-size:2.8rem;font-weight:700}.hero-logo{z-index:50;color:var(--pd-yellow);letter-spacing:-2px;text-shadow:5px 5px #000000d9;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Pixelify Sans,Space Mono,monospace;font-size:6.5rem;font-weight:700;position:absolute;top:80px;left:50%;transform:translate(-50%)}.hero-logo span{opacity:0;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards drop-in;display:inline-block;transform:translateY(-300px)}@keyframes drop-in{0%{opacity:0;transform:translateY(-300px)}30%{opacity:1}to{opacity:1;transform:translateY(0)}}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-main);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.nav-links a:hover{color:var(--accent-cyan)}.nav-links a span{font-size:1.1rem}.btn-buy{box-shadow:4px 4px 0 var(--text-main);border:none;padding:.5rem 1.5rem;background-color:var(--accent-yellow)!important;color:var(--bg-color)!important;border-radius:0!important;font-weight:800!important;transition:transform .2s,box-shadow .2s!important}.btn-buy:hover{box-shadow:2px 2px 0 var(--text-main)!important;transform:translate(2px,2px)!important}.btn-see-more{box-shadow:4px 4px 0 var(--text-main);padding:.5rem 1.2rem;border:2px solid var(--text-main)!important;color:var(--text-main)!important;border-radius:0!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important}.btn-see-more:hover{background-color:var(--text-main)!important;color:var(--bg-color)!important;box-shadow:2px 2px 0 var(--text-main)!important;transform:translate(2px,2px)!important}.hero-section{flex-direction:column;flex:1;align-items:center;min-height:100vh;display:flex;position:relative}.hero-section:after{content:"";pointer-events:none;z-index:1;background-image:conic-gradient(#22d3ee3d 25%,#0000 25% 50%,#22d3ee3d 50% 75%,#0000 75%);background-size:12px 12px;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 70%);mask-image:radial-gradient(circle,#000 10%,#0000 70%)}.hero-3d{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.canvas-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.white-section{z-index:5;width:100%;height:100vh;padding:0;transition:background-color .2s cubic-bezier(.19,1,.22,1);position:relative}.white-section.bg-white{background-color:#fff}.white-section.bg-blue{background-color:var(--bg-color)}.white-section.bg-blue .catalog-description,.white-section.bg-blue .catalog-inline-link{color:#fff}.white-sticky-content{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem 0;display:flex;position:relative;overflow:hidden}.catalog-info-container{text-align:center;z-index:105;pointer-events:auto;width:100%;max-width:680px;margin:0 auto 2.5rem;padding:0 1.5rem;transition:all .3s}.catalog-logo-badge{background-image:url(https://static-cdn.play.date/static/images/games/catalog-banner-logo-may2023.d08a55a9e501.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:200px;height:90px;margin:0 auto;transition:transform .2s}.catalog-logo-badge:hover{transform:scale(1.03)}.catalog-description{font-family:var(--font-main);color:#000;max-width:580px;margin:1.2rem auto 1.5rem;font-size:1.22rem;font-weight:400;line-height:1.45}.catalog-description b{font-weight:700}.catalog-inline-link{color:#000;text-underline-offset:2px;text-decoration:underline;transition:opacity .2s}.catalog-inline-link:hover{opacity:.7}.catalog-btn-wrapper{justify-content:center;display:flex}.catalog-btn-grab{color:#fff;font-family:var(--font-main);cursor:pointer;background-color:#000;border-radius:50px;justify-content:center;align-items:center;gap:.6rem;padding:.55rem 1.4rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #0000001a}.catalog-btn-grab:hover{background-color:#1c1c1e;transform:scale(1.05);box-shadow:0 6px 18px #00000026}.catalog-btn-grab:active{transform:scale(.98)}.catalog-btn-icon{width:22px;height:22px;display:inline-block}.carousel-showcase-container{pointer-events:auto;z-index:100;flex-direction:column;gap:1.6rem;width:100vw;max-width:none;display:flex;transform:none}.carousel-row{-webkit-user-select:none;user-select:none;width:100%;display:flex;overflow:hidden}.carousel-track{gap:1.6rem;width:max-content;display:flex}.carousel-row:hover .carousel-track{animation-play-state:paused}.carousel-game-card{width:345px;height:207px;box-shadow:none;background-color:#0000;border:none;border-radius:12px;flex-shrink:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.carousel-game-card:hover{transform:scale(1.05)}.carousel-game-card img{object-fit:cover;filter:contrast(1.05)brightness(.98);image-rendering:auto;width:100%;height:100%;display:block}.scroll-left-track{animation:25s linear infinite scroll-left-kf}.scroll-right-track{animation:25s linear infinite scroll-right-kf}@keyframes scroll-left-kf{0%{transform:translate(0,0)}to{transform:translate(calc(-25% - .4rem))}}@keyframes scroll-right-kf{0%{transform:translate(calc(-25% - .4rem))}to{transform:translate(0,0)}}.orange-section{z-index:5;background-color:var(--bg-color);width:100%;height:200vh;padding:0;position:relative;box-shadow:0 -10px 40px #0000000d}.yellow-container{z-index:20;justify-content:flex-end;align-items:center;width:100%;height:100vh;padding-right:5rem;display:flex;position:sticky;top:0}@media (width<=1200px){.catalog-info-container{max-width:600px}}@media (width<=768px){.nav-bar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-title{border:none;border-top:4px solid var(--accent-cyan);border-bottom:4px solid var(--accent-cyan);padding:1rem 0}.catalog-info-container{max-width:100%;margin-bottom:1.5rem}.catalog-logo-badge{width:160px;height:70px}.catalog-description{margin:1rem auto;font-size:1.1rem}.catalog-btn-grab{padding:.5rem 1.2rem;font-size:1.1rem}}.white-overlay{z-index:3;pointer-events:none;opacity:0;background-color:#fff;width:100vw;height:100vh;position:fixed;top:0;left:0}.blueprint-overlay{z-index:2;background-color:var(--bg-color);pointer-events:none;opacity:0;width:100vw;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.blueprint-overlay.blueprint-visible{opacity:1}.spec-slide{z-index:5;scroll-snap-align:start;scroll-snap-stop:always;background:0 0;width:100%;height:100vh;padding:0;position:relative}.specs-sticky-content{justify-content:center;align-items:center;width:100%;height:100vh;padding:0 4%;display:flex;position:sticky;top:0;overflow:hidden}.specs-container{z-index:10;text-align:left;width:100%;max-width:1750px;position:relative}.specs-title{font-family:var(--font-main);color:#fff;letter-spacing:-2px;margin-bottom:2rem;font-size:4.8rem;font-weight:800;position:absolute;top:-150px;left:0}.specs-grid{justify-content:space-between;width:100%;margin-top:50px;display:flex}.specs-column{flex-direction:column;gap:1.8rem;width:380px;display:flex}.specs-item{flex-direction:column;gap:.5rem;display:flex}.specs-label{font-family:var(--font-mono);text-transform:uppercase;color:#ffffffb3;letter-spacing:1px;font-size:.8rem}.specs-value-group{align-items:flex-start;gap:.9rem;display:flex}.specs-icon{flex-shrink:0;width:28px;height:28px;margin-top:2px}.specs-text{flex-direction:column;gap:.15rem;display:flex}.specs-text strong{font-family:var(--font-main);color:#fff;font-size:1.15rem;font-weight:700}.specs-text span{font-family:var(--font-main);color:#c5c8cf;font-size:.95rem;font-weight:400}.rpg-bubble{box-shadow:none;max-width:90vw;min-height:120px;image-rendering:pixelated;text-align:left;opacity:0;pointer-events:none;background-color:#0000;border:18px solid #0000;border-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><rect x='0' y='12' width='6' height='18' fill='black'/><rect x='6' y='6' width='6' height='6' fill='black'/><rect x='6' y='30' width='6' height='6' fill='black'/><rect x='12' y='0' width='18' height='6' fill='black'/><rect x='12' y='36' width='18' height='6' fill='black'/><rect x='30' y='6' width='6' height='6' fill='black'/><rect x='30' y='30' width='6' height='6' fill='black'/><rect x='36' y='12' width='6' height='18' fill='black'/><rect x='12' y='6' width='18' height='30' fill='white'/><rect x='6' y='12' width='6' height='18' fill='white'/><rect x='30' y='12' width='6' height='18' fill='white'/></svg>") 18 fill;padding:1.5rem 2rem;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1),width .3s ease-in-out;display:none;position:relative;transform:scale(0)}.rpg-bubble.rpg-bubble-visible{opacity:1;pointer-events:auto;display:inline-block;transform:scale(1)}.rpg-bubble-bottom{transform-origin:bottom}.rpg-bubble-left{transform-origin:0}.rpg-bubble-right{transform-origin:100%}.rpg-bubble-top{transform-origin:top}.rpg-bubble-left:before{content:"";background:#fff;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:-18px;box-shadow:12px 0 #fff,6px 0 #fff,0 -18px #000,0 -12px #fff,0 -6px #fff,0 6px #fff,0 12px #fff,0 18px #000,-6px -12px #000,-6px -6px #fff,-6px 0 #fff,-6px 6px #fff,-6px 12px #000,-12px -6px #000,-12px 0 #fff,-12px 6px #000,-18px 0 #000}.rpg-bubble-left:after{display:none}.rpg-bubble-bottom:before{content:"";background:#fff;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:-18px;left:50%;box-shadow:0 -12px #fff,0 -6px #fff,-18px 0 #000,-12px 0 #fff,-6px 0 #fff,6px 0 #fff,12px 0 #fff,18px 0 #000,-12px 6px #000,-6px 6px #fff,0 6px #fff,6px 6px #fff,12px 6px #000,-6px 12px #000,0 12px #fff,6px 12px #000,0 18px #000}.rpg-bubble-bottom:after{display:none}.rpg-text{color:#000;white-space:pre-wrap;margin:0;font-family:VT323,monospace;font-size:2.5rem;line-height:1.2}.rpg-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}