*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #2E7D32;--primary-green-light: #4CAF50;--text-white: #ffffff;--text-gray: #b0b0b0;--card-bg: #ffffff;--card-border: #e0e0e0;--nav-bg: #1a1a1a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}body{background-color:#0a1a1a;background-image:url(/Background.png);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-white);min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background-color:#f7f9fc;display:flex;justify-content:space-around;align-items:center;padding:12px 0;border-top:1px solid #333}.nav-item{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;transition:background-color .2s}.nav-item:hover{background-color:#0000000d}.nav-item.active{background-color:#4caf5033}.nav-icon{width:24px;height:24px;opacity:.6}.nav-item.active .nav-icon{opacity:1}.nav-icon.rating-icon{width:32px}.ad-banner-container{position:relative;padding:8px 0;overflow:hidden}.ad-banner-slider{position:relative;height:100px;display:flex;align-items:center;justify-content:center}.ad-banner{position:absolute;width:55%;aspect-ratio:1.5 / 1;max-height:90px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .5s ease,opacity .5s ease;overflow:hidden}.ad-banner.placeholder{background-color:#3a3a3a}.banner-image{width:100%;height:100%;object-fit:cover}.ad-banner.center{transform:translate(0);z-index:2;opacity:1}.ad-banner.left{transform:translate(calc(-100% - 8px));z-index:1;opacity:.7}.ad-banner.right{transform:translate(calc(100% + 8px));z-index:1;opacity:.7}.ad-banner-content{display:flex;flex-direction:column;align-items:center;color:#888;font-size:12px;line-height:1.3}.banner-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;transition:all .3s ease;pointer-events:none}.dot.active{background-color:var(--primary-green);width:24px;border-radius:4px}.layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;width:100%}.layout-content{flex:1;padding:16px 16px 80px;overflow-y:auto}.home-page{display:flex;flex-direction:column;gap:20px}.home-title{font-size:22px;font-weight:600;text-align:left;line-height:1.3;color:#fff}.main-content{display:flex;align-items:flex-start;gap:16px}.logo-wrapper{flex-shrink:0;width:130px}.logo-wrapper img{width:100%;height:auto}.texts-wrapper{display:flex;flex-direction:column;gap:20px;flex:1}.info-text{font-size:11.5px;line-height:2;color:#f7f9fc}.invite-text{font-size:20px;color:#f7f9fc;margin-top:8px}.buttons-row{display:flex;gap:12px}.invite-button{flex:1;background-color:#0e3b2e;color:#f7f9fc;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:500;transition:background-color .2s}.invite-button:hover{background-color:#1a7a4a}.invite-button:active{transform:scale(.98)}.copy-button{width:50px;height:50px;background-color:#0e3b2e;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s}.copy-button:hover{background-color:#1a7a4a}.copy-button img{width:24px;height:24px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.club-selector-modal{background-color:#145a3a;border-radius:12px;width:100%;max-width:300px;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;color:#fff;font-size:16px}.modal-close{color:#fff;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#fff3}.clubs-list{background-color:#fff;max-height:300px;overflow-y:auto}.club-option{width:100%;padding:14px 16px;text-align:left;font-size:16px;color:#333;border-bottom:1px solid #eee;transition:background-color .2s}.club-option:last-child{border-bottom:none}.club-option:hover{background-color:#f5f5f5}.club-option.selected{color:var(--primary-green);font-weight:600;text-decoration:underline;text-underline-offset:4px}.clubs-loading{padding:20px;text-align:center;color:#666}.profile-page{display:flex;flex-direction:column;align-items:center;padding-top:20px}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:16px}.avatar-image{width:100%;height:100%;object-fit:cover}.profile-name{font-size:24px;font-weight:600;margin-bottom:16px}.profile-club{display:flex;align-items:center;gap:8px;margin-bottom:24px}.club-label{font-size:16px;color:#f7f9fc}.club-selector{background-color:#0e3b2e;color:#f7f9fc;padding:8px 16px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:8px}.club-arrow{font-size:10px}.profile-stats{display:flex;gap:16px;width:100%;max-width:300px}.stat-card{flex:1;background-color:#0e3b2e;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.stat-label{font-size:14px;opacity:.9}.stat-value{font-size:28px;font-weight:700}.tasks-page{display:flex;flex-direction:column}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-card{background-color:#0e3b2e;border-radius:12px;padding:16px;color:#f7f9fc}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-title{font-size:16px;font-weight:500}.task-xp{background-color:#145a3a;color:#f7f9fc;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.task-actions{display:flex;gap:8px}.task-btn{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.task-btn.start{background-color:#145a3a;color:#f7f9fc}.task-btn.start:hover{background-color:#1a7a4a}.task-btn.verify{background-color:#145a3a;color:#f7f9fc}.task-btn.verify:hover{background-color:#1a7a4a}.task-btn:disabled{opacity:.6;cursor:not-allowed}.tasks-loading,.tasks-empty{text-align:center;padding:40px 20px;color:#888}.clubs-page{display:flex;flex-direction:column}.page-title{font-size:28px;font-weight:600;margin-bottom:20px}.clubs-table{background-color:var(--card-bg);border-radius:12px;overflow:hidden}.table-header{display:flex;padding:12px 16px;background-color:#0e3b2e;font-weight:600;color:#f7f9fc;font-size:14px}.table-row{display:flex;padding:12px 16px;color:#f7f9fc;transition:background-color .2s}.table-row:hover,.table-row.even,.table-row.odd{background-color:#0e3b2e}.col-rank{width:40px;flex-shrink:0}.col-name{flex:1;font-weight:500}.col-xp{width:60px;text-align:right;color:#f7f9fc;font-weight:600}.clubs-loading{text-align:center;padding:40px 20px;color:#888}.club-page{display:flex;flex-direction:column}.club-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.club-badge{width:40px;height:40px;border-radius:50%;background-color:#145a3a}.club-badge-img{width:40px;height:40px;border-radius:50%;object-fit:cover}.club-name{font-size:24px;font-weight:600}.players-table{background-color:var(--card-bg);border-radius:12px;overflow:hidden}.players-table .table-header{display:flex;padding:12px 16px;background-color:#0e3b2e;font-weight:600;color:#f7f9fc;font-size:14px}.players-table .table-row{display:flex;padding:12px 16px;color:#f7f9fc}.players-table .table-row.even,.players-table .table-row.odd{background-color:#0e3b2e}.players-table .col-rank{width:40px;flex-shrink:0}.players-table .col-name{flex:1;font-weight:500}.players-table .col-xp{width:60px;text-align:right;color:#f7f9fc;font-weight:600}.club-loading,.club-error,.players-empty{text-align:center;padding:40px 20px;color:#888}