:root{--ink:#344438;--cream:#fbf9ed;--green:#35523c}html{scroll-behavior:smooth;scroll-padding-top:28px}body{overflow:auto;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--cream)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6b5c9d;outline-offset:5px}.playground{position:relative;height:100svh;min-height:660px;overflow:hidden}#field{position:absolute;inset:0;background-color:#c8dac0}.topbar{position:absolute;z-index:9600;top:0;left:0;right:0;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar a{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:38px;font-weight:700;letter-spacing:-2px;display:inline-flex;align-items:center}.logo-dot{font-size:31px;margin-left:3px;color:#55764c}.domain{font:12px "Trebuchet MS",sans-serif;letter-spacing:0;margin:15px 0 0 4px;opacity:.6}nav{display:flex;gap:30px;align-items:center;font-size:13px}.about-link{border-bottom:1px solid #637c6155;padding-bottom:4px}.pixwit-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #344438;background:var(--cream);border-radius:100px;padding:13px 21px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.pixwit-link:hover{background:#e9efda;transform:translateY(-2px)}.pixwit-link span{font-size:19px}.intro{position:absolute;z-index:500;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;width:480px;max-width:90%;text-shadow:0 1px 22px #deead2,0 1px 40px #deead2}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.intro h1{font:normal clamp(40px,4.3vw,66px)/1.02 Georgia,serif;letter-spacing:-2.7px;margin:20px 0 18px}.intro p{font-size:13px}.bottom-dock{position:absolute;z-index:9600;bottom:48px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.hint{display:flex;align-items:center;gap:8px;background:#f9f8e6bd;padding:11px 15px;border:1px solid #53694928;border-radius:30px}.live-dot{height:6px;width:6px;background:#5f8156;border-radius:50%}.controls{display:flex;align-items:center;gap:15px;background:#f9f8e6bd;padding:8px 10px 8px 17px;border:1px solid #53694928;border-radius:30px}.controls button{border:0;background:none;color:inherit;cursor:pointer;font-size:11px;padding:3px 0}.controls a{width:24px;height:24px;display:grid;place-items:center;border:1px solid #637c6155;border-radius:50%;font-family:Georgia,serif}.explore{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:10px;opacity:.65;z-index:9600;white-space:nowrap}.about{max-width:1160px;margin:auto;padding:100px 40px 70px;display:grid;grid-template-columns:1fr 1fr;gap:54px 70px}.about h2{font:normal 44px/1.1 Georgia,serif;letter-spacing:-1.3px;margin:20px 0}.about-copy{padding-top:7px}.about p{font-size:14px;line-height:1.8;color:#5e695f;margin:0 0 18px}.text-link{font-size:13px;border-bottom:1px solid #637c6155;padding-bottom:5px}.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:44px 0;border-top:1px solid #34443822;border-bottom:1px solid #34443822}.steps article>span{font-size:10px;letter-spacing:1.5px;color:#73816b}.steps h3{font:normal 24px Georgia,serif;margin:18px 0 12px}.steps p{font-size:13px}.creative{grid-column:1/-1;background:#e7eddd;border-radius:12px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.creative h2{font-size:35px;margin:14px 0}.creative p{margin:0}.creative a{flex-shrink:0}.faq{grid-column:1/-1;max-width:760px;width:100%;margin:auto}.faq h2{font-size:34px;text-align:center;margin:24px 0 30px}.faq details{border-bottom:1px solid #34443822;padding:20px 0}.faq summary{cursor:pointer;font-size:14px}.faq details p{margin:16px 0 0;font-size:13px}footer{text-align:center;border-top:1px solid #34443822;padding:45px 24px 28px}footer p{font:italic 16px Georgia,serif;color:#788171}footer>div{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;font-size:11px;margin:28px 0}footer small{font-size:10px;opacity:.6}.reward{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 36px));z-index:10002;border:1px solid #7a875e;border-radius:20px;padding:38px 30px;text-align:center;background:#fffbed;box-shadow:0 20px 100px #34443844}.reward[hidden]{display:none}.reward h2{font:normal 32px/1.1 Georgia,serif}.reward p{font-size:13px;line-height:1.7}.reward .countdown-copy{font-size:12px;opacity:.7}.reward .pixwit-link{display:flex;background:#36563d;color:#fff}.reward button{border:0;background:none;text-decoration:underline;color:var(--ink);font-size:12px;margin-top:20px;cursor:pointer}.no-js{position:absolute;top:60%;left:20%;right:20%;padding:24px;background:var(--cream);z-index:9700;text-align:center}.no-js a{text-decoration:underline}#again{bottom:110px}body:has(#reward:not([hidden])) .topbar,body:has(#reward:not([hidden])) .bottom-dock{pointer-events:none;opacity:.5}@media(max-width:700px){.playground{min-height:600px}.topbar{padding:20px}.wordmark{font-size:32px}.about-link{display:none}nav{gap:0}.topbar .pixwit-link{font-size:11px;padding:10px 14px;gap:10px}.intro{top:44%;width:330px}.intro h1{font-size:38px;letter-spacing:-1.8px}.intro .eyebrow{font-size:8px;letter-spacing:1.7px}.intro p{font-size:11px}.bottom-dock{left:16px;right:16px;bottom:45px;gap:10px;font-size:9px}.hint{padding:10px;font-size:9px;gap:5px}.controls{gap:9px;padding-left:12px}.controls button{font-size:9px}.about{padding:65px 24px 45px;grid-template-columns:1fr;gap:25px}.about h2{font-size:38px}.steps{grid-template-columns:1fr;gap:20px;padding:30px 0}.creative{padding:26px;display:block}.creative h2{font-size:30px}.creative a{margin-top:20px}.faq h2{font-size:30px}footer>div{gap:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}