@charset "UTF-8";.game-wrapper{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#d5d5db;font-family:Roboto,sans-serif;overflow-y:auto;user-select:none}.screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#305942;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.level-screen h2{font-size:1.5rem;margin-bottom:1rem}.level-screen button{margin:.5rem;padding:.5rem 1rem;background-color:#228b22;color:#fff;border:none;cursor:pointer}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes floatPearl{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-6px) translate(2px);opacity:1}50%{transform:translateY(-2px) translate(-1px);opacity:.8}75%{transform:translateY(-8px) translate(-2px);opacity:.9}}.name-screen{text-align:center;padding:10px 20px;background-color:#e9eedc;width:100dvw;height:100dvh;display:flex;place-content:center;place-items:center;box-sizing:border-box}.name-screen .boba-container{position:relative;display:flex;justify-content:center;margin-bottom:2rem}.name-screen .boba-container .boba-svg{width:100px;animation:bounce 2s ease-in-out infinite;position:relative;z-index:2}.name-screen .content{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.name-screen .content form{display:flex;flex-direction:column;gap:10px;max-width:340px;margin:0 auto}.returning-player-section{display:flex;flex-direction:column;gap:15px;max-width:340px;margin:0 auto;animation:fadeIn .5s ease-out}.returning-player-section .welcome-back-text{font-size:16px;color:#305942;margin:0}.returning-player-section .welcome-back-text strong{color:#866617;font-size:1.2em}.secondary-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.secondary-actions button{font-size:12px;padding:10px 20px}.secondary-actions .ranking-btn{background:linear-gradient(135deg,#98a457,#305942);border:none;color:#fff;font-weight:700}.secondary-actions .ranking-btn:hover{background:linear-gradient(135deg,#305942,#1e3829)}.name-rules{background:#ffffffb3;border-radius:12px;padding:15px 20px;margin-bottom:15px;max-width:340px;margin-left:auto;margin-right:auto;border:2px solid #d8deb9}.name-rules .rules-title{margin:0 0 10px;font-size:12px;color:#305942;font-weight:700}.name-rules .rules-list{list-style:none;padding:0;margin:0;text-align:left}.name-rules .rules-list li{padding:5px 0;font-size:12px;color:#3b3b3b;transition:all .3s ease}.name-rules .rules-list li.valid{color:#305942;font-weight:600}.input-wrapper{position:relative;width:100%;max-width:340px;margin:0 auto}.input-wrapper .teatalk-flight-input{width:100%;box-sizing:border-box}.input-wrapper .teatalk-flight-input.error{border-color:#d32f2f;background-color:#d32f2f0d}.input-wrapper .error-message{display:block;color:#d32f2f;font-size:.85rem;margin-top:5px;text-align:center}.change-name-hint{font-size:10px;color:#866617;opacity:.8;margin:0 0 10px;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.teatalk-flight-title{font-family:FlappyBirdy,Lora,sans-serif;line-height:normal;color:#98a457;font-size:50px;margin:0}.teatalk-flight-title.small{font-size:10px}.teatalk-flight-title.medium{font-size:12px}.teatalk-flight-title.normal{font-size:14px}.teatalk-flight-title.big{font-size:16px}.teatalk-flight-title.double-big{font-size:20px}.teatalk-flight-title.extra-double-big{font-size:28px}.teatalk-flight-title.colosal{font-size:50px}.teatalk-flight-title.white{color:#fff}.teatalk-flight-title.brown{color:#866617}.teatalk-flight-title.green-light{color:#98a457}.teatalk-flight-title.green-medium{color:#75803b}.teatalk-flight-title.green{color:#305942}.teatalk-flight-title.light{font-weight:lighter}.teatalk-flight-title.medium-bold{font-weight:600}.teatalk-flight-title.bold{font-weight:bolder}.teatalk-flight-text{color:#866617;font-size:16px;font-family:Roboto,sans-serif;font-weight:lighter}.teatalk-flight-text.small{font-size:10px}.teatalk-flight-text.medium{font-size:12px}.teatalk-flight-text.normal{font-size:14px}.teatalk-flight-text.big{font-size:16px}.teatalk-flight-text.double-big{font-size:20px}.teatalk-flight-text.extra-double-big{font-size:28px}.teatalk-flight-text.colosal{font-size:50px}.teatalk-flight-text.white{color:#fff}.teatalk-flight-text.brown{color:#866617}.teatalk-flight-text.green-light{color:#98a457}.teatalk-flight-text.green-medium{color:#75803b}.teatalk-flight-text.green{color:#305942}.teatalk-flight-text.light{font-weight:lighter}.teatalk-flight-text.medium-bold{font-weight:600}.teatalk-flight-text.bold{font-weight:bolder}.teatalk-flight-button-green{padding:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;appearance:none;text-decoration:none;background:#98a457;color:#fff}.teatalk-flight-button-green.pulse{animation:pulse 3s ease-in-out infinite}.teatalk-flight-button-green:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.teatalk-flight-button-green:active{background-color:#305942}.teatalk-flight-button-bordered-green{padding:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;appearance:none;text-decoration:none;background-color:#fff;border:1px solid #98a457;color:#98a457}.teatalk-flight-button-bordered-green.pulse{animation:pulse 3s ease-in-out infinite}.teatalk-flight-button-bordered-green:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.teatalk-flight-button-green-light{padding:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .3s;appearance:none;text-decoration:none;background-color:#d8deb9;color:#75803b}.teatalk-flight-button-green-light.pulse{animation:pulse 3s ease-in-out infinite}.teatalk-flight-button-green-light:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.teatalk-flight-input{padding:.8rem;border:2px solid #98a457;border-radius:8px;font-size:16px;transition:all .3s ease}.teatalk-flight-input:focus{outline:none;border-color:#305942}.floating-bobas{position:fixed;top:0;left:0;width:100dvw;height:100dvh;pointer-events:none;z-index:0;overflow:hidden}.floating-bobas .floating-boba{position:absolute;width:40px;height:40px;opacity:.3;animation:floatAround 15s ease-in-out infinite}.floating-bobas .floating-boba.size-1{width:25px;height:25px;opacity:.2}.floating-bobas .floating-boba.size-2{width:40px;height:40px;opacity:.3}.floating-bobas .floating-boba.size-3{width:55px;height:55px;opacity:.25}.floating-bobas .floating-boba.rotate-0{filter:hue-rotate(0deg) brightness(1) saturate(1)}.floating-bobas .floating-boba.rotate-1{filter:hue-rotate(15deg) brightness(1.1) saturate(1.2)}.floating-bobas .floating-boba.rotate-2{filter:hue-rotate(-10deg) brightness(.9) saturate(.8)}.floating-bobas .floating-boba.rotate-3{filter:hue-rotate(8deg) brightness(1.05) saturate(1.1)}.floating-bobas .floating-boba:nth-child(1){top:10%;left:5%;animation-duration:18s}.floating-bobas .floating-boba:nth-child(2){top:20%;left:85%;animation-duration:20s}.floating-bobas .floating-boba:nth-child(3){top:60%;left:10%;animation-duration:16s}.floating-bobas .floating-boba:nth-child(4){top:80%;left:90%;animation-duration:22s}.floating-bobas .floating-boba:nth-child(5){top:15%;left:45%;animation-duration:19s}.floating-bobas .floating-boba:nth-child(6){top:70%;left:55%;animation-duration:17s}.floating-bobas .floating-boba:nth-child(7){top:5%;left:70%;animation-duration:21s}.floating-bobas .floating-boba:nth-child(8){top:85%;left:25%;animation-duration:15s}.floating-bobas .floating-boba:nth-child(9){top:40%;left:15%;animation-duration:23s}.floating-bobas .floating-boba:nth-child(10){top:30%;left:80%;animation-duration:14s}.floating-bobas .floating-boba:nth-child(11){top:65%;left:35%;animation-duration:18s}.floating-bobas .floating-boba:nth-child(12){top:50%;left:60%;animation-duration:20s}.floating-bobas .floating-boba:nth-child(13){top:25%;left:20%;animation-duration:17s}.floating-bobas .floating-boba:nth-child(14){top:75%;left:75%;animation-duration:19s}.floating-bobas .floating-boba:nth-child(15){top:45%;left:40%;animation-duration:16s}.floating-bobas .floating-boba:nth-child(16){top:55%;left:65%;animation-duration:21s}.floating-bobas .floating-boba:nth-child(17){top:35%;left:30%;animation-duration:18s}.floating-bobas .floating-boba:nth-child(18){top:90%;left:50%;animation-duration:22s}.floating-bobas .floating-boba:nth-child(19){top:8%;left:95%;animation-duration:15s}.floating-bobas .floating-boba:nth-child(20){top:92%;left:8%;animation-duration:20s}.floating-bobas .floating-boba:nth-child(21){top:38%;left:92%;animation-duration:17s}.floating-bobas .floating-boba:nth-child(22){top:72%;left:12%;animation-duration:19s}.floating-bobas .floating-boba:nth-child(23){top:12%;left:38%;animation-duration:23s}.floating-bobas .floating-boba:nth-child(24){top:58%;left:78%;animation-duration:16s}.floating-bobas .floating-boba{animation-delay:var(--delay)}@keyframes floatAround{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(90deg)}50%{transform:translate(-20px,-60px) rotate(180deg)}75%{transform:translate(-40px,-20px) rotate(270deg)}}.level-screen{text-align:center;padding:40px 10px;background-color:#e9eedc;width:100dvw;height:100dvh;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.level-screen .content{padding:90px 0 40px;display:flex;flex-direction:column;gap:25px;position:relative;z-index:1;width:100%;max-width:100%}.level-screen .content h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.level-screen .content .level-options{display:flex;flex-direction:column;gap:20px;width:100%;max-width:320px;margin:0 auto}.level-screen .content .level-options .level-button{display:flex;flex-direction:column;align-items:center;padding:20px 15px;border:none;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.level-screen .content .level-options .level-button .level-icon{font-size:2.5rem;margin-bottom:8px;animation:float 3s ease-in-out infinite}.level-screen .content .level-options .level-button .level-title{font-size:1.3rem;font-weight:700;margin-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.level-screen .content .level-options .level-button .level-description{font-size:1rem;margin-bottom:4px;opacity:.95}.level-screen .content .level-options .level-button .level-prime{font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:15px;background:#fff3;margin-top:8px}.level-screen .content .level-options .level-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.level-screen .content .level-options .level-button:hover:before{left:100%}.level-screen .content .level-options .level-button.easy{background:linear-gradient(135deg,#81c784,#4caf50,#388e3c);color:#fff}.level-screen .content .level-options .level-button.easy:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #4caf5066}.level-screen .content .level-options .level-button.easy .level-icon{animation-delay:0s}.level-screen .content .level-options .level-button.hard{background:linear-gradient(135deg,#866617,#5e4710,#43330c);color:#fff}.level-screen .content .level-options .level-button.hard:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #86661766}.level-screen .content .level-options .level-button.hard .level-icon{animation-delay:.5s}.level-screen .content .level-options .level-button.legend{background:linear-gradient(135deg,#305942,#223e2e,#182d21);color:#fff;border:3px solid rgba(255,215,0,.5)}.level-screen .content .level-options .level-button.legend:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #30594280,0 0 20px #ffd7004d}.level-screen .content .level-options .level-button.legend .level-icon{animation-delay:1s;font-size:2.8rem}.level-screen .content .level-options .level-button.legend .level-title{font-size:1.4rem}.level-screen .content .level-options .level-button.legend:after{content:"👑";position:absolute;top:8px;right:8px;font-size:1.2rem;animation:pulse 2s ease-in-out infinite}.level-screen .content .level-options .level-button:active{transform:scale(.95)}.level-screen .content .level-hint{margin-top:20px;font-size:12px;color:#866617;opacity:.7;font-style:italic}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.game-screen{position:relative;width:100dvw;height:100dvh;overflow:hidden;background-color:transparent}.game-screen canvas{width:100%;height:100%;display:block;z-index:2;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.game-screen p{position:absolute;top:20px;left:20px;color:#fff;font-size:16px;margin:0;z-index:10;padding:4px 10px;border-radius:8px;background-color:#98a457}.skyline-background{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-color:#d8deb9;display:flex;flex-direction:column;place-items:flex-end;place-content:flex-end}.skyline-background:after{content:"";position:absolute;height:15px;background-color:#98a457;border-top:4px solid rgb(48,89,66);bottom:0;left:0;right:0;width:100%}.skyline-background img{opacity:.5;width:100%;min-height:200px;object-fit:cover;object-position:center bottom}.debug-zone{position:fixed;top:0;width:80px;height:80px;z-index:100;cursor:pointer;opacity:.3}.debug-zone:hover{opacity:.5}.debug-lose{left:0;background:linear-gradient(135deg,rgba(255,0,0,.3) 0%,transparent 70%)}.debug-win{right:0;background:linear-gradient(225deg,rgba(0,255,0,.3) 0%,transparent 70%)}.win-container{width:100dvw;height:100dvh;padding:20px;position:relative;background-color:#e9eedc;box-sizing:border-box;overflow-y:auto}.win-container.hard-mode{background:linear-gradient(135deg,#556b2f,#456b2f,#75803b)}.win-confetti-container{position:absolute;pointer-events:none;overflow:hidden;z-index:2;box-sizing:border-box}.win-confetti-piece{position:absolute;width:10px;height:10px;animation:winConfetti 3s ease-out forwards;box-sizing:border-box}@keyframes winConfetti{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}.win-content{padding:20px;height:fit-content;text-align:center;width:100%;display:flex;flex-direction:column;place-items:center;place-content:center;max-width:400px;position:relative;z-index:1;gap:16px;box-sizing:border-box;margin:auto}.win-content .win-celebration{font-size:40px;animation:float 1.5s ease-in-out infinite}.win-content .win-title{font-family:FlappyBirdy,Lora,sans-serif;font-size:50px;color:#d8deb9}.win-content .win-title-hard{animation:pulseGlow 2s ease-in-out infinite}.win-prize{font-size:50px;animation:bounce 1s ease-in-out infinite}.win-subtitle{color:#866617}.win-subtitle-hard{color:#e8f5b8}.invitation-card{background:#fffffff2;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:1px 10px 17px -4px #00000054;-webkit-box-shadow:1px 10px 17px -4px rgba(0,0,0,.33);-moz-box-shadow:1px 10px 17px -4px rgba(0,0,0,.33);box-sizing:border-box}.hard-mode .invitation-card{background:linear-gradient(135deg,#8b9d38,#6b7d28);border:none}.invitation-card .invitation-header{text-align:center;display:flex;flex-direction:column;gap:10px}.invitation-card .invitation-header .invitation-title{font-family:Lora,sans-serif;font-size:1.5rem;color:#75803b;margin:0}.hard-mode .invitation-card .invitation-header .invitation-title{color:#fff}.invitation-card .invitation-details{display:flex;flex-direction:column;gap:10px}.invitation-card .invitation-details .detail-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#e9eedc;border-radius:8px}.hard-mode .invitation-card .invitation-details .detail-row{background:#ffffff26}.invitation-card .invitation-details .detail-row .detail-icon{font-size:16px}.invitation-card .invitation-details .detail-row .detail-content{text-align:left}.invitation-card .invitation-details .detail-row .detail-content .detail-label{color:#75803b;margin:0}.hard-mode .invitation-card .invitation-details .detail-row .detail-content .detail-label{color:#fff}.invitation-card .invitation-details .detail-row .detail-content .detail-label-address{font-size:.875rem}.coupon-card{background:linear-gradient(135deg,#8b9d38,#6b7d28);border-radius:10px;padding:1.5rem;margin-bottom:1.5rem}.coupon-label{color:#fff;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;opacity:.9;margin-bottom:.5rem}.coupon-icons{font-size:3rem;margin-bottom:.5rem}.coupon-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.coupon-subtitle{color:#fff;opacity:.9;margin-bottom:1rem}.coupon-code-container{background:#d8deb9;border-radius:8px;padding:1rem;margin-bottom:.5rem}.coupon-code-label{font-size:.75rem;text-transform:uppercase;color:#305942;margin-bottom:.25rem}.coupon-code{font-family:Lora,sans-serif;font-size:2rem;color:#305942;font-weight:700;margin:0}.coupon-code.loading{opacity:.6;animation:pulse 1s ease-in-out infinite}.coupon-code.error{color:#ff6b6b;font-size:1rem}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.coupon-instruction{color:#fff;font-size:.75rem;opacity:.8}.win-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.win-buttons-hard .maps-button{display:none}.maps-button{display:block;width:100%;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;text-decoration:none;color:#fff;background:#98a457;border:none;cursor:pointer;transition:all .3s ease}.maps-button:hover{background:#305942;transform:translateY(-2px)}.maps-button:active{transform:scale(.95)}.play-again-button{width:100%;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;background:#6b7d281a;color:#98a457;border:none;cursor:pointer;transition:all .3s ease}.play-again-button:hover{background:#6b7d2833;transform:translateY(-2px)}.play-again-button:active{transform:scale(.95)}.copy-coupon-btn{width:100%;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;color:#98a457;background:#c4e080;border:none;cursor:pointer;transition:all .3s ease}.copy-coupon-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #c4e0804d}.copy-coupon-btn:active{transform:scale(.95)}.show-coupon-btn{width:100%;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;background:#ffffff1a;color:#c4e080;border:2px solid #C4E080;cursor:pointer;transition:all .3s ease}.show-coupon-btn:hover{background:#fff3;transform:translateY(-2px)}.show-coupon-btn:active{transform:scale(.95)}.menu-button{width:100%;padding:.8rem;border-radius:8px;font-size:1rem;font-weight:700;background:#ffffff1a;color:#fff;border:none;cursor:pointer;transition:all .3s ease}.menu-button:hover{background:#fff3;transform:translateY(-2px)}.menu-button:active{transform:scale(.95)}.win-footer{margin-top:1.5rem;color:#866617;font-size:.875rem}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px rgba(139,157,56,.5)}50%{text-shadow:0 0 20px rgb(139,157,56)}}.lose-screen{text-align:center;padding:10px 20px;background-color:#e9eedc;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;width:100%;height:100dvh;box-sizing:border-box;overflow-y:auto}.lose-screen .lose-content{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto;position:relative;z-index:2}.lose-screen .lose-content .boba-container .boba-svg{width:70px;position:relative;z-index:2}.lose-screen h2{color:#866617}.score-summary{background:#d8deb9;padding:1rem;border-radius:10px;border:2px solid #98a457}.score-summary p{margin:.5rem 0;color:#75803b;font-size:1rem}.score-summary p span{font-weight:700;color:#305942}.button-group{display:flex;flex-direction:column;gap:1rem;width:100%}.legend-score-highlight{font-size:1.2rem;line-height:1.6}.legend-score-highlight .legend-score{font-size:2rem;color:#305942;display:inline-block;padding:.2rem .5rem;background:#d8deb9;border-radius:8px;border:2px solid #98a457}.legend-score-highlight .legend-message{display:block;margin-top:.5rem;font-size:.9rem;color:#75803b;font-weight:700}.legend-score-highlight .legend-message.record-new{color:#305942;font-size:1.1rem;animation:pulse 2s ease-in-out infinite}.legend-score-highlight .legend-message.record-previous{font-size:.85rem;color:#866617;opacity:.8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-summary .level{color:#305942!important;font-weight:700}.score-summary .level:contains("Leyenda"){color:#305942!important;font-weight:700}.explosion-container{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff5ee,#ffe4d6);z-index:1000;overflow:hidden;pointer-events:none}.explosion-title{position:absolute;top:8%;left:50%;transform:translate(-50%);font-family:FlappyBirdy,sans-serif;font-size:3rem;color:#8b4513;animation:titleFall 2s ease-in forwards}@keyframes titleFall{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(60vh) scale(1.2);opacity:0}}.explosion-boba{position:absolute;top:20%;left:50%;transform:translate(-50%);animation:fallDown 2s ease-in forwards}@keyframes fallDown{0%{transform:translate(-50%) translateY(0) rotate(0)}20%{transform:translate(-50%) translateY(0) rotate(-10deg)}to{transform:translate(-50%) translateY(60vh) rotate(15deg)}}.explosion-particles{position:absolute;top:20%;left:50%;width:0;height:0;animation:particlesFollow 2s ease-in forwards}@keyframes particlesFollow{0%{transform:translate(-50%)}to{transform:translate(-50%,60vh)}}.explosion-particle{position:absolute;border-radius:50%;opacity:0;animation:explode 1.5s ease-out forwards;animation-delay:var(--delay)}@keyframes explode{0%{transform:translate(-50%,-50%) translate(0);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--velocity)),calc(sin(var(--angle)) * var(--velocity)));opacity:0}}.ranking-loading{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px}.ranking-loading p{color:#866617;font-size:16px}.ranking-loading .loading-spinner{width:40px;height:40px;border:4px solid #d8deb9;border-top:4px solid rgb(48,89,66);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ranking-error{display:flex;flex-direction:column;align-items:center;gap:15px;padding:40px;text-align:center}.ranking-error p{color:#d32f2f;font-size:16px}.player-stats{margin:auto auto 20px;background:linear-gradient(135deg,#98a457,#305942);color:#fff;padding:15px 25px;border-radius:10px;text-align:center;box-shadow:0 4px 15px #0003;width:100%;box-sizing:border-box}.player-stats .player-stats-text{margin:0 0 8px;font-size:16px}.player-stats .player-stats-text strong{font-size:1.3em}.player-stats .player-stats-score{margin:0;font-size:12px;opacity:.95}.player-stats .player-stats-score strong{font-size:1.2em}.rankings-list{width:100%;background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;overflow:hidden;max-height:52vh;overflow-y:auto}.rankings-list::-webkit-scrollbar{width:8px}.rankings-list::-webkit-scrollbar-track{background:#d8deb9}.rankings-list::-webkit-scrollbar-thumb{background:#98a457;border-radius:4px}.rankings-header{display:grid;grid-template-columns:60px 1fr 80px 90px;gap:10px;padding:15px;background:#305942;color:#fff;font-weight:700;position:sticky;top:0;z-index:2}.rankings-header span{font-size:12px}.ranking-item{display:grid;grid-template-columns:60px 1fr 80px 90px;gap:10px;padding:12px 15px;border-bottom:1px solid #d8deb9;align-items:center;transition:background-color .2s}.ranking-item:nth-child(2n){background-color:#d8deb94d}.ranking-item:hover{background-color:#98a45733}.ranking-item.is-current-player{background:linear-gradient(90deg,#98a4574d,#3059421a);border-left:4px solid rgb(48,89,66);font-weight:700}.ranking-item .rank-position{font-weight:700;font-size:16px}.ranking-item .rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ranking-item .rank-score{font-weight:700;color:#305942;font-size:16px;text-align:center}.ranking-item .rank-date{font-size:10px;color:#3b3b3b;text-align:center}.ranking-item:nth-child(1) .rank-position{color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.ranking-item:nth-child(2) .rank-position{color:silver}.ranking-item:nth-child(3) .rank-position{color:#cd7f32}.no-rankings{text-align:center;padding:40px;color:#866617;font-size:16px}.ranking-actions{display:flex;gap:15px;margin-top:10px}.ranking-actions button{min-width:120px}.ranking-actions button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.rankings-header,.ranking-item{grid-template-columns:50px 1fr 60px 70px;gap:5px;padding:10px}.rank-date{font-size:.75rem!important}}.ranking-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px 0;box-sizing:border-box}.ranking-modal-overlay .ranking-content{width:100%;height:100%;overflow-y:auto;background-color:#e9eedc;border-radius:10px;padding:20px;position:relative}.ranking-modal-overlay .ranking-content h1{margin:0 0 20px;font-size:2rem;text-align:center}.ranking-modal-close{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;background:#305942;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .2s,background-color .2s}.ranking-modal-close:hover{transform:scale(1.1);background:#1e3829}