@font-face{font-family:Lilita;src:url(/assets/LilitaOne-Regular-DWEPn4H6.ttf) format("truetype");font-display:swap}@font-face{font-family:Baloo;src:url(/assets/Baloo2-BcePNZ8p.ttf) format("truetype");font-weight:400 800;font-display:swap}:root{font-family:Baloo,Arial,sans-serif;color:#193e32;background:#8bd7b3;font-synthesis:none;--ink:#193e32;--cream:#fff8df;--yellow:#ffd45a}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 30%,#b7efc970,transparent 65%)}[hidden]{display:none!important}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #ed794d;outline-offset:6px}#backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff36 1px,transparent 1px);background-size:6px 6px}.landing{max-width:1160px;margin:auto;padding:clamp(24px,4vh,50px) 40px 30px}.masthead{text-align:center;margin-bottom:30px}.masthead h1{display:inline-flex;align-items:center;gap:18px;font-family:Lilita,sans-serif;font-size:clamp(60px,8.5vw,110px);font-weight:400;line-height:1;margin:0;letter-spacing:1px;transform:rotate(-3deg);filter:drop-shadow(0 6px 0 var(--ink))}.masthead h1 span{color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}.masthead h1 span:last-child{color:var(--cream)}.masthead h1 b{font-size:.58em;font-weight:400;color:#f98350;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.hero{display:grid;grid-template-columns:minmax(0,580px) minmax(240px,310px);align-items:center;justify-content:center;gap:clamp(32px,5vw,70px)}.showcase{min-width:0}.video-frame{position:relative;padding:14px;border:4px solid var(--ink);border-radius:32px;background:var(--cream);box-shadow:0 10px 0 var(--ink),0 22px 45px #174f3433;transform:rotate(-2deg);margin:8px 0 31px}.video-inner{overflow:hidden;aspect-ratio:4/3;border:3px solid var(--ink);border-radius:19px;background:#9cd5a8;display:flex;align-items:center;justify-content:center}video{display:block;width:100%;height:100%;object-fit:contain}.frame-star{position:absolute;z-index:1;font-family:Lilita;font-size:65px;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;line-height:1}.star-one{left:-26px;top:-23px;transform:rotate(-12deg)}.star-two{right:-22px;bottom:2px;font-size:44px;transform:rotate(15deg)}.animation-toggle{position:absolute;right:25px;bottom:25px;display:grid;place-items:center;width:44px;height:44px;border:2px solid var(--ink);border-radius:12px;background:#fff8dfeb;color:var(--ink);font-weight:800}.socials{display:grid;grid-template-columns:.55fr 1fr 1.35fr;gap:13px;margin-bottom:20px}.button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:59px;border:3px solid var(--ink);border-radius:17px;background:var(--cream);box-shadow:0 5px 0 var(--ink);font-family:Lilita,sans-serif;font-size:21px;line-height:1.1;font-weight:400;padding:12px 14px;transition:transform .15s,box-shadow .15s,background .15s;text-align:center}.button:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--ink);background:#fffdf2}.button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.x-button{font-family:Arial,sans-serif;font-weight:700;font-size:29px}.copy-button{background:#bce6a3}.dex-button{font-size:20px}.dex-button span{font-size:25px}.play-button{background:var(--yellow);min-height:79px;font-size:clamp(23px,3vw,34px);gap:22px;border-radius:19px;box-shadow:0 7px 0 var(--ink)}.play-button:hover{background:#ffdf7b}.play-button span{font-size:.7em}.copy-status{font-size:15px;font-weight:700;min-height:23px;margin:14px 0 0;text-align:center}#copy-fallback{width:100%;padding:12px;background:var(--cream);border:2px solid var(--ink);border-radius:10px;font-size:13px;color:var(--ink)}.lore{position:relative;background:#fff8dff5;border:3px solid var(--ink);border-radius:7px 25px 25px;padding:33px 27px 27px;box-shadow:7px 8px #3b765844;transform:rotate(3deg);margin-bottom:70px}.lore:before{content:"";position:absolute;width:70px;height:24px;background:#eecb70c9;left:calc(50% - 35px);top:-13px;transform:rotate(-7deg);border-left:2px dashed #aa8d4b66;border-right:2px dashed #aa8d4b66}.lore p{font-size:22px;line-height:1.45;font-weight:600;margin:0 0 24px}.lore .lore-signature{font-family:Lilita,sans-serif;font-size:30px;font-weight:400;margin:0;color:#3f7a4d}.lore-doodle{position:absolute;bottom:-65px;left:5px;font-size:70px;line-height:1;transform:rotate(12deg);color:var(--ink)}@media(min-width:1500px){.landing{padding-top:65px}.masthead{margin-bottom:50px}}@media(max-width:800px){.landing{padding:26px 28px 32px}.masthead{margin-bottom:28px}.masthead h1{font-size:clamp(54px,10vw,80px);gap:12px}.hero{grid-template-columns:minmax(0,520px);gap:28px}.lore{margin:0 8px;padding:26px;transform:rotate(1.5deg)}.lore p{font-size:20px;margin-bottom:18px}.lore-doodle{display:none}.video-frame{padding:11px}.socials{gap:10px}.button{min-height:55px}.play-button{min-height:72px}.copy-status{margin-top:12px}}@media(max-width:420px){.landing{padding:23px 20px 30px}.masthead h1{font-size:13vw;gap:9px}.masthead h1 span{-webkit-text-stroke-width:3px}.masthead h1 b{-webkit-text-stroke-width:2px}.video-frame{border-width:3px;border-radius:25px;padding:9px;margin-bottom:26px}.video-inner{border-radius:15px;border-width:2px}.star-one{font-size:48px;left:-16px;top:-16px}.star-two{font-size:34px;right:-14px}.socials{gap:8px;grid-template-columns:.5fr 1fr 1.35fr}.button{font-size:16px;padding:10px 6px;border-radius:13px}.x-button{font-size:24px}.dex-button{font-size:15px;gap:3px}.dex-button span{font-size:18px}.play-button{font-size:23px;gap:12px;min-height:67px}.lore{padding:25px 22px}.lore p{font-size:19px}.lore .lore-signature{font-size:27px}}@media(max-height:650px)and (min-width:801px){.landing{padding-top:20px}.masthead{margin-bottom:20px}.masthead h1{font-size:70px}.hero{grid-template-columns:minmax(0,440px) 290px;gap:45px}.video-inner{max-height:300px}.lore p{font-size:20px}.play-button{min-height:64px;font-size:27px}}#backdrop{z-index:0}.grain{z-index:1}.landing{position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.button{transition:none}}