@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;border-radius:var(--radius-chip);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;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:var(--text-display-l);line-height:var(--text-display-l--line-height)}.planet-id{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-muted);margin-top:8px;line-height:1.5}.planet-story{max-width:var(--measure-read);font-size:var(--text-lede);line-height:var(--text-lede--line-height);color:var(--color-ink-soft);text-wrap:pretty;margin-top:14px}.planet-facts{font-family:var(--font-mono);font-size:var(--text-label);font-variant-numeric:tabular-nums;color:var(--color-ink-soft);flex-wrap:wrap;gap:2px 14px;margin-top:14px;line-height:1.6;display:flex}.planet-stage-price{margin-top:14px}.planet-stage-message{font-family:var(--font-display);font-size:var(--text-display-s);line-height:var(--text-display-s--line-height);color:var(--color-ink)}.planet-keys{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.planet-variants{font-size:var(--text-label);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:8px;display:flex}.planet-variants a{min-height:24px;color:var(--color-ink-soft);align-items:center;display:inline-flex}@media (max-width:639px) and (max-height:740px){.planet-stage{--hero-body:clamp(64px, 24vw, 104px)}.planet-story{display:none}.planet-stage-body{flex-direction:column;display:flex}.planet-stage-body .planet-keys{order:1;margin-top:14px}.planet-stage-body .planet-actions{order:2;margin-top:6px}.planet-stage-body .planet-variants{order:3}}@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%}}@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-actions{gap:0 1.25rem;margin-top:8px}.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-keys [data-planet-cta]{flex:auto}}.planet-also-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;padding-top:14px;display:grid;position:relative}.planet-also-list:before{content:"";background:linear-gradient(90deg, transparent, var(--wh-a) 18%, var(--wh-b) 50%, var(--wh-c) 82%, transparent);inset-inline:0;height:1px;position:absolute;top:0}@supports (color:color-mix(in lab, red, red)){.planet-also-list:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--wh-a) 40%, transparent) 18%, color-mix(in srgb, var(--wh-b) 50.196%, transparent) 50%, color-mix(in srgb, var(--wh-c) 40%, transparent) 82%, transparent)}}.planet-also-world{border:1px solid var(--color-line);border-radius:var(--radius-card);background:radial-gradient(120% 140% at 0% 50%, hsl(var(--world-hue,260) 70% 55% / .12), transparent 60%), var(--color-surface);align-items:center;gap:12px;min-height:64px;padding:10px 14px 10px 10px;transition:border-color .16s,background-color .16s;display:flex}.planet-also-world:hover,.planet-also-world:focus-visible{border-color:hsl(var(--world-hue,260) 70% 62% / .55)}.planet-also-orb{width:44px;height:44px;filter:drop-shadow(0 0 10px hsl(var(--world-hue,260) 80% 60% / .35));flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:visible}@media (prefers-reduced-motion:reduce){.planet-also-world{transition:none}}.planet-answers{overflow:hidden}.planet-answers-tabs{scrollbar-width:none;border-bottom:1px solid var(--color-line);gap:2px;padding:6px 6px 0;display:flex;overflow-x:auto}.planet-answers-tabs::-webkit-scrollbar{display:none}.planet-answers-tab{border-radius:var(--radius-key) var(--radius-key) 0 0;min-height:40px;font-size:var(--text-ui-13);color:var(--color-muted);transition:color var(--duration-quick), background-color var(--duration-quick);flex:none;align-items:center;gap:.5rem;padding:0 .9rem;display:inline-flex;position:relative}.planet-answers-tab:hover{color:var(--color-ink)}.planet-answers-tab[data-on]{color:var(--color-ink);background:var(--color-ink)}@supports (color:color-mix(in lab, red, red)){.planet-answers-tab[data-on]{background:color-mix(in srgb, var(--color-ink) 4%, transparent)}}.planet-answers-tab[data-on]:after{content:"";background:linear-gradient(90deg, transparent, var(--wh-a), var(--wh-b), var(--wh-c), transparent);height:1px;position:absolute;inset:auto .6rem -1px}.planet-answers-dot{border-radius:var(--radius-chip);background:var(--color-line);width:6px;height:6px}.planet-answers-tab[data-on] .planet-answers-dot{background:hsl(calc(var(--world-hue,260) * 1deg) 80% 68%);box-shadow:0 0 10px hsl(calc(var(--world-hue,260) * 1deg) 80% 60% / .8)}.planet-answers-panel{padding:1.1rem 1.1rem 1rem}@media (min-width:640px){.planet-answers-panel{padding:1.4rem 1.6rem 1.2rem}}.planet-answers-prompt{quotes:none;font-size:var(--text-body);display:block}.planet-answers-reply{overflow-wrap:anywhere;margin-top:1rem}.planet-answers-reply[data-folded]{max-height:22rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.planet-answers-more{border:1px solid var(--color-line);border-radius:var(--radius-chip);min-height:36px;font-size:var(--text-label);color:var(--color-ink-soft);margin-top:.5rem;padding:0 .9rem}.planet-answers-more:hover{color:var(--color-ink)}.planet-spec{margin-top:2.5rem}.planet-spec-head{gap:6px;display:grid}.planet-spec-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px;display:grid}@media (min-width:640px){.planet-spec{margin-top:3rem}.planet-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.planet-spec-group{border:1px solid var(--color-line);border-radius:var(--radius-card);min-width:0;box-shadow:var(--inner-light);padding:14px 16px 6px}.planet-spec-group-title{font-size:var(--text-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:8px;margin-bottom:6px;font-weight:500;display:flex}.planet-spec-group-title:before{content:"";border-radius:var(--radius-chip);background:hsl(var(--world-hue,260) 70% 66%);width:6px;height:6px;box-shadow:0 0 8px hsl(var(--world-hue,260) 80% 60% / .6)}.planet-spec-row{border-top:1px solid var(--color-line);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.planet-spec-row:first-child{border-top:0}.planet-spec-row dt{min-width:0;font-size:var(--text-label);color:var(--color-ink-soft)}.planet-spec-row dd{text-align:end;justify-items:end;min-width:0;display:grid}.planet-spec-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body);color:var(--color-ink);overflow-wrap:anywhere}.planet-spec-row[data-word] .planet-spec-value{font-family:inherit}.planet-spec-note{font-size:var(--text-caption);color:var(--color-muted)}.planet-spec-row[data-tone=ok] .planet-spec-value{color:var(--color-ok)}.planet-spec-row[data-tone=warn] .planet-spec-value{color:var(--color-warn)}.planet-spec-row[data-tone=quiet] .planet-spec-value{font-family:inherit;font-size:var(--text-label);color:var(--color-muted)}.planet-spec-foot{font-size:var(--text-caption);color:var(--color-muted);margin-top:12px;line-height:1.6}}@layer utilities;
