:root{--theme-surface:#fff;--theme-raised:#f8faf5;--theme-soft:#edf2e8;--theme-hover:#e7efdc;--theme-text:#24392e;--theme-muted:#65735d;--theme-subtle:#76836f;--theme-border:#dce4d3;--theme-focus:#6d953d;--theme-accent:#4b6d34;--theme-accent-soft:#edf5dd;--theme-accent-border:#b4cf8b;--theme-warning:#82652a;--theme-warning-soft:#fff9eb;--theme-warning-border:#ecdcb7;--theme-error:#9a4235;--theme-error-soft:#fff4ef;--theme-error-border:#ecd2ca}.theme-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-selector{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:44px;padding:10px 13px;border:1px solid var(--theme-border);border-radius:12px;background:var(--theme-raised);color:var(--theme-accent);font-size:12px;line-height:1.4;cursor:pointer}.theme-selector:hover{background:var(--theme-hover)}.theme-selector:has(select:focus-visible){outline:3px solid var(--theme-focus);outline-offset:3px}.theme-selector select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.theme-selector select option{background:var(--theme-surface);color:var(--theme-text)}.theme-selector-compact{width:44px;padding:0}.theme-selector-compact .theme-selector-label{display:none}.appearance-settings{padding:20px;border:1px solid var(--theme-border);border-radius:14px;background:var(--theme-surface);color:var(--theme-text)}.appearance-settings h3{font-size:17px}.appearance-settings>p{margin-top:9px;color:var(--theme-muted);font-size:12px;line-height:1.7}.appearance-options{display:flex;flex-direction:column;gap:7px;margin-top:15px}.appearance-options>button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-raised);color:var(--theme-muted);font-size:12px;text-align:left}.appearance-options>button>span{flex:1}.appearance-options>button:hover{background:var(--theme-hover)}.appearance-options>button[aria-pressed=true]{border-color:var(--theme-accent-border);background:var(--theme-accent-soft);color:var(--theme-accent);font-weight:650}.appearance-settings>small{display:block;margin-top:12px;color:var(--theme-subtle);font-size:11px;line-height:1.7}.auth-header-actions{display:flex;align-items:center;gap:16px}html[data-theme=dark]{color-scheme:dark;--ink:#edf3e8;--muted:#b2c0ad;--canvas:#101814;--border:#344739;--white:#18231e;--soft:#203126;--orange:#edbc91;--theme-surface:#18231e;--theme-raised:#1d2a23;--theme-soft:#203126;--theme-hover:#293d2c;--theme-text:#edf3e8;--theme-muted:#b2c0ad;--theme-subtle:#9eae96;--theme-border:#344739;--theme-focus:#c6ea84;--theme-accent:#c2dfa5;--theme-accent-soft:#283b25;--theme-accent-border:#617e47;--theme-warning:#f0d298;--theme-warning-soft:#302b1e;--theme-warning-border:#605133;--theme-error:#f1b8a8;--theme-error-soft:#35251f;--theme-error-border:#69493d}html[data-theme=dark] body{background:var(--canvas);color:var(--ink)}html[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline-color:var(--theme-focus)}html[data-theme=dark] :is(input[type=checkbox],input[type=radio]){accent-color:#b8dc7c}html[data-theme=dark] :is(.brand-mark,.auth-brand-mark,.nav-count,.skip-link){color:#20382b}html[data-theme=dark] :is(.brand-period,.auth-brand-period){color:#b2d977}html[data-theme=dark] :is(.site-header,.match-card,.sidebar-players,.player-card,.profile-form-card,.profile-reputation,.modal,.filter-bar,.directory-filters,.expanded-filters,.auth-layout,.player-rating-form,.google-signin-link){background:var(--theme-surface);border-color:var(--theme-border)}html[data-theme=dark] :is(.match-card:hover,.player-card:hover){border-color:#526b4b;box-shadow:0 7px 22px #00000020}html[data-theme=dark] .site-header{background:#152019f5;backdrop-filter:blur(18px)}html[data-theme=dark] .hero{border:1px solid #35523a;background-color:#1c3225}html[data-theme=dark] .modal{box-shadow:0 30px 120px #00000080}html[data-theme=dark] .modal::backdrop{background:#07100bd9}html[data-theme=dark] .mobile-nav{background:#152019f5;border-color:var(--theme-border)}html[data-theme=dark] .mobile-nav>button{color:var(--theme-muted)}html[data-theme=dark] .mobile-nav>button.active{color:#daf1b0}html[data-theme=dark] .mobile-nav>button.active:before{background:#2b4025}html[data-theme=dark] .mobile-nav>button>i{background:#c5e887}html[data-theme=dark] .desktop-nav>button{color:var(--theme-muted)}html[data-theme=dark] .desktop-nav>button.nav-active,html[data-theme=dark] .desktop-nav>button:hover{color:var(--theme-text)}html[data-theme=dark] :is(.profile-button,.notification-button,.icon-btn){background:var(--theme-raised);border-color:#40533c;color:#c7dfb3}html[data-theme=dark] :is(.profile-button:hover,.notification-button:hover,.icon-btn:hover){background:var(--theme-hover)}html[data-theme=dark] .profile-button.selected{outline-color:var(--theme-focus)}html[data-theme=dark] .notification-button>span{background:#d3f578;color:#20382b;border-color:#152019}html[data-theme=dark] .btn-dark{color:#e5f1d7;background:#2c492f;border-color:#506a3e}html[data-theme=dark] .btn-dark:hover{background:#375b38}html[data-theme=dark] .btn-lime{background:#d3f578;color:#20382b}html[data-theme=dark] .btn-lime:hover{background:#c3ec61}html[data-theme=dark] :is(.btn-outline,.share-button,.auth-copy){background:var(--theme-raised);color:var(--theme-text);border-color:#465a3f}html[data-theme=dark] :is(.btn-outline:hover,.share-button:hover,.auth-copy:hover){background:var(--theme-hover)}html[data-theme=dark] .btn-soft{color:#c2dfa5;background:#263c27}html[data-theme=dark] .btn-soft:hover{background:#304b30}html[data-theme=dark] .btn-danger{background:#9b4c3b;color:#fff3ec}html[data-theme=dark] :is(.text-button,.auth-inline-link,.google-signin-error>button){color:#c2dfa5}html[data-theme=dark] :is(.text-button:hover,.auth-inline-link:hover,.google-signin-error>button:hover){color:#e4f3cb}html[data-theme=dark] .signout-link{color:#b9c8ad}html[data-theme=dark] .cancel-link{color:#e1b195}html[data-theme=dark] :is(.eyebrow,.result-count,.mode-strip,.card-schedule,.venue-line,.player-bio,.player-zone,.availability-line,.directory-result-line,.form-intro,.form-disclaimer,.detail-description,.address-line,.detail-check-note,.detail-team-heading>span,.roster-sync,.match-join-note,.admission-help,.admission-empty,.detail-admission-explanation,.notification-help,.ratings-intro,.rating-recommend,.profile-reputation>p,.google-signin-progress,.google-signin-existing,.google-signin-intro p,.auth-back,.auth-intro,.auth-field-hint,.auth-form-foot,.auth-code-note,.auth-card-eyebrow){color:var(--theme-muted)}html[data-theme=dark] :is(.price strong,.card-schedule strong,.participant-copy>strong,.admission-person-copy>strong,.join-mode-choice strong,.reputation-score strong,.match-ratings-heading h3,.google-signin-intro h3,.auth-intro strong){color:var(--theme-text)}html[data-theme=dark] :is(.team-row>span,.price>span,.card-schedule .duration,.text-soft,.card-tags>span:last-child,.mini-player small,.sidebar-players>p,.organize-card p,.fairplay-note p,.fairplay-note strong,.results-foot,.demo-caption,.site-footer,.player-detail p,.player-detail-bio,.signin-content>p,.empty-modal p,.page-intro p:not(.eyebrow),.empty-state p,.detail-info-grid small,.organizer-line span:not(.avatar),.fulbo-form small,.optional,.participant-copy>small,.admission-person-copy>small,.ratings-eyebrow,.rating-scale,.ratings-footnote,.reputation-empty,.reputation-count,.reputation-outof,.auth-footer){color:var(--theme-subtle)}html[data-theme=dark] :is(.team-row>span strong,.available-badge,.footer-brand,.joined-message,.reputation-summary,.reputation-score,.reputation-recommendations,.rating-status,.match-ratings-heading,.google-signin-existing strong,.google-signin-linked strong,.auth-copy-status){color:var(--theme-accent)}html[data-theme=dark] :is(.venue-line svg,.detail-info-grid>div>svg,.detail-check-note>svg,.reserved-players svg,.sidebar-heading>svg,.mini-player>svg,.fairplay-note>svg,.search-field,.invite-picker-search svg,.google-signin-existing>svg,.match-location-card>svg,.organize-icon>svg,.info-note svg){color:#a3bf91}html[data-theme=dark] :is(.search-field input,.invite-picker-search input,.select-filter select,.sort-select select){color:var(--theme-text);background:transparent}html[data-theme=dark] :is(.fulbo-form input:not([type=checkbox]),.fulbo-form textarea,.fulbo-form select,.directory-filters select,.expanded-filters select,.auth-form input:not([type=checkbox])){color:var(--theme-text);background:#142018;border-color:#61755a}html[data-theme=dark] :is(.fulbo-form input:focus,.fulbo-form textarea:focus,.fulbo-form select:focus,.auth-form input:focus){background:#1b2b20;border-color:#bddb8d;outline-color:#c6ea844d}html[data-theme=dark] :is(.search-field input::placeholder,.fulbo-form input::placeholder,.fulbo-form textarea::placeholder,.auth-form input::placeholder,.invite-picker-search input::placeholder){color:#91a18a}html[data-theme=dark] :is(.fulbo-form>label,.form-grid>label,.expanded-filters>label,.format-choice legend,.rating-stars>legend){color:#c8d8bd}html[data-theme=dark] :is(.filter-button,.zone-filter,.format-tabs button,.format-choice button,.level-pill,.card-tags>span){color:#b7c8ab;border-color:var(--theme-border)}html[data-theme=dark] :is(.zone-filter,.format-choice button,.filter-button){background:var(--theme-raised)}html[data-theme=dark] :is(.format-tabs button:hover,.zone-filter:hover,.filter-button:hover){background:var(--theme-hover)}html[data-theme=dark] :is(.filter-button.active,.format-tabs button.active,.format-choice button.chosen){background:var(--theme-accent-soft);border-color:var(--theme-accent-border);color:#d1e9b1}html[data-theme=dark] .format-choice button>span{color:#afca93}html[data-theme=dark] .format-choice button.chosen>span{color:#d7eead}html[data-theme=dark] select option{background:#18231e;color:#edf3e8}html[data-theme=dark] :is(.select-filter,.mini-player,.site-footer,.detail-info-grid,.detail-check-note,.invitation,.admission-person,.invite-picker,.my-requests-section,.match-ratings,.filter-bar .search-field){border-color:var(--theme-border)}html[data-theme=dark] :is(.format-badge,.spot-badge,.organizer-tag,.player-tags>span,.rating-saved-badge,.admission-badge){background:#273b28;color:#bed6a5}html[data-theme=dark] .format-7{background:#3a3021;color:#e2c795}html[data-theme=dark] .format-8{background:#352c44;color:#d3bfea}html[data-theme=dark] .format-11{background:#223a3b;color:#acd8d5}html[data-theme=dark] .spot-badge.urgent{background:#3f2c1e;color:#efc196}html[data-theme=dark] .spot-badge.joined-badge{background:#2b4226;color:#d3eca8}html[data-theme=dark] .spot-badge.muted-badge{background:#30372f;color:#c2c8ba}html[data-theme=dark] :is(.admission-badge.approval,.request-card-state,.request-status-note){background:var(--theme-warning-soft);color:var(--theme-warning);border-color:var(--theme-warning-border)}html[data-theme=dark] :is(.request-state-label,.request-status-note h3,.request-status-note>p,.admission-section-heading>span){color:var(--theme-warning)}html[data-theme=dark] :is(.request-status-note.rejected,.request-status-note.rejected h3,.request-status-note.rejected>p,.request-state-label.rejected){color:#e3b89a}html[data-theme=dark] .request-status-note.rejected{background:#33291f;border-color:#5f4736}html[data-theme=dark] .request-card-state.owner-requests{background:#263b24;color:#c9e4aa}html[data-theme=dark] :is(.form-error,.error-banner,.auth-error,.rating-error,.google-signin-error){background:var(--theme-error-soft);border-color:var(--theme-error-border);color:var(--theme-error)}html[data-theme=dark] :is(.location-error,.roster-sync-error){color:var(--theme-error)}html[data-theme=dark] .closed-match{color:var(--theme-muted)}html[data-theme=dark] :is(.organize-card,.match-invite,.match-location-card,.invitations-panel,.personal-invitation,.request-notifications,.google-signin-linked){background:#203222;border-color:#3b5432}html[data-theme=dark] :is(.match-player-invites,.match-location-field,.ratings-notice,.empty-state,.auth-notice,.fulbo-form>.visibility-option){background:var(--theme-raised);border-color:var(--theme-border)}html[data-theme=dark] .match-requests{background:#29271c;border-color:#4b452d}html[data-theme=dark] .info-note{background:#292b20;border-color:#414532;color:#c2c5a7}html[data-theme=dark] :is(.match-invite p,.match-location-card p,.match-location-field small,.location-device-row p,.personal-invitation p,.my-requests-section>p,.notification-empty,.invitation p,.join-mode-choice small,.join-mode-choice>p,.google-signin-linked p,.ratings-notice,.auth-notice){color:var(--theme-muted)}html[data-theme=dark] .notification-empty{border-color:var(--theme-border)}html[data-theme=dark] .organize-card .eyebrow{color:#b1c397}html[data-theme=dark] .organize-card .btn{color:#20382b;background:#c6e79a}html[data-theme=dark] .organize-card .btn:hover{background:#d3f3a7}html[data-theme=dark] .organize-icon>span{background:#405e2b;color:#def1bb}html[data-theme=dark] :is(.signin-icon,.empty-icon,.auth-success-icon){background:#2d4529;color:#c6e99a}html[data-theme=dark] .loading-state{color:#b5ca9e}html[data-theme=dark] :is(.participants-list>div,.participants-list .reserved-players){background:#213027;color:var(--theme-muted)}html[data-theme=dark] .invite-picker-search{background:#142018;border-color:#61755a}html[data-theme=dark] .sent-invitations h4{color:#c2dfa5}html[data-theme=dark] .fulbo-form .join-mode-choice label{background:#142018;border-color:#61755a}html[data-theme=dark] .fulbo-form .join-mode-choice label:has(input:checked){background:#263c24;border-color:#accf7e;box-shadow:0 0 0 1px #accf7e}html[data-theme=dark] :is(.spots-summary,.location-selected,.auth-match-context){background:#263b24;color:#c6d9b5;border-color:#425d33}html[data-theme=dark] .location-selected,html[data-theme=dark] .spots-summary>span:first-child{color:#d2ecad}html[data-theme=dark] .capacity-track{background:#2a3a2b}html[data-theme=dark] .capacity-track>span{background:#b1d47b}html[data-theme=dark] .my-tabs button{color:var(--theme-muted)}html[data-theme=dark] .my-tabs button.active{color:#d6edb8}html[data-theme=dark] .my-tabs button>span{background:#2c4128;color:#d3e7bb}html[data-theme=dark] .my-tabs button.active:after{background:#c0df8e}html[data-theme=dark] .av-sage{background:#354b39;color:#d1e5c6}html[data-theme=dark] .av-peach{background:#564034;color:#f1cfb3}html[data-theme=dark] .av-lilac{background:#483e56;color:#e1cfef}html[data-theme=dark] .av-blue{background:#334b5c;color:#c5dfef}html[data-theme=dark] .av-yellow{background:#514b2e;color:#ede1a5}html[data-theme=dark] .av-rose{background:#543d44;color:#ebcbd2}html[data-theme=dark] .avatar.extra{background:#283728;color:#becea9}html[data-theme=dark] .avatar-stack .avatar{border-color:var(--theme-surface)}html[data-theme=dark] .avatar.xl{border-color:#66834b}html[data-theme=dark] .rating-star-option>span{background:#1b2a1e;border-color:#41553a;color:#a6ba90}html[data-theme=dark] .rating-star-option>span>small{color:#afc19a}html[data-theme=dark] .rating-star-option:hover>span{background:#293d23;border-color:#94b96b;color:#d2e9aa}html[data-theme=dark] .rating-star-option.rating-star-selected>span{background:#334a22;border-color:#c6df8b;color:#ddf3a9}html[data-theme=dark] .rating-star-selected>span>small{color:#e0efb7}html[data-theme=dark] .ratings-notice>svg{color:#b2c698}html[data-theme=dark] .auth-mode-tabs{background:#111c15}html[data-theme=dark] .auth-mode-tabs>button{color:#a9b99d}html[data-theme=dark] .auth-mode-tabs>button.auth-mode-active{color:#d1e6b6;background:#2a3c27;border-color:#405638;box-shadow:0 2px 8px #00000020}html[data-theme=dark] .auth-back:hover{color:#e6f1d7}html[data-theme=dark] .auth-submit{color:#20382b}html[data-theme=dark] .auth-code{background:#1e301d;border-color:#50693c;color:#e0edc4}html[data-theme=dark] .toast{border:1px solid #4a633d;box-shadow:0 10px 40px #00000050}html[data-theme=dark] .toast-error{border-color:#b06a50}html .site-header{height:calc(88px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}html .header-inner{padding-left:max(38px,env(safe-area-inset-left));padding-right:max(38px,env(safe-area-inset-right))}html .auth-page{padding-top:env(safe-area-inset-top);padding-bottom:max(24px,env(safe-area-inset-bottom))}html .modal{scroll-padding-bottom:max(20px,env(safe-area-inset-bottom))}html .modal-top .icon-btn{height:44px;width:44px}.signout-link,html .auth-back{min-height:44px}html .auth-back{display:inline-flex;align-items:center}@media (max-width:1150px){html .header-inner{padding-left:max(26px,env(safe-area-inset-left));padding-right:max(26px,env(safe-area-inset-right))}html .header-actions .header-create{font-size:0;min-width:44px;width:44px;min-height:44px;padding:10px;gap:0}}@media (max-width:930px){html .desktop-nav{gap:15px}html .header-inner{gap:14px}html .header-actions{gap:9px}}@media (max-width:740px){html .site-header{height:calc(76px + env(safe-area-inset-top))}html .header-inner{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}html .header-actions{gap:8px}.header-actions .notification-button,.header-actions .profile-button,html .header-actions .header-create{min-height:44px;min-width:44px}html .profile-preview>.appearance-settings{margin:0}html .main-container{padding-bottom:calc(100px + env(safe-area-inset-bottom))}html .mobile-nav{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}html .mobile-nav>button{min-height:44px}html .toast{bottom:calc(100px + env(safe-area-inset-bottom))}html .auth-header-actions{gap:10px}html .auth-form input:not([type=checkbox]){font-size:16px}html .auth-mode-tabs>button{min-height:44px}html .auth-page .theme-selector{border-radius:10px}}@media (max-width:520px){html .header-inner{gap:9px}html .header-actions{gap:5px}html .header-actions .profile-button{display:none}html .brand{font-size:25px}html .theme-selector{border-radius:10px}html .auth-header{flex-wrap:wrap;gap:12px;padding:18px 0}html .auth-header-actions{margin-left:auto}html .auth-back>span{max-width:84px;text-align:right;line-height:1.4}html .auth-back{font-size:11px}html .appearance-options{display:grid;grid-template-columns:1fr 1fr}html .appearance-options>button:last-child{grid-column:1/-1}html .appearance-settings{padding:18px}}@media (max-width:360px){html .header-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}html .brand{font-size:22px;gap:7px}html .brand-mark{width:31px;height:31px}html .header-actions{gap:4px}}