:root{color-scheme:only light}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden;background:#71b9df}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}main{position:relative;width:100%;height:100svh;min-height:420px;overflow:hidden;isolation:isolate;background:#71b9df}.scene-backdrop{position:absolute;inset:-24px;background:linear-gradient(rgba(92,173,218,.28),rgba(70,139,177,.18)),url("assets/cenei-village-v5.png") center/cover no-repeat;filter:blur(18px) saturate(.85);transform:scale(1.05);opacity:.72}#world{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block}header{position:absolute;z-index:3;top:max(3.8%,env(safe-area-inset-top));left:0;width:100%;text-align:center;color:#fff;pointer-events:none}h1{margin:0;font-size:clamp(3.2rem,7.4vw,7.6rem);font-weight:850;line-height:.9;letter-spacing:-.065em;text-shadow:0 2px 0 #266f9d,0 8px 28px rgba(24,78,112,.25)}h1 span{color:#f3c44d}header p{margin:.7rem 0 0;font-size:clamp(.66rem,1.05vw,1rem);font-weight:750;letter-spacing:.3em;text-shadow:0 2px 9px rgba(30,75,103,.45)}footer{position:absolute;z-index:3;bottom:max(1.7%,env(safe-area-inset-bottom));width:100%;text-align:center;color:#fff8df;font-size:.72rem;font-weight:650;letter-spacing:.28em;text-shadow:0 2px 8px rgba(26,58,40,.5);pointer-events:none}.reed{transform-box:fill-box;transform-origin:bottom center;animation:sway 7.5s ease-in-out infinite alternate}.ripple{transform-box:fill-box;transform-origin:center;animation:ripple 5.4s ease-out infinite}.turtle-head{animation:peek 15s ease-in-out infinite}.bee{filter:url(#soft-shadow)}.bee .tongue{opacity:0;stroke-dasharray:14}.bee.drinking .tongue{opacity:1;animation:sip .8s ease-in-out infinite}.pollen{opacity:0}.bee.loaded .pollen{opacity:1}@keyframes sway{from{transform:rotate(-.55deg)}to{transform:rotate(.8deg)}}@keyframes ripple{from{transform:scale(.55);opacity:.3}to{transform:scale(1.55);opacity:0}}@keyframes peek{0%,48%,100%{transform:translateX(0)}62%,78%{transform:translateX(5px)}}@keyframes sip{50%{stroke-dashoffset:6}}@media(max-width:700px),(max-aspect-ratio:4/5){main{min-height:100svh}.scene-backdrop{display:none}#world{inset:0;width:100%;height:100%;transform:none;background:#71b9df;box-shadow:none}header{top:max(5%,calc(env(safe-area-inset-top) + 8px))}h1{font-size:clamp(3rem,16vw,5.4rem)}header p{margin-top:.5rem;font-size:.62rem;letter-spacing:.2em}footer{font-size:.58rem;letter-spacing:.18em;bottom:max(3%,calc(env(safe-area-inset-bottom) + 8px))}}@media(max-height:520px) and (orientation:landscape){header{top:3%}h1{font-size:clamp(2.5rem,11vh,4.8rem)}header p{margin-top:.3rem}footer{bottom:1.5%}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}