.leaderboard-container{max-width:1000px;margin:3rem auto;padding:2rem;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border-radius:20px;box-shadow:0 15px 50px #00000080;color:#fff}.leaderboard-header{text-align:center;margin-bottom:2rem}.leaderboard-header h2{font-size:2.5rem;color:gold;margin-bottom:.5rem;text-shadow:3px 3px 6px rgba(0,0,0,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:3px 3px 6px rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.5)}to{text-shadow:3px 3px 6px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.8)}}.leaderboard-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.timeframe-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.timeframe-button{padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;background:#ffffff1a;color:#ffffffb3;border:2px solid rgba(255,215,0,.3);border-radius:25px;cursor:pointer;transition:all .3s ease}.timeframe-button:hover{background:#ffd70033;color:gold;border-color:gold;transform:translateY(-2px)}.timeframe-button.active{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;border-color:gold;box-shadow:0 5px 15px #ffd70066}.leaderboard-table{background:#0000004d;border-radius:15px;overflow:hidden;margin-bottom:1.5rem}.leaderboard-table-header{display:grid;grid-template-columns:100px 1fr 150px;gap:1rem;padding:1rem 1.5rem;background:#ffd70026;border-bottom:2px solid rgba(255,215,0,.3);font-weight:700;font-size:.9rem;color:gold;text-transform:uppercase;letter-spacing:1px}.col-rank{text-align:center}.col-player{text-align:left}.col-wins{text-align:right}.leaderboard-entries{max-height:600px;overflow-y:auto}.leaderboard-entry{display:grid;grid-template-columns:100px 1fr 150px;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;align-items:center}.leaderboard-entry:hover{background:#ffd7001a;transform:translate(5px)}.leaderboard-entry.top-three{background:#ffd7000d}.leaderboard-entry.top-three:hover{background:#ffd70026}.rank-badge{display:inline-block;font-size:1.5rem;font-weight:700}.player-info{display:flex;flex-direction:column;gap:.3rem}.player-nickname{font-size:1.1rem;font-weight:700;color:#fff}.player-address{font-size:.85rem;color:#ffffff80;font-family:monospace}.col-wins{display:flex;flex-direction:column;align-items:flex-end}.wins-amount{font-size:1.3rem;font-weight:700;color:gold}.wins-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.no-data{text-align:center;padding:3rem 2rem;color:#ffffff80}.no-data p{margin:.5rem 0;font-size:1.1rem}.no-data-hint{font-size:.95rem;color:#fff6;font-style:italic}.leaderboard-info{background:linear-gradient(135deg,#ffd70026,#ffd7000d);padding:1rem 1.5rem;border-radius:10px;border-left:4px solid #ffd700;text-align:center}.leaderboard-info p{margin:0;color:#fffc;font-size:.95rem}.leaderboard-info strong{color:gold}.leaderboard-entries::-webkit-scrollbar{width:8px}.leaderboard-entries::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard-entries::-webkit-scrollbar-thumb{background:gold;border-radius:10px}.leaderboard-entries::-webkit-scrollbar-thumb:hover{background:#ffed4e}@media(max-width:768px){.leaderboard-container{padding:1.5rem;margin:2rem 1rem}.leaderboard-header h2{font-size:2rem}.timeframe-selector{gap:.4rem}.timeframe-button{padding:.5rem 1rem;font-size:.85rem}.leaderboard-table-header{grid-template-columns:70px 1fr 120px;padding:.75rem 1rem;font-size:.8rem}.leaderboard-entry{grid-template-columns:70px 1fr 120px;padding:.75rem 1rem}.rank-badge{font-size:1.2rem}.player-nickname{font-size:1rem}.player-address{font-size:.75rem}.wins-amount{font-size:1.1rem}.wins-label{font-size:.7rem}}@media(max-width:480px){.leaderboard-container{padding:1rem}.leaderboard-header h2{font-size:1.5rem}.timeframe-button{padding:.4rem .8rem;font-size:.8rem}.leaderboard-table-header{grid-template-columns:60px 1fr 100px;padding:.5rem .75rem;font-size:.75rem}.leaderboard-entry{grid-template-columns:60px 1fr 100px;padding:.5rem .75rem}.player-nickname{font-size:.9rem}.player-address{display:none}.wins-amount{font-size:1rem}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.leaderboard-entry{animation:slideIn .3s ease-out}.contact-container{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a}.contact-details{display:flex;gap:20px;align-items:center;justify-content:space-between}.contact-picture{flex:1;display:flex;justify-content:center}.contact-picture img{border-radius:50%;width:150px;height:150px;object-fit:cover;box-shadow:0 4px 6px #0000001a}.contact-info{flex:2;text-align:left}.contact-info p{font-size:18px;margin:10px 0}.contact-info a{color:#007bff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.roulette-container{max-width:800px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#1a472a,#0d2818);border-radius:20px;box-shadow:0 10px 40px #00000080;color:#fff}.roulette-container h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.roulette-wheel-container{position:relative;width:300px;height:300px;margin:2rem auto}.roulette-wheel{position:relative;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#2a2a2a,#1a1a1a 70%,#000);border:10px solid #ffd700;box-shadow:0 0 30px #ffd70080,inset 0 0 30px #000c}.roulette-wheel.spinning{animation:continuousSpin 3s linear}@keyframes continuousSpin{0%{transform:rotate(0)}to{transform:rotate(1800deg)}}.wheel-number{position:absolute;top:50%;left:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border-radius:50%;transform-origin:0 0;color:#fff}.wheel-number.red{background:#d32f2f;border:2px solid #fff}.wheel-number.black{background:#1a1a1a;border:2px solid #fff}.wheel-number.green{background:#2e7d32;border:2px solid #ffd700;font-size:.9rem}.wheel-pointer{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:2rem;color:gold;text-shadow:0 2px 5px rgba(0,0,0,.5);z-index:10}.winning-number-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none}.winning-ball{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;border:5px solid #ffd700;box-shadow:0 0 30px gold,0 0 50px #ffd70080;animation:popIn .5s ease-out;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.winning-ball.red{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.winning-ball.black{background:linear-gradient(135deg,#424242,#1a1a1a)}.winning-ball.green{background:linear-gradient(135deg,#2e7d32,#1b5e20)}@keyframes popIn{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.betting-table{margin:2rem 0}.betting-table h3{text-align:center;color:gold;margin-bottom:1rem}.bet-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.bet-button{padding:1rem;font-size:1rem;font-weight:700;border:3px solid transparent;border-radius:10px;cursor:pointer;transition:all .3s ease;color:#fff;background:#333}.bet-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.bet-button:disabled{opacity:.5;cursor:not-allowed}.bet-button.selected{border-color:gold;box-shadow:0 0 15px #ffd70080}.bet-button.red{background:linear-gradient(135deg,#d32f2f,#b71c1c)}.bet-button.black{background:linear-gradient(135deg,#424242,#212121)}.bet-button.even,.bet-button.odd,.bet-button.low,.bet-button.high{background:linear-gradient(135deg,#1976d2,#0d47a1)}.bet-button .payout{display:block;font-size:.8rem;color:gold;margin-top:.3rem}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;margin-top:1rem;max-width:100%}.number-bet-button{padding:.8rem;font-size:1rem;font-weight:700;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#fff;min-width:50px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#333}.number-bet-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 5px 15px #0006}.number-bet-button:disabled{opacity:.5;cursor:not-allowed}.number-bet-button.selected{border-color:gold;box-shadow:0 0 20px #ffd700cc;transform:scale(1.05)}.number-bet-button.red{background:linear-gradient(135deg,#d32f2f,#b71c1c)!important}.number-bet-button.black{background:linear-gradient(135deg,#424242,#212121)!important}.number-bet-button.green{background:linear-gradient(135deg,#2e7d32,#1b5e20)!important}.bet-input-section{text-align:center;margin:1.5rem 0}.bet-input-section input{padding:.75rem 1rem;font-size:1rem;border:2px solid #ffd700;border-radius:10px;background:#ffffff1a;color:#fff;width:100%;max-width:300px;text-align:center}.bet-input-section input:focus{outline:none;box-shadow:0 0 15px #ffd70080}.quick-bet-buttons{display:flex;gap:.5rem;justify-content:center;margin:1rem 0;flex-wrap:wrap}.quick-bet-buttons button{padding:.5rem 1rem;font-size:.9rem;font-weight:700;border:2px solid #ffd700;border-radius:8px;background:#ffd70033;color:gold;cursor:pointer;transition:all .3s ease;min-width:60px}.quick-bet-buttons button:hover:not(:disabled){background:gold;color:#1a472a;transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.quick-bet-buttons button:disabled{opacity:.5;cursor:not-allowed}.total-bet{margin-top:.5rem;font-size:1.1rem;color:gold;font-weight:700}.spin-button{display:block;width:100%;max-width:300px;margin:1.5rem auto;padding:1rem 2rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,gold,#ffb300);color:#1a1a1a;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ffd70066}.spin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #ffd70099}.spin-button:disabled{opacity:.6;cursor:not-allowed;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.roulette-message{text-align:center;font-size:1.2rem;padding:1rem;margin:1rem 0;background:#0000004d;border-radius:10px;border-left:4px solid #ffd700}.selected-bets{text-align:center;margin-top:1rem;padding:1rem;background:#ffffff1a;border-radius:10px}.selected-bets p{margin:0;color:gold}@media(max-width:768px){.roulette-container{padding:1rem}.roulette-wheel-container,.roulette-wheel{width:250px;height:250px}.bet-options{grid-template-columns:repeat(2,1fr);gap:.75rem}.bet-button{padding:.75rem;font-size:.9rem}.spin-button{font-size:1.1rem}}@media(max-width:480px){.roulette-wheel-container,.roulette-wheel{width:200px;height:200px}.wheel-number{width:25px;height:25px;font-size:.6rem}.bet-options{grid-template-columns:1fr}}.result-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:linear-gradient(135deg,#1a472a,#0d2818);border:3px solid #ffd700;border-radius:20px;padding:3rem;max-width:500px;width:90%;box-shadow:0 20px 60px #000c,0 0 40px #ffd70066;animation:slideIn .5s ease;text-align:center}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-icon.winner{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}.modal-title{font-size:2.5rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:3px;font-weight:700}.modal-title.winner{color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 4px rgba(0,0,0,.5);animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(255,215,0,.8),2px 2px 4px rgba(0,0,0,.5)}50%{text-shadow:0 0 40px rgba(255,215,0,1),2px 2px 4px rgba(0,0,0,.5)}}.modal-title.loser{color:#ff6b6b;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.modal-winning-number{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;margin:2rem auto;border:5px solid #ffd700;box-shadow:0 10px 30px #00000080,0 0 30px #ffd70066;animation:popInLarge .6s ease}@keyframes popInLarge{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.modal-winning-number.red{background:linear-gradient(135deg,red,#c00);color:#fff}.modal-winning-number.black{background:linear-gradient(135deg,#2c2c2c,#000);color:#fff}.modal-winning-number.green{background:linear-gradient(135deg,#00a86b,#064);color:#fff}.modal-details{margin:2rem 0;font-size:1.2rem}.modal-details p{margin:1rem 0;color:#ffffffe6}.modal-details span{font-weight:700;font-size:1.3rem}.win-amount span{color:gold}.net-amount.positive span{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.loss-amount span{color:#ff6b6b}.tx-hash{font-size:.9rem;color:#fff9;margin-top:1.5rem;word-break:break-all}.tx-hash span{font-family:monospace;font-size:.85rem}.modal-close-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a472a;border:none;padding:1rem 3rem;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;margin-top:1.5rem;transition:all .3s ease;box-shadow:0 5px 15px #ffd70066;text-transform:uppercase;letter-spacing:2px}.modal-close-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70099;background:linear-gradient(135deg,#ffed4e,gold)}.modal-close-btn:active{transform:translateY(-1px)}.quiz-container{max-width:900px;margin:2rem auto;padding:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 10px 40px #00000080;color:#fff}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-header h2{font-size:2rem;color:#38b6ff;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.quiz-progress{margin-top:1rem}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#38b6ff,#5f72bd);transition:width .3s ease;border-radius:10px}.progress-text{font-size:.9rem;color:#38b6ff;text-align:center}.quiz-content{margin:2rem 0}.question-image{text-align:center;margin-bottom:2rem}.question-image img{max-width:100%;max-height:300px;border-radius:15px;box-shadow:0 5px 20px #0000004d;object-fit:cover}.question-section{background:#38b6ff1a;padding:1.5rem;border-radius:15px;border-left:5px solid #38b6ff;margin-bottom:2rem}.question-text{font-size:1.3rem;color:#fff;margin:0;line-height:1.6}.options-section{display:grid;gap:1rem;margin-bottom:2rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#ffffff0d;border:2px solid rgba(56,182,255,.3);border-radius:12px;color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-button:hover{background:#38b6ff33;border-color:#38b6ff;transform:translate(5px)}.option-button.selected{background:linear-gradient(135deg,#38b6ff,#5f72bd);border-color:#38b6ff;box-shadow:0 5px 20px #38b6ff66;transform:translate(5px)}.option-letter{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#ffffff1a;border-radius:50%;font-weight:700;font-size:1rem;flex-shrink:0}.option-button.selected .option-letter{background:#ffffff4d}.option-text{flex:1}.quiz-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.nav-button{padding:.75rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.prev-button{background:#ffffff1a;color:#fff}.prev-button:hover{background:#fff3;transform:translate(-3px)}.next-button{background:linear-gradient(135deg,#38b6ff,#5f72bd);color:#fff;margin-left:auto}.next-button:hover:not(:disabled){box-shadow:0 5px 20px #38b6ff66;transform:translate(3px)}.next-button:disabled{opacity:.5;cursor:not-allowed}.quiz-result{text-align:center}.quiz-result h2{font-size:2.5rem;color:#38b6ff;margin-bottom:2rem}.score-display{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#38b6ff,#5f72bd);border-radius:20px;box-shadow:0 10px 30px #38b6ff4d}.score-number{font-size:3rem;font-weight:700;margin:0;color:#fff}.score-percentage{font-size:1.5rem;margin:.5rem 0 0;color:#ffffffe6}.result-message{font-size:1.3rem;margin:2rem 0;color:#38b6ff}.result-review{text-align:left;margin:2rem 0;max-height:400px;overflow-y:auto;padding:1rem;background:#0003;border-radius:15px}.result-review h3{color:#38b6ff;margin-bottom:1rem;text-align:center}.review-item{padding:1rem;margin-bottom:1rem;border-radius:10px;border-left:5px solid}.review-item.correct{background:#4caf501a;border-left-color:#4caf50}.review-item.incorrect{background:#f443361a;border-left-color:#f44336}.review-question{font-size:1rem;margin-bottom:.5rem;color:#fff}.review-answer{font-size:.95rem;margin:.3rem 0;color:#fffc}.review-correct{font-size:.95rem;margin:.3rem 0;color:#4caf50;font-weight:700}.restart-button{padding:1rem 3rem;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#38b6ff,#5f72bd);color:#fff;border:none;border-radius:15px;cursor:pointer;margin-top:2rem;transition:all .3s ease;box-shadow:0 5px 20px #38b6ff4d}.restart-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #38b6ff80}@media(max-width:768px){.quiz-container{padding:1.5rem}.quiz-header h2{font-size:1.5rem}.question-text{font-size:1.1rem}.option-button{padding:.75rem 1rem;font-size:1rem}.option-letter{width:30px;height:30px;font-size:.9rem}.nav-button{padding:.6rem 1.5rem;font-size:1rem}.score-number{font-size:2.5rem}.result-review{max-height:300px}}@media(max-width:480px){.quiz-container{padding:1rem}.quiz-navigation{flex-direction:column}.next-button{margin-left:0}.option-button{flex-direction:column;align-items:flex-start;gap:.5rem}}.result-review::-webkit-scrollbar{width:8px}.result-review::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.result-review::-webkit-scrollbar-thumb{background:#38b6ff;border-radius:10px}.result-review::-webkit-scrollbar-thumb:hover{background:#5f72bd}.help-container{max-width:1400px;margin:0 auto;padding:2rem}.help-container h1{font-size:2.5rem;color:#333;margin-bottom:.5rem;text-align:center}.help-subtitle{text-align:center;color:#666;font-size:1.1rem;margin-bottom:3rem}.help-content{display:flex;gap:2rem;margin-bottom:3rem;min-height:600px}.help-sidebar{flex:0 0 300px;background:#f8f9fa;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.help-sidebar h2{font-size:1.3rem;color:#333;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #007bff}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{margin-bottom:.5rem;cursor:pointer;transition:all .3s ease}.guide-item{padding:1rem;border-radius:8px;background:#fff;border:2px solid transparent;transition:all .3s ease}.guide-list li:hover .guide-item{border-color:#007bff;transform:translate(5px)}.guide-list li.active .guide-item{background:#007bff;color:#fff;border-color:#007bff}.guide-item h3{font-size:1rem;margin:0 0 .5rem}.guide-list li.active .guide-item h3,.guide-list li.active .guide-item p{color:#fff}.guide-item p{font-size:.85rem;color:#666;margin:0;line-height:1.4}.help-viewer{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:2px solid #e9ecef}.viewer-header h2{font-size:1.5rem;color:#333;margin:0}.button-group{display:flex;gap:.75rem}.view-btn,.download-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.view-btn{background:#007bff}.view-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.download-btn:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.pdf-container{flex:1;padding:1rem;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.pdf-viewer{width:100%;height:600px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.viewer-footer{padding:1rem 1.5rem;background:#fff3cd;border-top:2px solid #ffc107}.help-text{margin:0;color:#856404;font-size:.95rem}.additional-help{margin-top:3rem;text-align:center}.additional-help h2{font-size:2rem;color:#333;margin-bottom:2rem}.help-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.help-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;text-align:center}.help-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.help-card h3{font-size:1.3rem;color:#333;margin-bottom:1rem}.help-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.help-link{display:inline-block;padding:.75rem 1.5rem;background:#007bff;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.help-link:hover{background:#0056b3;transform:translateY(-2px)}@media(max-width:968px){.help-content{flex-direction:column}.help-sidebar{flex:1;width:100%}.pdf-viewer{height:500px}}@media(max-width:640px){.help-container{padding:1rem}.help-container h1{font-size:2rem}.viewer-header{flex-direction:column;gap:1rem;align-items:stretch}.download-btn{width:100%}.pdf-viewer{height:400px}.help-cards{grid-template-columns:1fr}}.nav-bar{display:flex;justify-content:space-evenly;flex-wrap:nowrap;padding:10px;background-color:#0c0808;overflow-x:auto}.nav-link{text-decoration:none;color:#24a3ac;font-size:18px;margin:0 10px;padding:5px 10px;border-radius:5px;white-space:nowrap}.nav-link:hover{background-color:#24a3ac;color:#0c0808}.wallet-button{background-color:#24a3ac;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.wallet-button:hover{background-color:#1f828c}.disconnect-button{padding:5px 10px;background-color:#ff4d4d;color:#fff;border:none;border-radius:5px;cursor:pointer}.disconnect-button:hover{background-color:#e60000}.page-container{background-color:#0c0808;color:#24a3ac;min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-container{background-color:#2e2d2d;color:#fff}.hero-section{text-align:center;padding:3rem 2rem;margin-bottom:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;box-shadow:0 10px 40px #00000080;max-width:1200px;width:100%}.hero-section h1{font-size:3rem;color:#24a3ac;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInDown .8s ease-out}.hero-subtitle{font-size:1.3rem;color:#fffc;margin:0;font-weight:300;animation:fadeInUp .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-section{padding:2rem 1.5rem}.hero-section h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}}@media(max-width:480px){.hero-section{padding:1.5rem 1rem}.hero-section h1{font-size:1.5rem}.hero-subtitle{font-size:1rem}}.contact-container{background-color:#0c0808;color:#24a3ac}.geesestoken-container{background-color:#1f282c;color:#b2d8d8}@media(max-width:768px){.nav-bar{justify-content:flex-start;padding:5px}.nav-link{font-size:16px;margin:0 5px}.wallet-button,.disconnect-button{font-size:14px}.page-container{padding:10px}}html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;height:100%}body{background-color:#0c0808;color:#24a3ac;font-family:Arial,sans-serif}.popup-notification{position:fixed;bottom:20px;right:20px;background-color:#0c0808;color:#24a3ac;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0003;font-size:16px;z-index:1000;animation:fade-in-out 3s ease-in-out}@keyframes fade-in-out{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(20px)}}.page-container.home-container{max-width:800px;margin:0 auto;padding:20px;text-align:center;color:#faf8f8}.about-project{margin-top:30px;text-align:left;line-height:1.6}.about-project h2{color:#24a3ac;margin-bottom:15px}.about-project a{color:#24a3ac;text-decoration:none}.about-project a:hover{text-decoration:underline}.about-section{display:flex;align-items:center;gap:15px}.metamask-logo-inline{width:40px;height:auto}.page-container.geesestoken-container{max-width:800px;margin:0 auto;padding:20px;text-align:center}input{padding:8px;margin:5px;border:1px solid #ccc;border-radius:4px}button{padding:10px 15px;margin:5px;background-color:#24a3ac;color:#fff;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#1e8c99}h3{color:#24a3ac}.player-card{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:16px;margin:1.5rem 0;box-shadow:0 10px 30px #667eea4d;transition:transform .3s ease,box-shadow .3s ease}.player-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea66}.player-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);border:4px solid rgba(255,255,255,.3);flex-shrink:0}.player-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.player-nickname-label{font-size:.85rem;color:#fffc;text-transform:uppercase;letter-spacing:1px;font-weight:600}.player-nickname-value{font-size:1.8rem;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2);letter-spacing:.5px}.change-nickname-btn{align-self:flex-start;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:.5rem}.change-nickname-btn:hover{background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}.balance-display{background:linear-gradient(135deg,#11998e,#38ef7d);padding:1.5rem 2rem;border-radius:12px;margin:1.5rem 0;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 20px #11998e4d;flex-wrap:wrap;justify-content:center}.balance-label{font-size:1rem;color:#ffffffe6;font-weight:600}.balance-amount{font-size:2rem;color:#fff;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.balance-unit{font-size:1.2rem;color:#ffffffe6;font-weight:500}.check-balance-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin:1rem 0}.check-balance-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.score-display{background:linear-gradient(135deg,#fa709a,#fee140);padding:1.5rem 2rem;border-radius:12px;margin:1.5rem 0;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 20px #fa709a4d;justify-content:center}.score-label{font-size:1rem;color:#000000b3;font-weight:600}.score-value{font-size:2rem;color:#333;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.nickname-section{margin-top:20px;text-align:center;background:#667eea1a;padding:2rem;border-radius:12px;border:2px dashed rgba(102,126,234,.3)}.nickname-section h3{color:#667eea;margin-bottom:1rem}.nickname-input-group{display:flex;gap:.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.nickname-section input{padding:12px 16px;margin:5px;border:2px solid #667eea;border-radius:8px;font-size:16px;min-width:250px;transition:all .3s ease}.nickname-section input:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 3px #667eea33}.nickname-section button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.nickname-section button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.error-message{margin-top:10px;font-size:14px;color:#e74c3c;font-weight:600}.tab-navigation{display:flex;justify-content:center;gap:1rem;margin:2rem 0;border-bottom:2px solid #24a3ac;padding-bottom:0}.tab-button{padding:.75rem 2rem;font-size:1.1rem;font-weight:700;background:transparent;color:#24a3ac;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.tab-button:hover{background:#24a3ac1a;color:#1f828c}.tab-button.active{color:#fff;background:#24a3ac;border-bottom-color:#24a3ac;border-radius:8px 8px 0 0}.tab-content{padding:2rem 1rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.tab-navigation{flex-direction:column;border-bottom:none;gap:.5rem}.tab-button{border-bottom:none;border-left:3px solid transparent;margin-bottom:0;text-align:left;padding:.75rem 1rem}.tab-button.active{border-left-color:#24a3ac;border-radius:0 8px 8px 0}.tab-content{padding:1rem .5rem}}.token-info-section{max-width:900px;margin:0 auto;padding:2rem 1rem}.info-card{background:linear-gradient(135deg,#24a3ac1a,#24a3ac0d);border:2px solid rgba(36,163,172,.3);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.info-card h2{color:#24a3ac;margin-bottom:1rem;font-size:1.8rem}.token-description{font-size:1.1rem;line-height:1.6;color:#ddd;max-width:700px;margin:0 auto}.network-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.info-box{background:#ffffff0d;border:1px solid rgba(36,163,172,.3);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info-box:hover{transform:translateY(-5px);box-shadow:0 8px 20px #24a3ac33;border-color:#24a3ac}.info-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.info-box h3{color:#24a3ac;font-size:1rem;margin:.5rem 0;font-weight:600}.info-box p{margin:.25rem 0;font-size:1.1rem}.info-box strong{color:#fff;font-size:1.2rem}.info-detail{color:#999;font-size:.9rem!important}.features-section{background:#ffffff08;border-radius:12px;padding:2rem;margin-bottom:2rem}.features-section h3{color:#24a3ac;text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#24a3ac1a;border-radius:8px;transition:background .3s ease}.feature-item:hover{background:#24a3ac33}.feature-icon{font-size:2rem;flex-shrink:0}.feature-text{font-size:1.05rem;color:#ddd}.connect-prompt{text-align:center;padding:2rem;background:linear-gradient(135deg,#24a3ac26,#24a3ac0d);border:2px dashed rgba(36,163,172,.5);border-radius:12px;margin-top:2rem}.prompt-text{font-size:1.3rem;color:#24a3ac;margin-bottom:.5rem;font-weight:600}.help-text{font-size:1rem;color:#aaa}.help-text strong{color:#24a3ac}@media(max-width:768px){.network-info-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.features-grid{grid-template-columns:1fr}.info-card{padding:1.5rem 1rem}.info-card h2{font-size:1.5rem}.token-description{font-size:1rem}}@tailwind base;@tailwind components;@tailwind utilities;<meta name="viewport" content="width=device-width, initial-scale=1.0">{}