.play{--play-heading:var(--font-heading);--play-ink:var(--color-secondary);--play-accent:var(--color-accent);--play-paper:var(--color-primary);--play-muted:#8a8a86;--play-deep:var(--color-deep);--play-sun:#d9a441;--play-stage-h:clamp(520px, 72svh, 760px)}.play-scene{margin-bottom:2rem}.play-text{flex-direction:column;gap:1rem;display:flex}.play-text .display,.play-text h1,.play-text h2{font-family:var(--play-heading)}.play-text h2{pointer-events:auto;width:fit-content}.play-text h2 a{color:inherit;text-decoration:none}.play-bullets{flex-direction:column;gap:.5rem;padding:0;list-style:none;display:flex}.play-bullets li{text-wrap:balance;padding-left:1.2em;position:relative}.play-text p{text-wrap:pretty}.play-bullets li:before{content:"•";color:var(--play-ink);position:absolute;left:0}.play-stage{height:var(--play-stage-h);background:color-mix(in srgb, var(--play-ink) 5%, transparent);border:1px solid color-mix(in srgb, var(--play-ink) 10%, transparent);position:relative;overflow:hidden}.play-stage canvas{touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.play-hint{pointer-events:none;color:var(--play-muted);text-transform:uppercase;letter-spacing:.15em;margin:0;font-size:.9rem;position:absolute;top:54%;left:1rem}.play-hint--next{opacity:0;transition:opacity .6s;bottom:1.25rem;top:auto!important;left:2.5rem!important}.is-waiting .play-hint--next{opacity:1}.play-field{height:100%;position:relative}.play-stage--hero .play-text{z-index:1;pointer-events:none;padding:1.5rem;position:relative}.play-stage--hero h1{white-space:nowrap;font-size:clamp(1.7rem,7.5vw,3rem)}@media (width>=900px){.play-stage--hero .play-text{width:calc(50% - 3.5rem);padding:0;position:absolute;top:50%;left:2.5rem;transform:translateY(-50%)}.play-stage--hero h1{font-size:clamp(2.2rem,3.6vw,4rem)}.play-stage--hero .play-field{position:absolute;inset:0}.play-stage--cols{align-items:center;display:grid}.play-stage--three{grid-template-columns:55% 40% 5%}.play-stage--cols .play-text{padding:0 2.5rem}.play-stage--cols .play-field{align-self:stretch}.play-stage--overlay .play-field{position:absolute;inset:0}.play-stage--stairs{height:calc(var(--play-stage-h) * .84)}.play-stage--overlay .play-text{z-index:1;pointer-events:none;position:absolute}.play-text--tl{width:30%;top:50%;left:2.5rem;transform:translateY(-50%)}.play-text--mid{width:24%;top:50%;left:41%;transform:translateY(-50%)}.play-text--right{width:26%;top:50%;left:70%;transform:translateY(-50%)}.play-text--r{width:34%;top:50%;right:2.5rem;transform:translateY(-50%)}.play-text--bottom{top:56%;bottom:auto;transform:translateY(-50%)}}.play-form-row{border-bottom:1px solid var(--play-ink);align-items:stretch;gap:0;transition:border-color .2s;display:flex}.play-form-row:focus-within{border-bottom-color:var(--play-accent)}.play-form input[type=email]{min-width:0;font:inherit;color:var(--play-muted);background:0 0;border:0;border-radius:0;flex:14rem;padding:.75rem 0}.play-form input[type=email]::placeholder{color:inherit;opacity:.5}.play-form input[type=email]:focus{outline:none}.play-form button{font:inherit;color:var(--play-muted);cursor:pointer;background:0 0;border:0;border-radius:0;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.play-form button:hover{background:var(--play-accent);color:#fff}.play-form button[disabled]{opacity:.5;cursor:default}.play-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.play-form [data-status]{min-height:1.5em;margin-top:.75rem}.play-form [data-status].is-error{color:var(--play-accent)}.play-signup{pointer-events:auto;z-index:2;position:relative}.play-link{color:var(--play-accent);margin-left:1.2em;font-weight:500;text-decoration:none;display:inline-block}.play-link:hover{text-underline-offset:.25em;text-decoration:underline}@media (width<=899px){.play-stage{height:auto}.play-stage--cols,.play-stage--overlay{flex-direction:column;display:flex}.play-stage--overlay .play-text{padding:1.5rem}.play-stage--overlay .play-field{height:520px}.play-stage--cols .play-text{padding:1.5rem}.play-stage--cols .play-field{order:3;height:520px}.play-stage--hero .play-field{height:520px}}