:root{--bg-color: #1a1a2e;--card-bg: #16213e;--primary-text: #E27429;--secondary-text: #f0f0f0;--border-color: #0f3460;--button-bg: #E26313;--button-hover: #D35400;--button-disabled: #555;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--input-bg: #2a2a4e;--table-header-bg: #1f2a4d;--table-row-hover-bg: #2a3b5f;--error-text: #ff6b6b;--banner-bg: #0f172a;--banner-text: #cbd5e1;--copied-success-color: #4ade80;--modal-backdrop-color: rgba(0, 0, 0, .7);--modal-content-bg: #1e294b;--reward-item-border: #2a3b5f}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--secondary-text);display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:110px;box-sizing:border-box}.donation-banner{background-color:var(--banner-bg);color:var(--banner-text);text-align:center;padding:12px 20px;width:100%;box-sizing:border-box;font-size:.9em;position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid var(--border-color)}.donation-banner p{margin:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#walletAddress{color:var(--primary-text);cursor:pointer;text-decoration:none;font-weight:700;margin-left:5px;padding:2px 4px;border-radius:4px;transition:background-color .2s ease,color .2s ease}#walletAddress:hover,#walletAddress:focus{text-decoration:underline;background-color:var(--input-bg)}.copy-feedback{margin-left:8px;font-style:italic;font-size:.9em;min-width:60px;display:inline-block;text-align:left}.copy-feedback.success{color:var(--copied-success-color)}#donate-button{background-color:var(--button-bg);color:var(--secondary-text);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-size:.9em;margin-top:8px}#donate-button:hover,#donate-button:focus{background-color:var(--button-hover);outline:2px solid var(--primary-text);outline-offset:2px}#donate-button:disabled{background-color:var(--button-disabled);cursor:not-allowed;border-color:#444}.container{background-color:var(--card-bg);padding:20px 30px;border-radius:12px;box-shadow:0 8px 16px #0000004d;width:100%;max-width:800px;text-align:center;margin-top:10px}header h1{color:var(--primary-text);margin-bottom:25px;font-size:2.5em}.controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px;flex-wrap:wrap}#searchInput,#leaderboardSelect{padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--secondary-text);font-size:1em;outline:none;transition:border-color .3s ease}#searchInput:focus,#leaderboardSelect:focus{border-color:var(--primary-text)}#searchInput{flex-grow:1;min-width:200px}#leaderboardSelect{cursor:pointer;min-width:180px}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px;margin-top:10px}#leaderboardTable{width:100%;border-collapse:collapse}#leaderboardTable th,#leaderboardTable td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}#leaderboardTable th{background-color:var(--table-header-bg);color:var(--primary-text);font-weight:600;text-transform:uppercase;letter-spacing:.5px}#leaderboardTable th:last-child,#leaderboardTable td:last-child{text-align:center}#leaderboardTable tbody tr:nth-child(2n){background-color:var(--input-bg)}#leaderboardTable tbody tr:hover{background-color:var(--table-row-hover-bg)}#leaderboardTable td{color:var(--secondary-text)}#leaderboardTable th:nth-child(2),#leaderboardTable td:nth-child(2){width:48px;padding:6px;text-align:center}#leaderboardTable td:nth-child(4){text-align:right}#leaderboardTable tbody tr:last-child td{border-bottom:none}.player-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;vertical-align:middle;background-color:var(--input-bg);border:1px solid var(--border-color)}.status-message{margin-top:20px;padding:15px;border-radius:6px;font-size:1em;text-align:center;display:none}.status-message.error{background-color:#ff6b6b1a;color:var(--error-text);border:1px solid var(--error-text)}.status-message.info{background-color:#6ba3ff1a;color:#a0c4ff;border:1px solid #6ba3ff}.rewards-button{background-color:transparent;border:1px solid var(--primary-text);color:var(--primary-text);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:1.2em;line-height:1;transition:background-color .2s ease,color .2s ease}.rewards-button:hover,.rewards-button:focus{background-color:var(--primary-text);color:var(--card-bg);outline:none}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center}.modal.active{display:flex}.modal-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--modal-backdrop-color);z-index:-1}.modal-content{background-color:var(--modal-content-bg);margin:auto;padding:25px 30px;border:1px solid var(--border-color);border-radius:10px;width:90%;max-width:500px;box-shadow:0 5px 15px #00000080;position:relative;color:var(--secondary-text);text-align:left}.modal-close{color:var(--secondary-text);float:right;font-size:28px;font-weight:700;background:none;border:none;cursor:pointer;line-height:1;padding:0 5px}.modal-close:hover,.modal-close:focus{color:var(--primary-text);text-decoration:none;outline:none}#modalTitle{margin-top:0;margin-bottom:20px;color:var(--primary-text);font-size:1.8em}#modalPlayerName{font-weight:400;color:var(--secondary-text)}.rewards-list{max-height:300px;overflow-y:auto;padding-right:10px}.rewards-list p{margin:8px 0;padding:8px 0;border-bottom:1px solid var(--reward-item-border);font-size:1em}.rewards-list p:last-child{border-bottom:none}.rewards-list .reward-name{font-weight:700;color:var(--primary-text)}.rewards-list .reward-value{color:var(--secondary-text)}.rewards-list .no-rewards{font-style:italic;color:var(--banner-text)}@media (max-width: 768px){.donation-banner p{flex-direction:column;align-items:center}#walletAddress{margin-left:0;margin-top:4px}.copy-feedback{margin-left:0;margin-top:4px;text-align:center}body{padding-top:140px}.modal-content{width:90%;padding:20px}#modalTitle{font-size:1.5em}}@media (max-width: 600px){.container{padding:15px;margin-top:5px}header h1{font-size:2em}.controls{flex-direction:column;align-items:stretch}#searchInput,#leaderboardSelect{width:100%;box-sizing:border-box}#leaderboardTable th,#leaderboardTable td{padding:10px 8px;font-size:.9em}body{padding-top:150px}.donation-banner{padding:10px 15px;font-size:.85em}.rewards-button{padding:4px 8px;font-size:1em}}
