.pixel-scene{image-rendering:pixelated;position:absolute;inset:0;overflow:hidden}.scene-sky{background:linear-gradient(#0a0f2c 0%,#241b52 32%,#52306e 55%,#8a4a72 72%,#c96b52 88%,#e08a4f 100%);position:absolute;inset:0}.scene-stars{pointer-events:none;position:absolute;inset:0}.scene-star{background:#fff8e0;width:3px;height:3px;animation:3.2s ease-in-out infinite star-twinkle;position:absolute;box-shadow:0 0 4px 1px #fff8e099}.scene-moon{clip-path:polygon(30% 0%,70% 0%,85% 8%,95% 25%,100% 50%,95% 75%,85% 92%,70% 100%,30% 100%,15% 92%,5% 75%,0% 50%,5% 25%,15% 8%);background:#ffe9b3;width:46px;height:46px;position:absolute;top:9%;right:14%;box-shadow:0 0 0 6px #ffe9b326,0 0 0 14px #ffe9b314,inset -8px 6px 0 -2px #e0c48a}.scene-layer{width:220%;position:absolute;bottom:0;left:-20%}.scene-mountains-far{clip-path:polygon(0% 100%,0% 55%,4% 40%,8% 52%,13% 28%,18% 48%,23% 20%,28% 42%,33% 12%,38% 40%,43% 18%,48% 44%,53% 8%,58% 38%,63% 24%,68% 48%,73% 16%,78% 42%,83% 26%,88% 50%,93% 30%,97% 52%,100% 40%,100% 100%);background:#6a5a9e;height:48%;animation:46s ease-in-out infinite alternate pan-far}.scene-mountains-near{clip-path:polygon(0% 100%,0% 65%,6% 48%,11% 62%,17% 40%,24% 60%,30% 32%,37% 58%,44% 42%,51% 64%,58% 36%,65% 60%,72% 44%,79% 62%,86% 38%,93% 58%,100% 48%,100% 100%);background:#221a3d;height:32%;animation:30s ease-in-out infinite alternate pan-near}.scene-ground{background:linear-gradient(#16233a 0%,#0d1a2c 45%,#0a1420 100%);height:20%;position:absolute;bottom:0;left:0;right:0}.scene-forest{align-items:flex-end;height:26%;animation:18s ease-in-out infinite alternate pan-forest;display:flex}.scene-tree{transform-origin:50% 100%;clip-path:polygon(50% 0%,65% 18%,55% 18%,75% 42%,60% 42%,85% 72%,65% 72%,65% 100%,35% 100%,35% 72%,15% 72%,40% 42%,25% 42%,45% 18%,35% 18%);background:#14281a;width:46px;height:100%;margin-right:-8px;animation:4s ease-in-out infinite tree-sway;display:inline-block}.scene-tree--1{background:#1b3521;height:84%;animation-duration:4.6s}.scene-tree--2{background:#0f2016;height:94%;animation-duration:3.6s}.scene-fireflies{pointer-events:none;position:absolute;inset:0}.scene-firefly{background:#d9ff8a;border-radius:50%;width:3px;height:3px;animation:6s ease-in-out infinite firefly-float;position:absolute;box-shadow:0 0 6px 2px #d9ff8ab3}@keyframes star-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes pan-far{0%{transform:translate(0)}to{transform:translate(-9%)}}@keyframes pan-near{0%{transform:translate(0)}to{transform:translate(-13%)}}@keyframes pan-forest{0%{transform:translate(0)}to{transform:translate(-16%)}}@keyframes tree-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes firefly-float{0%{opacity:0;transform:translate(0)}20%{opacity:1}50%{transform:translate(14px,-18px)}80%{opacity:1}to{opacity:0;transform:translate(-10px,-4px)}}.garden-scene{image-rendering:pixelated;position:absolute;inset:0;overflow:hidden}.garden-sky{background:linear-gradient(#bfe6ff 0%,#eaf6ff 38%,#fff2d6 68%,#ffdca0 100%);position:absolute;inset:0}.garden-sun{clip-path:polygon(30% 0%,70% 0%,85% 8%,95% 25%,100% 50%,95% 75%,85% 92%,70% 100%,30% 100%,15% 92%,5% 75%,0% 50%,5% 25%,15% 8%);background:#fff3b0;width:56px;height:56px;position:absolute;top:8%;left:10%;box-shadow:0 0 0 8px #fff3b040,0 0 0 18px #fff3b01f}.garden-layer{width:180%;position:absolute;bottom:0;left:-15%}.garden-trees-back{align-items:flex-end;height:36%;display:flex}.garden-tree{transform-origin:50% 100%;clip-path:polygon(50% 0%,65% 18%,55% 18%,75% 42%,60% 42%,85% 72%,65% 72%,65% 100%,35% 100%,35% 72%,15% 72%,40% 42%,25% 42%,45% 18%,35% 18%);background:#5c8a52;width:50px;height:100%;margin-right:-12px;animation:4.2s ease-in-out infinite garden-tree-sway;display:inline-block}.garden-tree--1{background:#4a7742;height:86%;animation-duration:3.8s}.garden-tree--2{background:#6a9a5c;height:94%;animation-duration:4.6s}.garden-ground{background:linear-gradient(#6fae52 0%,#4f8c3d 55%,#3a6b2c 100%);height:26%;position:absolute;bottom:0;left:0;right:0}.garden-path{opacity:.85;background:#c69a5f;height:34%;position:absolute;top:38%;left:0;right:0;box-shadow:0 -2px #0000001a,0 2px #0000001a}.garden-flowers{position:absolute;inset:0}.garden-flower{border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite flower-bob;position:absolute;bottom:8%}.garden-flower:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:7px 0,-7px 0,0 7px,0 -7px}.garden-flower:after{content:"";background:#3a6b2c;width:2px;height:12px;position:absolute;top:6px;left:2px}.garden-flower--0{color:#ff8fc6}.garden-flower--1{color:#fff2a8}.garden-flower--2{color:#c9a8ff}@keyframes garden-tree-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes flower-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.marynia-walker{animation:13s linear infinite marynia-cross;position:absolute;bottom:16%;left:0}.marynia-sprite{width:96px;height:140px;image-rendering:pixelated;filter:drop-shadow(0 6px 4px #00000059);background-image:url(/sprites/marynia-walk.png);background-repeat:no-repeat;background-size:576px 140px;animation:.85s steps(6,end) infinite marynia-walk-cycle}@keyframes marynia-walk-cycle{0%{background-position-x:0}to{background-position-x:-576px}}@keyframes marynia-cross{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 40px))}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f5f0ff;font-family:Nunito,system-ui,sans-serif;overflow:hidden}.intro-screen{width:100vw;height:100dvh;position:relative}.intro-overlay{text-align:center;background:linear-gradient(#05051426 0%,#0505148c 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.intro-scene-tag{letter-spacing:.15em;color:#d8b4fe;text-transform:uppercase;margin:0;font-family:"Press Start 2P",monospace;font-size:.7rem}.intro-title{text-shadow:3px 3px #0006;max-width:900px;margin:0;font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3.4vw,1.9rem);line-height:1.9}.intro-title span{display:block}.intro-subtitle{color:#f5f0ffd9;max-width:560px;margin:0;font-size:1.05rem}.intro-overlay--top{background:linear-gradient(#140f0559 0%,#140f0500 40%);justify-content:flex-start;padding-top:8vh}.intro-title--dark,.intro-subtitle--dark{color:#2b1d10;text-shadow:none}.intro-title--dark{text-shadow:2px 2px #ffffff59}.intro-subtitle--dark{color:#3a2a18;background:#fffaeb8c;border-radius:4px;padding:6px 14px}.intro-actions{align-items:center;gap:20px;display:flex}.link-button{color:#f5f0ffe6;cursor:pointer;text-underline-offset:4px;text-shadow:2px 2px #0006;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:.75rem;text-decoration:underline}.intro-fade-in{opacity:0;animation:.9s forwards intro-fade-up}.intro-fade-in--1{animation-delay:.2s}.intro-fade-in--2{animation-delay:.8s}.intro-fade-in--3{animation-delay:1.6s}.intro-fade-in--4{animation-delay:2.4s}.intro-fade-in--5{animation-delay:3.3s}.intro-fade-in--6{animation-delay:4s}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pixel-button{color:#101018;cursor:pointer;image-rendering:pixelated;background:#ffd93d;border:4px solid #101018;padding:14px 20px 16px;font-family:"Press Start 2P",monospace;font-size:.75rem;line-height:1.6;box-shadow:5px 5px #8a6a10}.pixel-button:disabled{color:#999;cursor:not-allowed;background:#444;box-shadow:5px 5px #222}