:root{--bg-color: var(--tg-theme-bg-color, #1a1a2e);--text-color: var(--tg-theme-text-color, #ffffff);--hint-color: var(--tg-theme-hint-color, #999999);--link-color: var(--tg-theme-link-color, #5cabff);--button-color: var(--tg-theme-button-color, #5cabff);--button-text-color: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #2d2d44)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;padding:16px}.container{max-width:100%;margin:0 auto}.header{text-align:center;margin-bottom:20px}.header h1{font-size:20px;font-weight:600;margin-bottom:4px}.header .group-name{font-size:14px;color:var(--hint-color)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--hint-color)}.spinner{width:32px;height:32px;border:3px solid var(--secondary-bg);border-top-color:var(--button-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;padding:40px 20px;color:var(--hint-color)}.error-icon{font-size:48px;margin-bottom:16px}.error h2{font-size:18px;margin-bottom:8px;color:var(--text-color)}.error p{font-size:14px}.rating-list{display:flex;flex-direction:column;gap:8px}.rating-item{display:flex;align-items:center;padding:12px;background-color:var(--secondary-bg);border-radius:12px;gap:12px}.rating-item.current-user{background-color:var(--button-color);color:var(--button-text-color)}.rating-item.current-user .player-stats{color:var(--button-text-color);opacity:.8}.position{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border-radius:50%;background-color:#ffffff1a;flex-shrink:0}.position.gold{background-color:gold;color:#000}.position.silver{background-color:silver;color:#000}.position.bronze{background-color:#cd7f32;color:#000}.player-info{flex:1;min-width:0}.player-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats{font-size:12px;color:var(--hint-color);margin-top:2px}.player-points{font-weight:700;font-size:16px;flex-shrink:0}.player-level{font-size:11px;color:var(--hint-color);text-align:right}.empty-state{text-align:center;padding:40px 20px;color:var(--hint-color)}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state h2{font-size:18px;margin-bottom:8px;color:var(--text-color)}.auth-prompt{text-align:center;padding:40px 20px}.auth-prompt h2{font-size:18px;margin-bottom:12px}.auth-prompt p{font-size:14px;color:var(--hint-color);margin-bottom:20px}.auth-button{background-color:var(--button-color);color:var(--button-text-color);border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.auth-button:active{opacity:.8}.tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.tab{padding:8px 16px;background-color:var(--secondary-bg);border:none;border-radius:20px;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0}.tab.active{background-color:var(--button-color);color:var(--button-text-color)}.tab:active{opacity:.8}.logo{font-size:48px;margin-bottom:8px}.welcome-text{font-size:14px;color:var(--hint-color);margin-top:4px}.menu{display:flex;flex-direction:column;gap:12px;margin-top:24px}.menu-button{display:flex;align-items:center;width:100%;padding:16px;background-color:var(--secondary-bg);border:none;border-radius:12px;color:var(--text-color);font-size:16px;cursor:pointer;text-align:left;transition:transform .1s,opacity .1s}.menu-button:active:not(.disabled){transform:scale(.98);opacity:.9}.menu-button.disabled{opacity:.5;cursor:not-allowed}.menu-icon{font-size:24px;margin-right:12px;flex-shrink:0}.menu-text{flex:1;font-weight:500}.menu-arrow{font-size:18px;color:var(--hint-color)}.menu-soon{font-size:11px;color:var(--hint-color);background-color:#ffffff1a;padding:4px 8px;border-radius:10px}.menu-section{margin-top:8px;display:flex;flex-direction:column;gap:8px}.menu-section-title{font-size:13px;font-weight:600;color:var(--hint-color);text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px}.group-badge{display:inline-block;font-size:12px;color:var(--button-color);background-color:#5cabff26;padding:4px 10px;border-radius:12px;margin-top:8px}