.landing{--cream:#fff4df;--gold:#ffe39e;--card:#152328;--line:#405155;max-width:none;padding:0;font-size:16px;line-height:1.6}.landing .wrap,.landing .nav,.landing .hero,.landing .stage-strip{width:100%;max-width:1256px;margin:auto;padding-left:44px;padding-right:44px}.landing h2,.landing h3{margin:0;line-height:1.2}.landing h2 svg{width:auto;max-width:100%;height:24px;display:block}.landing p{margin:0}.landing a{color:inherit}.landing .nav{justify-content:space-between}.landing .wordmark{text-decoration:none}.landing nav{gap:28px;display:flex}.landing nav a,.landing .cta-ads{color:#b6ccc6;font-size:14px;text-decoration:none}.landing nav a{padding:10px 0}.landing nav a:hover,.landing .cta-ads:hover{color:var(--cream)}.landing .start{color:#173c39;flex-shrink:0;gap:14px;margin:0;text-decoration:none;display:inline-flex}.landing .nav-play{padding:8px 18px}.landing .hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding-top:40px;padding-bottom:64px;display:grid}.hero h1{gap:12px;margin:0 0 26px;display:grid}.hero-goo-word{width:auto;max-width:100%;height:84px}.hero-adventure-word{width:auto;max-width:100%;height:36px}.landing .lead{color:#c7d4cf;max-width:40ch;font-size:17px}.cta-row{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.landing .cta-play{min-height:48px;padding:12px 20px;font-size:15px}.landing .cta-ads{padding:12px 0}.hero-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden}.hero-frame svg{aspect-ratio:16/9;width:100%;height:auto;display:block}.band{border-top:1px solid #293b40;padding:48px 0;scroll-margin-top:24px}.landing .band-lead{color:#c7d4cf;max-width:66ch;margin-top:20px}.mechanics{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:32px 0 0;padding:0;list-style:none;display:grid}.mechanic-sprite{width:auto;height:34px;margin-bottom:16px;display:block}.mechanics h3{margin-bottom:8px;font-size:17px}.mechanics p{color:#b6ccc6;font-size:14px}.landing .stage-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-top:28px;list-style:none;display:grid}.stage-card{min-width:0}.stage-scene{aspect-ratio:16/9;border-radius:6px;width:100%;display:block}.stage-meta{align-items:baseline;gap:8px;padding-top:12px;display:flex}.stage-number{color:#9aacad;font:12px monospace}.stage-meta h3{font-size:14px}.preview{border:1px solid var(--line);background:var(--card);border-radius:8px;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;margin-top:28px;display:grid;overflow:hidden}.preview-form{align-content:start;gap:8px;min-width:0;padding:24px;display:grid}.preview-form label{color:#c7d4cf;justify-content:space-between;gap:8px;margin-top:8px;font-size:13px;display:flex}.preview-form label:first-child{margin-top:0}.preview-form label span{color:#a1b6b3;font-variant-numeric:tabular-nums}.preview-form input,.preview-form select{width:100%;min-width:0;min-height:44px;color:var(--cream);border:1px solid var(--line);background:#0d171b;border-radius:5px;padding:10px 12px;font:15px Trebuchet MS,sans-serif}.preview-form input{text-transform:uppercase;font-family:monospace}:is(.preview-form input:focus-visible,.preview-form select:focus-visible){outline:2px solid var(--mint);outline-offset:2px}.landing .preview-note{color:#a1b6b3;margin-top:4px;font-size:12px}.landing .preview-contact{justify-self:start;margin-top:16px}.preview-stage{place-items:end center;min-height:340px;padding:34px 26px 0;display:grid;position:relative}.preview-stage>svg{z-index:1;width:min(100%,440px);height:auto;display:block;position:relative}.preview-ground{height:44px;position:absolute;bottom:0;left:0;right:0}.preview-ground i{height:8px;display:block}.landing .rental-details{color:#a1b6b3;margin-top:18px;font-size:13px}@media (max-width:960px){.landing .wrap,.landing .nav,.landing .hero,.landing .stage-strip{padding-left:24px;padding-right:24px}.landing .hero{grid-template-columns:1fr 1fr;gap:28px}.hero-goo-word{height:64px}.hero-adventure-word{height:28px}.mechanics{grid-template-columns:1fr 1fr}.landing .stage-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.preview{grid-template-columns:1fr 1fr;gap:0}}@media (max-width:700px){.landing .nav{flex-wrap:wrap;gap:12px 20px;padding-top:16px;padding-bottom:16px}.landing nav{order:3;gap:20px;width:100%}.landing nav a{font-size:13px}.landing .hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:40px}.hero h1{gap:10px;margin-bottom:20px}.hero-frame{margin-top:8px}.band{padding:36px 0}.landing h2 svg{height:20px}.mechanics{gap:28px 20px}.landing .stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{grid-template-columns:1fr}.preview-stage{min-height:260px;padding-top:24px}}@media (max-width:360px){.landing .wrap,.landing .nav,.landing .hero,.landing .stage-strip{padding-left:16px;padding-right:16px}.landing nav,.cta-row{gap:16px}}.preview-form [data-slot=native-select]{padding-right:36px}@media (prefers-reduced-motion:reduce){.landing [data-slot=button],.landing [data-slot=input],.landing [data-slot=native-select]{transition:none}}.hero-frame>img{object-fit:cover;width:100%;height:100%;display:block}img.stage-scene{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}
