.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:repeating-linear-gradient(45deg,gold,gold 40px,#000 40px,#000 80px)}.modal{background-color:#ece7bb;border-radius:12px;box-shadow:0 8px 20px #00000040;padding:40px;max-width:500px;text-align:center}.modal h2{font-size:28px;font-weight:700;color:#d32f2f;margin-bottom:20px}.modal p{font-size:18px;color:#333;line-height:1.6;margin-bottom:30px}.modal button{padding:12px 24px;background-color:#d32f2f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.modal button:hover{background-color:#b71c1c}body{background-image:url(/assets/background-B2vy79di.png);background-size:contain;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:#0a0300;z-index:-1;margin:0;padding:0}body{font-family:Segoe UI,Arial Rounded MT Bold,Verdana,Tahoma,sans-serif}.container{width:100%;max-width:1200px;margin:0 auto;padding:clamp(16px,3vw,32px);box-sizing:border-box}.logo-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;justify-content:center}.logo{width:200px;max-width:80%;height:auto}.dashboard-btn{display:flex;align-items:center;gap:.5em;background-color:#2bc6e9;color:#fff;border:none;border-radius:8px;padding:.1em;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .25s ease,transform .2s ease;box-shadow:0 4px 8px #00000026}.dashboard-btn:hover{background-color:#1a8bb8;transform:translateY(-2px)}.dashboard-btn:active{background-color:#16729a;transform:translateY(0);box-shadow:0 2px 4px #0003}.dashboard-btn .icon{font-size:1.2rem}.dashboard-btn .label{font-size:1rem}.modal-Dashboard{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.Dashboard-close-btn{margin-top:1.5em;background-color:#f44336;color:#fff;border:none;border-radius:6px;padding:.6em 1.4em;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:background-color .25s ease,transform .2s ease;align-self:center}.Dashboard-close-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.Dashboard-close-btn:active{background-color:#b71c1c;transform:translateY(0);box-shadow:0 2px 4px #0003}.dashboard{background:#fff;border-radius:12px;padding:1.5em;max-width:720px;width:90%;margin:2em auto;text-align:center;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;align-items:center}.dashboard h2{margin-bottom:1em;color:#2bc6e9;font-size:1.6rem;font-weight:700}.dashboard table{width:100%;border-collapse:collapse;margin-top:1em}.dashboard th,.dashboard td{border:1px solid #ddd;padding:.8em;text-align:center;vertical-align:middle;font-size:.95rem;font-family:monospace}.dashboard th{background-color:#2bc6e9;color:#fff;position:sticky;top:0;z-index:2}.dashboard tbody tr:hover{background-color:#f1f9fc;transition:background-color .2s ease}.wallet-status{display:flex;align-items:center;justify-content:center;background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:6px 12px;font-size:.9rem;font-weight:500;color:#333;border:2px solid #ffb300;box-shadow:0 2px 6px #0000001a}.wallet-address{margin-right:8px}.announcement-btn{background-color:#fff9;border:none;border-radius:10%;font-size:1.2rem;padding:8px;cursor:pointer;box-shadow:0 2px 6px #0003}.announcement-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.announcement-modal-content{background:#fff8e1;padding:2rem;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 0 20px #0003}.announcement-title{font-size:2.5rem;margin-bottom:1rem;color:#333}.announcement-message{font-size:1.8rem;margin-bottom:1.5rem;color:#ff9800;font-weight:700}.announcement-close-btn{background-color:#4caf50;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:1.2rem;cursor:pointer}.admin-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999}.admin-modal-content{background-color:#fffde7;border:4px solid #388e3c;border-radius:16px;padding:24px 32px;max-width:420px;width:90%;box-shadow:0 8px 20px #0000004d;text-align:center}.admin-modal-title{font-size:1.8rem;font-weight:700;color:#2e7d32;margin-bottom:8px}.admin-modal-message{font-size:1rem;color:#fbc02d;margin-bottom:16px}.admin-modal-content input[type=number]{width:80%;padding:10px 14px;margin:10px 0;border:2px solid #388e3c;border-radius:10px;font-size:1rem;outline:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.admin-modal-content input[type=number]:focus{border-color:#fbc02d;box-shadow:0 0 6px #fbc02d}.admin-modal-content button{background-color:#fdd835;border:none;border-radius:10px;padding:10px 18px;margin:8px 6px;font-size:1rem;font-weight:700;color:#2e7d32;cursor:pointer;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.admin-modal-content button:hover{background-color:#fbc02d;transform:scale(1.05)}.admin-modal-close-btn{background-color:#e53935;color:#fff}.admin-modal-close-btn:hover{background-color:#c62828}.pool-balance{font-size:1.2rem;font-weight:700;color:#2e7d32;background-color:#fffde7;border:2px solid #fbc02d;border-radius:10px;padding:10px 16px;margin:12px 0;display:inline-block;box-shadow:0 4px 8px #2e7d3233;transition:transform .2s ease-in-out}.pool-balance:hover{transform:scale(1.05);box-shadow:0 6px 12px #2e7d324d}.status-bar{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px auto;border:2px solid #ffb300;border-radius:12px;background-color:#fff8e1;font-size:24px;font-weight:500;text-align:center;width:fit-content;background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000001a;transition:background-color .3s ease}.sound-toggle-btn{width:25px;height:25px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sound-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 10px #0000004d}@media (max-width: 400px){.sound-toggle-btn{width:25px;height:25px;font-size:.5rem;border-width:1px}}.mango-grid{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px auto}.mango-row{display:flex;justify-content:center;gap:12px;margin-bottom:6px}.mango-btn{display:flex;align-items:center;justify-content:center;width:100px;height:100px;padding:4px;border:4px solid #ffb300;border-radius:16px;background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000001a;transition:transform .2s ease,background-color .3s ease;position:relative;cursor:pointer}.mango-btn:hover{transform:scale(1.05)}.mango-img{width:100%;max-width:80px;height:auto}.reward-text{font-size:1rem;font-weight:700;color:#4caf50;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{width:100vw;background-color:#fff0;padding:24px;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0003;animation:bounceReveal .6s ease 2s}.mascot-img{width:200px;height:auto;margin-bottom:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#1e1e1e;color:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 20px #00000080;animation:fadeIn .3s ease-in-out}.ok-btn{margin-top:1.5rem;padding:.6rem 1.2rem;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.ok-btn:hover,.ok-btn:active{background:#45a049;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceReveal{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:16px}.close-btn{background-color:#ff7043;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.close-btn:hover{background-color:#f4511e;transform:scale(1.05)}.try-again-container{display:flex;justify-content:center;margin-top:24px}.try-again-btn{background-color:#e65100;color:#fff;border:2px solid #ffb300;padding:.8rem 1.6rem;border-radius:24px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;background-color:#ec770899;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.try-again-btn:hover{background-color:#ff9800;transform:scale(1.05)}.modal-content h3{margin-top:8px;font-size:2rem;color:#f8f5f5}.button-group{display:flex;justify-content:center;align-items:center;margin-bottom:18px}.buy-ticket-btn,.confirm-btn{font-size:24px;font-weight:700;padding:10px 24px;border-radius:8px;border:none;cursor:pointer;margin:0 8px;transition:background-color .3s ease}.buy-ticket-btn.active{background-color:#4caf50;color:#fff;box-shadow:0 4px 12px #4caf5066;border:4px solid #388b3c;border-radius:24px}.buy-ticket-btn.disabled{background-color:#bdbdbd;color:#fff;cursor:not-allowed;box-shadow:none;border:4px solid #7e7d7b;border-radius:24px}.confirm-btn.disabled{background-color:#e0e0e0;color:#9e9e9e;box-shadow:none;border:4px solid #7e7d7b;border-radius:24px;cursor:not-allowed}.confirm-btn.active{background-color:#ff9800;color:#fff;box-shadow:0 4px 12px #ff980066;border:4px solid #c77802;border-radius:24px;cursor:pointer}.ticket-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.ticket-modal-content{background:#fff8e1;padding:2rem;border-radius:16px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 20px #0003;position:relative}.ticket-modal-icon{width:108px;height:auto;margin-bottom:12px}.ticket-modal-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#333}.ticket-modal-list{list-style:none;padding:0;margin:0 0 2rem}.ticket-modal-item{margin-bottom:24px;font-size:1.5rem;color:#333}.ticket-modal-buy-btn{font-size:1.5rem;margin-left:12px;padding:12px 18px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.ticket-modal-buy-btn:hover{background-color:#43a047}.ticket-modal-close-btn{font-size:1.5rem;margin-top:12px;padding:6px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.ticket-modal-close-btn:hover{background-color:#4caf50}.howto-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.howto-modal-content{background:#fff8e1;padding:2rem;border-radius:16px;max-width:480px;width:90%;text-align:center;box-shadow:0 0 20px #0003;position:relative;font-size:1.3rem;color:#333}.howto-modal-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#333}.howto-modal-text{margin-bottom:.75rem;line-height:1.5;font-weight:700}.howto-modal-list{margin-bottom:1rem;padding-left:1.2rem;line-height:1.5;list-style:none}.howto-modal-list li{margin-bottom:.5rem}.howto-modal-close-btn{display:block;margin:0 auto;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;font-size:1.5rem;cursor:pointer;font-weight:700;transition:background-color .3s ease}.howto-modal-close-btn:hover{background-color:#4caf50}.item-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.item-modal-content{background:#fff8e1;padding:2rem;border-radius:16px;max-width:360px;width:90%;text-align:center;box-shadow:0 0 20px #0003}.item-modal-title{font-size:2rem;margin-bottom:1rem;color:#333}.item-modal-message{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#ff9800}.item-modal-close-btn{background-color:#4caf50;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:1.5rem;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:1200px;background-image:url(/assets/woodTexture-DQJuVY3P.png);background-size:cover;background-position:center;display:flex;justify-content:space-around;align-items:center;padding:0;border-top:8px solid #ffb300;box-shadow:0 -2px 6px #0000001a;z-index:100;border-radius:12px}.nav-btn{background:none;border:none;font-size:16px;font-weight:500;color:#333;cursor:pointer;transition:color .3s ease;gap:16px;margin:0 12px}.nav-btn:hover{transform:scale(1.1)}.nav-icon{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.wallet-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999}.wallet-modal-content{background:#fff8e1;padding:2rem;border-radius:16px;max-width:360px;width:90%;text-align:center;box-shadow:0 0 20px #0003}.wallet-modal-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.wallet-status-box{margin-bottom:1rem;font-size:1.5rem;font-weight:700;color:#333}.wallet-btn{display:block;margin:.5rem auto;padding:10px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease;font-size:1.5rem}.wallet-btn.connect{background-color:#4caf50;color:#fff}.wallet-btn.disconnect{background-color:#f44336;color:#fff}.wallet-btn.close{background-color:#4caf50;color:#fff}@media screen and (max-width: 480px) and (orientation: portrait){.container{zoom:.6}}@media screen and (max-width: 1024px) and (orientation: landscape){.container{zoom:.3}}@media screen and (min-width: 1025px) and (orientation: portrait){.container{zoom:.9}}@media screen and (min-width: 1025px) and (orientation: landscape){.container{zoom:.8}}
