@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Cinzel:wght@600;700&display=swap');
:root{color-scheme:dark;--cream:#fff9e7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#1b291d;color:var(--cream);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff9e7;outline-offset:6px}.world,.landscape,#landscape-motion,.sunlight,#nature{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.world{overflow:hidden;z-index:0;opacity:0;transition:opacity 1.8s ease}.entered .world{opacity:1}.landscape{background:url('assets/meadow.webp') center center/cover no-repeat}#landscape-motion{opacity:0}body.scene-ready #landscape-motion{opacity:1}.sunlight{background:linear-gradient(0deg,#17260c57,transparent 27%,transparent 72%,#3348482b),radial-gradient(ellipse at 16% 10%,#fff9bf26,transparent 57%);mix-blend-mode:multiply}#nature{z-index:1}.site{position:relative;z-index:2;height:100svh;min-height:420px;opacity:0;transition:opacity 1.4s}.entered .site{opacity:1}header{position:absolute;z-index:4;top:0;left:0;right:0;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-shadow:0 1px 7px #19392980}.ticker{letter-spacing:2px;font-weight:600}.social{display:flex;gap:12px;align-items:center;font-size:11px}.social svg{width:16px;height:16px}main{height:100%;position:relative}h1{position:absolute;z-index:3;top:8vh;left:0;right:0;text-align:center;margin:0;font-family:'Cinzel',Georgia,serif;font-size:clamp(45px,5.6vw,82px);line-height:.99;letter-spacing:.01em;font-weight:700;color:#fff3d6;text-transform:uppercase;text-shadow:0 2px 1px #62583e,0 4px 7px #18271dd9,0 10px 28px #18271d99}h1 span{display:block}.subtitle{position:absolute;z-index:3;top:calc(9.5vh + clamp(52px,6.4vw,100px) + 10px);left:0;right:0;text-align:center;font-size:11px;letter-spacing:2.5px;text-shadow:0 1px 10px #24392390;margin:0}.character{position:absolute;bottom:-3vh;left:50%;transform:translateX(-50%);height:40vh;width:40vh;max-width:48vw;max-height:48vw;pointer-events:none}.character img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 8px 4px #223b1420)}footer{position:absolute;bottom:0;left:0;right:0;z-index:4;padding:27px 38px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;text-shadow:0 1px 10px #12200a;background:linear-gradient(0deg,#14200d70,transparent)}.token{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.4px;max-width:40%;overflow-wrap:anywhere}#copy{border:0;background:none;padding:5px}.sound-controls{display:flex;gap:16px;align-items:center}.sound-controls button{background:none;border:0;padding:7px 0;font-size:10px;text-shadow:0 1px 8px #16240c}.sound-controls #sound{display:flex;align-items:center;gap:9px}.equalizer{height:14px;display:flex;gap:2px;align-items:center}.equalizer i{width:2px;height:3px;background:var(--cream);display:block}.equalizer i:nth-child(2){height:10px;animation-delay:-.5s!important}.equalizer i:nth-child(3){height:6px;animation-delay:-.8s!important}.equalizer i:nth-child(4){animation-delay:-.3s!important}.playing .equalizer i{animation:levels 1.3s ease-in-out infinite alternate}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:3px;color:#263a22;background:#fff8e1;opacity:0;transition:opacity .2s;pointer-events:none;z-index:20;font-size:12px}.toast.show{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes levels{to{height:14px}}@media(min-aspect-ratio:17/10){.character{height:44vh;width:44vh;bottom:-3vh}h1{top:8vh}.subtitle{top:calc(8vh + clamp(52px,6.4vw,100px) + 8px)}}@media(max-width:650px){header{padding:24px}.social span{display:none}h1{top:13vh;left:16px;right:16px;font-size:clamp(36px,9.5vw,60px);letter-spacing:.01em;line-height:1.05}.subtitle{top:calc(16vh + clamp(46px,11vw,70px) + 14px);font-size:9px;letter-spacing:2px}.character{height:44vh;width:44vh;max-width:56vw;max-height:56vw;bottom:-1vh;left:50%}footer{padding:22px 20px;gap:10px}.token{font-size:9px}.sound-controls{gap:12px}}@media(max-width:420px){.character{height:42vh;width:42vh;bottom:-1vh}.sound-controls button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.cast{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.8s ease}.entered .cast{opacity:1}.cast-actor{position:absolute;top:0;left:0;pointer-events:none;will-change:transform;transform-origin:center bottom}.cast-sprite{display:block;width:100%;height:auto;transform-origin:center bottom;filter:drop-shadow(0 2px 1px #23321725)}.cast-shadow{position:absolute;left:15%;bottom:-3px;width:70%;height:7px;border-radius:50%;background:#22351245;filter:blur(2px);transform-origin:center}
@media(prefers-reduced-motion:reduce){.world,.cast{transition:none!important}.cast-actor{will-change:auto}}

.cast-puppet>svg{display:block;width:100%;height:auto;overflow:visible}.cast-puppet .leg,.cast-puppet .arm{transform-box:fill-box;transform-origin:50% 0%}.cast-puppet .leg-left{transform:rotate(var(--step,0deg))}.cast-puppet .leg-right{transform:rotate(var(--counter-step,0deg))}.cast-puppet .arm-left{transform:rotate(var(--arm,0deg))}.cast-puppet .arm-right{transform:rotate(var(--counter-arm,0deg))}.cast-puppet .tail{transform-box:fill-box;transform-origin:5% 80%;transform:rotate(var(--tail,0deg))}.cast-grass{position:absolute;left:-4px;bottom:-5px;z-index:3;pointer-events:none}