:root{--night:#070518;--ink:#fff;--pink:#ff4f91;--rose:#ff91ba;--cyan:#48dcff;--violet:#a85cff;--gold:#f7cc70}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ink);font-family:"DM Sans",sans-serif;overflow:hidden}button,a{font:inherit;color:inherit}.intro{position:relative;width:100vw;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:#08061a}.intro-backdrop{position:absolute;z-index:-5;inset:-5%;background:linear-gradient(120deg,rgba(6,4,21,.86),rgba(7,5,24,.28)),url("assets/seo/hero.webp") center/cover;transform:scale(1.06);animation:backdrop 16s ease-in-out infinite alternate}.intro::before{content:"";position:absolute;z-index:-4;inset:0;background:radial-gradient(circle at 18% 30%,rgba(255,79,145,.32),transparent 28%),radial-gradient(circle at 82% 64%,rgba(72,220,255,.2),transparent 30%),linear-gradient(0deg,rgba(5,3,15,.92),transparent 45%)}.scanlines{position:absolute;z-index:30;inset:0;pointer-events:none;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.2) 4px);mix-blend-mode:overlay}.flash{position:absolute;z-index:29;width:45vw;aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(85px);opacity:0}.flash-a{left:-15vw;top:-15vw;background:var(--pink);animation:flash 6s 1s infinite}.flash-b{right:-18vw;bottom:-15vw;background:var(--cyan);animation:flash 6s 4s infinite}.intro-top{position:absolute;z-index:50;inset:28px 34px auto;display:flex;align-items:center;justify-content:space-between}.intro-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 1.2rem Manrope}.intro-brand img{width:46px;height:46px;border-radius:14px;box-shadow:0 0 26px rgba(255,79,145,.34)}.sound-toggle{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(10,7,29,.55);backdrop-filter:blur(12px);padding:9px 15px;cursor:pointer}.sound-toggle[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}.scene{position:absolute;inset:0;z-index:1;display:grid;place-items:center;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1),visibility 0s .55s}.scene.is-active{z-index:10;opacity:1;visibility:visible;transform:none;transition-delay:0s}.scene-opening{text-align:center;padding:100px 24px}.micro{margin:0 0 16px;color:#dfd9ea;letter-spacing:.28em;font-size:.74rem;font-weight:700}.scene-opening .opening-title,.scene h2{font:800 clamp(3.7rem,10vw,9rem)/.83 Manrope;margin:0;letter-spacing:-.075em;text-transform:uppercase}.scene-opening .opening-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.scene-opening .opening-title strong{display:block;background:linear-gradient(90deg,#fff,var(--rose) 43%,var(--cyan));-webkit-background-clip:text;color:transparent;text-shadow:0 0 65px rgba(255,79,145,.24)}.scene-copy{margin-top:28px;color:#d3cede;font-size:clamp(1rem,2vw,1.28rem)}.scene-title{position:absolute;z-index:7}.scene-title small{font-weight:800;letter-spacing:.22em;color:var(--cyan)}.scene-title h2{font-size:clamp(3.1rem,7.5vw,7rem);margin-top:12px}.scene-title em{font-style:normal;color:var(--rose)}.scene-encounters .scene-title{left:10vw;top:29%}.phone-shot{position:absolute;right:11vw;top:10%;height:83%;width:auto;border:7px solid #17112d;border-radius:35px;box-shadow:0 35px 85px rgba(0,0,0,.58),0 0 75px rgba(168,92,255,.24);object-fit:cover;object-position:top}.orbit{position:absolute;z-index:8;padding:12px 17px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(12,8,34,.72);backdrop-filter:blur(16px);font-weight:700;box-shadow:0 16px 40px rgba(0,0,0,.3);animation:float 4s ease-in-out infinite}.orbit-one{right:32vw;top:24%}.orbit-two{right:7vw;bottom:25%;animation-delay:-2s}.scene-avatars{background:radial-gradient(circle at 75% 55%,rgba(72,220,255,.17),transparent 32%)}.scene-avatars .scene-title{left:9vw;top:30%}.avatar{position:absolute;z-index:4;bottom:-7%;height:88%;filter:drop-shadow(0 35px 45px rgba(0,0,0,.55));animation:avatar-in .8s both}.avatar-one{right:2vw}.avatar-two{right:27vw;height:76%;opacity:.77;transform:translateY(5%);animation-delay:.12s}.scene-play .scene-title{z-index:10;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 5px 30px #050310}.poster{position:absolute;top:11%;height:78%;width:min(33vw,430px);overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;box-shadow:0 35px 90px rgba(0,0,0,.62)}.poster img{width:100%;height:100%;object-fit:cover;object-position:top}.poster::after{content:"";position:absolute;inset:0;background:rgba(5,3,17,.25)}.poster-games{left:9vw;transform:rotate(-5deg)}.poster-casino{right:9vw;transform:rotate(5deg)}.scene-pets{background:radial-gradient(circle at 50% 45%,rgba(255,79,145,.18),transparent 36%)}.scene-pets .scene-title{left:50%;top:22%;transform:translateX(-50%);text-align:center}.pet{position:absolute;bottom:-6%;height:65%;object-fit:contain;filter:drop-shadow(0 35px 45px rgba(0,0,0,.6));animation:float 4.5s ease-in-out infinite}.pet-fox{left:10vw}.pet-panther{right:9vw;animation-delay:-2.25s}.scene-final{text-align:center;padding:95px 24px 110px;background:radial-gradient(circle at 50% 45%,rgba(255,79,145,.18),transparent 31%)}.final-logo{width:clamp(88px,10vw,140px);border-radius:30px;margin-bottom:24px;box-shadow:0 0 65px rgba(255,79,145,.35)}.scene-final h2{font-size:clamp(3.8rem,9vw,8.5rem)}.scene-final h2 em{background:linear-gradient(100deg,var(--rose),var(--pink),var(--cyan));-webkit-background-clip:text;color:transparent}.enter-button{display:inline-flex;align-items:center;gap:25px;margin-top:30px;padding:16px 26px;border-radius:999px;color:#16071b;background:linear-gradient(110deg,var(--rose),var(--pink) 52%,var(--cyan));font-weight:800;text-decoration:none;box-shadow:0 18px 55px rgba(255,79,145,.28);transition:.2s}.enter-button:hover{transform:translateY(-3px);box-shadow:0 24px 65px rgba(255,79,145,.42)}.opening-date{color:#c8c2d2;font-size:.82rem;letter-spacing:.08em}.progress{position:absolute;z-index:50;inset:auto 34px 28px;display:grid;grid-template-columns:auto minmax(110px,310px) auto;align-items:center;gap:18px}.skip{border:0;background:none;padding:6px 0;color:#d2cddd;cursor:pointer}.progress-track{height:2px;background:rgba(255,255,255,.19);overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .5s ease}.progress>span{font-size:.73rem;letter-spacing:.16em;color:#c8c2d2}@keyframes backdrop{to{transform:scale(1.13) translate3d(-1.5%,1%,0)}}@keyframes flash{0%,72%,100%{opacity:0}75%{opacity:.35}77%{opacity:.04}79%{opacity:.2}82%{opacity:0}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes avatar-in{from{opacity:0;transform:translateY(14%) scale(.94)}to{opacity:1}}
@media(max-width:820px){.intro-top{inset:18px 18px auto}.intro-brand span{display:none}.scene-opening .opening-title,.scene h2{letter-spacing:-.06em}.scene-encounters .scene-title,.scene-avatars .scene-title{left:7vw;top:auto;bottom:17%;z-index:12}.phone-shot{right:-2vw;top:8%;height:78%;opacity:.78}.orbit-one{right:auto;left:7vw;top:25%}.orbit-two{right:5vw;bottom:34%}.avatar-one{right:-15vw;height:80%}.avatar-two{right:23vw;height:67%;opacity:.58}.poster{top:12%;height:67%;width:60vw}.poster-games{left:-12vw}.poster-casino{right:-12vw}.scene-play .scene-title{top:53%;width:100%}.scene-pets .scene-title{top:21%;width:100%}.pet{height:52%}.pet-fox{left:-12vw}.pet-panther{right:-12vw}.progress{inset:auto 18px 20px;grid-template-columns:auto 1fr auto}.sound-toggle{font-size:.84rem}}
@media(max-width:520px){.intro{min-height:580px}.scene-opening .opening-title,.scene h2{font-size:clamp(3.15rem,16vw,4.8rem)}.micro{font-size:.64rem}.scene-title small{font-size:.66rem}.scene-encounters .scene-title,.scene-avatars .scene-title{bottom:18%}.phone-shot{height:72%;right:-8vw}.avatar-one{height:72%;right:-29vw}.avatar-two{height:62%;right:16vw}.poster{height:61%;top:15%;width:72vw}.poster-games{left:-26vw}.poster-casino{right:-26vw}.pet{height:46%}.pet-fox{left:-25vw}.pet-panther{right:-23vw}.scene-pets .scene-title{top:23%}.progress-track{display:none}.progress{grid-template-columns:1fr auto}.final-logo{margin-bottom:16px}.enter-button{margin-top:22px}.opening-date{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flash,.scanlines{display:none}}