.landing{gap:var(--space-8);flex-direction:column;display:flex}.landing a:not(.btn){color:var(--color-ink);text-underline-offset:3px}.landing-hero{align-items:center;gap:var(--space-3);text-align:center;padding-top:var(--space-6);isolation:isolate;padding-bottom:var(--space-4);flex-direction:column;display:flex;position:relative}.landing-hero:before{content:"";z-index:-1;top:calc(-1 * var(--space-4));background:linear-gradient(to bottom, color-mix(in srgb, var(--color-paper) 74%, transparent), color-mix(in srgb, var(--color-paper) 84%, transparent)), url(/img/landing/backdrop.webp) center / cover no-repeat;width:100vw;image-rendering:pixelated;position:absolute;bottom:0;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(#000 55%,#0000 96%);mask-image:linear-gradient(#000 55%,#0000 96%)}#root:has(.landing){overflow-x:clip}.landing-hero h1{align-items:center;gap:var(--space-2);flex-direction:column;margin:0;line-height:1.2;display:flex}.landing-hero__name{font-size:56px;line-height:1}.landing-hero__tagline{text-wrap:balance;font-size:22px}.landing-hero__lead{max-width:65ch;margin:0;font-size:17px;line-height:1.5}.landing-hero__random{width:100%;max-width:520px;height:48px;margin:var(--space-2) auto 0;border-width:var(--border-3);box-shadow:var(--shadow-1);justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.landing-hero__random:hover{filter:brightness(1.05)}.landing-hero__or{color:var(--color-ink);margin:0;font-size:14px}.landing-hero__form{gap:var(--space-2);flex-wrap:wrap;width:100%;max-width:520px;margin:0 auto;display:flex}.landing-hero__form .input{border-width:var(--border-3);flex:160px;min-width:0;height:40px;font-size:16px}.landing-hero__form .btn{height:40px;padding:0 var(--space-4);border-width:var(--border-3);flex:none}.landing-hero__hint{max-width:520px;color:var(--color-muted);margin:0;font-size:13px;line-height:1.4}.landing-hero__badge{margin:var(--space-1) 0 0;padding:var(--space-1) var(--space-2);border:var(--border-1) solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);text-wrap:balance;font-size:12px;line-height:1.4}.landing-hero__badge strong{color:color-mix(in srgb, var(--color-brand) 55%, #000);font-weight:700}.landing-hero__sep{margin:0 var(--space-1);font-family:var(--font-body);font-weight:700}.landing-cards{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.landing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-card{grid-row:span 4;grid-template-rows:subgrid;row-gap:var(--space-3);align-content:start;min-width:0;display:grid;position:relative}.landing-card__image{width:calc(100% + 2 * var(--space-4));max-width:none;height:auto;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;border-bottom:var(--border-3) solid var(--color-border);background:var(--color-map-bg);display:block}.landing-card h2{margin:0;font-size:20px}.landing-card p{margin:0;line-height:1.5}.landing-card__actions{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.landing-card__cta:after{content:"";position:absolute;inset:0}.landing-card:hover{box-shadow:var(--shadow-1), 0 0 0 var(--border-1) var(--color-border);transform:translate(-1px,-1px)}.landing-card:has(.landing-card__cta:focus-visible){outline:var(--border-3) solid var(--color-ink);outline-offset:2px}.landing-card__cta,.landing-continue__cta{max-width:100%;height:auto;min-height:40px;padding:var(--space-2) var(--space-3);border-width:var(--border-3);overflow-wrap:anywhere;align-items:center;line-height:1.3;text-decoration:none;display:inline-flex}.landing-continue{animation:fade-in var(--motion-fast) ease-out}.landing-continue h2{margin:0 0 var(--space-3);font-size:20px}.landing-continue__row{align-items:flex-end;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.landing-worlds__label{margin:0 0 var(--space-1);color:var(--color-muted);font-family:var(--font-display);font-size:12px}.landing-worlds ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing-worlds,.landing-worlds li{min-width:0;max-width:100%}.landing-worlds .chip{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:28px;text-decoration:none}.landing .landing-ad{margin:0}.landing-section h2{margin:0 0 var(--space-4);font-size:22px}.landing-faq{gap:var(--space-2);flex-direction:column;display:flex}.landing-faq details{border:var(--border-3) solid var(--color-border);background:var(--color-surface)}.landing-faq summary{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 20px);font-family:var(--font-display);cursor:pointer;line-height:1.4;list-style:none;position:relative}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:before{content:"▸";top:var(--space-3);left:var(--space-4);text-align:center;width:14px;transition:transform var(--motion-fast);font-size:18px;line-height:21px;position:absolute}.landing-faq details[open] summary:before{transform:rotate(90deg)}.landing-faq details[open] summary{border-bottom:var(--border-1) solid var(--color-border)}.landing-faq details p{max-width:65ch;padding:var(--space-3) var(--space-4) var(--space-4);margin:0;line-height:1.6}.landing-support{max-width:65ch;margin:0;line-height:1.6}@media (width<=767px){.landing-hero{padding-top:var(--space-2)}.landing-hero__name{font-size:40px}.landing-hero__tagline{font-size:18px}.landing-hero__lead{font-size:16px}.landing-hero__hint{max-width:520px;color:var(--color-muted);margin:0;font-size:13px;line-height:1.4}.landing-hero__badge{font-size:11px}.landing-section h2{font-size:20px}}