:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;overflow:hidden}.scene{width:100vw;height:100vh;background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#90ee90 60%,#228b22);position:relative;overflow:hidden}.title-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;z-index:10}.title-bar h1{font-size:1.6rem;font-weight:700;color:#1a3a1a;text-shadow:0 1px 2px rgba(255,255,255,.3);letter-spacing:-.02em}.controls{display:flex;align-items:center;gap:1rem}.score{font-size:1.1rem;font-weight:600;color:#1a3a1a;background:#fff6;padding:.4rem 1rem;border-radius:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toggle-btn{padding:.5rem 1.4rem;border:none;border-radius:2rem;background:#16a34a;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .1s}.toggle-btn:hover{background:#15803d;transform:scale(1.05)}.toggle-btn:active{transform:scale(.97)}.jungle-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;background:#fffc;border-radius:50%}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1{width:100px;height:40px;top:8%;left:10%;animation:cloud-drift 20s linear infinite}.cloud-1:before{width:60px;height:30px;top:-15px;left:15px}.cloud-1:after{width:50px;height:25px;top:-10px;left:45px}.cloud-2{width:80px;height:32px;top:15%;right:20%;animation:cloud-drift 25s linear infinite reverse}.cloud-2:before{width:50px;height:24px;top:-12px;left:10px}.cloud-2:after{width:40px;height:20px;top:-8px;left:35px}.cloud-3{width:120px;height:45px;top:5%;left:55%;animation:cloud-drift 18s linear infinite}.cloud-3:before{width:70px;height:35px;top:-18px;left:20px}.cloud-3:after{width:55px;height:28px;top:-12px;left:55px}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(120vw)}}.tree{position:absolute;bottom:12%;width:60px;height:180px}.tree:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:80px;background:#8b5e3c;border-radius:4px}.tree:after{content:"";position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:60px;height:130px;background:#228b22;border-radius:50% 50% 10% 10%}.tree-left{left:3%}.tree-right{right:3%}.ground{position:absolute;bottom:0;left:0;right:0;height:18%;background:linear-gradient(180deg,#3a7d44,#2d6a30 40%,#1a4d1e);border-top:3px solid #4caf50}.grass{position:absolute;bottom:16%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:30px solid #4caf50}.grass-1{left:8%;border-bottom-color:#43a047}.grass-2{left:25%;border-bottom-color:#388e3c;transform:rotate(-5deg)}.grass-3{left:50%;border-bottom-color:#4caf50;transform:rotate(3deg)}.grass-4{left:70%;border-bottom-color:#43a047;transform:rotate(-8deg)}.grass-5{left:88%;border-bottom-color:#388e3c}.swing-container{position:absolute;top:2%;left:50%;transform-origin:top center;display:flex;flex-direction:column;align-items:center;z-index:5}.swing-container.swinging{animation:swing 2.5s ease-in-out infinite}.swing-container.paused{animation:swing 2.5s ease-in-out infinite;animation-play-state:paused}@keyframes swing{0%{transform:rotate(30deg)}50%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.vine{width:6px;height:200px;position:relative;display:flex;flex-direction:column;align-items:center}.vine-segment{width:6px;height:200px;background:linear-gradient(180deg,#6b4423,#8b6914,#6b4423);border-radius:3px;position:relative}.vine-segment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent,transparent 10px,rgba(0,0,0,.15) 10px,rgba(0,0,0,.15) 12px);border-radius:inherit}.vine-leaf{position:absolute;width:22px;height:12px;background:#4caf50;border-radius:0 50% 50% 0;transform-origin:left center}.vine-leaf-1{top:30px;right:-18px;animation:leaf-sway 3s ease-in-out infinite}.vine-leaf-2{top:80px;left:-18px;transform:scaleX(-1);animation:leaf-sway 3s ease-in-out infinite .5s}.vine-leaf-3{top:140px;right:-18px;animation:leaf-sway 3s ease-in-out infinite 1s}@keyframes leaf-sway{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.dino-wrapper{cursor:pointer;transition:filter .2s;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}.dino-wrapper:hover{filter:drop-shadow(0 8px 20px rgba(74,222,128,.5)) brightness(1.1)}.dino-wrapper:active{transform:scale(1.08)}.instructions{position:absolute;bottom:4%;left:50%;transform:translate(-50%);z-index:10}.instructions p{font-size:1rem;color:#fff;background:#0000004d;padding:.5rem 1.5rem;border-radius:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}