@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f0efdf;background:#172a24;--ink:#172a24;--paper:#f0efdf;--lime:#d9f779;--muted:#a5b4a8;--serif:'Instrument Serif',Georgia,serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a267ee;outline-offset:5px}button{cursor:pointer}a{color:inherit;text-decoration:none}.page{max-width:1800px;margin:auto;padding:0 4.2vw}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25;gap:20px}.logo{font-size:34px;font-weight:600;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.logo>span{color:var(--lime);font-size:33px}.header-note,.coming,.eyebrow,.playhouse-top,.challenge-head,.garden-caption,footer,.aside-title{font-size:12px;letter-spacing:.09em}.header-note{color:#c0cbbf}.coming{display:flex;align-items:center;gap:9px;letter-spacing:0;font-size:14px}.coming i{width:6px;height:6px;background:var(--lime);border-radius:50%}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;padding:58px 0 60px}.intro{padding-top:9px}.eyebrow{display:flex;align-items:center;gap:9px;color:#c2ccbd;font-size:11px;white-space:nowrap}.act-line{width:24px;height:1px;background:var(--lime)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(86px,9vw,158px);letter-spacing:-.035em;line-height:.89;margin:42px 0 35px}h1 em{color:var(--lime);font-weight:400}h1 em::after{content:',';color:var(--lime)}.intro-copy{font-size:17px;line-height:1.65;color:#c3cbbf}.intro-copy em{font-family:var(--serif);font-size:24px;color:var(--paper)}.opening{display:flex;align-items:center;gap:18px;margin-top:40px;font-size:12px;line-height:1.7}.opening .spark{font-size:46px;color:var(--lime)}.opening span:not(.spark){color:#a6b4a8}.playhouse{min-width:0;color:var(--ink);background:var(--paper);border-radius:5px;box-shadow:0 30px 70px #03181140;overflow:hidden}.playhouse-top{display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #172a2425;font-size:10px}.live-label{color:#647362}.game-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 25px 0}.game-heading h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:.99;margin:0;letter-spacing:-.02em}.game-heading h2 em{color:#697964}.game-heading p{font-size:12px;line-height:1.7;color:#5a6858;text-align:right}.garden{height:280px;position:relative;overflow:hidden;margin:8px 0 0;isolation:isolate}.garden-grid{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#64765b .8px,transparent .8px);background-size:20px 20px;mask-image:linear-gradient(transparent,black 30%,black 80%,transparent)}.garden-watermark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:86px;line-height:.64;letter-spacing:-.04em;color:#dde0d0;user-select:none;pointer-events:none;transform:rotate(-8deg)}.garden-watermark em{font-weight:400}.garden-watermark br{display:none}.tokens{position:absolute;inset:0}.token{position:absolute;left:0;top:0;border:1px solid #172a2455;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lime);color:var(--ink);font-family:var(--serif);font-size:25px;line-height:1;box-shadow:inset 0 -5px 0 #172a2412,0 3px 5px #172a2415;user-select:none;touch-action:none;will-change:transform;cursor:grab;padding:0;transition:box-shadow .2s}.token[data-tone="1"]{background:#b9badb}.token[data-tone="2"]{background:#e4b9a1}.token[data-tone="3"]{background:#faf8ee}.token:active{cursor:grabbing}.token.hinted{box-shadow:0 0 0 4px #172a24,0 0 0 8px var(--lime);z-index:4}.token.dragging{z-index:6;box-shadow:0 12px 25px #172a2440}.token.wrong{background:#e0a297}.token[hidden]{display:none}.garden-caption{position:absolute;bottom:6px;width:100%;text-align:center;font-size:9px;letter-spacing:.12em;color:#64725e;pointer-events:none}.game-panel{margin:12px 25px 0;padding:19px 0 0;border-top:1px solid #172a2430}.challenge-head{display:flex;justify-content:space-between;font-size:10px;color:#61715a}#clue{font-size:12px;margin:12px 0 15px;color:#52624c;line-height:1.5}.slots{display:flex;gap:7px;flex-wrap:wrap;min-height:46px;border-radius:4px;transition:background .2s}.slots.drop-ready{background:#d5e6bb}.slot{min-width:49px;height:42px;border:1px dashed #9aab8e;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 9px;font-family:var(--serif);font-size:22px;color:#87947d;flex:1}.slot.filled{border:1px solid #c8d1bb;background:#e0e8d4;color:var(--ink)}.slots.complete .slot{background:var(--ink);color:var(--lime);border-color:var(--ink)}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:57px}#feedback{font-size:11px;line-height:1.5;color:#596951;margin:10px 0}.next{border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);font-size:12px;white-space:nowrap;padding:6px 0}.next[hidden]{display:none}.play-tools{padding:13px 25px;border-top:1px solid #172a2425;display:flex;justify-content:space-between;gap:12px;background:#e7eadb}.play-tools button{border:0;background:none;color:var(--ink);font-size:11px;padding:5px 0}.play-tools button:hover{color:#607544}.play-tools button span{font-size:16px;padding:0 3px}.aside{border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.aside-title{line-height:1.8;font-size:11px}.aside-title span{color:#99af9e}.aside p{font-size:14px;line-height:1.6;margin:0;color:#bcc9bb}.aside p em{font-family:var(--serif);font-size:25px;color:#e5e9d7}.aside-symbol{font-size:51px;color:var(--lime)}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:80px;color:#a5b5a5;font-size:10px}footer>span:last-child{color:var(--lime)}
@media(min-width:1450px){.hero{gap:8vw}.garden{height:340px}.intro-copy{font-size:19px}.game-heading h2{font-size:43px}.game-heading p{font-size:14px}.opening{font-size:14px}}
@media(max-width:1000px){.page{padding:0 4vw}.hero{gap:4vw;grid-template-columns:.8fr 1.2fr}h1{font-size:10vw}.header-note{display:none}.game-heading{display:block}.game-heading h2{font-size:34px}.game-heading p{text-align:left;margin-bottom:0}.garden{height:270px}.playhouse-top{font-size:9px;padding:18px}.game-panel{margin-left:18px;margin-right:18px}.game-heading{padding:20px 18px 0}.play-tools{padding:12px 18px;gap:8px}.play-tools button{font-size:10px}.opening{align-items:flex-start}.eyebrow{font-size:9px}.slot{min-width:35px;padding:0 5px}.aside{gap:20px}.aside p{font-size:12px}}
@media(max-width:700px){.page{padding:0 22px}header{height:83px}.logo{font-size:29px}.logo>span{font-size:29px}.coming{font-size:12px}.hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.intro{position:relative;padding:0}.eyebrow{font-size:10px}h1{font-size:clamp(77px,17vw,115px);margin:30px 0 22px;line-height:.9}h1 br:nth-of-type(2){display:none}h1 em::after{content:''}h1 em{padding-right:.15em}.intro-copy{font-size:15px}.intro-copy br{display:none}.opening{margin-top:22px;font-size:11px}.opening .spark{font-size:32px}.game-heading{display:flex}.game-heading h2{font-size:31px}.game-heading p{font-size:10px;text-align:right;margin:0;max-width:135px}.garden{height:300px}.playhouse-top{font-size:9px}.game-panel{margin-top:8px}.play-tools button{font-size:10px;min-height:34px}.aside{align-items:flex-start;flex-wrap:wrap;gap:18px;padding:25px 0}.aside-title{font-size:10px}.aside p{order:3;width:100%;font-size:13px}.aside p br{display:none}.aside p em{font-size:24px}.aside-symbol{font-size:32px}footer{font-size:9px;gap:15px;min-height:75px}footer>span:nth-child(2){display:none}.slots{gap:4px}.slot{min-width:30px;font-size:21px}.game-bottom{min-height:61px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
h1 em::after{content:none}.game-heading p,#clue,#feedback,.play-tools button,.next{font-size:12px}.challenge-head,.playhouse-top{font-size:11px}.garden-caption{font-size:10px}@media(max-width:700px){.game-heading p{font-size:11px}.playhouse-top,.challenge-head{font-size:10px}.play-tools{padding-left:14px;padding-right:14px;gap:8px}.play-tools button{font-size:11px}}
