*{margin:0;padding:0;box-sizing:border-box}body{font-family:Carter One,cursive;background-color:#8b4513}.game-container{width:100vw;min-height:100vh;position:relative;background:url(./map-fib-Yc-t.jpg) no-repeat center center fixed;background-size:cover;display:block;overflow-y:auto;overflow-x:hidden}.background-sand{position:fixed;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 60px 70px,#fff,#0000),radial-gradient(1px 1px at 50px 50px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000);background-size:200px 200px;opacity:.3;animation:drift 20s linear infinite;z-index:1}@keyframes drift{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.start-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;position:relative;z-index:10}.game-title{text-align:center;margin-bottom:2vh;z-index:10}.main-title{font-family:Bangers,cursive;font-size:clamp(2.5rem,10vw,5rem);color:#8b4513;text-shadow:4px 4px 0px #d4af37,8px 8px 20px rgba(0,0,0,.3);letter-spacing:4px;animation:bounce 2s ease-in-out infinite}.subtitle{font-family:Bangers,cursive;font-size:clamp(3rem,12vw,6rem);color:#ff6b35;text-shadow:4px 4px 0px #f7931e,8px 8px 20px rgba(0,0,0,.3);letter-spacing:4px;margin-top:-20px;animation:bounce 2s ease-in-out infinite .5s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cowboy-character{max-width:70vw;max-height:40vh;width:auto;height:auto;z-index:10;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}.cowboy-character img{width:100%;height:100%;object-fit:contain;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.start-button{margin-top:2vh;padding:clamp(1rem,3vw,1.5rem) clamp(2rem,6vw,4rem);background:linear-gradient(135deg,#d4a574,#c4956c,#b8865c);border:3px solid #8b4513;border-radius:50px;box-shadow:0 8px #8b4513,0 15px 30px #0000004d,inset 0 2px 10px #ffffff4d;cursor:pointer;transition:all .3s ease;z-index:10;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,gold,#ffed4e,gold);border-radius:50px;z-index:-1;opacity:0;transition:opacity .3s ease}.start-button:hover{transform:translateY(-3px);box-shadow:0 11px #8b4513,0 18px 30px #0000004d,inset 0 2px 10px #ffffff4d}.start-button:hover:before{opacity:1}.start-button:active{transform:translateY(5px);box-shadow:0 3px #8b4513,0 10px 20px #0000004d,inset 0 2px 10px #0003}.button-text{font-family:Carter One,cursive;font-size:clamp(1.2rem,4vw,2rem);color:#8b4513;letter-spacing:2px}.scroll-indicator{margin-top:2vh;text-align:center;font-family:Carter One,cursive;font-size:clamp(.8rem,3vw,1.2rem);color:#8b4513;text-shadow:2px 2px 0px #d4af37;animation:bounce 2s ease-in-out infinite;z-index:10}.game-info{padding:60px 20px;background:linear-gradient(to bottom,#d2691e,#c15417,#a0451b);position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-title{font-family:Bangers,cursive;font-size:clamp(2rem,8vw,4rem);color:gold;text-shadow:4px 4px 0px #8b4513,8px 8px 20px rgba(0,0,0,.3);letter-spacing:4px;margin-bottom:30px;text-align:center}.info-content{max-width:800px;width:100%;padding:0 20px;text-align:center}.info-text{font-family:Carter One,cursive;font-size:clamp(1rem,4vw,1.5rem);color:#fff;line-height:1.6;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.info-list{list-style:none;margin:30px 0;padding:0}.info-list li{font-family:Carter One,cursive;font-size:clamp(1rem,4vw,1.4rem);color:gold;margin:15px 0;padding:10px 20px;background:#8b45134d;border-radius:25px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.floating-gems{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:5}.gem{position:absolute;width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;animation:float-gem 4s ease-in-out infinite}.gem-1{background-image:url(./gem1-DRUruR75.png);top:20%;left:10%;animation-delay:0s}.gem-2{background-image:url(./gem2-LGvle_XI.png);top:25%;right:15%;animation-delay:1s}.gem-3{background-image:url(./gem3-CNEwUXms.png);bottom:30%;right:20%;animation-delay:2s}.gem-small{background:linear-gradient(135deg,gold,#ffed4e);width:40px;height:40px;bottom:40%;left:15%;animation-delay:1.5s;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes float-gem{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.cowboy-character svg{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2))}.download-section{text-align:center;padding:40px 20px;background:#ffffff0d;border-radius:20px;border:2px solid rgba(212,175,55,.3);margin:40px 20px}.download-title{font-family:Carter One,cursive;font-size:2.5rem;color:#d4af37;text-shadow:3px 3px 0px #2d3436;margin-bottom:30px;letter-spacing:1px}.download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.download-button{display:flex;align-items:center;padding:15px 25px;border-radius:15px;cursor:pointer;transition:all .3s ease;font-family:Carter One,cursive;text-decoration:none;min-width:300px;max-height:100px;justify-content:center;box-shadow:0 8px 15px #0000004d;background-color:#000;color:gold}.download-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0006;border-color:gold}.download-button:active{transform:translateY(-1px)}.download-button.playonline{background:linear-gradient(135deg,#8b4513,#654321);color:gold;border-color:#d4af37}.download-button.appstore:hover,.download-button.googleplay:hover,.download-button.playonline:hover{border-color:gold}.button-icon{font-size:2rem;margin-right:15px}.button-text{display:flex;flex-direction:column;text-align:left}.small-text{font-size:.8rem;opacity:.9;color:gold;color:#fff}.big-text{font-size:1.2rem;font-weight:700;letter-spacing:.5px;color:gold;color:#fff}@media (max-width: 768px){.game-container{padding:15px}.main-title{font-size:4rem}.subtitle{font-size:5rem}.start-button{padding:1rem 3rem}.cowboy-character{max-height:45vh}.download-section{padding:30px 15px;margin:30px 15px}.download-title{font-size:2rem}.download-buttons{flex-direction:column;align-items:center;gap:15px}.download-button{width:280px;padding:12px 20px}.button-icon{font-size:1.8rem}.big-text{font-size:1.1rem}}@media (orientation: landscape){.game-container{justify-content:space-between;padding:10px 20px}.game-title{margin-top:2vh;margin-bottom:1vh}.cowboy-character{max-height:40vh;max-width:80vw}.start-button{margin-bottom:2vh}}.game-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;background:url(./map-fib-Yc-t.jpg) no-repeat center center fixed;background-size:cover}.game-popup.active{display:flex}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{position:relative;z-index:100;max-width:90vw;max-height:90vh;width:min(90vw,calc(90vh * 640 / 1136));height:min(90vh,159.75vw)}.close-button{position:fixed;top:10px;left:10px;width:50px;height:50px;background:linear-gradient(145deg,#8b4513,#654321);color:#d4af37;border:3px solid #d4af37;border-radius:50%;font-size:28px;cursor:pointer;z-index:30;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 15px #8b451366,inset 0 2px 4px #ffffff4d;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.close-button:hover{background:linear-gradient(145deg,sienna,#8b4513);transform:scale(1.1) rotate(-5deg);box-shadow:0 6px 20px #8b451399,inset 0 2px 4px #fff6;border-color:#f4d03f;color:#f4d03f}.close-button:active{transform:scale(.95) rotate(-5deg);box-shadow:0 2px 10px #8b45134d,inset 0 1px 2px #0000004d}#gameIframe{width:100%;height:100%;border:3px solid #d4af37;border-radius:12px;background:#1a1a1a;box-shadow:0 0 30px #d4af3780}.loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d4a574,#c4956c,#b8865c);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:12px;border:3px solid #d4af37}.loading-spinner{width:80px;height:80px;border:4px solid #8b4513;border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px;box-shadow:0 0 20px #ffd70080}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Carter One,cursive;font-size:clamp(1rem,3vw,1.5rem);color:#8b4513;text-shadow:2px 2px 0px #d4af37;letter-spacing:2px;text-align:center;padding:0 20px;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.8}50%{opacity:1}}.footer{background:linear-gradient(135deg,#8b4513,#654321);border-top:3px solid #d4af37;padding:2rem 0;text-align:center}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;max-width:800px;margin:0 auto;padding:0 1rem}.footer-link{color:gold;text-decoration:none;font-family:Carter One,cursive;font-size:1rem;transition:all .3s ease;position:relative;padding:.5rem 0;cursor:pointer}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:gold;transition:width .3s ease}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-links{gap:1rem}.footer-link{font-size:.9rem}}