:root{--a:#99e7e5;--bg:#070c14;--fg:#edf3f9;--muted:#91a3b7;--line:#27374b;--panel:#101c2b}
.hero-shade{background:linear-gradient(90deg,#050a14ed 0%,#050a149c 31%,#050a1422 65%,transparent),linear-gradient(0deg,#070c14,transparent 28%)}
.studio-scene:first-child,.hero-slide:first-child{background-position:68% center}.studio-scene{transition:opacity 1.7s ease-in-out,transform 12s ease-out}.studio-scene.active{transform:scale(1.045)}
.studio-page .hero h1{font-size:clamp(95px,10vw,155px)}.studio-page h1 em{-webkit-text-stroke:1px #afc7dc;color:transparent}.studio-page .hero-content p{color:#adc1d1}
.studio-scene-controls{padding:8px 12px;background:#101d2a99;border:1px solid #b5d5e126;gap:10px;box-shadow:0 8px 30px #0003}.studio-scene-controls .scene-pip{font-size:0;padding:0!important;width:25px;min-width:25px;height:5px;min-height:5px;border-radius:99px;background:#b0c9db44;transition:width .5s,background .5s}.studio-scene-controls .scene-pip.active{width:54px;background:#b8f4ef}.studio-scene-controls #studio-scene-pause{min-height:24px;width:24px;padding:0;font-size:10px;opacity:.7}
.studio-page .hero-bottom{bottom:30px}.scene-caption{letter-spacing:2px;color:#7290a5}.button{background:linear-gradient(130deg,#b6f0e9,#82ccdb);box-shadow:inset 0 1px 0 #ffffff77,0 6px 25px #6ecddc15}.nav .discord-nav{background:linear-gradient(130deg,#6b76d7,#4a58ad);border-color:#a3aee74a}.nav .download-nav{background:#112333aa}.logo>span>b{animation-duration:5s}
.product-card{border-color:#35485e77;background:#111d2d}.card-content h3{letter-spacing:.1px}.product-card:first-child img{object-position:73% center}.end-cta{background:radial-gradient(ellipse at bottom,#24385255,transparent 70%)}.activation-discord{background:linear-gradient(130deg,#7582df,#5262b8);color:white}.download-card{background:linear-gradient(150deg,#111f2c,#0a121d)}
@media(max-width:700px){.hero-slide:first-child,.studio-scene:first-child{background-position:68% center}.hero-shade{background:linear-gradient(90deg,#060d17d9,#060d1755),linear-gradient(0deg,#070c14,transparent 40%)}.studio-page .hero{min-height:630px}.studio-page .hero-content{padding-bottom:105px}.studio-page .hero h1{font-size:clamp(82px,23vw,110px)}.studio-scene-controls{width:auto;gap:9px;padding:10px 13px}.studio-scene-controls .scene-pip{width:21px;min-width:21px}.studio-scene-controls .scene-pip.active{width:40px}.studio-page .hero-bottom{bottom:24px}}
@media(orientation:landscape) and (max-height:600px){.studio-page .hero{min-height:460px}.studio-page .hero-content{padding-top:110px;padding-bottom:100px}.studio-page .hero h1{font-size:80px}.studio-scene-controls{padding:8px 12px}}

.route-world{background:radial-gradient(ellipse at 60% 40%,#102c3b,#08111d 75%);height:370px}.route-world canvas{cursor:default}.studio-page .hero-content{padding-bottom:90px}.studio-page .hero{min-height:620px}@media(max-width:700px){.studio-page .hero{min-height:610px}.studio-page .hero-content{padding-bottom:65px}.product-fold .route-world{height:270px}}
