/* Mooni Studio interaction language, adapted to a reading and purchase website. */
@property --orbit-accent{syntax:"<color>";inherits:true;initial-value:#86f0d1}
body{--orbit-accent:#86f0d1;transition:--orbit-accent 1.1s cubic-bezier(.22,.7,.25,1)}
body[data-orbit-page=games]{--orbit-accent:#c9f24a}body[data-orbit-page=applications]{--orbit-accent:#91d8ff}body[data-orbit-page=plans]{--orbit-accent:#c7abff}body[data-orbit-page=guides]{--orbit-accent:#ffd09a}
.public-site{--mint:var(--orbit-accent);--violet:color-mix(in srgb,var(--orbit-accent) 60%,#d9d5ec);background:#0d101b}
.public-site::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#b6c4ed33 .65px,transparent .85px),radial-gradient(#b6c4ed22 .6px,transparent .8px);background-size:143px 137px,227px 211px;background-position:0 0,91px 37px;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
.public-site .site-aura{background:radial-gradient(ellipse at 18% 28%,#6545821b,transparent 48%),radial-gradient(ellipse at 90% 50%,#245f6518,transparent 40%)}
.public-site .site-header{min-height:86px;border-bottom-color:#b3c4e714}
.public-site .site-nav{position:relative;isolation:isolate;gap:28px}.site-nav a{z-index:1}.public-site .site-nav a[aria-current]{color:var(--orbit-accent)}.public-site .site-nav a[aria-current]::after{display:none}
.orbit-nav-marker{position:absolute;left:0;top:0;z-index:-1;background:#a9bdd00a;border:1px solid color-mix(in srgb,var(--orbit-accent) 23%,transparent);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff08;transition:transform .65s cubic-bezier(.22,.8,.2,1),width .65s,height .65s,border-color 1s;pointer-events:none}
.public-site .home-hero{min-height:620px;padding-block:56px;gap:56px}.public-site .hero-copy h1{font-size:clamp(43px,5.8vw,80px);font-weight:900;line-height:1.48;letter-spacing:-1.7px}.public-site .hero-copy h1 em{font-style:normal;color:var(--orbit-accent);text-shadow:0 7px 35px #9cddcf10;transition:color 1s}
.public-site .eyebrow{letter-spacing:0;font-weight:700}.public-site .hero-copy>p{font-size:15px;color:#9ea6be;line-height:2.1}
.public-site .hero-world{height:490px;border-radius:32px 100px 32px 32px;border-color:#c5d8ee18;background:radial-gradient(ellipse at 45% 45%,#8483b50c,transparent 70%),linear-gradient(150deg,#171c2b77,#10141c33);box-shadow:inset 0 1px 0 #dce9ff08,0 24px 90px #03071422;overflow:hidden}
.public-site .hero-world::after{content:'';position:absolute;inset:0;background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,45%),#c0e9ec0b,transparent);pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .5s}.public-site .hero-world.orbit-pointed::after{opacity:1}
.public-site .hero-moon{translate:var(--art-x,0) var(--art-y,0);transition:translate .45s cubic-bezier(.2,.8,.2,1);max-width:365px;filter:drop-shadow(0 27px 40px #04071280)}
.public-site .world-caption{top:26px;font-size:8px;letter-spacing:5px}.public-site .world-bottom{bottom:29px}.public-site .floating-app{border:1px solid #c7cdeb33;box-shadow:0 15px 30px #060a1544;background:#21283bbf;backdrop-filter:blur(10px)}
.public-site .button{position:relative;isolation:isolate;border-radius:13px;min-height:49px;font-weight:800;overflow:hidden;transition:border-color .4s,color .4s,box-shadow .4s,background .4s}
.public-site .button::after{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 35%,#ffffff26 49%,transparent 60%);transform:translateX(65%);transition:transform .7s cubic-bezier(.22,.7,.2,1);pointer-events:none}
.public-site .button:hover::after{transform:translateX(-65%)}.public-site .button.primary{background:linear-gradient(115deg,#c4fae6,#81d7c9);color:#153e3a;border:1px solid #caffee66;box-shadow:inset 0 1px 0 #ffffff77,0 3px 0 #397d7166,0 12px 25px #050d1833}.public-site .button.primary:hover{box-shadow:inset 0 1px 0 #ffffff77,0 3px 0 #397d7166,0 16px 35px #86f0d111}
.public-site .button .icon{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.public-site .button:hover .icon{transform:translateX(-3px) rotate(-6deg)}
.orbit-surface{position:relative;--light-x:50%;--light-y:35%;transition:border-color .45s,box-shadow .45s,background .45s}
.orbit-surface::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--light-x) var(--light-y),color-mix(in srgb,var(--orbit-accent) 5%,transparent),transparent 70%);opacity:0;transition:opacity .5s}
.orbit-surface.orbit-pointed::after{opacity:1}.orbit-surface.orbit-pointed{border-color:color-mix(in srgb,var(--orbit-accent) 32%,#ccd2e216)}
.orbit-entered{animation:orbit-entry .7s cubic-bezier(.18,.7,.2,1) both;animation-delay:calc(var(--orbit-order,0)*45ms)}
.public-site .library-bridges{gap:16px}.public-site .library-bridge{border-radius:18px;background:#191e2a77;min-height:104px;padding:20px;border-color:#b5c7e61a}.public-site .bridge-symbol{border-radius:15px;box-shadow:inset 0 1px 0 #fff1}.public-site .library-bridge:hover .bridge-symbol .icon{animation:orbit-icon .7s cubic-bezier(.18,.8,.2,1)}
.public-site .game-grid{gap:20px}.public-site .game-card{border-radius:21px;background:#181d2a;border-color:#b5c7e61a;overflow:hidden;box-shadow:0 10px 35px #03071422}.public-site .game-art{overflow:hidden;aspect-ratio:1.6}.public-site .game-art img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.18,.7,.2,1);transform:translate(var(--art-x,0),var(--art-y,0)) scale(1.025)}.public-site .game-card:hover .game-art img{transform:translate(var(--art-x,0),var(--art-y,0)) scale(1.065)}.public-site .game-info{padding:17px 18px;background:#1b2030;border-top:1px solid #dbe3ff0c}.public-site .game-info h2,.public-site .game-info h3{font-size:17px;font-weight:850}.public-site .platforms{opacity:.65}
.public-site .application-card{background:linear-gradient(145deg,#232739,#161b28);border-radius:24px;border-color:#c3d5f21b;min-height:200px;overflow:hidden}.public-site .app-icon{border-radius:23px;transform:rotate(-8deg);background:linear-gradient(140deg,#414457,#212637);box-shadow:inset 0 1px 2px #fff2,0 2px 0 #080c1a,0 16px 22px #060b1655;transition:transform .65s cubic-bezier(.22,.85,.2,1),box-shadow .65s}.public-site .application-card:hover .app-icon{transform:translateY(-9px) rotate(0) scale(1.06);box-shadow:inset 0 1px 2px #fff2,0 2px 0 #080c1a,0 24px 30px #060b1655}.public-site .application-card:hover .app-icon img{animation:orbit-icon .8s cubic-bezier(.18,.8,.2,1)}.public-site .application-card h2{font-size:17px;font-weight:800}.public-site .application-card::before{border-color:#adccec14;transition:transform 1s}.public-site .application-card:hover::before{transform:rotate(28deg) scale(1.07)}
.public-site .plan-card{background:linear-gradient(140deg,#232334,#151a26);border:1px solid #cac8e82a;border-radius:24px;box-shadow:inset 0 1px 0 #fff1,0 15px 40px #060a1433;overflow:hidden}.public-site .plan-card .bridge-symbol{background:linear-gradient(135deg,#c7abff25,#86f0d108);color:var(--orbit-accent);border-color:#d3caf52a;transform:rotate(-8deg);transition:transform .6s}.public-site .plan-card:hover .bridge-symbol{transform:rotate(5deg) translateY(-4px)}.public-site .plan-price b{font-weight:900;letter-spacing:-1.5px}.public-site .plan-facts{padding:15px 0;border-block:1px solid #c8cbe51a}.public-site .plan-facts span{color:#e5e4f3}.public-site .plan-card .button{width:100%}
.public-site .search-box{border-radius:16px;background:#1c2230;border-color:#b3c4e729;position:relative;transition:border-color .45s,box-shadow .45s}.public-site .search-box:focus-within{border-color:color-mix(in srgb,var(--orbit-accent) 65%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--orbit-accent) 5%,transparent),inset 0 1px 0 #fff1}.public-site .search-box:focus-within>.icon{animation:orbit-search .7s cubic-bezier(.2,.8,.2,1);color:var(--orbit-accent)}
.public-site .filter-group button{transition:background .4s,border-color .4s,color .4s;min-height:37px;border-radius:10px}.public-site .filter-group button[aria-pressed=true]{color:var(--orbit-accent);border-color:color-mix(in srgb,var(--orbit-accent) 35%,transparent);background:#25303a}
.public-site .guide-list article{border-radius:20px;padding:24px;border:1px solid #b5c7e61a;background:#191e2a77}.public-site .guide-list article>span{color:var(--orbit-accent);font-size:24px;font-weight:900}.public-site .faq-section details{border-radius:15px;border:1px solid #b4c8e61c;background:#171c28;margin-bottom:10px}.public-site .faq-section summary{font-weight:750;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.public-site .faq-section summary::after{content:'+';color:var(--orbit-accent);font-size:22px;line-height:1;transition:rotate .35s}.public-site .faq-section details[open] summary::after{rotate:45deg}.public-site .faq-section details[open]{border-color:color-mix(in srgb,var(--orbit-accent) 30%,transparent)}
.public-site .page-heading h1{font-weight:900;letter-spacing:-1.2px}.public-site .page-heading h1 em{color:var(--orbit-accent)}.public-site .section-heading h2{font-weight:850}.public-site .section-heading{position:relative;padding-bottom:18px;border-bottom:1px solid #d6d9ef14}.public-site .section-heading::after{content:'';width:40px;height:2px;background:var(--orbit-accent);position:absolute;right:0;bottom:-1px;box-shadow:0 0 12px color-mix(in srgb,var(--orbit-accent) 20%,transparent);transition:background 1s}
@keyframes orbit-entry{from{opacity:.25;translate:0 14px;filter:blur(2px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes orbit-icon{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-4px) scale(1.13)}65%{transform:translateY(1px) scale(.96)}}@keyframes orbit-search{0%{transform:rotate(0)}35%{transform:rotate(-18deg) scale(1.1)}100%{transform:rotate(0)}}
@media(max-width:900px){.public-site .site-nav{gap:17px}.public-site .home-hero{gap:25px}.public-site .hero-world{height:390px}.public-site .hero-copy h1{font-size:49px}.public-site .library-bridge{padding:15px}}
@media(max-width:600px){.public-site .home-hero{padding-block:35px;gap:30px;min-height:0}.public-site .hero-copy h1{font-size:42px;letter-spacing:-1px}.public-site .hero-copy>p{font-size:13px}.public-site .hero-world{height:310px;border-radius:24px 64px 24px 24px}.public-site .world-caption{top:16px;font-size:7px}.public-site .world-bottom{bottom:19px;font-size:10px}.public-site .hero-moon{max-width:250px}.public-site .library-bridge{min-height:88px}.public-site .application-card{min-height:177px;border-radius:19px}.public-site .application-card h2{font-size:14px}.public-site .game-info{padding:12px}.public-site .game-info h2,.public-site .game-info h3{font-size:13px}.public-site .game-grid{gap:13px}.public-site .site-nav{gap:7px}.orbit-nav-marker{display:none}.public-site .site-nav a[aria-current]{background:#a9bdd00a;border-radius:9px}.public-site .guide-list article{padding:18px}.public-site .button{min-height:45px}}
html[data-orbit-sleep] .orbit-surface,html[data-orbit-sleep] .public-site *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.orbit-surface,.orbit-nav-marker,.public-site *,.public-site *::before,.public-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.orbit-surface{opacity:1!important;translate:none!important}.public-site .game-art img{transform:none!important}}