@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated;image-rendering:crisp-edges}:root{--sky-top: #2a1810;--sky-mid: #50a0d8;--sky-light: #78c0e8;--grass-bright: #50c850;--grass-mid: #40a840;--grass-dark: #308830;--ground-brown: #8b6914;--wood-main: #a86020;--wood-light: #c88838;--wood-dark: #684010;--wood-shadow: #402808;--cream: #f8f0d8;--pixel-black: #181818;--cozy-yellow: #f8e038;--cozy-orange: #f8a800}html,body{overflow:hidden;font-family:"Press Start 2P",cursive;image-rendering:pixelated;background:var(--pixel-black);height:100vh;width:100vw}.scene{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.sky{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 30%,var(--sky-light) 60%,#a8d8f0 85%,#c8e8f8 100%);z-index:0}.ground{position:absolute;bottom:0;left:0;width:100%;height:80px;background:var(--ground-brown);z-index:5}.grass-row{position:absolute;top:0;left:0;width:100%;height:32px;background:var(--grass-mid);box-shadow:0 -8px 0 0 var(--grass-bright),0 8px 0 0 var(--grass-dark)}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.snowflake{position:absolute;background:#fff;box-shadow:0 0 0 1px #c8dcf080;animation:pixelSnowfall steps(40) infinite;pointer-events:none}@keyframes pixelSnowfall{0%{transform:translateY(-16px) translate(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0px));opacity:0}}.flowers-container{position:absolute;bottom:80px;left:0;width:100%;height:calc(100% - 80px);z-index:3;pointer-events:none}.flower{position:absolute;bottom:0;transform-origin:bottom center;animation:flowerGrow 2s ease-out forwards;opacity:0}@keyframes flowerGrow{0%{transform:scaleY(0) scaleX(.8);opacity:0}60%{transform:scaleY(1.05) scaleX(1);opacity:1}to{transform:scaleY(1) scaleX(1);opacity:1}}.flower.sway{opacity:1;animation:flowerSway var(--sway-duration, 3s) ease-in-out infinite}@keyframes flowerSway{0%,to{transform:rotate(calc(-1 * var(--sway-amount, 2deg)))}50%{transform:rotate(var(--sway-amount, 2deg))}}.pixel-tree{position:absolute;bottom:0;animation:treeGrow 1.5s ease-out forwards;opacity:0;z-index:2}@keyframes treeGrow{0%{transform:scaleY(0) scaleX(.5);opacity:0}to{transform:scaleY(1) scaleX(1);opacity:1}}.pixel-bush{position:absolute;bottom:0;animation:bushGrow 1s ease-out forwards;opacity:0;z-index:4}@keyframes bushGrow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pixel-rock{position:absolute;bottom:0;animation:rockAppear .5s ease-out forwards;opacity:0;z-index:4}@keyframes rockAppear{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pixel-bunny{position:absolute;bottom:0;z-index:6;transition:left .5s ease-out}.pixel-bunny.hopping{animation:bunnyHop .5s ease-out}@keyframes bunnyHop{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.pixel-bunny.idle{animation:bunnyIdle 1.5s ease-in-out infinite}@keyframes bunnyIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:30px}.title-wrapper{text-align:center}.title{font-size:4rem;color:var(--cream);text-shadow:4px 4px 0 var(--cozy-orange),8px 8px 0 var(--wood-dark),-2px -2px 0 var(--cozy-yellow);letter-spacing:8px;margin-bottom:16px}.subtitle{font-size:.9rem;color:var(--cream);text-shadow:2px 2px 0 var(--wood-dark);letter-spacing:2px;opacity:.9}.button-container{display:flex;justify-content:center;margin-top:20px;position:relative;z-index:100}.begin-btn{font-family:"Press Start 2P",cursive;font-size:1.5rem;padding:24px 60px;background:var(--wood-main);border:none;z-index:9999;pointer-events:auto!important;color:var(--cream);cursor:pointer;position:relative;box-shadow:0 8px 0 0 var(--wood-shadow),8px 0 0 0 var(--wood-dark),8px 8px 0 0 var(--wood-shadow),inset 6px 6px 0 0 var(--wood-light),inset -6px -6px 0 0 var(--wood-dark);transition:all .05s ease;overflow:visible}.begin-btn:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 24px,var(--wood-dark) 24px,var(--wood-dark) 28px);opacity:.3;pointer-events:none}.begin-btn:hover{transform:translateY(4px);box-shadow:0 4px 0 0 var(--wood-shadow),4px 0 0 0 var(--wood-dark),4px 4px 0 0 var(--wood-shadow),inset 5px 5px 0 0 var(--wood-light),inset -5px -5px 0 0 var(--wood-dark)}.begin-btn:active{transform:translateY(7px);box-shadow:0 1px 0 0 var(--wood-shadow),inset 4px 4px 0 0 var(--wood-dark),inset -4px -4px 0 0 var(--wood-light)}.btn-text{position:relative;z-index:2;text-shadow:3px 3px 0 var(--wood-shadow);letter-spacing:4px}.snow-pile{position:absolute;top:-16px;left:-8px;right:-8px;height:24px;pointer-events:none}.snow-chunk{position:absolute;background:#fff;box-shadow:0 3px #d0d8e0,inset 3px 3px #fff}.chunk-1{width:40px;height:16px;left:10%;top:8px}.chunk-2{width:55px;height:18px;left:35%;top:4px;z-index:2}.chunk-3{width:40px;height:14px;right:10%;top:8px}.features-row{display:flex;gap:40px;margin-top:30px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#281e14d9;border:4px solid var(--wood-dark);padding:16px 20px;box-shadow:4px 4px 0 0 var(--wood-shadow)}.feature-icon{font-size:2rem}.feature-text{font-size:.5rem;color:var(--cozy-yellow);text-shadow:1px 1px 0 var(--wood-shadow);text-align:center;max-width:100px}@media(max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:.7rem}.begin-btn{font-size:1rem;padding:16px 40px}.features-row{flex-direction:column;gap:16px}}.footer{position:fixed;bottom:10px;width:100%;text-align:center;color:var(--cream);font-size:.6rem;text-shadow:1px 1px 0 var(--wood-shadow);opacity:.8;z-index:1000;font-family:"Press Start 2P",cursive}
