.pixel-screen{width:100vw;height:100vh;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:#87ceeb;font-family:"Press Start 2P",cursive;position:relative;overflow:hidden}.pixel-sky{background:linear-gradient(#5ba3d0 0%,#87ceeb 40%,#b4d7ed 100%);width:100%;height:60%;position:absolute;top:0;left:0}.pixel-cloud{background:#fff;border:4px solid #2d2d2d;width:120px;height:60px;animation:20s linear infinite cloudFloat;position:absolute;box-shadow:inset 0 0 0 4px #f0f0f0,8px 8px #0003}.pixel-cloud:before,.pixel-cloud:after{content:"";background:#fff;border:4px solid #2d2d2d;position:absolute}.pixel-cloud:before{width:40px;height:40px;top:-20px;left:20px;box-shadow:8px 8px #0003}.pixel-cloud:after{width:60px;height:40px;top:-20px;right:20px;box-shadow:8px 8px #0003}.cloud-1{animation-duration:25s;top:10%;left:-120px}.cloud-2{animation-duration:30s;animation-delay:5s;top:20%;left:-120px}.cloud-3{animation-duration:35s;animation-delay:10s;top:5%;left:-120px}@keyframes cloudFloat{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.pixel-ground{background:#8b7355;border-top:8px solid #2d2d2d;width:100%;height:40%;position:absolute;bottom:0;left:0}.grass-pattern{background-blend-mode:multiply;background:repeating-linear-gradient(90deg,#6b9b3a 0 20px,#5a8a2a 20px 40px),repeating-linear-gradient(0deg,#6b9b3a 0 20px,#5a8a2a 20px 40px);width:100%;height:100%;position:relative}.fence-container{z-index:1;gap:60px;display:flex;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.fence-post{background:#8b6f47;border:3px solid #2d2d2d;width:12px;height:80px;position:relative}.fence-post:before,.fence-post:after{content:"";background:#8b6f47;border:3px solid #2d2d2d;width:60px;height:8px;position:absolute;left:-24px}.fence-post:before{top:15px}.fence-post:after{top:40px}.content-container{z-index:10;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pixel-bull{width:160px;height:160px;animation:1s ease-in-out infinite bullBounce;position:relative}@keyframes bullBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pixel-bull.frame-2{animation:1s ease-in-out infinite bullBounce2}@keyframes bullBounce2{0%,to{transform:translateY(0)scale(1.02,.98)}50%{transform:translateY(-6px)scale(.98,1.02)}}.bull-horns{width:100px;height:20px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.bull-horns:before,.bull-horns:after{content:"";background:beige;border:4px solid #2d2d2d;width:16px;height:32px;position:absolute;box-shadow:4px 4px #0000004d}.bull-horns:before{border-radius:8px 0 0;left:0;transform:rotate(-15deg)}.bull-horns:after{border-radius:0 8px 0 0;right:0;transform:rotate(15deg)}.bull-head{background:#d2691e;border:4px solid #2d2d2d;border-radius:12px;width:80px;height:60px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 4px peru,8px 8px #0000004d}.bull-eyes{width:60px;height:20px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.bull-eyes:before,.bull-eyes:after{content:"";background:#fff;border:4px solid #2d2d2d;border-radius:50%;width:16px;height:16px;position:absolute}.bull-eyes:before{left:0;box-shadow:inset 4px 4px #2d2d2d}.bull-eyes:after{right:0;box-shadow:inset 4px 4px #2d2d2d}.bull-nose{background:#f4a460;border:4px solid #2d2d2d;border-radius:8px;width:40px;height:20px;position:absolute;top:75px;left:50%;transform:translate(-50%)}.bull-nose:before,.bull-nose:after{content:"";background:#2d2d2d;border-radius:50%;width:8px;height:12px;position:absolute;top:4px}.bull-nose:before{left:8px}.bull-nose:after{right:8px}.bull-body{background:#d2691e;border:4px solid #2d2d2d;border-radius:16px;width:100px;height:50px;position:absolute;top:85px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 4px peru,8px 8px #0000004d}.bull-legs{justify-content:space-between;width:80px;height:30px;display:flex;position:absolute;top:125px;left:50%;transform:translate(-50%)}.bull-legs:before,.bull-legs:after{content:"";background:#d2691e;border:4px solid #2d2d2d;width:16px;height:30px;box-shadow:4px 4px #0000004d}.pixel-title{color:#ffed4e;text-shadow:4px 4px #2d2d2d,8px 8px #0006;letter-spacing:4px;font-size:48px;animation:2s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-text{color:#fff;text-shadow:2px 2px #2d2d2d,4px 4px #0000004d;font-size:16px;animation:1.5s ease-in-out infinite textBlink}@keyframes textBlink{0%,to{opacity:1}50%{opacity:.6}}.progress-container{flex-direction:column;align-items:center;gap:12px;width:400px;display:flex}.progress-bar-outer{background:#2d2d2d;border:4px solid #2d2d2d;width:100%;height:32px;position:relative;box-shadow:inset 0 0 0 4px #1a1a1a,8px 8px #0006}.progress-bar-inner{background:repeating-linear-gradient(90deg,#4ade80 0 8px,#22c55e 8px 16px);border-right:4px solid #2d2d2d;height:100%;transition:width .1s linear;position:relative;box-shadow:inset 0 4px #fff6}.progress-text{color:#fff;text-shadow:2px 2px #2d2d2d,4px 4px #0000004d;font-size:14px}.pixel-sparkle{background:#ffed4e;border:2px solid #2d2d2d;width:8px;height:8px;animation:.8s ease-in-out infinite sparkle;position:absolute}.sparkle-1{top:-8px;right:20px}.sparkle-2{animation-delay:.2s;top:-8px;right:60px}.sparkle-3{animation-delay:.4s;top:-8px;right:100px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.5)rotate(180deg)}}.floating-pixel{background:#ffed4e;border:2px solid #2d2d2d;width:12px;height:12px;animation:4s ease-in-out infinite floatUp;position:absolute}.pixel-1{animation-delay:0s;bottom:20%;left:20%}.pixel-2{background:#4ade80;animation-delay:1s;bottom:15%;left:80%}.pixel-3{background:#f97316;animation-delay:2s;bottom:25%;left:15%}.pixel-4{background:#ec4899;animation-delay:1.5s;bottom:18%;right:25%}.pixel-5{background:#8b5cf6;animation-delay:.5s;bottom:22%;right:15%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translateY(-400px)rotate(360deg)}}@media (max-width:768px){.pixel-title{font-size:32px}.loading-text{font-size:12px}.progress-container{width:300px}.pixel-bull{width:120px;height:120px;transform:scale(.8)}.fence-container{gap:40px}}@media (max-width:480px){.pixel-title{font-size:24px}.loading-text{font-size:10px}.progress-container{width:240px}.progress-bar-outer{height:24px}}