@layer theme,base;@layer components{.planet-stage{--hero-body:clamp(104px, min(38vw, 19vh), 170px);isolation:isolate;grid-template-columns:minmax(0,1fr);justify-items:center;margin-top:4px;display:grid;position:relative}.planet-stage-glow{z-index:-1;left:50%;top:calc(var(--hero-body) * var(--hero-margin) / 2);width:min(calc(var(--hero-body) * 3.2), 100vw);aspect-ratio:1;background:radial-gradient(closest-side, hsl(calc(var(--world-hue) * 1deg) 70% 55% / .16), hsl(calc(var(--world-hue) * 1deg + 40deg) 70% 45% / .06) 55%, transparent 100%);pointer-events:none;border-radius:999px;position:absolute;translate:-50% -50%}.planet-stage-world{width:calc(var(--hero-body) * var(--hero-margin));aspect-ratio:1;position:relative}.planet-stage-parallax,.planet-stage-dolly{position:absolute;inset:0}.planet-stage-dolly{will-change:transform;animation:38s ease-in-out infinite alternate planet-stage-dolly}@keyframes planet-stage-dolly{0%{transform:scale(1)translate(0)rotate(0)}to{transform:scale(1.05)translate(-1.2%,.8%)rotate(-1.2deg)}}.planet-stage-still,.planet-stage-canvas{aspect-ratio:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.planet-stage-canvas{opacity:0;width:100%;height:100%;transition:opacity .7s;display:block}.planet-stage-canvas[data-drawn]{opacity:1}.planet-stage-still{height:auto;transition:opacity .7s}.planet-stage-still[data-hidden]{opacity:0}.planet-stage-head,.planet-stage-body{width:100%;min-width:0}.planet-stage-head{margin-top:8px}.planet-stage-head h1{font-size:1.875rem;line-height:1.2}@media (min-width:640px){.planet-stage-head h1{font-size:3rem;line-height:1}}.planet-stage-price{margin-top:14px}@media (max-width:639px) and (max-height:740px){.planet-stage{--hero-body:clamp(64px, 24vw, 104px);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px}.planet-stage-world{grid-area:1/1}.planet-stage-head{grid-area:1/2;margin-top:0}.planet-stage-head h1{font-size:1.5rem;line-height:1.15}.planet-stage-body{grid-column:1/span 2}.planet-stage-glow{left:calc(var(--hero-body) * var(--hero-margin) / 2)}.planet-stage-price{margin-top:10px}.planet-stage-body{flex-direction:column;display:flex}.planet-stage-body .planet-actions{order:1;margin-top:14px}.planet-stage-body .planet-capabilities{order:2}}@media (min-width:640px){.planet-stage{--hero-body:clamp(150px, min(30vw, 30vh), 230px)}.planet-stage-head{margin-top:20px}}@media (min-width:1024px){.planet-stage{--hero-body:clamp(220px, min(26vw, 42vh), 360px);width:min(100vw - 4rem,68rem);min-height:calc(var(--hero-body) * 1.62);grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,1fr) auto;place-items:center start;column-gap:40px;margin-left:calc(50% + -1*min(50vw - 2rem,34rem))}.planet-stage-world{grid-area:1/2/span 4}.planet-stage-head,.planet-stage-body{grid-column:1;padding-left:max(0px,min(100vw - 4rem,68rem)/2 - 22.5rem)}.planet-stage-head{grid-row:2;margin-top:0}.planet-stage-body{grid-row:3}.planet-stage-glow{width:min(calc(var(--hero-body) * 2.3), calc(2 * (max(2rem, 50vw - 34rem) - 24px) + var(--hero-body) * var(--hero-margin)));left:auto;right:calc(var(--hero-body) * var(--hero-margin) / 2);top:50%;translate:50% -50%}.planet-stage-price{margin-top:22px}}@media (prefers-reduced-motion:reduce){.planet-stage-dolly{animation:none}.planet-stage-canvas,.planet-stage-still{transition:none}}.planet-page{padding-inline:1.5rem;padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.planet-capabilities{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.planet-capabilities-source{color:var(--color-muted);flex-basis:100%;font-size:10px;line-height:1.6}.planet-capabilities>span:not(:first-child){color:#cbc0df;border:1px solid #ab99cf35;border-radius:7px;padding:4px 9px;font-size:11px}.planet-actions{gap:.75rem 1.25rem;margin-top:1.25rem}.planet-actions>a{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.planet-page .panel .text-base{overflow-wrap:anywhere}@media (max-width:639px){.planet-page{padding-left:16px;padding-right:16px}.planet-stage-head h1{overflow-wrap:anywhere}.planet-actions{gap:8px}.planet-actions [data-planet-cta]{flex:auto}.planet-actions>a:not([data-planet-cta]){padding:10px 12px}.planet-capabilities{margin-top:12px}}@media (max-width:639px) and (max-height:740px){html[dir=rtl] .planet-stage-glow{left:auto;right:calc(var(--hero-body) * var(--hero-margin) / 2);translate:50% -50%}}@media (min-width:1024px){html[dir=rtl] .planet-stage{margin-left:0;margin-right:calc(50% + -1*min(50vw - 2rem,34rem))}html[dir=rtl] .planet-stage-glow{right:auto;left:calc(var(--hero-body) * var(--hero-margin) / 2);translate:-50% -50%}html[dir=rtl] .planet-stage-head,html[dir=rtl] .planet-stage-body{padding-left:0;padding-right:max(0px,min(100vw - 4rem,68rem)/2 - 22.5rem)}}}@layer utilities;