@import url(https://fonts.googleapis.com/css2?family=Rye:wght@400&family=Creepster:wght@400&family=Butcherman:wght@400&family=New+Rocker:wght@400&family=Nosifer:wght@400&display=swap);:root{--color-brown-primary:#8b4513;--color-brown-secondary:sienna;--color-brown-dark:#654321;--color-brown-darker:#3e2723;--color-brown-darkest:#2d1810;--color-sand:#deb887;--color-sand-light:#f4e4bc;--color-sand-medium:#e6d7b8;--color-gold:#daa520;--color-gold-light:gold;--color-orange:#f60;--color-red:#dc143c;--color-green:#00ff7f;--color-blue:#0ff;--font-primary:"Rye","New Rocker","Butcherman",serif;--font-display:"Butcherman",serif;--font-accent:"New Rocker",serif;--box-shadow-brown:0 6px 12px rgba(139,69,19,.4);--box-shadow-inset:inset 0 2px 4px hsla(34,57%,70%,.8);--text-shadow-light:1px 1px 0px hsla(34,57%,70%,.8);--border-brown:4px solid var(--color-brown-primary)}*{box-sizing:border-box}body{background:var(--color-brown-darkest);color:var(--color-sand);font-family:var(--font-primary);margin:0;overflow:hidden;padding:0;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;bottom:0;left:0;position:fixed;right:0;top:0}.game-container{height:100vh;height:100dvh;height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;width:100vw}@media (max-width:768px){.game-container{height:calc(100vh - env(keyboard-inset-height, 0px));min-height:100vh}}@media (orientation:landscape) and (max-height:500px){.game-container{height:100vh;padding-bottom:0;padding-top:0}}.hidden{display:none}canvas{background:transparent;display:block;height:100%;image-rendering:pixelated;touch-action:none;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.playing,canvas{cursor:none}body.playing *{cursor:none!important}.level-info{background:linear-gradient(145deg,var(--color-sand-light),var(--color-sand-medium)),repeating-linear-gradient(90deg,transparent 0,rgba(139,69,19,.05) 1px,transparent 2px);border:var(--border-brown);border-radius:8px;box-shadow:0 0 0 2px var(--color-brown-dark),var(--box-shadow-brown),var(--box-shadow-inset);color:#5d4037;font-family:var(--font-display);font-size:16px;left:50%;padding:12px 25px;text-shadow:var(--text-shadow-light);top:20px;transform:translateX(-50%)}.combo-display,.level-info{font-weight:700;position:absolute}.combo-display{background:linear-gradient(135deg,rgba(218,165,32,.9),rgba(184,134,11,.9));border:3px solid var(--color-brown-primary);border-radius:10px;box-shadow:0 0 10px rgba(139,69,19,.6);color:#2f1b14;font-size:14px;padding:10px 15px;right:20px;text-shadow:1px 1px 2px var(--color-gold);top:80px;transform:scale(1);transition:transform .3s ease}.combo-display.active{animation:comboGlow .5s ease-in-out;transform:scale(1.2)}.powerup-display{bottom:100px;display:flex;flex-direction:column;gap:10px;left:20px;position:absolute}.powerup-item{animation:powerupPulse 2s infinite;background:linear-gradient(135deg,rgba(0,255,127,.9),rgba(0,128,0,.9));border-radius:10px;color:#fff;font-size:12px;padding:8px 12px}.game-ui{align-items:center;display:flex;justify-content:space-between;left:20px;pointer-events:none;position:absolute;right:20px;top:20px;z-index:10}.lives,.score{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(0,20,40,.95),rgba(0,10,30,.95));border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3);font-size:20px;font-weight:700;padding:15px 25px}.score{color:var(--color-gold);text-shadow:0 0 10px var(--color-gold)}.lives{color:var(--color-orange);text-shadow:0 0 10px var(--color-orange)}.controls{background:linear-gradient(145deg,var(--color-sand-light),var(--color-sand-medium)),repeating-linear-gradient(90deg,transparent 0,rgba(139,69,19,.05) 1px,transparent 2px);border:3px solid var(--color-brown-primary);border-radius:8px;bottom:20px;box-shadow:0 0 0 1px var(--color-brown-dark),0 8px 16px rgba(139,69,19,.3),var(--box-shadow-inset);color:var(--color-brown-primary);font-family:var(--font-primary);font-size:14px;font-weight:700;left:50%;padding:15px 30px;position:absolute;text-shadow:var(--text-shadow-light);transform:translateX(-50%)}.start-screen{background-image:url(/eb0b9a49c1053d5743f4.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:20}.desert-sky{display:none}.sun{animation:sunGlow 4s ease-in-out infinite alternate;font-size:60px;position:absolute;right:20%;text-shadow:0 0 20px gold,0 0 40px #ffae00;top:15%}@keyframes sunGlow{0%{opacity:.8;transform:rotate(0deg)}to{opacity:1;transform:rotate(15deg)}}.clouds{height:100%;width:100%}.cloud,.clouds{position:absolute}.cloud{color:#fff;font-size:40px;opacity:.7;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.cloud1{animation:cloudDrift1 20s linear infinite;left:10%;top:20%}.cloud2{animation:cloudDrift2 25s linear infinite;right:30%;top:30%}@keyframes cloudDrift1{0%{transform:translateX(-50px)}to{transform:translateX(100vw)}}@keyframes cloudDrift2{0%{transform:translateX(-80px)}to{transform:translateX(100vw)}}.mountain-range{display:none;z-index:2}.mountain{background:linear-gradient(135deg,#8b4513,#654321,#4a3728);bottom:0;clip-path:polygon(0 100%,50% 20%,100% 100%);position:absolute}.mountain1{height:80%;left:0;opacity:.6;width:40%}.mountain2{height:100%;left:25%;opacity:.8;width:50%}.mountain3{height:70%;left:60%;opacity:.7;width:40%}.saloon-building{height:350px;margin:40px auto 0;position:relative;width:400px}.saloon-roof{display:flex;height:30%;position:relative;width:100%}.roof-left,.roof-right{background:linear-gradient(135deg,#8b4513,#654321);clip-path:polygon(0 100%,100% 100%,50% 0);width:20%}.roof-center{background:linear-gradient(180deg,#8b4513,#654321);border-top:10px solid #654321;position:relative;width:60%}.saloon-sign-main{height:100px;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:300px;z-index:15}.sign-rope{background:#8b4513;border-radius:2px;height:60px;position:absolute;top:-20px;width:4px}.left-rope{left:10%}.right-rope{right:10%}.hanging-sign{animation:signSway 6s ease-in-out infinite;background:linear-gradient(45deg,#deb887,tan);border:4px solid #8b4513;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.5);padding:15px}@keyframes signSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.sign-content{font-family:var(--font-display);text-align:center}.title-line1{color:#8b0000;font-size:28px;letter-spacing:2px;margin:0}.title-line1,.title-line2{text-shadow:2px 2px 0 #000}.title-line2{color:#dc143c;font-size:32px;letter-spacing:3px;margin:-5px 0 5px}.subtitle{color:#8b4513;font-size:12px;font-style:italic;margin:0}.saloon-facade{background:linear-gradient(180deg,#deb887,tan,peru);border:8px solid #8b4513;border-radius:0 0 20px 20px;border-top:none;height:70%;position:relative;width:100%}.brand-logo{animation:logoGlow 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));height:80px;left:50%;position:absolute;top:-50px;transform:translateX(-50%);width:80px;z-index:15}.logo-img{background:radial-gradient(circle,rgba(45,24,16,.9),rgba(26,14,8,.95));border:3px solid #daa520;border-radius:50%;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);height:100%;object-fit:contain;padding:4px;width:100%}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(218,165,32,.3));transform:translateX(-50%) scale(1)}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(218,165,32,.6));transform:translateX(-50%) scale(1.05)}}@media (max-width:768px){.brand-logo{height:60px;top:-35px;width:60px}}.saloon-doors{bottom:0;display:flex;height:180px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.door{background:linear-gradient(180deg,#8b4513,#654321);border:3px solid #654321;height:100%;position:relative;width:50%}.door-left{border-radius:15px 0 0 0;border-right:1px solid #654321}.door-right{border-left:1px solid #654321;border-radius:0 15px 0 0}.door-panel{border:2px solid #4a3728;border-radius:10px;height:60%;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:70%}.window{background:linear-gradient(45deg,#87ceeb,#4682b4);border:4px solid #8b4513;border-radius:10px;height:80px;position:absolute;top:30%;width:80px}.window-left{left:15%}.window-right{right:15%}.window-frame{background:rgba(0,0,0,.2);border:2px solid #654321;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.sheriff-badge{height:60px;position:absolute;right:10%;text-align:center;top:10%;width:60px}.badge-star{animation:badgeTwinkle 3s ease-in-out infinite alternate;color:gold;font-size:40px;text-shadow:0 0 10px #daa520}.badge-text{color:#8b4513;font-size:10px;font-weight:700;margin-top:-5px}@keyframes badgeTwinkle{0%{opacity:.7}to{opacity:1}}.registration-desk{height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:12}.desk-surface{background:linear-gradient(180deg,#deb887,peru);border:6px solid #8b4513;border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.6);padding:20px;text-align:center}.desk-sign{margin-bottom:15px}.sign-header{color:#8b0000;font-family:var(--font-display);font-size:22px;letter-spacing:1px;margin-bottom:5px;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-transform:uppercase}.sign-subtext{color:#8b4513;font-family:var(--font-primary);font-size:14px;font-style:italic}.name-input-area{margin:15px 0}.input-label{color:#654321;display:block;font-family:var(--font-primary);font-size:16px;font-weight:700;margin-bottom:8px}.cowboy-input{background:linear-gradient(145deg,#f4e4bc,#e6d7b8);border:4px solid #8b4513;border-radius:10px;box-shadow:inset 0 2px 4px rgba(139,69,19,.3),0 4px 8px rgba(0,0,0,.2);color:#2d1810;font-family:var(--font-display);font-size:18px;font-weight:700;padding:15px;text-align:center;text-transform:uppercase;width:300px}.cowboy-input::placeholder{color:#8b7355;font-style:italic;font-weight:400}.cowboy-input:focus{border-color:#dc143c;box-shadow:inset 0 2px 4px rgba(139,69,19,.3),0 4px 8px rgba(0,0,0,.2),0 0 15px rgba(220,20,60,.5);outline:none}.input-warning{color:#dc143c;font-size:12px;font-weight:700;margin-top:5px;opacity:.8}.start-button-area{margin-top:15px}.saloon-door-btn{background:linear-gradient(45deg,#8b4513,#654321);border:4px solid #4a3728;border-radius:15px;box-shadow:0 6px 12px rgba(0,0,0,.4);cursor:pointer;padding:15px 30px;transition:all .3s ease}.saloon-door-btn:enabled{background:linear-gradient(45deg,#daa520,#b8860b);border-color:#8b4513}.saloon-door-btn:enabled:hover{box-shadow:0 8px 16px rgba(0,0,0,.5);transform:translateY(-2px)}.btn-text{color:#deb887;font-family:var(--font-display);font-size:20px;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.saloon-door-btn:enabled .btn-text{color:#2d1810;text-shadow:1px 1px 2px hsla(0,0%,100%,.3)}.btn-subtext{color:hsla(34,57%,70%,.7);font-size:12px;margin-top:3px}.saloon-door-btn:enabled .btn-subtext{color:rgba(45,24,16,.7)}@media (max-width:768px){.saloon-door-btn{font-size:18px;min-height:70px;padding:20px 40px;-webkit-tap-highlight-color:rgba(218,165,32,.3)}.saloon-door-btn:enabled:active{box-shadow:0 4px 8px rgba(0,0,0,.5);transform:translateY(1px)}.btn-text{font-size:22px}.btn-subtext{font-size:14px;margin-top:5px}}.desert-floor{background:linear-gradient(180deg,tan,#bc9a6a,#8b7355);display:none;z-index:8}.tumbleweed{bottom:20px;font-size:25px;opacity:.6;position:absolute}.tumbleweed1{animation:tumble1 30s linear infinite;left:10%}.tumbleweed2{animation:tumble2 40s linear infinite;right:15%}@keyframes tumble1{0%{transform:translateX(-100px) rotate(0deg)}to{transform:translateX(100vw) rotate(2turn)}}@keyframes tumble2{0%{transform:translateX(-150px) rotate(0deg)}to{transform:translateX(100vw) rotate(-2turn)}}.dust-cloud{animation:dustStir 8s ease-in-out infinite;background:radial-gradient(ellipse,rgba(139,115,85,.4),transparent);border-radius:50%;bottom:10px;height:30px;position:absolute;width:60px}.dust1{animation-delay:0s;left:20%}.dust2{animation-delay:4s;right:25%}@keyframes dustStir{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.help-overlay{bottom:5%;left:50%;position:absolute;transform:translateX(-50%);z-index:25}.help-text{font-family:var(--font-primary);text-align:center}.help-text p{background:hsla(34,57%,70%,.8);border:2px solid #8b4513;border-radius:15px;color:#2d1810;font-size:14px;font-weight:700;margin:5px 0;padding:5px 10px;text-shadow:1px 1px 2px hsla(0,0%,100%,.8)}.mobile-controls{bottom:20px;display:none;left:50%;position:fixed;transform:translateX(-50%);z-index:1000}.mobile-control-panel{align-items:center;backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:2px solid var(--accent);border-radius:15px;display:flex;flex-direction:column;gap:10px;padding:15px}.mobile-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,#b8860b 100%);border:2px solid #fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:var(--text-light);cursor:pointer;display:flex;font-family:var(--font-main);font-size:14px;font-weight:700;gap:8px;padding:12px 20px;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:all .3s ease}.mobile-btn:active,.mobile-btn:hover{background:linear-gradient(135deg,gold 0,var(--accent) 100%);box-shadow:0 6px 12px rgba(0,0,0,.4);transform:translateY(-2px)}.mobile-btn .btn-icon{font-size:16px}.mobile-btn .btn-label{font-size:12px;letter-spacing:1px}.mobile-help{color:var(--accent);font-size:11px;line-height:1.3;text-align:center}.mobile-help p{margin:2px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media (max-width:768px){.playing .mobile-controls{display:block}.help-text p:first-child{display:none}.help-text:after{color:var(--accent);content:"👆 Touch & drag to move paddle\A🎵 Tap skip button to change songs";display:block;font-size:14px;text-shadow:2px 2px 4px rgba(0,0,0,.8);white-space:pre-line}.btn-subtext{font-size:10px!important}.btn-subtext:after{content:" or TAP"}}.game-over,.hall-of-fame{background:linear-gradient(45deg,#2d1810,#4a3728);border:8px solid #8b0000;border-radius:15px;box-shadow:0 0 30px rgba(139,0,0,.8),inset 0 0 30px rgba(220,20,60,.3);left:50%;min-width:400px;padding:40px 60px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:30}.game-over h2{color:#dc143c;font-family:var(--font-display);font-size:48px;font-weight:900;margin-bottom:20px;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 15px rgba(220,20,60,.8)}.game-over h2.win{color:gold;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000,0 0 15px rgba(255,215,0,.8)}.game-over-logo{animation:logoSpin 10s linear infinite;background:radial-gradient(circle,rgba(45,24,16,.9),rgba(26,14,8,.95));border:2px solid #daa520;border-radius:50%;box-shadow:0 0 20px rgba(218,165,32,.4),inset 0 2px 4px rgba(0,0,0,.3);display:block;height:60px;margin:0 auto 20px;padding:3px;width:60px}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-over p,.hall-of-fame p{color:#deb887;font-family:var(--font-primary);font-size:18px;margin:15px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.hall-of-fame{border-color:gold;box-shadow:0 0 30px rgba(255,215,0,.8),inset 0 0 30px rgba(255,215,0,.3);height:70vh;max-width:700px;width:90vw}.hall-of-fame h2{color:gold;font-family:var(--font-display);margin-bottom:20px;text-shadow:2px 2px 4px #8b4513}#highScoresList{color:#deb887;margin:20px 0;max-height:400px;overflow-y:auto;text-align:left}.back-prompt{color:#deb887!important;font-size:16px!important;margin-top:30px!important}#installBtn{background:linear-gradient(45deg,gold,#daa520);border:2px solid #8b4513;border-radius:25px;box-shadow:0 4px 8px rgba(0,0,0,.3);color:#8b4513;cursor:pointer;display:none;font-family:var(--font-primary);font-size:14px;font-weight:700;padding:10px 20px;position:absolute;right:20px;text-transform:uppercase;top:10px;z-index:1000}@media (max-width:768px){.saloon-building{height:300px;width:90vw}.registration-desk{width:90vw}.cowboy-input{width:80%}.title-line1,.title-line2{font-size:20px}}@keyframes comboGlow{0%,to{box-shadow:0 0 10px rgba(255,215,0,.8)}50%{box-shadow:0 0 30px gold}}@keyframes powerupPulse{0%,to{opacity:.8}50%{opacity:1;transform:scale(1.05)}}@keyframes westernGlow{0%{text-shadow:2px 2px 4px var(--color-brown-primary),4px 4px 8px rgba(139,69,19,.5);transform:scale(1)}to{text-shadow:2px 2px 6px var(--color-brown-primary),4px 4px 12px rgba(139,69,19,.7),0 0 15px rgba(218,165,32,.3);transform:scale(1.02)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1;transform:scale(1.05)}}@keyframes glow{0%{text-shadow:0 0 10px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes lightning{0%,90%,to{opacity:1}5%,85%{opacity:.5}}@keyframes dataGlitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neonFlicker{0%,to{filter:brightness(1) drop-shadow(0 0 5px currentColor);opacity:1}2%{filter:brightness(.8) drop-shadow(0 0 3px currentColor);opacity:.8}4%{filter:brightness(1.2) drop-shadow(0 0 8px currentColor);opacity:1}95%{filter:brightness(.9) drop-shadow(0 0 4px currentColor);opacity:.9}}@keyframes achievementSlide{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes achievementSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes achievementGlow{0%{box-shadow:0 0 20px rgba(255,215,0,.8)}to{box-shadow:0 0 30px gold,0 0 40px rgba(255,140,0,.6)}}@keyframes notificationPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pulse{animation:pulse 2s ease-in-out infinite}.glow{animation:glow 3s ease-in-out infinite alternate}.lightning{animation:lightning 1.5s ease-in-out infinite}.glitch-effect{animation:dataGlitch .3s infinite}.neon-flicker{animation:neonFlicker .15s infinite}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.chromatic-aberration{position:relative}.chromatic-aberration:before{filter:hue-rotate(90deg);transform:translate(2px)}.chromatic-aberration:after,.chromatic-aberration:before{background:inherit;bottom:0;content:"";left:0;mix-blend-mode:screen;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.chromatic-aberration:after{filter:hue-rotate(270deg);transform:translate(-2px)}.neon-border{border:2px solid peru;box-shadow:0 0 10px peru,inset 0 0 10px rgba(205,133,63,.1)}@media (max-width:768px){.game-over,.start-screen{min-width:300px;padding:30px 40px}.start-screen h1{font-size:32px}.lives,.score{font-size:16px;padding:10px 15px}.level-info{font-size:14px;padding:8px 15px}.combo-display{font-size:12px;padding:8px 12px}}@media (max-width:480px){.game-over,.start-screen{min-width:250px;padding:20px 30px}.start-screen h1{font-size:24px}.game-ui{align-items:flex-start;flex-direction:column;gap:10px}.combo-display{right:10px;top:120px}}.wanted-poster{background:hsla(34,57%,70%,.3);border:2px solid var(--color-brown-primary);border-radius:5px;margin:20px 0;padding:15px}.wanted-poster .reward,.wanted-poster p{color:var(--color-brown-primary);font-family:var(--font-primary);font-size:16px;margin:8px 0}.wanted-poster .description{color:#5d4037;font-size:14px;margin:8px 0}.sheriff-badge{color:var(--color-brown-primary);font-size:14px;font-style:italic;margin-top:20px}.control-instructions{color:var(--color-brown-primary);font-family:var(--font-accent);font-size:16px;margin:15px 0}.showdown-prompt{color:var(--color-brown-secondary);font-family:var(--font-display);font-size:22px;margin:20px 0;text-shadow:2px 2px 0 var(--color-brown-darker)}.hall-of-fame{max-width:600px}.hall-of-fame h2{color:var(--color-gold);font-size:36px;margin-bottom:30px;text-shadow:2px 2px 4px var(--color-brown-primary),0 0 15px rgba(218,165,32,.5)}.back-prompt{color:peru;font-size:14px;margin-top:30px;text-shadow:1px 1px 2px var(--color-brown-primary)}
/*# sourceMappingURL=main.bcf1844b7ff91862bacb.css.map*/