:root{--orange:#ff6b1a;--orange-bright:#ff8c42;--orange-dim:#c44a00;--black:#0a0a0a;--black-2:#141414;--black-3:#1e1e1e;--black-4:#2a2a2a;--gray:#888;--gray-light:#bbb;--white:#f5f0eb;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--radius:12px;--transition:.2s cubic-bezier(.4,0,.2,1)}:root.sport-volleyball{--orange:#2563eb;--orange-bright:#3b82f6;--orange-dim:#1d4ed8}:root.sport-soccer{--orange:#16a34a;--orange-bright:#22c55e;--orange-dim:#15803d}:root.sport-football{--orange:#7c2d12;--orange-bright:#9a3412;--orange-dim:#5c2208}:root.sport-softball{--orange:#d97706;--orange-bright:#f59e0b;--orange-dim:#b45309}:root.sport-pickleball{--orange:#ca8a04;--orange-bright:#eab308;--orange-dim:#a16207}:root.sport-tennis{--orange:#65a30d;--orange-bright:#84cc16;--orange-dim:#4d7c0f}:root.sport-baseball{--orange:#b91c1c;--orange-bright:#dc2626;--orange-dim:#991b1b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);color:var(--white);font-family:var(--font-body);touch-action:manipulation;height:100%;overflow:hidden}#app{height:100%;overflow:hidden}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em}.hidden{display:none!important}.page{overflow-anchor:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;height:100%;display:none;overflow:hidden auto}.page.active{display:flex}body:before{content:"";pointer-events:none;z-index:999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.btn{font-family:var(--font-display);letter-spacing:.08em;border-radius:var(--radius);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:14px 32px;font-size:1.1rem;display:inline-flex}.btn-primary{background:var(--orange);color:var(--black)}.btn-primary:hover{background:var(--orange-bright);transform:translateY(-1px);box-shadow:0 8px 24px #ff6b1a66}.btn-outline{color:var(--white);border:1.5px solid var(--black-4);background:0 0}.btn-outline:hover{border-color:var(--orange);color:var(--orange)}.btn-ghost{color:var(--gray);font-family:var(--font-body);background:0 0;padding:10px 16px;font-size:.9rem}.btn-ghost:hover{color:var(--white)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--gray);font-size:.75rem;font-weight:600}.input-group input,.input-group select{background:var(--black-3);border:1.5px solid var(--black-4);color:var(--white);font-family:var(--font-body);transition:border-color var(--transition);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem}.input-group input:focus,.input-group select:focus{border-color:var(--orange)}.input-group select option{background:var(--black-3)}.card{background:var(--black-2);border:1px solid var(--black-4);border-radius:var(--radius);transition:var(--transition);padding:20px}.card:hover{border-color:var(--orange);transform:translateY(-2px)}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-orange{color:var(--orange);background:#ff6b1a26}.badge-green{color:#22c55e;background:#22c55e1f}.badge-blue{color:#60a5fa;background:#3b82f61f}.badge-gray{background:var(--black-4);color:var(--gray-light)}.skill-stars span{color:var(--orange);font-size:1rem}.skill-stars span.empty{color:var(--black-4)}.bottom-nav{background:var(--black-2);border-top:1px solid var(--black-4);padding:10px 0 max(20px, env(safe-area-inset-bottom));z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);transition:color var(--transition);font-size:.65rem;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:6px 20px;font-weight:600;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--orange)}.notif-overlay{z-index:10000;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s notif-fade-in;display:flex;position:fixed;inset:0}@keyframes notif-fade-in{0%{opacity:0}to{opacity:1}}.notif-card{background:var(--black-2);border:1px solid var(--black-4);border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:320px;padding:24px 20px 20px;animation:.25s cubic-bezier(.34,1.56,.64,1) notif-slide-up;display:flex;box-shadow:0 16px 48px #000000b3}@keyframes notif-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notif-card-msg{color:var(--white);font-size:1rem;font-family:var(--font-body);text-align:center;line-height:1.55}.notif-card-ok{background:var(--orange);width:100%;color:var(--black);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;border:none;border-radius:10px;padding:13px;font-size:1.05rem;transition:background .15s}.notif-card-ok:hover{background:var(--orange-bright)}.notif-bell-btn{background:var(--black-3);border:1px solid var(--black-4);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;transition:border-color .15s;display:flex;position:relative}.notif-bell-btn:hover{border-color:var(--orange)}.notif-badge{background:var(--orange);color:var(--black);min-width:17px;height:17px;font-size:.58rem;font-weight:700;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;padding:0 3px;display:flex;position:absolute;top:-4px;right:-4px}.notif-bell-profile{position:absolute;top:52px;right:20px}.notif-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:2px;max-height:55vh;display:flex;overflow-y:auto}.notif-item{border-bottom:1px solid var(--black-4);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.notif-item:last-child{border-bottom:none}.notif-item-msg{color:var(--white);flex:1;font-size:.9rem;line-height:1.4}.notif-item-time{color:var(--gray);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:.72rem}.notif-empty{text-align:center;color:var(--gray);padding:32px 0;font-size:.9rem}#page-landing{text-align:center;min-height:100%;padding:48px 28px 36px;padding-top:max(48px, env(safe-area-inset-top));padding-bottom:max(36px, env(safe-area-inset-bottom));background-color:var(--black);background-image:radial-gradient(80% 60% at 50% 0,#ff6b1a26 0%,#0000 70%);justify-content:space-between;align-items:center;position:relative}.landing-top{flex-direction:column;align-items:center;gap:4px;display:flex}.landing-ball{filter:drop-shadow(0 8px 24px #ff6b1a66);margin-bottom:8px;font-size:4.5rem;animation:2.4s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.landing-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--orange);font-size:clamp(3.8rem,18vw,7rem);line-height:1}.landing-tagline{letter-spacing:.2em;color:var(--gray);text-transform:uppercase;margin-top:2px;font-size:.75rem;font-weight:600}.landing-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;transition:opacity .35s;display:flex}.landing-hero.fade{opacity:0}.landing-slide-icon{filter:drop-shadow(0 4px 12px #0006);margin-bottom:20px;font-size:3.8rem;display:block}.landing-headline{font-family:var(--font-body);color:var(--white);margin-bottom:14px;font-size:clamp(1.9rem,7vw,2.6rem);font-weight:800;line-height:1.25}.landing-body{color:var(--gray-light);max-width:300px;font-size:1rem;line-height:1.65}.landing-dots{justify-content:center;align-items:center;gap:8px;display:flex}.dot{background:var(--black-4);border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--orange);border-radius:4px;width:28px}.landing-actions{width:100%;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;gap:12px;margin-top:16px;display:flex}.landing-actions .btn-primary{font-size:1.1rem;font-family:var(--font-body);text-transform:none;letter-spacing:normal;border-radius:14px;flex:1;justify-content:center;width:auto;padding:18px;font-weight:700}.btn-dark{color:var(--gray-light);font-family:var(--font-body);cursor:pointer;transition:var(--transition);white-space:nowrap;text-align:center;background:#ffffff12;border:none;border-radius:14px;flex:1;justify-content:center;padding:18px 12px;font-size:1rem;font-weight:600}.btn-dark:hover{background:#ffffff1f}#page-auth{align-items:stretch;padding:0}.auth-header{background:var(--orange);z-index:10;flex-shrink:0;padding:48px 28px 36px;position:sticky;top:0;overflow:hidden}.auth-header:after{content:"";background:#00000026;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-20px;right:-20px}.auth-header h2{color:var(--black);font-size:3rem;line-height:1}.auth-header p{color:#000000b3;margin-top:8px;font-size:.9rem}.auth-back{cursor:pointer;width:36px;height:36px;color:var(--black);background:#00000026;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:16px;left:16px}.auth-body{padding:32px 24px;padding-bottom:max(32px, env(safe-area-inset-bottom));background:var(--black);flex-direction:column;flex:1;gap:20px;display:flex}.auth-tabs{background:var(--black-3);border-radius:10px;gap:0;padding:4px;display:flex}.auth-tab{text-align:center;cursor:pointer;transition:var(--transition);color:var(--gray);font-size:.9rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;flex:1;padding:10px}.auth-tab.active{background:var(--orange);color:var(--black)}.signup-method-toggle{gap:8px;margin-bottom:4px;display:flex}.method-btn{border:1.5px solid var(--gray);color:var(--gray);font-family:var(--font-body);cursor:pointer;transition:var(--transition);background:0 0;border-radius:10px;flex:1;padding:10px 8px;font-size:.85rem;font-weight:600}.method-btn.active{border-color:var(--orange);color:var(--orange);background:#ff6b1a1f}.auth-form{flex-direction:column;gap:16px;display:flex}.edu-note{color:var(--orange-bright);background:#ff6b1a1a;border:1px solid #ff6b1a4d;border-radius:8px;padding:12px 14px;font-size:.82rem;line-height:1.5}.verification-banner{background:var(--black-3);border:1px solid var(--black-4);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.verify-icon{font-size:2.5rem}.verification-banner h3{font-size:1.4rem}.verification-banner p{color:var(--gray);font-size:.85rem;line-height:1.6}#page-onboard{padding:0}.onboard-progress{gap:6px;padding:20px 24px 0;display:flex}.onboard-progress span{background:var(--black-4);border-radius:100px;flex:1;height:3px;transition:background .4s}.onboard-progress span.done{background:var(--orange)}.onboard-step{flex-direction:column;flex:1;padding:28px 24px;display:none}.onboard-step.active{display:flex}.onboard-step h2{margin-bottom:6px;font-size:2.5rem;line-height:1.1}.onboard-step p{color:var(--gray);margin-bottom:28px;font-size:.9rem}.position-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.position-card{background:var(--black-3);border:2px solid var(--black-4);cursor:pointer;transition:var(--transition);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.position-card:hover,.position-card.selected{border-color:var(--orange);background:#ff6b1a14}.position-card .pos-icon{font-size:1.8rem}.position-card .pos-name{font-size:.95rem;font-weight:700}.position-card .pos-abbr{color:var(--gray);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.skill-slider-wrap{flex-direction:column;gap:24px;margin-bottom:28px;display:flex}.skill-row{flex-direction:column;gap:8px;display:flex}.skill-row-header{justify-content:space-between;align-items:center;display:flex}.skill-row-header label{font-size:.9rem;font-weight:600}.skill-row-header span{font-family:var(--font-display);color:var(--orange);font-size:1.2rem}input[type=range]{-webkit-appearance:none;background:var(--black-4);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #ff6b1a33}.hs-search-wrap{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.hs-result{background:var(--black-3);border:1.5px solid var(--black-4);cursor:pointer;transition:var(--transition);border-radius:10px;padding:14px 16px}.hs-result:hover{border-color:var(--orange)}.hs-result.selected{border-color:var(--orange);background:#ff6b1a14}.hs-result-name{font-weight:700}.hs-result-meta{color:var(--gray);margin-top:2px;font-size:.78rem}#page-home{padding-bottom:90px}.home-header{padding:max(52px, env(safe-area-inset-top)) 24px 20px;justify-content:space-between;align-items:flex-start;display:flex}.home-header h1{font-size:2.4rem;line-height:1}.home-header p{color:var(--gray);margin-top:4px;font-size:.85rem}.avatar-sm{background:var(--orange);width:42px;height:42px;font-family:var(--font-display);color:var(--black);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.section-title{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:14px;padding:0 24px;font-size:1.4rem}.filter-row{scrollbar-width:none;gap:8px;margin-bottom:20px;padding:0 24px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap;letter-spacing:.04em;cursor:pointer;border:1.5px solid var(--black-4);color:var(--gray);transition:var(--transition);font-size:.78rem;font-weight:600;font-family:var(--font-body);background:0 0;border-radius:100px;padding:7px 14px}.filter-chip.active,.filter-chip:hover{background:var(--orange);border-color:var(--orange);color:var(--black)}.players-grid{flex-direction:column;gap:12px;padding:0 24px;display:flex}.player-card{background:var(--black-2);border:1px solid var(--black-4);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:16px;display:flex}.player-card:hover{border-color:var(--orange);transform:translate(4px)}.player-avatar{background:var(--black-4);border:2px solid var(--black-4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;display:flex}.player-avatar.verified{border-color:var(--orange)}.player-info{flex:1}.player-name{font-size:1rem;font-weight:700}.player-meta{color:var(--gray);margin-top:2px;font-size:.78rem}.player-stats{gap:8px;margin-top:6px;display:flex}.player-card-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.distance{color:var(--gray);font-size:.75rem}.match-pct{font-family:var(--font-display);color:var(--orange);font-size:1.3rem;line-height:1}.match-label{color:var(--gray);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}#page-rankings{padding-bottom:90px}.rankings-header{padding:max(52px, env(safe-area-inset-top)) 24px 0;background:linear-gradient(#ff6b1a1f 0%,#0000 100%)}.rankings-header h1{font-size:3rem}.rankings-header p{color:var(--gray);margin:4px 0 20px;font-size:.85rem}.rank-tabs{border-bottom:1px solid var(--black-4);gap:0;display:flex}.rank-tab{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--gray);transition:var(--transition);font-size:.82rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px}.rank-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.rankings-list{flex-direction:column;gap:10px;padding:20px 24px;display:flex}.rank-item{background:var(--black-2);border:1px solid var(--black-4);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:14px 16px;display:flex}.rank-item:hover{border-color:var(--orange)}.rank-item.top3{border-color:var(--orange-dim);background:#ff6b1a0d}.rank-num{font-family:var(--font-display);text-align:center;width:36px;color:var(--gray);flex-shrink:0;font-size:1.6rem}.rank-item.top3 .rank-num{color:var(--orange)}.rank-info{flex:1}.rank-name{font-weight:700}.rank-school{color:var(--gray);margin-top:2px;font-size:.78rem}.rank-score{font-family:var(--font-display);color:var(--orange);font-size:1.4rem}#page-matches{flex-direction:column;height:100dvh;padding-bottom:0;display:flex;overflow:hidden}.matches-header{padding:max(52px, env(safe-area-inset-top)) 24px 12px;flex-direction:column;flex-shrink:0;gap:8px;display:flex}.matches-header h1{margin:0;font-size:2.8rem}.matches-header p{color:var(--gray);margin:0;font-size:.8rem}.games-body{flex-direction:column;flex-shrink:0;display:flex}.runs-tab-bar{flex-shrink:0;gap:0;margin-bottom:12px;padding:0 24px;display:flex}.runs-tab{border:none;border-bottom:2px solid var(--black-4);color:var(--gray);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;text-align:center;background:0 0;flex:1;padding:8px 4px;font-size:.72rem;transition:color .15s,border-color .15s}.runs-tab.active{color:var(--white);border-bottom-color:var(--orange)}.runs-tab-count{background:var(--orange);color:#000;border-radius:999px;justify-content:center;align-items:center;margin-left:4px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-flex}.open-runs-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;gap:12px;height:calc(100dvh - 300px);padding:0 24px 16px;display:flex;overflow-y:auto}.matches-list{flex-direction:column;gap:12px;padding:0 24px;display:flex}.match-card{background:var(--black-2);border:1px solid var(--black-4);border-radius:var(--radius);padding:18px}.match-card.collapsed{padding:12px 14px}.match-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.match-card.collapsed .match-card-header{margin-bottom:0}.match-card-toggle{cursor:pointer}.match-card-chevron{color:var(--gray);flex-shrink:0;margin-left:8px;font-size:.85rem;transition:transform .15s;transform:rotate(0)}.match-card.expanded .match-card-chevron{transform:rotate(180deg)}.match-card-header h3{font-size:1rem;font-weight:700}.match-players{align-items:center;gap:12px;margin-bottom:14px;display:flex}.match-player{text-align:center;flex:1}.match-player-avatar{background:var(--black-4);border:2px solid var(--orange);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 6px;font-size:1.3rem;display:flex}.match-player-name{font-size:.85rem;font-weight:700}.match-player-pos{color:var(--gray);font-size:.7rem}.match-vs{font-family:var(--font-display);color:var(--orange);font-size:1.4rem}.match-card-footer{gap:8px;display:flex}.match-card-footer .btn{flex:1;justify-content:center;padding:10px;font-size:.85rem}#page-profile{padding-bottom:90px}.profile-hero{padding:max(52px, env(safe-area-inset-top)) 24px 28px;text-align:center;background:linear-gradient(160deg,#ff6b1a33 0%,#0000 60%);flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.profile-avatar-lg{background:var(--orange);width:84px;height:84px;font-family:var(--font-display);color:var(--black);border:3px solid var(--orange-bright);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.profile-name{font-size:2rem;font-family:var(--font-display)}.profile-school{color:var(--gray);font-size:.85rem}.profile-badges{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;padding:0 24px;display:grid}.stat-box{background:var(--black-2);border:1px solid var(--black-4);text-align:center;border-radius:10px;padding:14px}.stat-val{font-family:var(--font-display);color:var(--orange);font-size:1.8rem;line-height:1}.stat-lbl{color:var(--gray);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.65rem}.profile-section{margin-bottom:20px;padding:0 24px}.profile-section h3{color:var(--gray-light);letter-spacing:.04em;margin-bottom:12px;font-size:1.2rem}.skills-bars{flex-direction:column;gap:12px;display:flex}.skill-bar-row{align-items:center;gap:12px;display:flex}.skill-bar-label{width:80px;font-size:.82rem;font-weight:600}.skill-bar-track{background:var(--black-4);border-radius:3px;flex:1;height:6px;overflow:hidden}.skill-bar-fill{background:var(--orange);border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.skill-bar-val{color:var(--orange);text-align:right;width:30px;font-size:.8rem;font-weight:700}.hs-record-card{background:var(--black-3);border:1px solid var(--black-4);border-radius:10px;padding:16px}.hs-record-school{font-size:1rem;font-weight:700}.hs-record-meta{color:var(--gray);margin-top:2px;font-size:.78rem}.hs-record-stats{gap:16px;margin-top:12px;display:flex}.hs-stat{text-align:center}.hs-stat-val{font-family:var(--font-display);color:var(--orange);font-size:1.4rem}.hs-stat-lbl{color:var(--gray);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.invite-section{margin-bottom:24px;padding:0 24px}.invite-card{background:linear-gradient(135deg, var(--black-2) 0%, #ff6b1a14 100%);border-radius:var(--radius);text-align:center;border:1px solid #ff6b1a4d;padding:20px}.invite-card h3{margin-bottom:6px;font-size:1.6rem}.invite-card p{color:var(--gray);margin-bottom:16px;font-size:.85rem;line-height:1.5}.invite-code{background:var(--black);border:1.5px dashed var(--orange);letter-spacing:.2em;color:var(--orange);cursor:pointer;border-radius:8px;margin-bottom:14px;padding:12px;font-family:monospace;font-size:1.2rem}.modal-overlay{z-index:500;opacity:0;pointer-events:none;background:#000000bf;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-overlay.modal-centered{align-items:center;padding:0 16px}.modal-overlay.modal-centered .modal-sheet{border-radius:20px;width:100%;max-width:420px;margin:0 auto}.modal-overlay.modal-centered .modal-handle{display:none}.modal-sheet{background:var(--black-2);border-radius:20px 20px 0 0;width:100%;max-height:80vh;padding:28px 24px 48px;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translateY(100%)}.modal-overlay.open .modal-sheet{transform:translateY(0)}.modal-handle{background:var(--black-4);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.prm-header{margin-bottom:20px}.prm-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);font-size:1.6rem}.prm-location{color:var(--gray);margin-top:2px;font-size:.85rem}.prm-section-label{letter-spacing:.12em;color:var(--gray);margin:16px 0 10px;font-size:.7rem;font-weight:700}.prm-stars{gap:8px;display:flex}.prm-star{color:var(--black-4);cursor:pointer;background:0 0;border:none;padding:0;font-size:2.2rem;line-height:1;transition:color .15s,transform .1s}.prm-star.selected{color:var(--orange)}.prm-star:active{transform:scale(1.2)}.prm-players{flex-direction:column;gap:10px;display:flex}.prm-player-row{background:var(--black-3);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.prm-player-info{align-items:center;gap:10px;display:flex}.prm-initials{background:var(--orange);width:36px;height:36px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.prm-handle{font-size:.95rem;font-weight:600}.prm-thumbs{gap:8px;display:flex}.prm-thumb-btn{background:var(--black-4);cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:1.2rem;transition:background .15s,transform .1s}.prm-thumb-btn.selected{background:var(--orange)}.prm-thumb-btn:active{transform:scale(1.1)}.liked-player-row{border-bottom:1px solid var(--black-4);align-items:center;gap:12px;padding:12px 0;display:flex}.liked-player-row:last-child{border-bottom:none}.stay-signed-in-row{align-items:center;gap:10px;padding:4px 2px;display:flex}.stay-signed-in-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange);cursor:pointer;flex-shrink:0}.stay-signed-in-row label{color:var(--gray-light);font-size:.85rem;font-family:var(--font-body);text-transform:none;letter-spacing:0;cursor:pointer}.legal-check{background:var(--black-3);border:1px solid var(--black-4);border-radius:8px;align-items:flex-start;gap:10px;padding:12px;display:flex}.legal-check input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--orange);cursor:pointer;margin-top:2px}.legal-check label{color:var(--gray-light);text-transform:none;letter-spacing:0;cursor:pointer;font-size:.8rem;font-weight:400;line-height:1.5}.link-btn{color:var(--orange);cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:0 0;border:none;padding:0;text-decoration:underline}.link-btn:hover{color:var(--orange-bright)}.legal-text{color:var(--gray-light);flex-direction:column;gap:14px;max-height:50vh;padding-right:4px;font-size:.85rem;line-height:1.6;display:flex;overflow-y:auto}.legal-text strong{color:var(--white)}.anon-notice{color:var(--gray-light);background:#ff6b1a14;border:1px solid #ff6b1a33;border-radius:8px;margin-bottom:4px;padding:10px 14px;font-size:.8rem;line-height:1.5}.on-the-way-banner{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-bottom:10px;padding:10px 14px;font-size:.82rem;font-weight:600}.match-feedback-row{border-top:1px solid var(--black-4);align-items:center;gap:10px;margin-top:10px;padding:10px 0 0;display:flex}.feedback-q{color:var(--gray-light);flex:1;font-size:.82rem}.btn-thumb{background:var(--black-3);border:1.5px solid var(--black-4);cursor:pointer;transition:var(--transition);border-radius:8px;padding:8px 14px;font-size:1.2rem;line-height:1}.btn-thumb:hover{border-color:var(--orange);transform:scale(1.1)}.btn-thumb-up:hover{background:#22c55e1f;border-color:#22c55e}.btn-thumb-down:hover{background:#ef44441f;border-color:#ef4444}.feedback-done{color:var(--gray-light);font-size:.85rem;font-weight:600}.home-tabs-row{gap:0;padding:0 20px 16px;display:flex}.home-tab-btn{background:var(--black-3);border:1.5px solid var(--black-4);color:var(--gray);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;transition:var(--transition);flex:1;padding:10px;font-size:1rem}.home-tab-btn:first-child{border-radius:8px 0 0 8px}.home-tab-btn:last-child{border-radius:0 8px 8px 0}.home-tab-btn.active{background:var(--orange);border-color:var(--orange);color:var(--black)}.format-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.format-card{background:var(--black-3);border:1.5px solid var(--black-4);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--transition);flex-direction:column;gap:4px;padding:16px 8px;display:flex}.format-card:hover,.format-card:active{border-color:var(--orange);background:#ff6b1a14;transform:translateY(-2px)}.fmt-num{font-family:var(--font-display);color:var(--orange);letter-spacing:.04em;font-size:1.8rem}.fmt-label{color:var(--white);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.fmt-note{color:var(--gray);font-size:.65rem;line-height:1.4}.invite-counter{color:var(--gray-light);border-top:1px solid var(--black-4);justify-content:space-between;align-items:center;margin-top:8px;padding:8px 0;font-size:.82rem;display:flex}.invite-counter strong{color:var(--white)}.btn-invite-more{border:1.5px solid var(--orange);color:var(--orange);cursor:pointer;letter-spacing:.04em;transition:var(--transition);background:0 0;border-radius:6px;padding:4px 12px;font-size:.78rem;font-weight:700}.btn-invite-more:hover{background:#ff6b1a1f}.recommended-teams{background:#ff6b1a0f;border:1px solid #ff6b1a2e;border-radius:12px;margin:12px 0 4px;overflow:hidden}.rt-header{border-bottom:1px solid #ff6b1a1f;align-items:baseline;gap:8px;padding:10px 14px 8px;display:flex}.rt-title{letter-spacing:.08em;color:var(--orange);font-size:.72rem;font-weight:800}.rt-sub{color:var(--gray);font-size:.7rem}.rt-grid{gap:0;display:flex}.rt-team{flex:1;padding:10px 12px 12px}.rt-divider{background:#ff6b1a24;width:1px;margin:8px 0}.rt-team-label{letter-spacing:.07em;color:var(--gray);align-items:center;gap:5px;margin-bottom:8px;font-size:.68rem;font-weight:800;display:flex}.rt-elo{color:var(--gray);letter-spacing:0;font-size:.65rem;font-weight:500}.rt-player{align-items:center;gap:8px;margin-bottom:7px;display:flex}.rt-player:last-child{margin-bottom:0}.rt-avatar{background:var(--black-4);border:1.5px solid var(--black-3);width:28px;height:28px;color:var(--white);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:flex}.rt-info{flex:1;min-width:0}.rt-handle{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.rt-label{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;font-size:.67rem;overflow:hidden}.rt-pos{color:var(--orange);letter-spacing:.04em;background:#ff6b1a1a;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:.65rem;font-weight:700}.badge-red{color:#f87171;background:#ef44441f}.badge-yellow{color:#facc15;background:#eab3081f}.height-row{background:var(--black-3);border-radius:var(--radius);border:1px solid var(--black-4);justify-content:space-between;align-items:center;margin:20px 0 8px;padding:14px 16px;display:flex}.height-label{color:var(--white);font-size:.9rem;font-weight:600}.height-selects{gap:8px;display:flex}.height-select{background:var(--black-4);color:var(--white);font-family:var(--font-body);cursor:pointer;appearance:none;text-align:center;border:1px solid #333;border-radius:8px;padding:8px 12px;font-size:.95rem}.height-select:focus{border-color:var(--orange);outline:none}.find-run-card{padding:4px 0 24px}.invite-nudge-card{background:var(--black-3);border:1px solid var(--black-4);text-align:center;border-radius:16px;margin:20px 0 24px;padding:20px}.avail-section-label{letter-spacing:.1em;color:var(--gray);text-transform:uppercase;margin:20px 0 10px;font-size:.7rem;font-weight:700}.avail-chips{flex-wrap:wrap;gap:8px;display:flex}.avail-chip{background:var(--black-3);border:1px solid var(--black-4);color:var(--gray-light);font-family:var(--font-body);cursor:pointer;transition:var(--transition);border-radius:20px;padding:9px 16px;font-size:.9rem;font-weight:500}.avail-chip.active{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:700}.avail-chip:not(.active):hover{border-color:var(--orange);color:var(--white)}.avail-time-row{align-items:center;display:flex}.avail-time-select{background:var(--black-3);border:1px solid var(--black-4);width:100%;color:var(--white);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23FF6B1A' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;padding:12px 14px;font-size:1rem;font-weight:600}.drive-row{align-items:center;gap:12px;display:flex}.drive-row .skill-input{flex:1}.drive-val{text-align:right;min-width:44px;color:var(--orange);font-size:.95rem;font-weight:700}.run-fill-wrap{margin:12px 0 4px}.run-fill-bar{background:var(--black-4);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.run-fill-progress{background:var(--orange);border-radius:3px;height:100%;transition:width .4s}.run-fill-label{color:var(--gray);font-size:.78rem}.court-picker-header h1{font-family:var(--font-display);letter-spacing:.05em;font-size:1.6rem;line-height:1.3}.court-picker-header p{color:var(--gray);margin-top:2px;font-size:.8rem}.court-loading{color:var(--gray);flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.court-spinner{border:3px solid var(--black-4);border-top-color:var(--orange);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alt-run-card{background:var(--black-3);border:1px solid var(--orange);border-radius:var(--radius);margin:0 0 24px;padding:14px 16px}.alt-run-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:8px;font-size:.65rem;font-weight:700}.alt-run-body{justify-content:space-between;align-items:center;gap:12px;display:flex}.alt-run-location{color:var(--white);margin-bottom:3px;font-size:.95rem;font-weight:700}.alt-run-meta{color:var(--gray);font-size:.78rem}.alt-run-dismiss{color:var(--gray);cursor:pointer;background:0 0;border:none;margin-top:10px;padding:0;font-size:.75rem}.court-card{background:var(--black-3);border:1px solid var(--black-4);border-radius:var(--radius);transition:border-color var(--transition);justify-content:space-between;align-items:flex-start;gap:12px;margin:0 16px 12px;padding:16px;display:flex}.court-card:hover{border-color:#333}.court-card.court-flagged{opacity:.55}.court-card-body{flex:1;min-width:0}.court-name{margin-bottom:3px;font-size:.95rem;font-weight:700;line-height:1.3}.court-address{color:var(--gray);margin-bottom:8px;font-size:.75rem;line-height:1.4}.court-tags{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.court-runs{color:var(--gray);font-size:.72rem}.court-access-note{color:#e07b30;margin-bottom:4px;font-size:.72rem}.court-card-side{flex-direction:column;align-items:center;min-width:64px;display:flex}.court-distance{color:var(--orange);font-size:.85rem;font-weight:700}.btn-report-court{color:var(--gray);cursor:pointer;font-size:.65rem;font-family:var(--font-body);background:0 0;border:none;margin-top:8px;padding:4px;text-decoration:underline}.btn-report-court:hover{color:#f87171}.btn-report-wrong-location{color:var(--gray);cursor:pointer;opacity:.6;background:0 0;border:none;margin-top:2px;padding:2px 4px;font-size:.75rem}.btn-report-wrong-location:hover{opacity:1;color:var(--orange)}.btn-report-wrong-location:disabled{opacity:.3;cursor:default}.overcrowded-banner{background:#fb923c1a;border:1px solid #fb923c59;border-radius:10px;margin:10px 0 4px;padding:14px}.overcrowded-title{color:#fb923c;margin-bottom:4px;font-size:.9rem;font-weight:700}.overcrowded-sub{color:var(--gray-light);margin-bottom:12px;font-size:.78rem}.overcrowded-actions{gap:8px;display:flex}.btn-too-many{width:100%;color:var(--gray);font-size:.75rem;font-family:var(--font-body);cursor:pointer;text-align:center;text-underline-offset:3px;background:0 0;border:none;padding:8px 0 2px;text-decoration:underline;display:block}.btn-too-many:hover{color:#fb923c}.active-run-banner{background:linear-gradient(135deg,#ff6b1a1f,#ff6b1a0f);border:1px solid #ff6b1a4d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:10px 16px 0;padding:14px 16px;display:flex}.arb-left{align-items:center;gap:12px;display:flex}.arb-pulse{background:var(--orange);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite arb-pulse;box-shadow:0 0 #ff6b1a99}@keyframes arb-pulse{0%{box-shadow:0 0 #ff6b1a99}70%{box-shadow:0 0 0 8px #ff6b1a00}to{box-shadow:0 0 #ff6b1a00}}.arb-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--orange);font-size:.9rem}.arb-meta{color:var(--gray);margin-top:2px;font-size:.72rem}.arb-join-btn{background:var(--orange);color:#000;cursor:pointer;letter-spacing:.06em;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;padding:10px 16px;font-size:.78rem;font-weight:800}.avail-summary-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.summary-chip{background:var(--black-3);border:1px solid var(--black-4);color:var(--white);font-family:var(--font-body);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.summary-chip:hover,.summary-chip:focus{border-color:var(--orange);color:var(--orange);outline:none}.inline-editor{background:var(--black-2);border:1px solid var(--black-4);border-radius:12px;margin-bottom:4px;padding:12px}.court-hero-card{background:var(--black-2);border:1.5px solid var(--black-4);border-radius:18px;padding:18px;transition:border-color .2s}.court-hero-card:hover{border-color:#ff6b1a66}.chc-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chc-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--orange);background:#ff6b1a1a;border:1px solid #ff6b1a33;border-radius:4px;padding:3px 8px;font-size:.58rem;font-weight:800}.chc-live{color:#22c55e;letter-spacing:.08em;align-items:center;gap:5px;font-size:.65rem;font-weight:700;display:flex}.chc-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite arb-pulse;box-shadow:0 0 #22c55e80}.chc-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);font-size:1.6rem;line-height:1}.chc-meta{color:var(--gray);margin-top:6px;font-size:.78rem}.chc-addr{color:var(--black-4);margin-top:4px;font-size:.72rem}.chc-btn{transition:transform .1s}.chc-btn:active{transform:scale(.98)}.offline-banner{color:#fff;text-align:center;z-index:10001;letter-spacing:.02em;background:#b91c1c;padding:8px 16px;font-size:.8rem;font-weight:600;position:fixed;top:0;left:0;right:0}.light-mode{--black:#f5f0eb;--black-2:#ede8e2;--black-3:#e4ddd6;--black-4:#d4ccc4;--gray:#666;--gray-light:#444;--white:#1a1410}.light-mode body{background:var(--black)}.light-mode .auth-header,.light-mode #page-landing{background-color:var(--black)}.streak-banner{background:#ff6b1a1a;border:1px solid #ff6b1a40;border-radius:10px;align-items:center;gap:8px;margin:0 24px 12px;padding:10px 14px;display:flex}.streak-fire{font-size:1.2rem}.streak-text{color:var(--orange);font-size:.82rem;font-weight:600}.earned-badges-row{flex-wrap:wrap;gap:6px;padding:0 24px 16px;display:flex}.history-list{flex-direction:column;gap:2px;display:flex}.history-row{border-bottom:1px solid var(--black-4);align-items:center;gap:12px;padding:10px 0;display:flex}.history-row:last-child{border-bottom:none}.history-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.history-location{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.history-meta{color:var(--gray);margin-top:2px;font-size:.72rem}.tips-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.2s notif-fade-in;display:flex;position:fixed;inset:0}.tips-card{background:var(--black-2);border:1px solid var(--black-4);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:32px 24px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) notif-slide-up;display:flex}.tips-icon{font-size:2.8rem;line-height:1}.tips-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);font-size:1.5rem}.tips-body{color:var(--gray-light);font-size:.88rem;line-height:1.6}.tips-dots{gap:6px;margin:4px 0;display:flex}.tips-dot{background:var(--black-4);border-radius:50%;width:7px;height:7px;transition:background .2s}.tips-dot.active{background:var(--orange)}.weather-warning{color:#60a5fa;letter-spacing:.01em;background:#2563eb1f;border:1px solid #2563eb40;border-radius:8px;align-items:center;gap:6px;margin:0 0 10px;padding:7px 12px;font-size:.78rem;font-weight:600;display:flex}.run-players-row{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 0 4px;display:flex}.run-players-label{letter-spacing:.12em;color:var(--gray);flex-shrink:0;margin-right:2px;font-size:.6rem;font-weight:800}.run-player-chip{background:var(--black-4);border:1.5px solid var(--black-4);width:34px;height:34px;color:var(--white);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:border-color .15s,transform .1s;display:flex}.run-player-chip:active{transform:scale(.9)}.run-player-chip:not(.run-player-more):hover{border-color:var(--orange)}.run-player-more{background:var(--black-3);color:var(--gray);cursor:default;font-size:.65rem}.chat-sheet{flex-direction:column;max-height:80vh;padding:0;display:flex}.chat-header{border-bottom:1px solid var(--black-4);flex-shrink:0;padding:12px 20px 10px}.chat-title{font-family:var(--font-display);letter-spacing:.06em;font-size:1.2rem}.chat-loc{color:var(--gray);margin-top:2px;font-size:.78rem}.chat-messages{flex-direction:column;flex:1;gap:8px;min-height:160px;padding:12px 16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--gray);padding:32px 0;font-size:.85rem}.chat-msg{flex-direction:column;max-width:75%;display:flex}.chat-me{align-self:flex-end;align-items:flex-end}.chat-them{align-self:flex-start;align-items:flex-start}.chat-sender{color:var(--gray);letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;font-weight:600}.chat-bubble{word-break:break-word;border-radius:14px;padding:8px 12px;font-size:.88rem;line-height:1.4}.chat-me .chat-bubble{background:var(--orange);color:var(--black);border-bottom-right-radius:4px}.chat-them .chat-bubble{background:var(--black-4);color:var(--white);border-bottom-left-radius:4px}.chat-time{color:var(--gray);margin-top:2px;font-size:.62rem}.chat-quick-panel{border-top:1px solid var(--black-4);padding:10px 14px max(16px, env(safe-area-inset-bottom));background:var(--black-2);flex-shrink:0}.chat-quick-label{letter-spacing:.1em;color:var(--orange);margin-bottom:8px;font-size:.65rem;font-weight:700}.chat-quick-chips{flex-wrap:wrap;gap:7px;display:flex}.chat-quick-chip{background:var(--black-4);color:var(--white);font-size:.85rem;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #333;border-radius:20px;padding:7px 14px;transition:background .15s,border-color .15s}.chat-quick-chip:active{background:var(--orange);color:var(--black);border-color:var(--orange)}.toggle-pill{border:1.5px solid var(--black-4);background:var(--black-3);min-width:60px;color:var(--gray);font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.toggle-pill.active{border-color:var(--orange);color:var(--orange);background:#ff6b1a26}.community-run-card{background:var(--black-2);border:1px solid var(--black-4);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.crc-body{flex:1;min-width:0}.crc-location{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.crc-meta{color:var(--gray);margin-top:2px;font-size:.72rem}.elo-banner{background:var(--black-2);border:1px solid var(--black-4);border-radius:12px;justify-content:space-between;align-items:center;margin:0 24px 16px;padding:12px 16px;display:flex}.elo-label{letter-spacing:.14em;color:var(--gray);text-transform:uppercase;margin-bottom:2px;font-size:.6rem;font-weight:800}.elo-value{font-family:var(--font-display);letter-spacing:.04em;font-size:2rem;line-height:1}.elo-trend{letter-spacing:.02em;font-size:.85rem;font-weight:700}.crew-list{flex-direction:column;gap:2px;display:flex}.crew-row{border-bottom:1px solid var(--black-4);align-items:center;gap:12px;padding:10px 0;display:flex}.crew-row:last-child{border-bottom:none}.search-result-row{border-bottom:1px solid var(--black-4);align-items:center;gap:10px;padding:10px 0;display:flex}.search-result-row:last-child{border-bottom:none}.court-picker-header{padding:max(52px, env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--black-4);background:var(--black);z-index:10;flex-shrink:0;align-items:center;gap:12px;display:flex;position:sticky;top:0}.court-picker-header>div{flex:1;min-width:0}.court-filters{flex-shrink:0}.filter-option{border:1.5px solid var(--black-12);color:var(--white);font-size:.9rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:20px;padding:9px 16px}.filter-option.active{border-color:var(--orange);color:var(--orange);background:#ff6b1a1a;font-weight:700}#court-list{padding-bottom:max(80px, calc(60px + env(safe-area-inset-bottom)))}.leaflet-container{background:#111!important}.leaflet-popup-content-wrapper{background:var(--black-2)!important;color:var(--white)!important;border:1px solid var(--black-4)!important;border-radius:10px!important;box-shadow:0 4px 20px #00000080!important}.leaflet-popup-tip{background:var(--black-2)!important}.leaflet-popup-close-button{color:var(--gray)!important}