@font-face{font-family:Boldenvan;src:url('assets/BoldenVan.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--forest:#063c36;--cream:#efffbd;--pink:#ff76b5;--pointer-x:0px;--pointer-y:0px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--forest)}
body{font-family:Arial,sans-serif}
.jungle{position:relative;isolation:isolate;min-height:720px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#166252 0%,#07423a 43%,#022a29 79%)}
.jungle:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,#001f2138 100%)}
.brand{position:absolute;z-index:5;top:5%;left:50%;transform:translateX(-50%) rotate(-3deg);color:var(--cream);font:400 clamp(2rem,3.5vw,3.25rem)/1 Boldenvan,sans-serif;letter-spacing:.025em;text-shadow:2px 3px 0 #002e28}
.brand span{position:absolute;font:700 .65rem/1 Arial,sans-serif;top:0;right:-.8rem}
.message{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:7rem 1.25rem 8rem;pointer-events:none}
h1{margin:0;width:min(74vw,1000px);text-align:center;font-family:Boldenvan,Impact,sans-serif;font-weight:400;line-height:1.03;letter-spacing:.01em;transform:rotate(-3deg);text-shadow:0 5px 0 #002e29;filter:drop-shadow(0 8px 16px #002e2950)}
.line{display:block}
.intro{font-size:clamp(2rem,5.5vw,5.5rem);color:var(--cream);margin-bottom:.07em}
.revealed{font-size:clamp(3.7rem,10.5vw,10.25rem);color:var(--cream)}
.soon{font-size:clamp(5rem,13vw,12rem);color:var(--pink);margin-top:-.035em}
.canopy{position:absolute;inset:0;pointer-events:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform 1.6s ease-out}
.canopy-back{z-index:0;filter:brightness(.7)}
.canopy-front{z-index:4}
.leaf{position:absolute;left:var(--x);top:var(--y);width:calc(var(--size)*1vmax);aspect-ratio:1;transform:rotate(var(--angle));}
.leaf img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:46% 86%;animation:sway var(--duration) ease-in-out var(--delay) infinite;will-change:transform;user-select:none;-webkit-user-drag:none}
.leaf.stir img{animation:rustle 1.35s ease-in-out 1}
@keyframes sway{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(1.6deg) translateY(-5px)}}
@keyframes rustle{0%,100%{transform:rotate(0)}18%{transform:rotate(-4deg)}32%{transform:rotate(3deg)}46%{transform:rotate(-2.8deg)}60%{transform:rotate(2deg)}78%{transform:rotate(-.8deg)}}
.footer{position:absolute;z-index:6;bottom:max(24px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.footer>span{font-size:.75rem;letter-spacing:.18em;font-weight:700;color:var(--cream);text-shadow:0 1px 4px #00251d}
.motion{pointer-events:auto;width:44px;height:44px;border:1px solid #edffbd66;border-radius:50%;background:#063c36d9;color:var(--cream);display:grid;place-items:center;cursor:pointer;transition:background .2s}
.motion[hidden]{display:none}.motion:hover{background:#166252}.motion:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
.motion svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.motion .play-icon{display:none}.is-paused .motion .pause-icon{display:none}.is-paused .motion .play-icon{display:block}
.is-paused .leaf img{animation-play-state:paused}.is-paused .canopy{transform:none;transition:none}
@media(min-aspect-ratio:19/10){.leaf{width:calc(var(--size)*.86vmax)}.jungle{min-height:600px}.message{padding-top:6rem;padding-bottom:4rem}.intro{font-size:4.5vw}.revealed{font-size:8vw}.soon{font-size:9vw}}
@media(max-width:700px){.jungle{min-height:600px}.brand{top:8%;font-size:2.7rem}.message{padding:7rem 1rem 8rem}h1{width:94vw}.intro{font-size:7.7vw}.revealed{font-size:13.8vw}.soon{font-size:20vw}.canopy-front .leaf{width:calc(var(--size)*1.15vw)}.canopy-back .leaf{width:calc(var(--size)*1.65vw)}.canopy-front .leaf:nth-child(1){left:-38%;top:-4%;width:90vw}.canopy-front .leaf:nth-child(2){left:-5%;top:-13%;width:90vw}.canopy-front .leaf:nth-child(3){left:43%;top:-16%;width:90vw}.canopy-front .leaf:nth-child(4){left:65%;top:1%;width:78vw}.canopy-front .leaf:nth-child(5){left:-53%;top:24%;width:73vw}.canopy-front .leaf:nth-child(6){left:82%;top:30%;width:63vw}.canopy-front .leaf:nth-child(7){left:-55%;top:50%;width:97vw}.canopy-front .leaf:nth-child(8){left:68%;top:53%;width:97vw}.canopy-front .leaf:nth-child(9){left:-28%;top:72%;width:94vw}.canopy-front .leaf:nth-child(10){left:53%;top:79%;width:70vw}.canopy-front .leaf:nth-child(11){left:5%;top:88%;width:75vw}.canopy-front .leaf:nth-child(12){left:39%;top:91%;width:72vw}.footer{left:22px;right:22px}.canopy-back .leaf:nth-child(1){top:0;left:-38%}.canopy-back .leaf:nth-child(2){top:1%;left:55%}.canopy-back .leaf:nth-child(3){top:38%;left:-55%}.canopy-back .leaf:nth-child(4){top:38%;left:65%}.canopy-back .leaf:nth-child(5){top:70%;left:-13%}.canopy-back .leaf:nth-child(6){top:70%;left:36%}}
@media(prefers-reduced-motion:reduce){.leaf img{animation:none!important}.canopy{transform:none!important;transition:none!important}.motion{display:none}}

.game-entry{color:inherit;text-decoration:none;pointer-events:auto;display:block}.game-entry:focus-visible{outline:3px solid var(--pink);outline-offset:14px;border-radius:10px}.play-hint{display:block;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.18em;color:var(--cream);margin-top:24px;text-shadow:0 2px 4px #002e29}.jungle.is-entering .canopy-front{transform:scale(1.6);opacity:0;transition:transform .55s ease-in,opacity .55s}.jungle.is-entering .message{opacity:0;transition:opacity .4s}@media(prefers-reduced-motion:reduce){.jungle.is-entering .canopy-front,.jungle.is-entering .message{transition:none}}