*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#1d9e75;--green-light:#e1f5ee;--green-mid:#5dcaa5;--green-dark:#0f6e56;--green-text:#085041;--bg:#f5f5f3;--surface:#fff;--border:#0000001a;--border-mid:#0000002e;--text:#1a1a1a;--text-2:#6b6b68;--text-3:#a0a09c;--radius-md:8px;--radius-lg:12px;--phone-w:390px;--phone-h:760px}@media (prefers-color-scheme:dark){:root{--bg:#111110;--surface:#1c1c1a;--border:#ffffff1a;--border-mid:#ffffff2e;--text:#f0f0ee;--text-2:#9a9a96;--text-3:#5a5a58;--green-light:#04342c;--green-text:#9fe1cb}}html[data-theme=dark]{--bg:#111110;--surface:#1c1c1a;--border:#ffffff1a;--border-mid:#ffffff2e;--text:#f0f0ee;--text-2:#9a9a96;--text-3:#5a5a58;--green-light:#04342c;--green-text:#9fe1cb}html[data-theme=light]{--bg:#f5f5f3;--surface:#fff;--border:#0000001a;--border-mid:#0000002e;--text:#1a1a1a;--text-2:#6b6b68;--text-3:#a0a09c;--green-light:#e1f5ee;--green-text:#085041}body,html{background:#f5f5f3;background:var(--bg);font-family:-apple-system,SF Pro Text,Helvetica Neue,sans-serif;height:100%}.phone-shell{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 16px}.app{background:#fff;background:var(--surface);border-radius:40px;box-shadow:0 24px 80px #0000002e,0 0 0 1px #00000014;display:flex;flex-direction:column;flex-shrink:0;height:760px;height:var(--phone-h);overflow:hidden;position:relative;width:390px;width:var(--phone-w)}@media (max-width:480px){.phone-shell{align-items:stretch;min-height:100dvh;padding:0}.app{border-radius:0;box-shadow:none;height:100dvh;height:-webkit-fill-available;width:100%}}.header{align-items:center;background:#fff;background:var(--surface);border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.logo{color:#1a1a1a;color:var(--text);font-size:20px;font-weight:700;letter-spacing:-.5px}.logo em{color:#1d9e75;color:var(--green);font-style:normal}.content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:14px}.content::-webkit-scrollbar{display:none}.content{scrollbar-width:none}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-input-wrap{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#a0a09c;color:var(--text-3);left:11px;pointer-events:none;position:absolute}.search-input{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);font-family:inherit;font-size:13px;height:38px;outline:none;padding:0 32px;transition:border-color .15s;width:100%}.search-input:focus{border-color:#1d9e75;border-color:var(--green)}.search-clear{background:none;border:none;color:#a0a09c;color:var(--text-3);cursor:pointer;font-size:17px;line-height:1;padding:0;position:absolute;right:10px}.filter-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;position:relative;transition:background .15s;width:38px}.filter-btn:hover{background:#f5f5f3;background:var(--bg)}.filter-count{align-items:center;background:#1d9e75;background:var(--green);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.active-filter-chip{align-items:center;background:#e1f5ee;background:var(--green-light);border-radius:20px;color:#085041;color:var(--green-text);display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.active-filter-chip button{background:none;border:none;color:#085041;color:var(--green-text);cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0}.active-filter-chip button:hover{opacity:1}.results-count{color:#a0a09c;color:var(--text-3);font-size:11px;font-weight:500;margin-bottom:8px}.game-card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:border-color .15s,transform .1s}.game-card:hover{border-color:#0000002e;border-color:var(--border-mid)}.game-card:active{transform:scale(.99)}.card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:9px}.sport-badge{gap:9px}.sport-badge,.sport-icon{align-items:center;display:flex}.sport-icon{border-radius:9px;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.sport-name-row{align-items:center;display:flex}.sport-name{color:#1a1a1a;color:var(--text);font-size:14px;font-weight:600}.sport-count{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:1px}.card-top-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.spots-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:600;padding:3px 8px}.spots-open{background:#e1f5ee;color:#085041}.spots-few{background:#faeeda;color:#633806}.spots-full{background:#fcebeb;color:#501313}@media (prefers-color-scheme:dark){.spots-open{background:#04342c;color:#9fe1cb}.spots-few{background:#412402;color:#fac775}.spots-full{background:#501313;color:#f7c1c1}}html[data-theme=dark] .spots-open{background:#04342c;color:#9fe1cb}html[data-theme=dark] .spots-few{background:#412402;color:#fac775}html[data-theme=dark] .spots-full{background:#501313;color:#f7c1c1}html[data-theme=light] .spots-open{background:#e1f5ee;color:#085041}html[data-theme=light] .spots-few{background:#faeeda;color:#633806}html[data-theme=light] .spots-full{background:#fcebeb;color:#501313}.skill-badge{border-radius:20px;font-size:10px;font-weight:600;padding:3px 8px}.card-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.meta-row{align-items:center;color:#6b6b68;color:var(--text-2);display:flex;font-size:12px;gap:5px}.meta-icon{flex-shrink:0;height:12px;opacity:.5;width:12px}.cost-meta{color:#1d9e75;color:var(--green);font-weight:500}.card-footer{border-top:.5px solid #0000001a;border-top:.5px solid var(--border);justify-content:space-between;padding-top:10px}.card-footer,.host-info{align-items:center;display:flex}.host-info{gap:6px}.host-name{color:#a0a09c;color:var(--text-3);font-size:11px}.join-btn{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:7px;color:#1a1a1a;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 13px;transition:all .15s}.join-btn:hover{background:#f5f5f3;background:var(--bg)}.join-btn.joined{background:#1d9e75;background:var(--green);border-color:#1d9e75;border-color:var(--green);color:#fff}.join-btn.request{color:#6b6b68;color:var(--text-2)}.join-btn:disabled{cursor:not-allowed;opacity:.35}.join-btn.cancel-req{background:#faeeda;border-color:#ef9f27;color:#633806}.join-btn.cancel-req:hover{background:#f5c4b3;border-color:#d85a30;color:#4a1b0c}.join-btn.waitlisted{background:#f0eefb;border-color:#9b8fe0;color:#3c3489}.pending-badge{background:#faeeda;border-radius:20px;color:#633806;font-size:10px;font-weight:600;margin-left:2px;padding:2px 7px}@media (prefers-color-scheme:dark){.pending-badge{background:#412402;color:#fac775}}.empty{color:#a0a09c;color:var(--text-3);font-size:14px;line-height:1.7;padding:48px 16px;text-align:center}.empty-icon{font-size:38px;margin-bottom:10px}.empty-link{color:#1d9e75;color:var(--green);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.drawer-overlay,.modal-overlay{align-items:flex-end;animation:fadein .18s ease;background:#00000073;border-radius:inherit;display:flex;inset:0;overflow:hidden;position:absolute;z-index:50}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.drawer{animation:slideup .22s ease;background:#fff;background:var(--surface);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:88%;padding:10px 18px 20px;width:100%}.drawer-scroll{flex:1 1;overflow-y:auto;padding-bottom:4px;scrollbar-width:none}.drawer-scroll::-webkit-scrollbar{display:none}.drawer-submit{flex-shrink:0;margin-top:12px}.modal{animation:slideup .22s ease;background:#fff;background:var(--surface);border-radius:20px 20px 0 0;max-height:88%;overflow-y:auto;padding:10px 18px 28px;scrollbar-width:none;width:100%}.modal::-webkit-scrollbar{display:none}.modal-handle{background:#0000002e;background:var(--border-mid);border-radius:2px;flex-shrink:0;height:4px;margin:0 auto 14px;width:32px}.modal-sport-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.modal-sport-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:46px;justify-content:center;width:46px}.modal-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.modal-title{color:#1a1a1a;color:var(--text);font-size:16px;font-weight:700;line-height:1.2}.modal-sub{color:#6b6b68;color:var(--text-2);font-size:12px;margin-top:3px}.modal-section{margin-bottom:16px}.modal-section-title{color:#a0a09c;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:7px;text-transform:uppercase}.detail-row{align-items:center;border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b6b68;color:var(--text-2)}.detail-val{color:#1a1a1a;color:var(--text);font-weight:500;max-width:55%;text-align:right}.cost-highlight{color:#1d9e75;color:var(--green);font-weight:600}.players-list{display:flex;flex-wrap:wrap;gap:6px}.player-chip{align-items:center;border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:20px;color:#6b6b68;color:var(--text-2);display:flex;font-size:12px;gap:5px;padding:3px 9px}.no-players{color:#a0a09c;color:var(--text-3);font-size:12px}.privacy-pill{border-radius:20px;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 7px}.privacy-pill.public{background:#e1f5ee;color:#085041}.privacy-pill.private{background:#faeeda;color:#633806}@media (prefers-color-scheme:dark){.privacy-pill.public{background:#04342c;color:#9fe1cb}.privacy-pill.private{background:#412402;color:#fac775}}.modal-action-btn{background:#1d9e75;background:var(--green);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:4px;padding:13px;transition:all .15s;width:100%}.modal-action-btn:hover{background:#0f6e56;background:var(--green-dark)}.modal-action-btn.leave{background:#f5f5f3;background:var(--bg);border:.5px solid #0000002e;border:.5px solid var(--border-mid);color:#6b6b68;color:var(--text-2)}.modal-action-btn.requested{color:#a0a09c;color:var(--text-3)}.modal-action-btn.requested,.modal-action-btn:disabled{background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);cursor:not-allowed}.modal-action-btn:disabled{color:#6b6b68;color:var(--text-2);opacity:.35}.modal-action-btn:active{transform:scale(.99)}.modal-action-btn.disabled-action{background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);color:#a0a09c;color:var(--text-3);cursor:not-allowed}.modal-action-btn.cancel-req{background:#faeeda;border:.5px solid #ef9f27;color:#633806}.modal-action-btn.cancel-req:hover{background:#f5c4b3}.modal-action-btn.waitlist-btn{background:#fff;background:var(--surface);border:1.5px solid #0000002e;border:1.5px solid var(--border-mid);color:#1a1a1a;color:var(--text)}.modal-action-btn.waitlist-btn:hover{border-color:#5dcaa5;border-color:var(--green-mid);color:#085041;color:var(--green-text)}.request-list{display:flex;flex-direction:column;gap:7px}.request-row{background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);justify-content:space-between;padding:9px 11px}.request-info,.request-row{align-items:center;display:flex}.request-info{gap:8px}.request-name{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:500}.request-actions{display:flex;gap:6px}.req-deny{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:6px;color:#6b6b68;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 11px;transition:all .15s}.req-deny:hover{background:#fcebeb;border-color:#f09595;color:#a32d2d}.req-approve{background:#1d9e75;background:var(--green);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 11px;transition:all .15s}.req-approve:hover{background:#0f6e56;background:var(--green-dark)}.form-section{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:12px;padding:14px}.form-group{margin-bottom:13px}.form-group:last-child{margin-bottom:0}.form-label{color:#a0a09c;color:var(--text-3);display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{appearance:none;background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:9px 11px;transition:border-color .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1d9e75;border-color:var(--green)}.form-textarea{height:68px;line-height:1.5;resize:none}.form-row{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr}.sport-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(4,1fr)}.sport-select-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:3px;padding:8px 4px;transition:all .15s}.sport-select-btn:hover{border-color:#0000002e;border-color:var(--border-mid)}.sport-select-btn.selected{background:#e1f5ee;background:var(--green-light);border-color:#5dcaa5;border-color:var(--green-mid)}.s-icon{font-size:18px}.s-label{color:#a0a09c;color:var(--text-3);font-size:9px;font-weight:500;text-align:center}.sport-select-btn.selected .s-label{color:#085041;color:var(--green-text)}.form-error{color:#a32d2d;font-size:12px;margin-bottom:10px}.submit-btn{background:#1d9e75;background:var(--green);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:all .15s;width:100%}.submit-btn:hover{background:#0f6e56;background:var(--green-dark)}.submit-btn:active{transform:scale(.99)}.privacy-toggle{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr}.privacy-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;font-family:inherit;gap:9px;padding:10px 11px;text-align:left;transition:all .15s}.privacy-btn:hover{border-color:#0000002e;border-color:var(--border-mid)}.privacy-btn.active{background:#e1f5ee;background:var(--green-light);border-color:#5dcaa5;border-color:var(--green-mid)}.privacy-btn svg{color:#a0a09c;color:var(--text-3);flex-shrink:0}.privacy-btn.active svg{color:#0f6e56;color:var(--green-dark)}.privacy-btn-label{color:#1a1a1a;color:var(--text);font-size:12px;font-weight:600;margin-bottom:1px}.privacy-btn.active .privacy-btn-label{color:#085041;color:var(--green-text)}.privacy-btn-desc{color:#a0a09c;color:var(--text-3);font-size:10px}.privacy-btn.active .privacy-btn-desc{color:#0f6e56;color:var(--green-dark)}.cost-row{align-items:center;display:flex;gap:10px}.cost-input-wrap{flex:1 1;position:relative}.cost-prefix{color:#6b6b68;color:var(--text-2);font-size:13px;left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cost-input{padding-left:22px}.cost-preview{align-items:center;background:#e1f5ee;background:var(--green-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-direction:column;flex-shrink:0;padding:7px 12px}.cost-preview-amt{color:#085041;color:var(--green-text);font-size:15px;font-weight:700}.cost-preview-label{color:#0f6e56;color:var(--green-dark);font-size:9px;margin-top:1px}.cost-note{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:5px}.skill-options{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr}.skill-option{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;padding:9px 10px;text-align:left;transition:all .15s}.skill-option.active{background:#e1f5ee;background:var(--green-light);border-color:#5dcaa5;border-color:var(--green-mid)}.skill-option-label{color:#1a1a1a;color:var(--text);font-size:12px;font-weight:600;margin-bottom:1px}.skill-option.active .skill-option-label{color:#085041;color:var(--green-text)}.skill-option-desc{color:#a0a09c;color:var(--text-3);font-size:10px}.skill-option.active .skill-option-desc{color:#0f6e56;color:var(--green-dark)}.filter-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:16px}.filter-title{color:#1a1a1a;color:var(--text);font-size:16px;font-weight:700}.filter-reset{background:none;border:none;color:#1d9e75;color:var(--green);cursor:pointer;font-family:inherit;font-size:13px;padding:0}.filter-section{margin-bottom:16px}.filter-section-label{align-items:center;color:#a0a09c;color:var(--text-3);display:flex;font-size:10px;font-weight:600;justify-content:space-between;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.filter-section-val{color:#1d9e75;color:var(--green);font-weight:500}.radius-chips{display:flex;flex-wrap:wrap;gap:6px}.radius-chip{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:20px;color:#6b6b68;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.radius-chip.active{background:#e1f5ee;background:var(--green-light);border-color:#5dcaa5;border-color:var(--green-mid);color:#085041;color:var(--green-text)}.filter-sport-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.filter-sport-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:17px;gap:3px;padding:7px 4px;transition:all .15s}.filter-sport-btn span:last-child{color:#a0a09c;color:var(--text-3);font-size:9px;font-weight:500}.filter-sport-btn.active{background:#e1f5ee;background:var(--green-light);border-color:#5dcaa5;border-color:var(--green-mid)}.filter-sport-btn.active span:last-child{color:#085041;color:var(--green-text)}.date-clear{background:none;border:none;color:#a0a09c;color:var(--text-3);cursor:pointer;font-family:inherit;font-size:12px;margin-top:6px;padding:0;text-decoration:underline;text-underline-offset:2px}.bottom-nav{background:#fff;background:var(--surface);border-top:.5px solid #0000001a;border-top:.5px solid var(--border);display:flex;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tab{align-items:center;background:none;border:none;color:#a0a09c;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:3px;justify-content:center;min-width:0;padding:10px 4px 8px;transition:color .15s}.bottom-tab.active{color:#1d9e75;color:var(--green)}.bottom-tab-icon-wrap{align-items:center;display:flex;justify-content:center;position:relative}.bottom-tab-label{font-size:9px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-notif-dot{background:#e24b4a;border:1.5px solid #fff;border:1.5px solid var(--surface);border-radius:8px;color:#fff;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 3px;position:absolute;right:-6px;top:-4px}.bottom-notif-dot,.header-user{align-items:center;display:flex}.header-user{gap:7px}.header-avatar{align-items:center;border-radius:50%;color:#085041;color:var(--green-text);display:flex;flex-shrink:0;font-weight:700;height:26px;justify-content:center;width:26px}.header-avatar,.header-balance{background:#e1f5ee;background:var(--green-light);font-size:12px}.header-balance{border-radius:20px;color:#1d9e75;color:var(--green);font-weight:600;padding:3px 8px}.header-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.auth-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px 24px}.auth-logo{color:#1a1a1a;color:var(--text);font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:6px}.auth-logo em{color:#1d9e75;color:var(--green);font-style:normal}.auth-tagline{color:#a0a09c;color:var(--text-3);font-size:14px;margin-bottom:36px}.auth-card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:20px;width:100%}.auth-tabs{background:#f5f5f3;background:var(--bg);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);display:flex;margin-bottom:20px;padding:3px}.auth-tab{background:none;border:none;border-radius:6px;color:#6b6b68;color:var(--text-2);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:8px;transition:all .15s}.auth-tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 4px #0000001a;color:#1a1a1a;color:var(--text)}.auth-fields{gap:12px;margin-bottom:16px}.auth-field-group,.auth-fields{display:flex;flex-direction:column}.auth-field-group{gap:5px}.auth-label{color:#a0a09c;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.auth-input{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.auth-input:focus{border-color:#1d9e75;border-color:var(--green)}.auth-error{background:#fcebeb;border-radius:8px;border-radius:var(--radius-md);color:#a32d2d;font-size:12px;margin-bottom:12px;padding:8px 10px}@media (prefers-color-scheme:dark){.auth-error{background:#501313;color:#f7c1c1}}.auth-submit{background:#1d9e75;background:var(--green);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:all .15s;width:100%}.auth-submit:hover{background:#0f6e56;background:var(--green-dark)}.auth-submit.loading{cursor:not-allowed;opacity:.6}.auth-submit:active{transform:scale(.99)}.auth-hint{color:#a0a09c;color:var(--text-3);font-size:12px;margin-top:12px;text-align:center}.notif-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.mark-all-read{background:none;border:none;color:#1d9e75;color:var(--green);cursor:pointer;font-family:inherit;font-size:12px;padding:0}.notif-list{display:flex;flex-direction:column;gap:6px}.notif-item{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:12px;padding:12px 13px;transition:border-color .15s}.notif-item.unread{background:#e1f5ee;background:var(--green-light);border-color:#1d9e7533}@media (prefers-color-scheme:dark){.notif-item.unread{background:#1d9e7514}}.notif-item:hover{border-color:#0000002e;border-color:var(--border-mid)}.notif-icon-wrap{flex-shrink:0;position:relative}.notif-sport-icon{align-items:center;background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.notif-type-icon{bottom:-3px;font-size:13px;line-height:1;position:absolute;right:-3px}.notif-body{flex:1 1;min-width:0}.notif-title{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:500;line-height:1.4;margin-bottom:3px}.notif-item.unread .notif-title{font-weight:600}.notif-sub{color:#a0a09c;color:var(--text-3);font-size:11px}.notif-dot{background:#1d9e75;background:var(--green);border-radius:50%;flex-shrink:0;height:8px;width:8px}.modal-credit-row{align-items:center;background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-top:8px;padding:8px 10px}.modal-credit-balance{color:#6b6b68;color:var(--text-2);font-size:12px}.modal-credit-balance strong{color:#1a1a1a;color:var(--text)}.modal-topup-link{background:none;border:none;color:#1d9e75;color:var(--green);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:0}.leave-confirm{align-items:center;display:flex;flex-direction:column;padding:12px 0 4px;text-align:center}.leave-confirm-icon{font-size:40px;margin-bottom:12px}.leave-confirm-title{color:#1a1a1a;color:var(--text);font-size:18px;font-weight:700;margin-bottom:5px}.leave-confirm-sub{color:#6b6b68;color:var(--text-2);font-size:13px;margin-bottom:14px}.leave-confirm-refund{margin-bottom:20px}.refund-pill{background:#e1f5ee;background:var(--green-light);border-radius:20px;color:#085041;color:var(--green-text);display:inline-block;font-size:12px;font-weight:600;padding:5px 12px}.leave-confirm-actions{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-top:4px;width:100%}.leave-cancel-btn{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:all .15s}.leave-cancel-btn:hover{background:#f5f5f3;background:var(--bg)}.leave-confirm-btn{background:#e24b4a;border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px;transition:all .15s}.leave-confirm-btn:hover{background:#a32d2d}.wallet-balance-card{background:linear-gradient(135deg,#0f6e56,#1d9e75);background:linear-gradient(135deg,var(--green-dark),var(--green));border-radius:12px;border-radius:var(--radius-lg);color:#fff;margin-bottom:8px;padding:24px;text-align:center}.wallet-balance-label{font-size:12px;margin-bottom:8px;opacity:.8}.wallet-balance-amount{font-size:36px;font-weight:800;margin-bottom:16px}.wallet-topup-btn{background:#fff3;border:1.5px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 20px}.wallet-section{margin-bottom:20px}.wallet-section-title{color:#a0a09c;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.wallet-confirm-card{padding:24px 0;text-align:center}.wallet-confirm-icon{font-size:40px;margin-bottom:12px}.wallet-confirm-title{color:#1a1a1a;color:var(--text);font-size:16px;font-weight:700;margin-bottom:8px}.wallet-confirm-amount{color:#1d9e75;color:var(--green);font-size:32px;font-weight:800;margin-bottom:6px}.wallet-confirm-method{color:#6b6b68;color:var(--text-2);font-size:13px}.topup-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.topup-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;padding:11px 4px;transition:all .15s}.topup-btn:hover{border-color:#5dcaa5;border-color:var(--green-mid)}.topup-btn.active{background:#e1f5ee;background:var(--green-light);border-color:#1d9e75;border-color:var(--green)}.topup-amt{color:#1a1a1a;color:var(--text);font-size:15px;font-weight:700}.topup-btn.active .topup-amt{color:#085041;color:var(--green-text)}.topup-credits{color:#a0a09c;color:var(--text-3);font-size:10px}.topup-btn.active .topup-credits{color:#0f6e56;color:var(--green-dark)}.topup-success{background:#e1f5ee;background:var(--green-light);border-radius:8px;border-radius:var(--radius-md);color:#1d9e75;color:var(--green);font-size:14px;font-weight:600;padding:12px;text-align:center}.disabled-btn{cursor:not-allowed;opacity:.45}.wallet-empty{color:#a0a09c;color:var(--text-3);font-size:13px;padding:12px 0}.tx-list{display:flex;flex-direction:column;gap:6px}.tx-row{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:11px;padding:10px 12px}.tx-icon-wrap{flex-shrink:0}.tx-icon{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.tx-topup{background:#e1f5ee;color:#085041}.tx-join{background:#faeeda;color:#633806}.tx-refund{background:#e6f1fb;color:#0c447c}.tx-body{flex:1 1;min-width:0}.tx-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:500}.tx-time{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:1px}.tx-amount{flex-shrink:0;font-size:14px;font-weight:700}.tx-amount-topup{color:#1d9e75;color:var(--green)}.tx-amount-join{color:#6b6b68;color:var(--text-2)}.tx-amount-refund{color:#185fa5}.pay-method-list{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.pay-method-btn{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 14px;text-align:left;transition:all .15s;width:100%}.pay-method-btn:hover{border-color:#5dcaa5;border-color:var(--green-mid)}.pay-method-btn.active{background:#e1f5ee;background:var(--green-light);border-color:#1d9e75;border-color:var(--green)}.pay-method-icon{flex-shrink:0;font-size:20px}.pay-method-body{flex:1 1}.pay-method-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:600}.pay-method-btn.active .pay-method-label{color:#085041;color:var(--green-text)}.pay-method-detail{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:1px}.pay-method-radio{border:1.5px solid #0000002e;border:1.5px solid var(--border-mid);border-radius:50%;flex-shrink:0;height:17px;transition:all .15s;width:17px}.pay-method-radio.checked{background:#1d9e75;background:var(--green);border-color:#1d9e75;border-color:var(--green);box-shadow:inset 0 0 0 3px #fff;box-shadow:inset 0 0 0 3px var(--surface)}.topup-step-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:auto 1fr}.step-back-btn{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#6b6b68;color:var(--text-2);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .15s;white-space:nowrap}.step-back-btn:hover{background:#f5f5f3;background:var(--bg)}.step-continue{width:100%}.confirm-card{border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden}.confirm-row{align-items:center;border-bottom:.5px solid #0000001a;border-bottom:.5px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:11px 14px}.confirm-row:last-child{border-bottom:none}.confirm-total{background:#f5f5f3;background:var(--bg)}.confirm-label{color:#6b6b68;color:var(--text-2)}.confirm-val{color:#1a1a1a;color:var(--text);font-weight:600}.confirm-green{color:#1d9e75;color:var(--green)}.rec-section{margin-bottom:14px}.rec-header{margin-bottom:10px}.rec-title{align-items:center;color:#1a1a1a;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:5px}.rec-spark{color:#1d9e75;color:var(--green);font-size:12px}.rec-sub{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:2px}.rec-scroll{display:flex;gap:10px;margin:0 -14px;overflow-x:auto;padding:0 14px 4px;scrollbar-width:none}.rec-scroll::-webkit-scrollbar{display:none}.rec-card{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:12px;transition:border-color .15s,transform .1s;width:190px}.rec-card:hover{border-color:#0000002e;border-color:var(--border-mid)}.rec-card:active{transform:scale(.98)}.rec-card-top{justify-content:space-between;margin-bottom:4px}.rec-card-top,.rec-sport-icon{align-items:center;display:flex}.rec-sport-icon{border-radius:9px;flex-shrink:0;font-size:17px;height:34px;justify-content:center;width:34px}.rec-match-pill{background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:9px;height:18px;overflow:hidden;position:relative;width:72px}.rec-match-bar{background:#1d9e75;background:var(--green);border-radius:9px;height:100%;left:0;opacity:.25;position:absolute;top:0;transition:width .4s ease}.rec-match-label{align-items:center;color:#085041;color:var(--green-text);display:flex;font-size:9px;font-weight:700;inset:0;justify-content:center;position:absolute}.rec-card-name{color:#1a1a1a;color:var(--text);font-size:14px;font-weight:700}.rec-card-loc{color:#6b6b68;color:var(--text-2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card-time{color:#a0a09c;color:var(--text-3);font-size:10px}.rec-reasons{display:flex;flex-direction:column;gap:3px;margin-top:2px}.rec-reason-chip{background:#e1f5ee;background:var(--green-light);border-radius:4px;color:#085041;color:var(--green-text);display:inline-block;font-size:10px;max-width:100%;overflow:hidden;padding:2px 7px;text-overflow:ellipsis;white-space:nowrap;width:fit-content}.rec-card-footer{align-items:center;border-top:.5px solid #0000001a;border-top:.5px solid var(--border);display:flex;justify-content:space-between;margin-top:4px;padding-top:8px}.rec-join-btn{background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:6px;color:#1a1a1a;color:var(--text);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;padding:4px 11px;transition:all .15s}.rec-join-btn:hover{background:#f5f5f3;background:var(--bg)}.rec-join-btn.joined{background:#1d9e75;background:var(--green);border-color:#1d9e75;border-color:var(--green);color:#fff}.rec-join-btn:disabled{cursor:not-allowed;opacity:.35}.sub-tabs{background:#f5f5f3;background:var(--bg);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:0;margin-bottom:14px;padding:3px}.sub-tab{align-items:center;background:none;border:none;border-radius:6px;color:#6b6b68;color:var(--text-2);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s}.sub-tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 4px #00000014;color:#1a1a1a;color:var(--text)}.sub-tab-count{background:#e1f5ee;background:var(--green-light);border-radius:10px;color:#085041;color:var(--green-text);font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.sub-tab.active .sub-tab-count{background:#1d9e75;background:var(--green);color:#fff}.past-game-row{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);gap:11px;margin-bottom:7px;padding:11px 13px}.past-game-icon,.past-game-row{align-items:center;display:flex}.past-game-icon{border-radius:9px;flex-shrink:0;font-size:17px;height:34px;justify-content:center;width:34px}.past-game-body{flex:1 1;min-width:0}.past-game-name{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:600}.past-game-meta{font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-game-label,.past-game-meta{color:#a0a09c;color:var(--text-3)}.past-game-label{background:#f5f5f3;background:var(--bg);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:20px;flex-shrink:0;font-size:10px;font-weight:600;padding:3px 8px}.top-tabs{display:flex;gap:8px;margin-bottom:2px}.top-tab{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000002e;border:.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#6b6b68;color:var(--text-2);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:9px 12px;transition:all .15s}.top-tab.active{background:#1d9e75;background:var(--green);border-color:#1d9e75;border-color:var(--green);color:#fff}.top-tab.active .sub-tab-count{background:#ffffff40;color:#fff}.host-game-row{background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:border-color .15s}.host-game-row:hover{border-color:#0000002e;border-color:var(--border-mid)}.host-game-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:9px}.host-game-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.host-game-footer{align-items:center;border-top:.5px solid #0000001a;border-top:.5px solid var(--border);display:flex;gap:8px;padding-top:10px}.host-game-players{align-items:center;display:flex;flex:1 1}.stacked-avatar{border:1.5px solid #fff;border:1.5px solid var(--surface);border-radius:50%;display:inline-flex;position:relative}.stacked-more{color:#a0a09c;color:var(--text-3);font-size:9px;font-weight:700;margin-left:4px}.host-manage-btn{font-weight:600}.host-manage-btn,.withdraw-ok{color:#1d9e75;color:var(--green);font-size:12px}.withdraw-locked{color:#e24b4a;font-size:12px}.withdraw-locked-block{align-items:center;background:#fcebeb;border:.5px solid #f09595;border-radius:8px;border-radius:var(--radius-md);display:flex;gap:10px;margin-top:6px;padding:12px 14px}@media (prefers-color-scheme:dark){.withdraw-locked-block{background:#501313;border-color:#791f1f}}.withdraw-lock-icon{flex-shrink:0;font-size:18px}.withdraw-lock-text{color:#a32d2d;font-size:12px;line-height:1.4}@media (prefers-color-scheme:dark){.withdraw-lock-text{color:#f7c1c1}}.auth-verify-title{color:#1a1a1a;color:var(--text);font-size:16px;font-weight:700;margin-bottom:6px;text-align:center}.auth-verify-sub{color:#6b6b68;color:var(--text-2);font-size:13px;line-height:1.5}.auth-verify-demo,.auth-verify-sub{margin-bottom:4px;text-align:center}.auth-verify-demo{background:#e1f5ee;background:var(--green-light);border-radius:8px;border-radius:var(--radius-md);color:#1d9e75;color:var(--green);font-size:12px;padding:6px 12px}.auth-done{align-items:center;display:flex;flex-direction:column;padding:12px 0 4px;text-align:center}.auth-done-icon{font-size:44px;margin-bottom:12px}.auth-done-title{color:#1a1a1a;color:var(--text);font-size:18px;font-weight:700;margin-bottom:6px}.auth-done-sub{color:#6b6b68;color:var(--text-2);font-size:13px}.sport-category-tabs{display:flex;gap:8px;margin-bottom:12px}.sport-cat-tab{background:#fff;background:var(--surface);border:1.5px solid #0000002e;border:1.5px solid var(--border-mid);border-radius:8px;border-radius:var(--radius-md);color:#6b6b68;color:var(--text-2);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:500;padding:8px 12px;transition:all .15s}.sport-cat-tab.active{background:#1d9e75;background:var(--green);border-color:#1d9e75;border-color:var(--green);color:#fff;font-weight:600}.location-toggle-row{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.location-toggle-left{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.location-icon{flex-shrink:0;font-size:18px}.location-toggle-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:600}.location-toggle-sub{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:1px}.settings-section{padding-bottom:24px}.settings-back{background:none;border:none;color:#1d9e75;color:var(--green);cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:500;margin-bottom:16px;padding:0}.settings-profile-card{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:14px;margin-bottom:16px;padding:16px}.settings-avatar{align-items:center;background:#1d9e75;background:var(--green);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:52px;justify-content:center;width:52px}.settings-username{color:#1a1a1a;color:var(--text);font-size:16px;font-weight:700}.settings-member{color:#a0a09c;color:var(--text-3);font-size:12px;margin-top:2px}.settings-row{align-items:center;background:#fff;background:var(--surface);border:.5px solid #0000001a;border:.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:6px;padding:13px 14px;text-align:left;transition:border-color .15s;width:100%}.settings-row:hover:not(.static){border-color:#0000002e;border-color:var(--border-mid)}.settings-row.static{cursor:default}.settings-row-icon{flex-shrink:0;font-size:18px}.settings-row-body{flex:1 1;min-width:0}.settings-row-label{color:#1a1a1a;color:var(--text);font-size:13px;font-weight:600}.settings-row-sub{color:#a0a09c;color:var(--text-3);font-size:11px;margin-top:2px}.settings-row-arrow{color:#a0a09c;color:var(--text-3);font-size:18px}.settings-divider{background:#0000001a;background:var(--border);height:1px;margin:12px 0}.settings-group-label{color:#a0a09c;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;margin-top:4px;text-transform:uppercase}.settings-logout-btn{background:none;border:1.5px solid #e24b4a;border-radius:8px;border-radius:var(--radius-md);color:#e24b4a;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:8px;padding:13px;transition:background .15s;width:100%}.settings-logout-btn:hover{background:#fbeaea}@media (prefers-color-scheme:dark){.privacy-btn{background:#fff;background:var(--surface);border-color:#0000002e;border-color:var(--border-mid)}.privacy-btn-label{color:#1a1a1a;color:var(--text)}.privacy-btn-desc{color:#6b6b68;color:var(--text-2)}.privacy-btn.active{background:#0f6e56;background:var(--green-dark);border-color:#1d9e75;border-color:var(--green)}.privacy-btn.active .privacy-btn-label{color:#fff}.privacy-btn.active .privacy-btn-desc{color:#ffffffbf}}
/*# sourceMappingURL=main.62fcd886.css.map*/