:root{--font-sans: "Plus Jakarta Sans", system-ui, sans-serif;--color-bg: #07080f;--color-surface: rgba(255, 255, 255, .04);--color-surface-raised: rgba(255, 255, 255, .07);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text: #eef2f7;--color-text-muted: rgba(238, 242, 247, .55);--color-text-subtle: rgba(238, 242, 247, .3);--color-primary: #00c8b4;--color-primary-hover: #00dfc9;--color-primary-light: rgba(0, 200, 180, .16);--color-primary-lighter: rgba(0, 200, 180, .08);--color-primary-glow: rgba(0, 200, 180, .3);--color-secondary: rgba(238, 242, 247, .65);--color-secondary-bg: rgba(255, 255, 255, .07);--color-success-bg: rgba(34, 197, 94, .12);--color-success-text: #4ade80;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-text: #fbbf24;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-text: #f87171;--color-info-bg: rgba(59, 130, 246, .12);--color-info-text: #60a5fa;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-md: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 4px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-lg: 0 16px 56px rgba(0, 0, 0, .65), 0 4px 16px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-primary: 0 4px 20px var(--color-primary-glow);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--header-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--color-text);background-color:#07080f;background-image:radial-gradient(ellipse 65% 50% at 10% 0%,rgba(0,200,180,.11) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 90% 90%,rgba(79,70,229,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 70% at 50% 100%,rgba(0,100,90,.05) 0%,transparent 70%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-hover);text-decoration:none}button{font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:.5625rem 1.25rem;background:linear-gradient(135deg,var(--color-primary) 0%,#22d3ee 100%);color:#051a18;transition:transform .2s ease,box-shadow .2s ease,opacity .15s ease;letter-spacing:-.01em;position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 55%);pointer-events:none;border-radius:inherit}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px var(--color-primary-glow),0 2px 8px #0000004d}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:#ffffff12;color:var(--color-text-muted);border:1px solid var(--color-border)}button.secondary:after{display:none}button.secondary:hover:not(:disabled){background:#ffffff1c;color:var(--color-text);box-shadow:none;transform:none}button.danger{background:#ef444424;color:var(--color-danger-text);border:1px solid rgba(239,68,68,.25)}button.danger:after{display:none}button.danger:hover:not(:disabled){background:#ef444438;box-shadow:0 0 0 1px #ef44444d;transform:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,select,textarea{font-family:var(--font-sans);font-size:.9375rem;padding:.5625rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;background-color:#ffffff0d;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-appearance:none}select{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 d='M1 1l5 5 5-5' stroke='%23eef2f7' stroke-opacity='0.35' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);background-color:#ffffff12;box-shadow:0 0 0 3px #00c8b421,inset 0 1px #ffffff0a}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-header{height:var(--header-height);background:#07080fbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:100}.app-brand{font-weight:800;font-size:1.0625rem;color:#fff;text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:var(--space-sm);transition:opacity .15s ease}.app-brand:hover{text-decoration:none;opacity:.8;color:#fff}.brand-icon{font-size:1.25rem;line-height:1}.app-nav{display:flex;align-items:center;gap:2px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px}.app-nav a{font-weight:500;font-size:.875rem;color:var(--color-text-muted);padding:.375rem 1rem;border-radius:var(--radius-full);text-decoration:none;transition:color .15s ease,background .15s ease,box-shadow .15s ease;letter-spacing:-.01em}.app-nav a:hover{color:var(--color-text);background:#ffffff12;text-decoration:none}.app-nav a.active{color:#051a18;background:linear-gradient(135deg,var(--color-primary) 0%,#22d3ee 100%);font-weight:600;box-shadow:0 2px 12px var(--color-primary-glow)}.container{max-width:980px;margin:0 auto;padding:var(--space-xl) var(--space-lg);flex:1;position:relative;z-index:1}.page-title{font-size:1.75rem;font-weight:800;color:var(--color-text);margin-bottom:var(--space-lg);letter-spacing:-.04em;line-height:1.2}.streak-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-lg)}.streak-card{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem .5rem .625rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:opacity .15s}.streak-card:hover{opacity:.8}.streak-card--win{border-color:#0d948859;background:#0d948812}.streak-card--loss{border-color:#94a3b84d;background:#94a3b80d}.streak-card-info{display:flex;flex-direction:column;gap:.1rem}.streak-card-name{font-weight:600;font-size:.875rem;color:var(--color-text)}.streak-card-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.streak-count{font-size:1.0625rem;font-weight:700;margin-left:auto;padding-left:.75rem}.streak-count--win{color:var(--color-primary)}.streak-count--loss{color:var(--color-text-muted)}.streak-records-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:540px){.streak-records-grid{grid-template-columns:1fr}}.streak-record-val{font-weight:700;font-size:1rem;margin-left:auto}.streak-record-val--win{color:var(--color-primary)}.streak-record-val--loss{color:var(--color-text-muted)}.section-title{font-size:1.0625rem;font-weight:600;color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-sm);letter-spacing:-.02em}.section-title:first-child{margin-top:0}.card{background:#ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-lg);margin-bottom:var(--space-md);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease,background .25s ease;position:relative}.card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 50%,transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1f;background:#ffffff0c}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.card-meta{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.filter-tabs{display:flex;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3px;gap:2px}.filter-tab{font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:.375rem .875rem;background:transparent;color:var(--color-text-muted);transition:all .15s ease;letter-spacing:-.01em;position:relative}.filter-tab:after{display:none}.filter-tab:hover:not(:disabled){color:var(--color-text);background:#ffffff0f;box-shadow:none;transform:none}.filter-tab.active{background:#ffffff1a;color:var(--color-text);box-shadow:0 1px 4px #0006,inset 0 1px #ffffff14}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg)}.toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.btn-book-court{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-body);text-decoration:none;color:var(--color-primary);background:#00c8b414;border:1px solid rgba(0,200,180,.25);transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn-book-court:before{content:"🎾";font-size:.875rem}.btn-book-court:hover{background:#00c8b426;border-color:#00c8b480;color:var(--color-primary)}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em;text-transform:capitalize;border:1px solid transparent}.badge.scheduled{background:var(--color-info-bg);color:var(--color-info-text);border-color:#3b82f633}.badge.completed{background:var(--color-success-bg);color:var(--color-success-text);border-color:#22c55e33}.badge.cancelled{background:#ffffff0f;color:var(--color-text-muted);border-color:var(--color-border)}.badge.pending{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:#fbbf2433}.badge.accepted{background:var(--color-success-bg);color:var(--color-success-text);border-color:#22c55e33}.badge.declined{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:#ef444433}.badge.waitlist{background:#a855f71f;color:#c084fc;border-color:#a855f733}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9375rem}.data-table th{text-align:left;font-weight:600;color:var(--color-text-subtle);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.05)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff06}.list-plain{list-style:none;margin-top:var(--space-md)}.list-plain li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px solid rgba(255,255,255,.05)}.list-plain li:last-child{border-bottom:none}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--color-text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-md);display:block;line-height:1;opacity:.6}.empty-state-text{font-size:.9375rem;color:var(--color-text-muted)}.loading-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);color:var(--color-text-muted);gap:var(--space-sm)}.loading-spinner{display:inline-block;width:28px;height:28px;border:2.5px solid rgba(255,255,255,.08);border-top-color:var(--color-primary);border-radius:50%;animation:spin .65s linear infinite;box-shadow:0 0 12px var(--color-primary-glow)}@keyframes spin{to{transform:rotate(360deg)}}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-md);text-decoration:none;letter-spacing:-.01em;transition:color .15s ease}.back-link:hover{color:var(--color-primary);text-decoration:none}.result-teams{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.result-teams h3{font-size:.9375rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--color-text);letter-spacing:-.01em}.sets-row{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.sets-row input[type=number]{width:4.5rem}.games-row{display:flex;gap:var(--space-sm);flex-wrap:wrap}.games-row input{flex:1;min-width:80px}.card-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.game-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.member-card-content{flex:1}.member-card-name{font-weight:700;color:var(--color-text);font-size:1rem;letter-spacing:-.01em}.member-card-email{font-size:.875rem;color:var(--color-text-muted);margin-top:2px}.member-list{display:flex;flex-direction:column;gap:.75rem}.member-row-card{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.member-row-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.member-row-away{border-color:#fbbf2440;background:#fbbf240a}.member-row-avatar{flex-shrink:0}.member-row-avatar-lg{width:3rem!important;height:3rem!important;font-size:1rem!important}.member-row-info{flex:1;min-width:0}.member-row-name{font-weight:700;font-size:1rem;color:var(--color-text);letter-spacing:-.01em;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.member-row-email{font-size:.8125rem;color:var(--color-text-muted);margin-top:.2rem}.member-row-actions{display:flex;gap:.5rem;flex-shrink:0}.merge-panel{grid-column:1 / -1;width:100%;margin-top:.75rem;padding:1rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.625rem}.merge-panel-label{font-size:.9375rem;color:var(--color-text);margin:0}.merge-select{width:100%;max-width:22rem}.merge-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.merge-panel-hint{font-size:.8125rem;color:var(--color-text-muted);margin:0}.invite-controls{margin-bottom:1.25rem}.invite-form{display:flex;flex-direction:column;gap:.625rem}.invite-form>select{width:100%}.invite-actions{display:flex;gap:.5rem}.invite-actions button{flex:1}.invite-away-warning{margin:.5rem 0 0;font-size:.8125rem;color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-md);padding:.5rem .75rem}.member-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;letter-spacing:-.01em;position:relative}.member-avatar-photo{object-fit:cover;padding:0}.member-avatar-photo:after{display:none}.member-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003}.member-avatar.color-0{background:linear-gradient(135deg,#0d9488,#14b8a6)}.member-avatar.color-1{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.member-avatar.color-2{background:linear-gradient(135deg,#db2777,#f472b6)}.member-avatar.color-3{background:linear-gradient(135deg,#b45309,#fbbf24)}.member-avatar.color-4{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.member-avatar.color-5{background:linear-gradient(135deg,#15803d,#4ade80)}.member-avatar.color-6{background:linear-gradient(135deg,#b91c1c,#f87171)}.member-avatar.color-7{background:linear-gradient(135deg,#0e7490,#22d3ee)}.game-card-date{font-weight:700;font-size:1rem;color:var(--color-text);letter-spacing:-.02em;margin-top:var(--space-xs)}.game-card-time{font-size:.875rem;color:var(--color-text-muted);margin-top:2px;font-weight:500}.game-card-location{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-sm);display:flex;align-items:center;gap:4px}.game-card-link{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:700;color:var(--color-primary);text-decoration:none;padding:.3125rem .75rem;border-radius:var(--radius-md);background:var(--color-primary-lighter);border:1px solid rgba(0,200,180,.18);transition:all .15s ease;letter-spacing:-.01em}.game-card-link:hover{background:var(--color-primary-light);text-decoration:none;color:var(--color-primary-hover);box-shadow:0 0 14px #00c8b42e}.stats-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:#ffffff09;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#00c8b433}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),#22d3ee);box-shadow:0 0 16px #00c8b480}.stat-card:after{content:"";position:absolute;top:-16px;right:-16px;width:72px;height:72px;background:radial-gradient(circle,rgba(0,200,180,.09) 0%,transparent 70%);pointer-events:none}.stat-card-icon{font-size:1.5rem;margin-bottom:var(--space-sm);display:block;line-height:1}.stat-card .stat-value{font-size:2.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.04em;line-height:1.1}.stat-card .stat-label{font-size:.6875rem;font-weight:600;color:var(--color-text-subtle);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.09em}.stat-item-linkable{cursor:pointer}.stat-item-linkable:hover .member-name,.stat-item-linkable:hover .pair-name{color:var(--color-primary)}.member-detail-hero{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl)}.member-detail-info{display:flex;flex-direction:column;gap:.25rem}.member-detail-name{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.member-detail-email{font-size:.875rem;color:var(--color-text-muted)}.member-detail-row{display:flex;align-items:baseline;gap:var(--space-md);padding:.625rem 0;border-bottom:1px solid var(--color-border);font-size:.9375rem}.member-detail-row:last-child{border-bottom:none}.member-detail-row-label{font-weight:600;color:var(--color-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;min-width:9rem;flex-shrink:0}.stats-section-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-sm)}.stats-section-title:before{content:"";width:3px;height:1.125rem;background:linear-gradient(to bottom,var(--color-primary),#22d3ee);border-radius:2px;flex-shrink:0;box-shadow:0 0 8px var(--color-primary-glow)}.leaderboard{list-style:none;margin:0;padding:0}.leaderboard-pair-avatars{display:flex;flex-direction:row}.leaderboard-pair-avatars .member-avatar,.leaderboard-pair-avatars .member-avatar-photo{margin-left:-.5rem}.leaderboard-pair-avatars .member-avatar:first-child,.leaderboard-pair-avatars .member-avatar-photo:first-child{margin-left:0}.leaderboard-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-sm);background:#ffffff08;border:1px solid var(--color-border);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease,background .2s ease;position:relative}.leaderboard-item:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 50%,transparent);border-radius:var(--radius-md) var(--radius-md) 0 0}.leaderboard-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:#ffffff1f;background:#ffffff0d}.leaderboard-item:last-child{margin-bottom:0}.leaderboard-item .rank{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;border-radius:var(--radius-sm);color:var(--color-text-muted);background:#ffffff12}.leaderboard-item:nth-child(1) .rank{background:linear-gradient(135deg,#d97706,#fcd34d);color:#451a03;box-shadow:0 0 14px #d9770673,0 2px 4px #0000004d}.leaderboard-item:nth-child(2) .rank{background:linear-gradient(135deg,#94a3b8,#e2e8f0);color:#1e293b;box-shadow:0 0 10px #94a3b84d,0 2px 4px #0000004d}.leaderboard-item:nth-child(3) .rank{background:linear-gradient(135deg,#c2410c,#fb923c);color:#fff;box-shadow:0 0 10px #c2410c66,0 2px 4px #0000004d}.leaderboard-item:nth-child(1){border-color:#d9770633;background:#d977060a}.leaderboard-item .pair-name{flex:1;font-weight:700;color:var(--color-text);font-size:.9375rem;letter-spacing:-.01em}.leaderboard-item .pair-meta{font-size:.8125rem;color:var(--color-text-muted);margin-top:2px;font-weight:500}.leaderboard-item .win-rate-wrap{flex-shrink:0;min-width:100px;text-align:right}.leaderboard-item .win-rate-value{font-weight:800;color:var(--color-primary);font-size:1.0625rem;letter-spacing:-.02em;text-shadow:0 0 20px var(--color-primary-glow)}.leaderboard-item .win-rate-bar{height:4px;background:#ffffff14;border-radius:3px;margin-top:6px;overflow:hidden}.leaderboard-item .win-rate-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#22d3ee);border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px var(--color-primary-glow)}.activity-list{list-style:none;margin:0;padding:0}.activity-item{display:flex;align-items:center;gap:var(--space-md);padding:.75rem var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xs);background:#ffffff08;border:1px solid var(--color-border);transition:background .15s ease,border-color .15s ease}.activity-item:hover{background:#ffffff0d;border-color:#ffffff1a}.activity-item .member-name{flex:1;font-weight:600;color:var(--color-text)}.activity-item .games-count{font-weight:800;color:var(--color-primary);font-size:1.125rem;letter-spacing:-.02em;text-shadow:0 0 16px var(--color-primary-glow)}.activity-item .games-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.activity-item .activity-bar{flex:0 0 80px;height:5px;background:#ffffff12;border-radius:4px;overflow:hidden}.activity-item .activity-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#22d3ee);border-radius:4px;box-shadow:0 0 6px var(--color-primary-glow)}.attendance-table-wrap{overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse;font-size:.9375rem}.attendance-table th{text-align:left;font-weight:600;color:var(--color-text-subtle);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.attendance-table td{padding:var(--space-md);border-bottom:1px solid rgba(255,255,255,.04)}.attendance-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:var(--space-md)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;font-size:.8125rem;margin-bottom:var(--space-xs);color:var(--color-text-muted);letter-spacing:.01em}.form-row{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:140px}.form-row .form-group.fixed{flex:0 0 auto}.respond-wrapper{max-width:460px;margin:var(--space-xl) auto}.respond-card{background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-xl);text-align:center;position:relative;overflow:hidden}.respond-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14) 50%,transparent)}.respond-icon{font-size:3rem;display:block;margin-bottom:var(--space-md);line-height:1}.respond-greeting{font-size:1.625rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-xs)}.respond-subtext{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.respond-game-details{background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);text-align:left}.respond-game-date{font-size:1.0625rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.respond-game-time{font-size:.9375rem;color:var(--color-text-muted);font-weight:500;margin-top:2px}.respond-game-location{display:flex;align-items:center;gap:5px;font-size:.875rem;color:var(--color-text-muted);font-weight:500;margin-top:var(--space-sm)}.respond-spot-note{font-size:.8125rem;color:var(--color-text-subtle);margin-top:var(--space-sm);font-weight:500}.respond-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.respond-actions button{width:100%;padding:.75rem 1.5rem;font-size:1rem}.respond-outcome{border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid transparent}.respond-outcome.success{background:var(--color-success-bg);border-color:#22c55e33}.respond-outcome.neutral{background:#ffffff0d;border-color:var(--color-border)}.respond-outcome.warning{background:var(--color-warning-bg);border-color:#fbbf2433}.respond-outcome-icon{font-size:2rem;display:block;margin-bottom:var(--space-xs);line-height:1}.respond-outcome-title{font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.respond-outcome.success .respond-outcome-title{color:var(--color-success-text)}.respond-outcome.neutral .respond-outcome-title{color:var(--color-text-muted)}.respond-outcome.warning .respond-outcome-title{color:var(--color-warning-text)}.respond-outcome-sub{font-size:.875rem;margin-top:3px;opacity:.85}.respond-outcome.success .respond-outcome-sub{color:var(--color-success-text)}.respond-outcome.neutral .respond-outcome-sub{color:var(--color-text-muted)}.respond-outcome.warning .respond-outcome-sub{color:var(--color-warning-text)}.respond-home-link{display:inline-block;margin-top:1.25rem;font-size:.9375rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:opacity .15s ease}.respond-home-link:hover{opacity:.8}.respond-view-game-btn{display:block;width:100%;margin-top:1.25rem;padding:.75rem 1.25rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);text-align:center;font-weight:700;font-size:.9375rem;text-decoration:none;letter-spacing:-.01em;transition:opacity .15s}.respond-view-game-btn:hover{opacity:.88}.respond-error-card{max-width:400px;margin:var(--space-xl) auto;background:#ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-xl);text-align:center}.respond-error-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-md);line-height:1}.respond-error-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-xs);letter-spacing:-.02em}.respond-error-text{font-size:.9375rem;color:var(--color-text-muted)}.game-detail-hero-date{font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text);line-height:1.2}.game-detail-hero-time{font-size:.9375rem;color:var(--color-text-muted);font-weight:500;margin-top:3px}.game-detail-location{display:flex;align-items:center;gap:6px;font-size:.9375rem;color:var(--color-text-muted);margin-top:var(--space-sm);font-weight:500}.game-detail-notes{font-size:.9375rem;color:var(--color-text-muted);margin-top:var(--space-sm);line-height:1.55}.players-layout{display:flex;flex-direction:column;gap:0}.players-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.players-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.players-count{font-size:.75rem;font-weight:600;color:var(--color-primary)}.players-invited-section{margin-top:1rem;padding-top:.875rem;border-top:1px solid rgba(255,255,255,.06)}.players-invited-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-subtle);margin-bottom:.5rem}.player-list--compact{gap:2px}.player-item--empty{background:transparent;border:1px dashed rgba(255,255,255,.08);opacity:.5}.player-item--empty:hover{background:transparent}.player-slot-avatar{width:2rem;height:2rem;border-radius:50%;border:1.5px dashed rgba(255,255,255,.15);flex-shrink:0}.player-slot-label{font-size:.8125rem;color:var(--color-text-subtle);font-style:italic}.player-item--invited{background:#ffffff05}.player-item--declined{opacity:.5}.player-item--declined .player-item-name{text-decoration:line-through;color:var(--color-text-muted)}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.player-item{display:flex;align-items:center;gap:var(--space-md);padding:.625rem var(--space-md);border-radius:var(--radius-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .15s ease}.player-item:hover{background:#ffffff0f}.player-item-name{flex:1;font-weight:600;color:var(--color-text);font-size:.9375rem}.player-item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s}.player-item:hover .player-item-actions{opacity:1}.player-action-btn{background:transparent;border:none;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);font-size:1rem;line-height:1;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;padding:0}.player-action-btn:hover{background:#ffffff14;color:var(--color-primary)}.player-action-btn.player-action-remove:hover{background:#f871711a;color:#f87171}.player-item-swapping{background:#00c8b40d;border-color:#00c8b433;flex-wrap:wrap;gap:.5rem}.player-swap-row{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap}.player-swap-row select{flex:1;min-width:0}.player-swap-row button{white-space:nowrap;padding:.375rem .75rem;font-size:.8125rem}.result-scoreboard{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg) var(--space-xl);background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.result-scoreboard:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.scoreboard-team{flex:1}.scoreboard-team:last-child{text-align:right}.scoreboard-team-name{font-size:.6875rem;font-weight:700;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.scoreboard-team-players{font-size:.9375rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;line-height:1.5}.scoreboard-score{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.scoreboard-number{font-size:3rem;font-weight:800;color:var(--color-text-muted);letter-spacing:-.04em;line-height:1}.scoreboard-number.winner{color:var(--color-primary);text-shadow:0 0 30px var(--color-primary-glow)}.scoreboard-sep{font-size:1.75rem;font-weight:800;color:#ffffff24;line-height:1}.location-search{position:relative}.location-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0e1224f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:.25rem 0;z-index:50;max-height:220px;overflow-y:auto}.location-suggestions li{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background .12s ease}.location-suggestions li:hover{background:#ffffff0f}.suggestion-icon{flex-shrink:0;font-size:.875rem;margin-top:1px}.suggestion-text{font-size:.875rem;color:var(--color-text);line-height:1.4}.game-detail-court{color:var(--color-text-muted);font-size:.875rem;margin-left:.25rem}.game-detail-booked-by{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-text-muted);margin-top:.375rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(16px) scale(.96)}}.page-title{animation:fadeUp .3s ease both}.toolbar{animation:fadeUp .3s .05s ease both}.card{animation:fadeUp .35s ease both}.grid-2>.card:nth-child(1){animation-delay:.04s}.grid-2>.card:nth-child(2){animation-delay:.09s}.grid-2>.card:nth-child(3){animation-delay:.14s}.grid-2>.card:nth-child(4){animation-delay:.19s}.grid-2>.card:nth-child(5){animation-delay:.24s}.grid-2>.card:nth-child(6){animation-delay:.29s}.grid-2>.card:nth-child(n+7){animation-delay:.32s}.stat-card{animation:fadeUp .35s ease both}.stats-hero .stat-card:nth-child(1){animation-delay:.05s}.stats-hero .stat-card:nth-child(2){animation-delay:.11s}.stats-hero .stat-card:nth-child(3){animation-delay:.17s}.leaderboard-item{animation:fadeUp .3s ease both}.leaderboard-item:nth-child(1){animation-delay:.05s}.leaderboard-item:nth-child(2){animation-delay:.1s}.leaderboard-item:nth-child(3){animation-delay:.15s}.leaderboard-item:nth-child(4){animation-delay:.2s}.leaderboard-item:nth-child(n+5){animation-delay:.24s}.activity-item{animation:fadeUp .3s ease both}.activity-item:nth-child(1){animation-delay:.04s}.activity-item:nth-child(2){animation-delay:.09s}.activity-item:nth-child(3){animation-delay:.14s}.activity-item:nth-child(4){animation-delay:.19s}.activity-item:nth-child(n+5){animation-delay:.23s}.player-item{animation:fadeUp .25s ease both}.player-list .player-item:nth-child(1){animation-delay:.04s}.player-list .player-item:nth-child(2){animation-delay:.09s}.player-list .player-item:nth-child(3){animation-delay:.14s}.player-list .player-item:nth-child(4){animation-delay:.19s}.game-card-players{display:flex;align-items:center;gap:.625rem;margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--color-border)}.game-card-avatar-stack{display:flex;align-items:center}.game-card-avatar-stack .member-avatar{width:1.75rem;height:1.75rem;font-size:.5625rem;margin-left:-7px;border:2px solid #07080f;flex-shrink:0}.game-card-avatar-stack .member-avatar:first-child{margin-left:0}.game-card-slot-empty{width:1.75rem;height:1.75rem;border-radius:50%;border:1.5px dashed rgba(255,255,255,.14);margin-left:-7px;background:#ffffff06;flex-shrink:0}.game-card-slot-empty:first-child{margin-left:0}.game-card-player-count{font-size:.8125rem;font-weight:700;color:var(--color-text-muted);letter-spacing:-.01em;margin-left:2px}.game-card-player-count.full{color:var(--color-success-text);text-shadow:0 0 12px rgba(74,222,128,.3)}.header-user{display:flex;align-items:center;gap:.5rem}.header-avatar{width:1.875rem;height:1.875rem;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.15);flex-shrink:0}.header-user-name{font-size:.8125rem;color:var(--color-text-muted);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-signout-btn{background:none;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-body);cursor:pointer;padding:.25rem .625rem;border-radius:var(--radius-full);transition:border-color .15s,color .15s}.header-signout-btn:hover{border-color:#ffffff40;color:var(--color-text)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:var(--radius-full);background:var(--color-primary);color:#07080f;font-size:.625rem;font-weight:800;line-height:1;margin-left:.375rem;vertical-align:middle;animation:badge-pop .2s ease}@keyframes badge-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.header-user-profile-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;border-radius:var(--radius-full);padding:.125rem .375rem .125rem .125rem;transition:background .15s}.header-user-profile-link:hover{background:#ffffff14}.profile-form{display:flex;flex-direction:column;gap:1rem;max-width:600px}.profile-hero-card{padding:2rem}.profile-hero{display:flex;align-items:center;gap:1.5rem}.profile-avatar-wrap{position:relative;cursor:pointer;border:none;background:none;padding:0;border-radius:var(--radius-full);flex-shrink:0;display:block}.profile-avatar-lg{width:5rem!important;height:5rem!important;font-size:1.5rem!important}.profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:#00000080;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:0;transition:opacity .2s}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-hero-text{flex:1;min-width:0}.profile-name-input{font-size:1.25rem!important;font-weight:700!important;background:transparent!important;border:none!important;border-bottom:1.5px solid var(--color-border)!important;border-radius:0!important;padding:.25rem 0!important;color:var(--color-text)!important;width:100%;outline:none;transition:border-color .15s}.profile-name-input:focus{border-bottom-color:var(--color-primary)!important}.profile-email{font-size:.875rem;color:var(--color-text-muted);margin-top:.4rem}.profile-photo-hint{font-size:.75rem;color:var(--color-text-subtle);margin-top:.5rem;margin-bottom:0}.profile-section-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .25rem}.profile-section-desc{font-size:.8125rem;color:var(--color-text-muted);margin:0}.profile-away-card{transition:border-color .2s,background .2s}.profile-away-active{border-color:#fbbf244d;background:#fbbf240a}.profile-away-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.day-picker{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.25rem}.day-btn{padding:.375rem .75rem;border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:var(--font-sans);letter-spacing:.01em}.day-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.day-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#07080f;font-weight:700}.form-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:.35rem;margin-bottom:0}.member-away-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full);background:#fbbf2426;color:#fbbf24;letter-spacing:.01em;white-space:nowrap}.member-schedule-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:.2rem}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.btn-copy-game-link{font-size:.8125rem;font-weight:600;padding:.375rem .875rem;border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s;font-family:var(--font-sans);white-space:nowrap}.btn-copy-game-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-lighter)}.join-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-bg)}.join-loading,.join-error-card{text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}.join-error-icon{font-size:3rem}.join-error-msg{font-size:1rem;color:var(--color-text-muted)}.join-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.join-brand{font-size:.8125rem;font-weight:700;color:var(--color-primary);letter-spacing:.04em;text-transform:uppercase;display:block;margin-bottom:1rem}.join-game-header{margin-bottom:1.5rem}.join-game-date{font-size:1.5rem;font-weight:800;color:var(--color-text);margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.2}.join-game-time{font-size:1.125rem;font-weight:600;color:var(--color-primary);margin-bottom:.5rem}.join-game-location,.join-game-cost{font-size:.875rem;color:var(--color-text-muted);margin-top:.3rem}.join-spots{margin-bottom:1.25rem}.join-spots-avatars{display:flex;gap:.375rem;margin-bottom:.5rem}.join-spot-empty{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:2px dashed var(--color-border-strong);flex-shrink:0}.join-spots-label{font-size:.8125rem;color:var(--color-text-muted);margin:0}.join-divider{height:1px;background:var(--color-border);margin:1.25rem 0}.join-who-label,.join-respond-label{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:0 0 .875rem}.join-member-list{display:flex;flex-direction:column;gap:.375rem;max-height:280px;overflow-y:auto}.join-member-btn{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:transparent;color:var(--color-text);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:left;font-family:var(--font-sans)}.join-member-btn:hover{border-color:var(--color-primary);background:var(--color-primary-lighter)}.join-member-btn.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:700}.join-respond-btns{display:flex;gap:.75rem}.join-btn-accept,.join-btn-decline{flex:1;padding:.75rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;border:2px solid transparent;font-family:var(--font-sans)}.join-btn-accept{background:var(--color-primary);color:#07080f;border-color:var(--color-primary)}.join-btn-accept:hover:not(:disabled){background:var(--color-primary-hover)}.join-btn-accept.current{box-shadow:0 0 0 3px var(--color-primary-glow)}.join-btn-decline{background:transparent;color:var(--color-text-muted);border-color:var(--color-border-strong)}.join-btn-decline:hover:not(:disabled){border-color:var(--color-danger-text);color:var(--color-danger-text)}.join-btn-decline.current{border-color:var(--color-danger-text);color:var(--color-danger-text)}.join-btn-accept:disabled,.join-btn-decline:disabled{opacity:.4;cursor:not-allowed}.join-not-me{margin-top:.75rem;background:none;border:none;color:var(--color-text-subtle);font-size:.8125rem;cursor:pointer;padding:0;font-family:var(--font-sans);text-decoration:underline}.join-not-me:hover{color:var(--color-text-muted)}.join-done{text-align:center;padding:.5rem 0}.join-done-icon{font-size:2.5rem;margin-bottom:.75rem}.join-done-msg{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.join-view-game-btn{display:block;width:100%;margin-top:.75rem;padding:.75rem 1.25rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);text-align:center;font-weight:700;font-size:.9375rem;text-decoration:none;letter-spacing:-.01em;transition:opacity .15s}.join-view-game-btn:hover{opacity:.88}.join-home-link{display:block;margin-top:.75rem;text-align:center;font-size:.875rem;color:var(--color-text-muted);text-decoration:none}.join-home-link:hover{color:var(--color-text)}.join-already-nav{margin-bottom:1.25rem}.join-error-inline{margin-top:1rem;font-size:.875rem;color:var(--color-danger-text);background:var(--color-danger-bg);padding:.5rem .75rem;border-radius:var(--radius-md)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:400px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:2.5rem;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 0 0 1px #ffffff0a inset,0 32px 80px #00000080}.auth-logo{display:flex;align-items:center;justify-content:center;gap:.625rem;margin-bottom:2rem}.auth-brand-name{font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.auth-tabs{display:flex;background:#ffffff0d;border-radius:var(--radius-md);padding:3px;margin-bottom:1.75rem;gap:3px}.auth-tab{flex:1;padding:.5rem;background:transparent;border:none;border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s,color .2s}.auth-tab.active{background:#ffffff17;color:var(--color-text)}.avatar-upload-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.avatar-upload-btn{width:5.5rem;height:5.5rem;border-radius:50%;background:#ffffff0a;border:2px dashed rgba(0,200,180,.3);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s,background .2s}.avatar-upload-btn:hover{border-color:var(--color-primary);background:#00c8b40f}.avatar-upload-preview{width:100%;height:100%;object-fit:cover}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--color-text-muted);font-size:.6875rem;font-family:var(--font-body);pointer-events:none}.auth-error{color:#f87171;font-size:.875rem;margin-bottom:.875rem;text-align:center;padding:.5rem .75rem;background:#f8717114;border-radius:var(--radius-sm);border:1px solid rgba(248,113,113,.2)}.auth-submit{width:100%;margin-top:.25rem}.toggle-label{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{position:relative;display:inline-block;width:2.25rem;height:1.25rem;flex-shrink:0}.toggle-input{position:absolute;opacity:0;width:0;height:0;margin:0}.toggle-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.15);transition:background .2s,border-color .2s}.toggle-thumb:after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:.875rem;height:.875rem;border-radius:50%;background:#ffffff80;transition:left .2s,background .2s}.toggle-input:checked+.toggle-thumb{background:var(--color-primary);border-color:var(--color-primary)}.toggle-input:checked+.toggle-thumb:after{left:calc(100% - .875rem - 2px);background:#fff}.toggle-text{font-size:.8125rem;color:var(--color-text-muted);transition:color .2s}.toggle-label:has(.toggle-input:checked) .toggle-text{color:var(--color-primary)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.8125rem 1rem;border-radius:var(--radius-lg);min-width:260px;max-width:380px;background:#101428f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .3s cubic-bezier(.16,1,.3,1) both}.toast.toast-exiting{animation:toastOut .28s ease both}.toast-success{border-color:#22c55e59}.toast-error{border-color:#ef444459}.toast-info{border-color:#3b82f640}.toast-icon{font-size:.875rem;font-weight:800;flex-shrink:0;width:1.375rem;height:1.375rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-success .toast-icon{color:var(--color-success-text);background:#22c55e1f}.toast-error .toast-icon{color:var(--color-danger-text);background:#ef44441f}.toast-info .toast-icon{color:var(--color-info-text);background:#3b82f61f}.toast-message{flex:1;font-size:.9rem;font-weight:500;color:var(--color-text);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--color-text-subtle);font-size:1.25rem;line-height:1;padding:0;cursor:pointer;flex-shrink:0;width:auto;min-width:unset;font-weight:400;letter-spacing:0;box-shadow:none}.toast-close:after{display:none}.toast-close:hover:not(:disabled){color:var(--color-text);background:transparent;transform:none;box-shadow:none}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:overlayFadeIn .18s ease both}.dialog{background:#0e1224fc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.875rem;max-width:400px;width:100%;animation:dialogIn .22s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden;animation-name:dialogIn}.dialog:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 50%,transparent)}.dialog-icon{font-size:2rem;display:block;margin-bottom:.75rem;line-height:1}.dialog-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;letter-spacing:-.02em}.dialog-message{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:1.75rem;line-height:1.55}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end}@media(max-width:640px){.result-teams{grid-template-columns:1fr}.stats-hero{grid-template-columns:repeat(2,1fr)}.app-header{padding:0 var(--space-md)}.container{padding:var(--space-md)}.page-title{font-size:1.5rem}.result-scoreboard{gap:var(--space-md);padding:var(--space-lg)}.scoreboard-number{font-size:2.25rem}.set-form-grid{grid-template-columns:1fr}.set-score-col{align-items:flex-start}.set-score-row{flex-wrap:wrap;gap:.375rem}.set-players{display:none}.form-row{flex-direction:column;gap:var(--space-sm)}.form-row .form-group{min-width:unset;width:100%}.player-item-actions{opacity:1}.leaderboard-item .win-rate-wrap{min-width:70px}.leaderboard-item{padding:.75rem var(--space-md);gap:.625rem}.join-card{padding:1.5rem;border-radius:var(--radius-lg)}.header-user-name{display:none}.app-nav a{padding:.3125rem .75rem;font-size:.8125rem}.auth-card{padding:2rem}.dialog{padding:1.375rem}.activity-item .activity-bar{flex:0 0 50px}button:not(.filter-tab):not(.player-action-btn):not(.toast-close):not(.day-btn):not(.header-signout-btn):not(.join-not-me):not(.set-remove-btn){min-height:44px}}@media(max-width:480px){:root{--header-height: 60px}.stats-hero{grid-template-columns:1fr}.brand-name{display:none}.app-nav a{padding:.3125rem .625rem;font-size:.75rem}.header-signout-btn{display:none}.join-card{padding:1.25rem}.join-respond-btns{flex-direction:column;gap:.5rem}.member-row-card{padding:.75rem 1rem;gap:.75rem;flex-wrap:wrap}.member-row-avatar-lg{width:2.5rem!important;height:2.5rem!important;font-size:.875rem!important}.member-row-info{flex:1;min-width:0}.member-row-actions{width:100%;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid var(--color-border);margin-top:.25rem}.member-row-actions button{flex:1;min-width:0;font-size:.8125rem;padding:.375rem .5rem}.profile-hero{flex-direction:column;align-items:center;text-align:center;gap:1rem}.profile-hero-text{width:100%}.profile-name-input{text-align:center!important}.page-title{font-size:1.375rem}.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{min-width:unset;max-width:100%}}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 1rem;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.google-btn-wrap{display:flex;justify-content:center}.google-btn-wrap>div{border-radius:var(--radius-md)!important;overflow:hidden}.cost-split-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.375rem;margin-top:.75rem;padding:.625rem .875rem;background:#00c8b40f;border:1px solid rgba(0,200,180,.18);border-radius:var(--radius-md)}.cost-split-total{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text)}.cost-split-icon{font-size:1rem}.cost-split-detail{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.cost-split-per{font-size:.9375rem;font-weight:700;color:var(--color-primary)}.cost-split-payee{font-size:.8125rem;color:var(--color-text-muted)}.game-card-cost{font-size:.75rem;font-weight:600;color:var(--color-primary);margin-left:auto;opacity:.85}.sets-scoreboard{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.375rem}.set-score-row{display:flex;align-items:center;gap:.75rem;padding:.375rem 0}.set-badge{font-size:.7rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;min-width:3.25rem}.set-side{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.875rem;color:var(--color-text-muted);transition:color .15s}.set-side-right{flex-direction:row-reverse;text-align:right}.set-side.set-winner{color:var(--color-primary);font-weight:600}.set-score-num{font-size:1.25rem;font-weight:800;min-width:1.5rem;text-align:center;color:var(--color-text)}.set-side.set-winner .set-score-num{color:var(--color-primary);text-shadow:0 0 12px rgba(0,200,180,.35)}.set-vs{color:var(--color-text-muted);font-size:.875rem;flex-shrink:0}.set-players{font-size:.8rem}.set-form-block{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1rem;margin-bottom:.875rem;background:#ffffff05}.set-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.set-form-num{font-size:.75rem;font-weight:700;color:var(--color-primary);letter-spacing:.07em;text-transform:uppercase}.set-remove-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-sm);transition:color .15s,background .15s}.set-remove-btn:hover{color:#f87171;background:#f8717114}.set-form-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}.set-team-col{display:flex;flex-direction:column;gap:.5rem}.set-score-col{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.125rem}.set-score-col>label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.set-score-inputs{display:flex;align-items:center;gap:.5rem}.set-score-inputs input{width:3.5rem;text-align:center;font-size:1.625rem;font-weight:800;padding:.375rem .25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text)}.set-score-inputs input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #00c8b426}.set-score-inputs span{color:var(--color-text-muted);font-size:1.25rem;font-weight:300}.h2h-filter{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.h2h-pill{padding:.3125rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600;border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.h2h-pill:hover{background:#ffffff14;color:var(--color-text)}.h2h-pill.active{background:#0d948826;border-color:var(--color-primary);color:var(--color-primary)}.h2h-list .leaderboard-item{gap:.625rem}.h2h-item{display:flex;align-items:center;gap:.625rem}.h2h-players{display:flex;align-items:center;gap:.375rem;min-width:0}.h2h-players--right{flex-direction:row-reverse}.h2h-name{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap}.h2h-opp-name{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;flex:1}.h2h-score{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.h2h-score-num{font-size:1.125rem;font-weight:700;color:var(--color-text-muted);min-width:1.5rem;text-align:center}.h2h-score-num--win{color:var(--color-primary)}.h2h-score-num--draw{color:var(--color-text)}.h2h-sep{color:var(--color-text-subtle);font-weight:300}.h2h-bar-wrap{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.h2h-bar{flex:1;height:4px;background:#ffffff14;border-radius:999px;overflow:hidden}.h2h-bar-fill{height:100%;background:var(--color-primary);border-radius:999px;transition:width .4s ease}.h2h-total{font-size:.75rem;color:var(--color-text-subtle);white-space:nowrap;flex-shrink:0}.waitlist-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--color-border)}.waitlist-section-label{font-size:.8125rem;font-weight:600;color:#c084fc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.join-btn-waitlist{flex:1;padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:2px solid rgba(168,85,247,.4);background:#a855f71f;color:#c084fc}.join-btn-waitlist:hover:not(:disabled){background:#a855f738;border-color:#a855f799}.join-btn-waitlist:disabled{opacity:.5;cursor:not-allowed}.join-waitlist-info{font-size:.8125rem;color:var(--color-text-muted);text-align:center;margin-top:.5rem}.forgot-password-link{display:block;text-align:right;font-size:.8125rem;color:var(--color-primary);text-decoration:none;margin-top:.375rem;opacity:.85;transition:opacity .15s}.forgot-password-link:hover{opacity:1;text-decoration:underline}.error-boundary-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-boundary-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;max-width:28rem;width:100%;text-align:center;display:flex;flex-direction:column;gap:.75rem;align-items:center}.error-boundary-icon{font-size:2.5rem}.error-boundary-card h2{margin:0;font-size:1.25rem}.error-boundary-card p{margin:0;color:var(--color-text-muted);font-size:.9375rem}.member-admin-badge{font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:.15rem .45rem;border-radius:999px;background:#0d94882e;color:var(--color-primary);border:1px solid rgba(13,148,136,.35);margin-left:.4rem;vertical-align:middle}.load-more-row{display:flex;justify-content:center;margin-top:1.25rem}.calendar-sub-card{margin-top:1.25rem}.calendar-url-block{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.calendar-url-input{font-size:.8125rem;font-family:monospace;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem;color:var(--color-text);width:100%}.calendar-sub-hint{font-size:.8125rem;color:var(--color-text-muted);margin:0}.view-toggle{display:flex;background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;gap:0}.view-toggle-btn{padding:.375rem .625rem;font-size:1rem;line-height:1;background:transparent;color:var(--color-text-muted);border:none;border-radius:0;cursor:pointer;transition:background .15s ease,color .15s ease}.view-toggle-btn:hover{background:#ffffff14;color:var(--color-text)}.view-toggle-btn.active{background:var(--color-primary-light);color:var(--color-primary)}.cal-outer{transition:opacity .2s ease}.cal-outer--loading{opacity:.45;pointer-events:none}.cal-wrapper{margin-top:var(--space-md)}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.cal-nav-title{font-size:1rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em}.cal-nav-btn{background:#ffffff0f;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:1.25rem;line-height:1;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.cal-nav-btn:hover{background:#ffffff1f;color:var(--color-text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.cal-day-header{text-align:center;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);padding:.5rem .25rem;background:#ffffff08;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.cal-day-header:last-child{border-right:none}.cal-day{min-height:88px;padding:.375rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;display:flex;flex-direction:column;gap:2px;transition:background .15s ease}.cal-day:nth-child(7n){border-right:none}.cal-day:nth-last-child(-n+7){border-bottom:none}.cal-day--other-month{opacity:.3}.cal-day--today{box-shadow:inset 0 0 0 2px var(--color-primary)}.cal-day--weekend{background:#ffffff05}.cal-day--clickable{cursor:pointer}.cal-day--clickable:hover{background:var(--color-primary-lighter)}.cal-day--clickable:hover:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:var(--color-primary);opacity:.35;pointer-events:none;font-weight:300}.cal-day-num{font-size:.75rem;font-weight:600;color:var(--color-text-muted);line-height:1.2;flex-shrink:0}.cal-day--today .cal-day-num{color:var(--color-primary)}.cal-day-chips{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.cal-game-chip{font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,transform .1s ease;border:1px solid rgba(0,200,180,.2)}.cal-game-chip:hover{background:#00c8b440;transform:scale(1.03)}.cal-game-chip--full{background:var(--color-success-bg);color:var(--color-success-text);border-color:#22c55e33}.cal-game-chip--full:hover{background:#22c55e33}.cal-game-chip--cancelled{background:#ffffff0a;color:var(--color-text-subtle);text-decoration:line-through;border-color:var(--color-border)}.cal-game-chip--cancelled:hover{background:#ffffff0f;transform:none}.cal-suggested-dot{position:absolute;top:.3rem;right:.3rem;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary-light);border:1px solid rgba(0,200,180,.3);display:flex;align-items:center;justify-content:center;opacity:.75}.cal-suggested-label{font-size:.5625rem;font-weight:700;color:var(--color-primary);line-height:1}@media(max-width:600px){.cal-day{min-height:60px;padding:.25rem}.cal-day-num{font-size:.625rem}.cal-game-chip{font-size:.5625rem;padding:.1rem .25rem}.cal-day-header{font-size:.5625rem;padding:.375rem .125rem}}.game-card-self-action{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);gap:.5rem}.game-card-my-status{font-size:.8125rem;font-weight:600;color:var(--color-primary)}.game-card-my-status.waitlist{color:#c084fc}.btn-sm{padding:.3rem .75rem;font-size:.8125rem;min-height:unset;height:auto;line-height:1.4}.my-spot-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:#0d94880f;border-radius:var(--radius-md);border:1px solid rgba(13,148,136,.2)}.my-spot-status{font-size:.9375rem;font-weight:600;flex:1;color:var(--color-primary)}.my-spot-status.waitlist{color:#c084fc}