body{font-family:'Vazir',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#d6dbdc,#fff);min-height:100vh;direction:rtl}button,input,select,textarea{font-family:inherit}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:100vh;padding:1rem;box-sizing:border-box}.stats-container{width:100%;max-width:64rem;margin-bottom:1rem;display:flex;flex-direction:row;gap:.5rem}.stat-box{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;text-align:center;flex:1;min-width:100px;box-sizing:border-box}.stat-box h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.25rem}.stat-box p{font-size:1.25rem;font-weight:700;color:#2563eb}.small-button{background-color:#6b7280;color:#fff;border:0;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background-color .2s;min-width:120px;box-sizing:border-box;width:100%}.small-button:hover{background-color:#4b5563}.kiss-area{position:relative;width:100%;max-width:64rem;aspect-ratio:16/9;background-color:#e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.flag-background{width:100%;height:100%;object-fit:cover;pointer-events:none}#kiss-marks-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.leaderboard-modal{background-color:#f3f4f6;border-radius:.75rem;padding:2rem;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);transform:translateY(20px);transition:transform .3s ease;position:relative}.modal-overlay.active .leaderboard-modal{transform:translateY(0)}.user-info-modal{background-color:#f3f4f6;border-radius:.75rem;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1);transform:translateY(20px);transition:transform .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:3rem}.modal-overlay.active .user-info-modal{transform:translateY(0)}.user-info-content h2{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:1rem;margin-top:0}.modal-header{position:absolute;top:1rem;left:1rem}.user-info-content p{font-size:1rem;color:#4b5563;margin-bottom:2rem;text-align:center}.form-group{width:100%;margin-bottom:1.5rem;text-align:right}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:1rem}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;background-color:#fff;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:0;border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.2)}.submit-button{background-color:#2563eb;color:#fff;border:0;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;width:100%;max-width:200px;margin-top:1rem;transition:background-color .2s}.submit-button:hover{background-color:#1d4ed8}.submit-button:active{transform:translateY(1px)}.leaderboard-modal h2{font-size:1.5rem;font-weight:700;text-align:center;color:#374151;margin-bottom:1.5rem;margin-top:0}.leaderboard-modal .close-button{position:absolute;top:1rem;left:1rem;background:none;border:0;font-size:1.5rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.leaderboard-modal .close-button:hover{background-color:#e5e7eb;color:#1f2937}.leaderboard-tabs{display:flex;justify-content:center;margin-bottom:1rem;border-bottom:1px solid #d1d5db}.tab-button{padding:.5rem 1rem;background-color:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:#6b7280;transition:all .2s ease;outline:0}.tab-button:hover{color:#4b5563}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb}.update-info{text-align:center;font-size:.75rem;color:#6b7280;margin:.5rem 0 1rem 0;font-style:italic}.text-center{text-align:center!important}.p-4{padding:1rem!important}.text-red-500{color:#ef4444!important}#leaderboard-list{max-height:60vh;overflow-y:auto;padding-right:.5rem}#leaderboard-list::-webkit-scrollbar{width:8px}#leaderboard-list::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}#leaderboard-list::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}#leaderboard-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.leaderboard-item{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #d1d5db;background-color:#fff;border-radius:.375rem;margin-bottom:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.05);animation:fadeInUp .3s ease-out forwards;opacity:0;transform:translateY(10px)}.leaderboard-item:last-child{margin-bottom:0}.leaderboard-item span:first-child{font-weight:700;color:#2563eb;min-width:30px}.leaderboard-item span:nth-child(2){flex:1;text-align:center;font-weight:600;color:#374151}.leaderboard-item span:last-child{font-weight:700;color:#16a34a;min-width:80px;text-align:left}.buttons-container{display:flex;gap:.5rem;width:100%;max-width:64rem;margin-top:.5rem;justify-content:center;flex-wrap:wrap}.toggle-button,.contact-button{background-color:#2563eb;color:#fff;border:0;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:background-color .2s;min-width:150px;box-sizing:border-box;flex:1;max-width:180px}.toggle-button:hover,.contact-button:hover{background-color:#1d4ed8}.contact-button{background-color:#16a34a}.contact-button:hover{background-color:#15803d}.instructions{margin-top:.5rem;text-align:center;color:#4b5563;padding:.5rem;font-size:.875rem}@keyframes kissEffect{0%{transform:translate(-50%,-50%) scale(0);opacity:0}10%{transform:translate(-50%,-50%) scale(1.2);opacity:1}20%{transform:translate(-50%,-50%) scale(.9);opacity:1}30%{transform:translate(-50%,-50%) scale(1.05);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}.kiss-animation{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:kissEffect 1.5s ease-out forwards;font-size:48px;line-height:1;z-index:10}.kiss-animation img{width:60px;height:60px;display:block}@keyframes flagKissed{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:1}}.flag.kissed{animation:flagKissed .3s ease}@keyframes flagShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.flag-shake{animation:flagShake .4s ease-in-out}.toast-container{position:fixed;top:20px;right:20px;z-index:20000;width:300px}.toast{background-color:#333;color:#fff;padding:16px 24px;border-radius:4px;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;animation:toastSlideIn .3s ease-out;opacity:.95;min-height:48px}.toast-success{border-right:4px solid #4caf50}.toast-error{border-right:4px solid #f44336}.toast-warning{border-right:4px solid #ff9800}.toast-info{border-right:4px solid #2196f3}.toast-icon{margin-right:12px;font-size:20px;min-width:24px}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:0;color:#fff;cursor:pointer;font-size:18px;padding:8px;margin-left:12px;opacity:.7;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:1}@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:.95}}@keyframes toastSlideOut{from{transform:translateX(0);opacity:.95}to{transform:translateX(100%);opacity:0}}.toast-exiting{animation:toastSlideOut .3s ease-in forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.leaderboard-item:nth-child(1){animation-delay:.1s}.leaderboard-item:nth-child(2){animation-delay:.2s}.leaderboard-item:nth-child(3){animation-delay:.3s}.leaderboard-item:nth-child(4){animation-delay:.4s}.leaderboard-item:nth-child(5){animation-delay:.5s}.leaderboard-item:nth-child(6){animation-delay:.6s}.leaderboard-item:nth-child(7){animation-delay:.7s}.leaderboard-item:nth-child(8){animation-delay:.8s}.leaderboard-item:nth-child(9){animation-delay:.9s}.leaderboard-item:nth-child(10){animation-delay:1s}@media(max-width:768px){main{padding:.5rem}.kiss-area{border-radius:.5rem}.stat-box{padding:.75rem;min-width:100px}.stat-box h3{font-size:1rem}.stat-box p{font-size:1.25rem}.leaderboard-container{padding:1rem;margin-top:1rem}.leaderboard-container h2{font-size:1.25rem}.instructions{font-size:.875rem;padding:.75rem}.toast-container{width:calc(100% - 20px);right:10px;left:10px;top:10px}.toast{padding:12px 16px;font-size:13px;min-height:44px}.toast-icon{font-size:16px;margin-right:8px;min-width:20px}.toast-message{font-size:13px}.toast-close{font-size:16px;margin-left:8px;min-width:30px;min-height:30px;padding:6px}.buttons-container{flex-direction:column;align-items:center;gap:.75rem}.toggle-button,.contact-button{width:100%;max-width:300px;padding:.75rem 1rem;font-size:.9375rem;min-width:150px}.leaderboard-modal{padding:1.5rem;width:95%}.leaderboard-modal h2{font-size:1.25rem}#leaderboard-list{max-height:50vh}.leaderboard-item{padding:.5rem .75rem;flex-direction:row;align-items:center}.leaderboard-item span:first-child{font-size:.875rem}.leaderboard-item span:nth-child(2){font-size:.875rem}.leaderboard-item span:last-child{font-size:.875rem}}.banner-container{width:100%;max-width:64rem;margin:1rem auto;text-align:center}.banner-image{width:100%;max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media(max-width:576px){.stat-box{min-width:auto}.stats-container{gap:.5rem}.stat-box{padding:.75rem}.stat-box h3{font-size:1rem}.stat-box p{font-size:1.25rem}}@media(max-width:480px){main{padding:.25rem}.stats-container{margin-bottom:.5rem}.stat-box{padding:.5rem}.stat-box h3{font-size:.875rem}.stat-box p{font-size:1.125rem;margin:.3rem}.kiss-area{border-radius:.25rem}.leaderboard-container{padding:.75rem;margin-top:.75rem}.leaderboard-container h2{font-size:1.125rem}#leaderboard-list{max-height:15rem}.instructions{font-size:.8125rem;padding:.5rem}.toast-container{width:calc(100% - 10px);right:5px;left:5px;top:5px}.toast{padding:10px 12px;font-size:12px;min-height:40px}.toast-icon{font-size:14px;margin-right:6px;min-width:18px}.toast-message{font-size:12px}.toast-close{font-size:14px;margin-left:6px;min-width:28px;min-height:28px;padding:4px}.buttons-container{gap:.5rem}.toggle-button,.contact-button{padding:.625rem .875rem;font-size:.875rem;min-width:140px}.leaderboard-modal{padding:1rem}.leaderboard-modal h2{font-size:1.125rem;margin-bottom:1rem}.leaderboard-item{padding:.5rem .75rem;flex-direction:row;align-items:center}.leaderboard-item span:first-child{font-size:.875rem}.leaderboard-item span:nth-child(2){font-size:.875rem}.leaderboard-item span:last-child{font-size:.875rem}}.banner-container{width:100%;max-width:64rem;margin:1rem auto;text-align:center}.banner-image{width:100%;max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}