.app{width:100%;min-height:100vh;position:relative;background:linear-gradient(0deg,rgba(255,156,197,.05) 0%,transparent 100%),linear-gradient(180deg,#fff5f7,#e8f5ff,#ffe8f5)}.girl-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));animation:girlBreathe 3s ease-in-out infinite}@keyframes girlBreathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-51%) scale(1.01)}}.hearts-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:200}.floating-heart{position:absolute;top:50%;left:50%;width:12px;height:12px;filter:drop-shadow(0 4px 8px rgba(255,107,157,.5));pointer-events:none}.pixel-heart{position:relative;width:6px;height:6px;background:#ff6b9d;box-shadow:6px 0 #ff6b9d,0 6px #ff6b9d,6px 6px #ff6b9d,12px 0 #ff6b9d,12px 6px #ff6b9d,0 12px #ff6b9d,6px 12px #ff6b9d,12px 12px #ff6b9d,6px -6px #ff6b9d,0 -6px #ff6b9d,12px -6px #ff6b9d}.scroll-sections{position:relative;z-index:10}.section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.section-intro{background:radial-gradient(circle at center,rgba(255,156,197,.15) 0%,transparent 70%)}.section-intro:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,157,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.section-final{background:radial-gradient(circle at center,rgba(204,102,255,.2) 0%,transparent 70%);position:relative;overflow:hidden}.item-label{text-align:center;animation:fadeInBounce .8s ease-out;position:relative;z-index:2}.item-name{font-family:"Press Start 2P",monospace;font-size:1rem;color:#ff6b9d;margin-top:2rem;text-shadow:2px 2px 0px #fff,4px 4px 0px rgba(255,107,157,.3);letter-spacing:.1em;animation:textGlow 2s ease-in-out infinite}.pixel-text{font-family:"Press Start 2P",monospace;font-size:1.8rem;font-weight:400;color:#ff6b9d;text-shadow:3px 3px 0px #fff,6px 6px 0px rgba(255,107,157,.3);letter-spacing:.1em;animation:fadeInBounce .8s ease-out;line-height:1.8;position:relative;z-index:2}.pixel-text-small{font-family:"Press Start 2P",monospace;font-size:.7rem;color:#888;margin-top:2rem;animation:fadeInBounce .8s ease-out .2s backwards;letter-spacing:.05em;line-height:1.6;position:relative;z-index:2}.complete-text{margin-top:3rem;animation:completeAppear 1s ease-out,textGlow 2s ease-in-out infinite 1s}.scroll-indicator{margin-top:3rem;position:relative;z-index:2}.arrow{width:24px;height:24px;border-left:4px solid #ff6b9d;border-bottom:4px solid #ff6b9d;transform:rotate(-45deg);animation:arrowBounce 2s ease-in-out infinite}.confetti{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.confetti-piece{position:absolute;width:16px;height:16px;top:20%;left:50%;animation:confettiFall 3s ease-out infinite}.confetti-piece:nth-child(1){background:#ff6b9d;left:30%;animation-delay:0s}.confetti-piece:nth-child(2){background:#48f;left:70%;animation-delay:.5s}.confetti-piece:nth-child(3){background:#fd4;left:40%;animation-delay:1s}.confetti-piece:nth-child(4){background:#c6f;left:60%;animation-delay:1.5s}@keyframes fadeInBounce{0%{opacity:0;transform:translateY(40px) scale(.9)}60%{opacity:1;transform:translateY(-8px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arrowBounce{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(15px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}@keyframes textGlow{0%,to{text-shadow:3px 3px 0px #fff,6px 6px 0px rgba(255,107,157,.3)}50%{text-shadow:3px 3px 0px #fff,6px 6px 0px rgba(255,107,157,.3),0 0 20px rgba(255,107,157,.5)}}@keyframes completeAppear{0%{transform:scale(.5) rotate(-10deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.pixel-text{font-size:1.2rem}.pixel-text-small{font-size:.6rem}.item-name{font-size:.8rem}.section-intro:before{width:300px;height:300px}}@media (max-width: 480px){.pixel-text{font-size:1rem}.pixel-text-small{font-size:.5rem}.item-name{font-size:.7rem}}:root{--p: 6px;--skin: #ffd7b5;--hair: #3b2417;--pink: #ff9cc5;--red: #ff5b6e;--red-dark: #d24154;--blue: #4a8dff;--blue-dark: #2b5fc9;--dress: #c66bff;--dress-dark: #9a4ed6;--glove: #ffd447;--shoe: #2f2f30;--white: #ffffff}.pixel-girl.theme-berry{--red: #ff5b6e;--red-dark: #d24154;--blue: #4a8dff;--blue-dark: #2b5fc9;--dress: #c66bff;--dress-dark: #9a4ed6;--glove: #ffd447;--shoe: #2f2f30}.pixel-girl.theme-ocean{--red: #53c2ff;--red-dark: #2d90c7;--blue: #1fb0ff;--blue-dark: #0c7ac1;--dress: #4dd0e1;--dress-dark: #1ca3b7;--glove: #bff1ff;--shoe: #1f3a4d}.pixel-girl.theme-mint{--red: #7ae4c2;--red-dark: #4bb892;--blue: #6ad6ff;--blue-dark: #2a9cc8;--dress: #8ef7d1;--dress-dark: #4ccba3;--glove: #fff6c7;--shoe: #2e4744}.pixel-girl.theme-sunset{--red: #ff8a5c;--red-dark: #d65a32;--blue: #ffb45c;--blue-dark: #d68a32;--dress: #ff70a6;--dress-dark: #d64c7f;--glove: #ffe6a3;--shoe: #4a2a2a}.pixel-girl.theme-cocoa{--red: #c77d56;--red-dark: #9b5733;--blue: #b6926f;--blue-dark: #8a6a4a;--dress: #d6b28a;--dress-dark: #a78156;--glove: #ffe0b8;--shoe: #3b2a22}.pixel-girl{position:relative;width:calc(var(--p) * 16);height:calc(var(--p) * 20);transform:scale(2);transform-origin:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.pixel{position:absolute;width:var(--p);height:var(--p);opacity:1;transition:opacity .2s ease}.pixel.visible{opacity:1}.sprite-hair{box-shadow:calc(4 * var(--p)) calc(0 * var(--p)) var(--hair),calc(5 * var(--p)) calc(0 * var(--p)) var(--hair),calc(6 * var(--p)) calc(0 * var(--p)) var(--hair),calc(7 * var(--p)) calc(0 * var(--p)) var(--hair),calc(8 * var(--p)) calc(0 * var(--p)) var(--hair),calc(3 * var(--p)) calc(1 * var(--p)) var(--hair),calc(4 * var(--p)) calc(1 * var(--p)) var(--hair),calc(5 * var(--p)) calc(1 * var(--p)) var(--hair),calc(6 * var(--p)) calc(1 * var(--p)) var(--hair),calc(7 * var(--p)) calc(1 * var(--p)) var(--hair),calc(8 * var(--p)) calc(1 * var(--p)) var(--hair),calc(9 * var(--p)) calc(1 * var(--p)) var(--hair),calc(2 * var(--p)) calc(2 * var(--p)) var(--hair),calc(3 * var(--p)) calc(2 * var(--p)) var(--hair),calc(4 * var(--p)) calc(2 * var(--p)) var(--hair),calc(5 * var(--p)) calc(2 * var(--p)) var(--hair),calc(6 * var(--p)) calc(2 * var(--p)) var(--hair),calc(7 * var(--p)) calc(2 * var(--p)) var(--hair),calc(8 * var(--p)) calc(2 * var(--p)) var(--hair),calc(9 * var(--p)) calc(2 * var(--p)) var(--hair),calc(2 * var(--p)) calc(3 * var(--p)) var(--hair),calc(3 * var(--p)) calc(3 * var(--p)) var(--hair),calc(4 * var(--p)) calc(3 * var(--p)) var(--hair),calc(5 * var(--p)) calc(3 * var(--p)) var(--hair),calc(6 * var(--p)) calc(3 * var(--p)) var(--hair),calc(7 * var(--p)) calc(3 * var(--p)) var(--hair),calc(8 * var(--p)) calc(3 * var(--p)) var(--hair),calc(9 * var(--p)) calc(3 * var(--p)) var(--hair),calc(2 * var(--p)) calc(4 * var(--p)) var(--hair),calc(9 * var(--p)) calc(4 * var(--p)) var(--hair),calc(2 * var(--p)) calc(5 * var(--p)) var(--hair),calc(9 * var(--p)) calc(5 * var(--p)) var(--hair)}.sprite-skin{box-shadow:calc(3 * var(--p)) calc(4 * var(--p)) var(--skin),calc(4 * var(--p)) calc(4 * var(--p)) var(--skin),calc(5 * var(--p)) calc(4 * var(--p)) var(--skin),calc(6 * var(--p)) calc(4 * var(--p)) var(--skin),calc(7 * var(--p)) calc(4 * var(--p)) var(--skin),calc(8 * var(--p)) calc(4 * var(--p)) var(--skin),calc(3 * var(--p)) calc(5 * var(--p)) var(--skin),calc(4 * var(--p)) calc(5 * var(--p)) var(--skin),calc(5 * var(--p)) calc(5 * var(--p)) var(--skin),calc(6 * var(--p)) calc(5 * var(--p)) var(--skin),calc(7 * var(--p)) calc(5 * var(--p)) var(--skin),calc(8 * var(--p)) calc(5 * var(--p)) var(--skin),calc(3 * var(--p)) calc(6 * var(--p)) var(--skin),calc(4 * var(--p)) calc(6 * var(--p)) var(--skin),calc(5 * var(--p)) calc(6 * var(--p)) var(--skin),calc(6 * var(--p)) calc(6 * var(--p)) var(--skin),calc(7 * var(--p)) calc(6 * var(--p)) var(--skin),calc(8 * var(--p)) calc(6 * var(--p)) var(--skin),calc(5 * var(--p)) calc(7 * var(--p)) var(--skin),calc(6 * var(--p)) calc(7 * var(--p)) var(--skin),calc(4 * var(--p)) calc(8 * var(--p)) var(--skin),calc(5 * var(--p)) calc(8 * var(--p)) var(--skin),calc(6 * var(--p)) calc(8 * var(--p)) var(--skin),calc(7 * var(--p)) calc(8 * var(--p)) var(--skin),calc(4 * var(--p)) calc(9 * var(--p)) var(--skin),calc(5 * var(--p)) calc(9 * var(--p)) var(--skin),calc(6 * var(--p)) calc(9 * var(--p)) var(--skin),calc(7 * var(--p)) calc(9 * var(--p)) var(--skin),calc(4 * var(--p)) calc(10 * var(--p)) var(--skin),calc(5 * var(--p)) calc(10 * var(--p)) var(--skin),calc(6 * var(--p)) calc(10 * var(--p)) var(--skin),calc(7 * var(--p)) calc(10 * var(--p)) var(--skin),calc(4 * var(--p)) calc(11 * var(--p)) var(--skin),calc(5 * var(--p)) calc(11 * var(--p)) var(--skin),calc(6 * var(--p)) calc(11 * var(--p)) var(--skin),calc(7 * var(--p)) calc(11 * var(--p)) var(--skin),calc(4 * var(--p)) calc(12 * var(--p)) var(--skin),calc(5 * var(--p)) calc(12 * var(--p)) var(--skin),calc(6 * var(--p)) calc(12 * var(--p)) var(--skin),calc(7 * var(--p)) calc(12 * var(--p)) var(--skin),calc(4 * var(--p)) calc(13 * var(--p)) var(--skin),calc(5 * var(--p)) calc(13 * var(--p)) var(--skin),calc(6 * var(--p)) calc(13 * var(--p)) var(--skin),calc(7 * var(--p)) calc(13 * var(--p)) var(--skin),calc(4 * var(--p)) calc(14 * var(--p)) var(--skin),calc(5 * var(--p)) calc(14 * var(--p)) var(--skin),calc(6 * var(--p)) calc(14 * var(--p)) var(--skin),calc(7 * var(--p)) calc(14 * var(--p)) var(--skin),calc(4 * var(--p)) calc(15 * var(--p)) var(--skin),calc(5 * var(--p)) calc(15 * var(--p)) var(--skin),calc(6 * var(--p)) calc(15 * var(--p)) var(--skin),calc(7 * var(--p)) calc(15 * var(--p)) var(--skin)}.sprite-eyes{box-shadow:calc(4 * var(--p)) calc(5 * var(--p)) #2b1a18,calc(7 * var(--p)) calc(5 * var(--p)) #2b1a18,calc(4 * var(--p)) calc(5 * var(--p)) inset,calc(7 * var(--p)) calc(5 * var(--p)) inset}.sprite-blush{box-shadow:calc(4 * var(--p)) calc(6 * var(--p)) var(--pink),calc(7 * var(--p)) calc(6 * var(--p)) var(--pink);opacity:.85}.sprite-base-outfit{opacity:1;box-shadow:calc(3 * var(--p)) calc(8 * var(--p)) #ffe7f4,calc(4 * var(--p)) calc(8 * var(--p)) #ffe7f4,calc(5 * var(--p)) calc(8 * var(--p)) #ffe7f4,calc(6 * var(--p)) calc(8 * var(--p)) #ffe7f4,calc(7 * var(--p)) calc(8 * var(--p)) #ffe7f4,calc(4 * var(--p)) calc(9 * var(--p)) #ffd9ef,calc(5 * var(--p)) calc(9 * var(--p)) #ffd9ef,calc(6 * var(--p)) calc(9 * var(--p)) #ffd9ef,calc(7 * var(--p)) calc(9 * var(--p)) #ffd9ef,calc(4 * var(--p)) calc(10 * var(--p)) #ffcde8,calc(5 * var(--p)) calc(10 * var(--p)) #ffcde8,calc(6 * var(--p)) calc(10 * var(--p)) #ffcde8,calc(7 * var(--p)) calc(10 * var(--p)) #ffcde8,calc(4 * var(--p)) calc(11 * var(--p)) #ffbfdc,calc(5 * var(--p)) calc(11 * var(--p)) #ffbfdc,calc(6 * var(--p)) calc(11 * var(--p)) #ffbfdc,calc(7 * var(--p)) calc(11 * var(--p)) #ffbfdc,calc(4 * var(--p)) calc(12 * var(--p)) #ffb1d2,calc(5 * var(--p)) calc(12 * var(--p)) #ffb1d2,calc(6 * var(--p)) calc(12 * var(--p)) #ffb1d2,calc(7 * var(--p)) calc(12 * var(--p)) #ffb1d2,calc(4 * var(--p)) calc(13 * var(--p)) #ffa6c9,calc(5 * var(--p)) calc(13 * var(--p)) #ffa6c9,calc(6 * var(--p)) calc(13 * var(--p)) #ffa6c9,calc(7 * var(--p)) calc(13 * var(--p)) #ffa6c9;z-index:2}.sprite-base-socks{opacity:1;box-shadow:calc(4 * var(--p)) calc(15 * var(--p)) #ffeefb,calc(5 * var(--p)) calc(15 * var(--p)) #ffeefb,calc(6 * var(--p)) calc(15 * var(--p)) #ffeefb,calc(7 * var(--p)) calc(15 * var(--p)) #ffeefb,calc(4 * var(--p)) calc(16 * var(--p)) #ffe2f5,calc(5 * var(--p)) calc(16 * var(--p)) #ffe2f5,calc(6 * var(--p)) calc(16 * var(--p)) #ffe2f5,calc(7 * var(--p)) calc(16 * var(--p)) #ffe2f5;z-index:1}.sprite-dress{opacity:0;box-shadow:calc(3 * var(--p)) calc(8 * var(--p)) var(--dress),calc(4 * var(--p)) calc(8 * var(--p)) var(--dress),calc(5 * var(--p)) calc(8 * var(--p)) var(--dress),calc(6 * var(--p)) calc(8 * var(--p)) var(--dress),calc(7 * var(--p)) calc(8 * var(--p)) var(--dress),calc(8 * var(--p)) calc(8 * var(--p)) var(--dress),calc(3 * var(--p)) calc(9 * var(--p)) var(--dress),calc(4 * var(--p)) calc(9 * var(--p)) var(--dress),calc(5 * var(--p)) calc(9 * var(--p)) var(--dress),calc(6 * var(--p)) calc(9 * var(--p)) var(--dress),calc(7 * var(--p)) calc(9 * var(--p)) var(--dress),calc(8 * var(--p)) calc(9 * var(--p)) var(--dress),calc(3 * var(--p)) calc(10 * var(--p)) var(--dress),calc(4 * var(--p)) calc(10 * var(--p)) var(--dress),calc(5 * var(--p)) calc(10 * var(--p)) var(--dress),calc(6 * var(--p)) calc(10 * var(--p)) var(--dress),calc(7 * var(--p)) calc(10 * var(--p)) var(--dress),calc(8 * var(--p)) calc(10 * var(--p)) var(--dress),calc(2 * var(--p)) calc(11 * var(--p)) var(--dress),calc(3 * var(--p)) calc(11 * var(--p)) var(--dress),calc(4 * var(--p)) calc(11 * var(--p)) var(--dress),calc(5 * var(--p)) calc(11 * var(--p)) var(--dress),calc(6 * var(--p)) calc(11 * var(--p)) var(--dress),calc(7 * var(--p)) calc(11 * var(--p)) var(--dress),calc(8 * var(--p)) calc(11 * var(--p)) var(--dress),calc(9 * var(--p)) calc(11 * var(--p)) var(--dress),calc(2 * var(--p)) calc(12 * var(--p)) var(--dress),calc(3 * var(--p)) calc(12 * var(--p)) var(--dress),calc(4 * var(--p)) calc(12 * var(--p)) var(--dress),calc(5 * var(--p)) calc(12 * var(--p)) var(--dress),calc(6 * var(--p)) calc(12 * var(--p)) var(--dress),calc(7 * var(--p)) calc(12 * var(--p)) var(--dress),calc(8 * var(--p)) calc(12 * var(--p)) var(--dress),calc(9 * var(--p)) calc(12 * var(--p)) var(--dress),calc(3 * var(--p)) calc(13 * var(--p)) var(--dress-dark),calc(8 * var(--p)) calc(13 * var(--p)) var(--dress-dark);z-index:3}.sprite-scarf{opacity:0;box-shadow:calc(3 * var(--p)) calc(6 * var(--p)) var(--blue),calc(4 * var(--p)) calc(6 * var(--p)) var(--blue),calc(5 * var(--p)) calc(6 * var(--p)) var(--blue),calc(6 * var(--p)) calc(6 * var(--p)) var(--blue),calc(7 * var(--p)) calc(6 * var(--p)) var(--blue),calc(8 * var(--p)) calc(6 * var(--p)) var(--blue),calc(3 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(4 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(5 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(6 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(7 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(8 * var(--p)) calc(7 * var(--p)) var(--blue-dark),calc(3 * var(--p)) calc(8 * var(--p)) var(--blue-dark),calc(8 * var(--p)) calc(8 * var(--p)) var(--blue-dark);z-index:4}.sprite-hat{opacity:0;box-shadow:calc(4 * var(--p)) calc(0 * var(--p)) var(--red),calc(5 * var(--p)) calc(0 * var(--p)) var(--red),calc(6 * var(--p)) calc(0 * var(--p)) var(--red),calc(7 * var(--p)) calc(0 * var(--p)) var(--red),calc(8 * var(--p)) calc(0 * var(--p)) var(--red),calc(3 * var(--p)) calc(1 * var(--p)) var(--red),calc(4 * var(--p)) calc(1 * var(--p)) var(--red),calc(5 * var(--p)) calc(1 * var(--p)) var(--red),calc(6 * var(--p)) calc(1 * var(--p)) var(--red),calc(7 * var(--p)) calc(1 * var(--p)) var(--red),calc(8 * var(--p)) calc(1 * var(--p)) var(--red),calc(9 * var(--p)) calc(1 * var(--p)) var(--red),calc(2 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(3 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(4 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(5 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(6 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(7 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(8 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(9 * var(--p)) calc(2 * var(--p)) var(--red-dark),calc(2 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(3 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(4 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(5 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(6 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(7 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(8 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(9 * var(--p)) calc(3 * var(--p)) var(--red-dark),calc(2 * var(--p)) calc(4 * var(--p)) var(--red-dark),calc(9 * var(--p)) calc(4 * var(--p)) var(--red-dark),calc(4 * var(--p)) calc(-1 * var(--p)) var(--white),calc(8 * var(--p)) calc(-1 * var(--p)) var(--white);z-index:6}.sprite-gloves{opacity:0;box-shadow:calc(2 * var(--p)) calc(10 * var(--p)) var(--glove),calc(2 * var(--p)) calc(11 * var(--p)) var(--glove),calc(9 * var(--p)) calc(10 * var(--p)) var(--glove),calc(9 * var(--p)) calc(11 * var(--p)) var(--glove);z-index:5}.sprite-shoes{opacity:0;box-shadow:calc(4 * var(--p)) calc(15 * var(--p)) var(--shoe),calc(5 * var(--p)) calc(15 * var(--p)) var(--shoe),calc(6 * var(--p)) calc(15 * var(--p)) var(--shoe),calc(7 * var(--p)) calc(15 * var(--p)) var(--shoe),calc(4 * var(--p)) calc(16 * var(--p)) var(--shoe),calc(5 * var(--p)) calc(16 * var(--p)) var(--shoe),calc(6 * var(--p)) calc(16 * var(--p)) var(--shoe),calc(7 * var(--p)) calc(16 * var(--p)) var(--shoe),calc(4 * var(--p)) calc(16 * var(--p)) var(--pink),calc(7 * var(--p)) calc(16 * var(--p)) var(--pink);z-index:2}.pixel-girl .visible{opacity:1}@media (max-width: 768px){.pixel-girl{transform:scale(1.4)}}@media (max-width: 480px){.pixel-girl{transform:scale(1.1)}}.pixel-icon{position:relative;width:120px;height:120px;margin:0 auto;animation:iconFloat 3s ease-in-out infinite}.pixel-icon-hat .icon-pixels{position:relative;width:100%;height:100%}.pixel-icon-hat .icon-pixels:before{content:"";position:absolute;top:20px;left:20px;width:80px;height:60px;background:#f44;box-shadow:0 0 0 8px #f44,0 8px #c00,8px 8px #c00,-8px 8px #c00,16px 0 #f44,-16px 0 #f44,16px 8px #c00,-16px 8px #c00,0 -8px #f66,8px -8px #f66,-8px -8px #f66,0 60px #fff,8px 60px #fff,16px 60px #fff,24px 60px #fff,-8px 60px #fff,-16px 60px #fff,-24px 60px #fff}.pixel-icon-hat .icon-pixels:after{content:"";position:absolute;top:8px;left:48px;width:24px;height:24px;background:#fff;box-shadow:0 0 0 4px #eee,8px 0 #fff,-8px 0 #fff,0 8px #eee;border-radius:50%;animation:pomBounce 1s ease-in-out infinite}.pixel-icon-scarf .icon-pixels:before{content:"";position:absolute;top:30px;left:20px;width:80px;height:40px;background:#48f;box-shadow:0 0 0 8px #48f,0 8px #25c,8px 8px #25c,-8px 8px #25c,16px 0 #48f,-16px 0 #48f,16px 8px #25c,-16px 8px #25c,-24px 16px #48f,-24px 24px #48f,-24px 32px #48f,-24px 40px #25c,-24px 48px #25c,88px 16px #48f,88px 24px #48f,88px 32px #48f,88px 40px #25c,88px 48px #25c}.pixel-icon-scarf .icon-pixels:after{content:"";position:absolute;top:38px;left:36px;width:8px;height:8px;background:#fff6;box-shadow:16px 0 #fff6,32px 0 #fff6}.pixel-icon-gloves .icon-pixels:before{content:"";position:absolute;top:40px;left:20px;width:32px;height:40px;background:#fd4;box-shadow:0 0 0 8px #fd4,0 8px #db2,8px 8px #db2,-8px 8px #db2,8px 0 #fd4,-8px 0 #fd4,0 -8px #fe8,8px -8px #fe8,68px 0 #fd4,68px 8px #fd4,68px 16px #db2,76px 0 #fd4,76px 8px #db2,84px 0 #fd4,84px 8px #db2,60px 0 #fd4,60px 8px #db2,60px -8px #fe8,68px -8px #fe8,76px -8px #fe8}.pixel-icon-dress .icon-pixels:before{content:"";position:absolute;top:20px;left:30px;width:60px;height:50px;background:#c6f;box-shadow:0 0 0 8px #c6f,0 8px #a4d,8px 8px #a4d,-8px 8px #a4d,16px 0 #c6f,-16px 0 #c6f,16px 8px #a4d,-16px 8px #a4d,-24px 16px #c6f,-24px 24px #a4d,72px 16px #c6f,72px 24px #a4d,-32px 32px #c6f,-32px 40px #a4d,80px 32px #c6f,80px 40px #a4d,0 48px #a4d,8px 48px #fff,16px 48px #a4d,24px 48px #fff,32px 48px #a4d}.pixel-icon-dress .icon-pixels:after{content:"";position:absolute;top:32px;left:54px;width:12px;height:20px;background:#ff9cc5;box-shadow:0 8px #ff6b9d}.pixel-icon-shoes .icon-pixels:before{content:"";position:absolute;top:50px;left:20px;width:40px;height:24px;background:#333;box-shadow:0 0 0 8px #333,0 8px #000,8px 8px #000,-8px 8px #000,16px 0 #333,-16px 0 #333,16px 8px #000,-16px 8px #000,60px 0 #333,60px 8px #333,68px 0 #333,68px 8px #000,76px 0 #333,76px 8px #000,84px 0 #333,84px 8px #000,52px 0 #333,52px 8px #000}.pixel-icon-shoes .icon-pixels:after{content:"";position:absolute;top:58px;left:32px;width:8px;height:8px;background:#ff9cc5;box-shadow:60px 0 #ff9cc5}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes pomBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.pixel-icon{transform:scale(.8)}}.pixel-clouds{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:5}.cloud{position:absolute;width:48px;height:24px;background:#fffc;box-shadow:0 0 0 8px #fffc,16px 0 #fffc,32px 0 #fffc,8px -8px #fffc,24px -8px #fffc,8px 8px #ffffffb3,24px 8px #ffffffb3}.cloud-1{top:10%;left:10%;animation:cloudFloat 20s linear infinite}.cloud-2{top:25%;right:15%;animation:cloudFloat 25s linear infinite reverse;opacity:.7}.cloud-3{top:60%;left:5%;animation:cloudFloat 30s linear infinite;opacity:.6}.pixel-stars{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:5}.star{position:absolute;width:8px;height:8px;background:#fd4;box-shadow:8px 0 #fd4,-8px 0 #fd4,0 8px #fd4,0 -8px #fd4;animation:starTwinkle 2s ease-in-out infinite}.star-1{top:15%;left:20%;animation-delay:0s}.star-2{top:30%;right:10%;animation-delay:.5s}.star-3{top:50%;left:80%;animation-delay:1s}.star-4{top:70%;left:15%;animation-delay:1.5s}.star-5{top:80%;right:25%;animation-delay:.8s}.star-6{top:40%;left:5%;animation-delay:1.2s}.pixel-blocks{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.block{position:absolute;width:32px;height:32px;opacity:.3}.block-1{top:20%;right:5%;background:#ff9cc5;box-shadow:0 0 0 4px #ff6b9d,4px 4px #0000001a;animation:blockRotate 10s linear infinite}.block-2{top:45%;left:8%;background:#48f;box-shadow:0 0 0 4px #25c,4px 4px #0000001a;animation:blockRotate 12s linear infinite reverse}.block-3{top:75%;right:12%;background:#c6f;box-shadow:0 0 0 4px #a4d,4px 4px #0000001a;animation:blockRotate 15s linear infinite}.block-4{top:35%;right:30%;background:#fd4;box-shadow:0 0 0 4px #db2,4px 4px #0000001a;animation:blockRotate 8s linear infinite reverse}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(100vw)}}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes blockRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.cloud{transform:scale(.7)}.star{transform:scale(.8)}.block{width:24px;height:24px}}:root{--pixel-size: 3px;--girl-pink: #ff9cc5;--girl-skin: #ffd4a3;--girl-hair: #8b4513;--hat-red: #ff4444;--scarf-blue: #4488ff;--glove-yellow: #ffdd44;--dress-purple: #cc66ff;--shoe-black: #333333;--bg-gradient-1: #fff5f7;--bg-gradient-2: #e8f5ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",Courier New,monospace;background:linear-gradient(180deg,var(--bg-gradient-1) 0%,var(--bg-gradient-2) 100%);overflow-x:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f0f0f0;border-left:2px solid #ddd}::-webkit-scrollbar-thumb{background:#ff9cc5;border:2px solid #f0f0f0;box-shadow:inset 0 0 0 2px #ff6b9d}::-webkit-scrollbar-thumb:hover{background:#ff6b9d}