:root{--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 10px 30px rgba(0,0,0,.12);--shadow-lg: 0 24px 60px rgba(0,0,0,.28);--shadow-glow-amber: 0 0 48px rgba(250, 204, 21, .45);--shadow-glow-sky: 0 0 48px rgba(107, 191, 139, .45);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Anton", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--app-w: 420px;--app-h: 860px;--app-notch-h: 38px;--app-tabbar-h: 72px;--app-status-h: 30px;--ease: cubic-bezier(.2,.7,.2,1)}html{scroll-behavior:smooth}html[data-theme=dark],html:not([data-theme=light]){--bg: #0A1018;--bg-2: #0E1622;--bg-pitch: #122A20;--bg-pitch-2: #0F241B;--surface: rgba(244,239,226,.04);--surface-solid: #0E1622;--surface-elevated: rgba(244,239,226,.07);--border: rgba(244,239,226,.1);--border-strong: rgba(244,239,226,.18);--fg: #F4EFE2;--fg-muted: #C9C3B4;--fg-soft: #8B9186;--amber: #FACC15;--amber-600: #EAB308;--amber-fg: #111827;--sky: #6BBF8B;--sky-600: #3D8E5D;--sky-fg: #0A140F;--red: #E15450;--red-fg: #fff;--primary: #FACC15;--primary-600: #EAB308;--primary-fg: #111827;--gold: #FACC15;--gold-600: #EAB308;--gold-fg: #111827;--blue: #6BBF8B}html[data-theme=light]{--bg: #F8F6EF;--bg-2: #FFFFFF;--bg-pitch: #E8EDE4;--bg-pitch-2: #D8DFD2;--surface: #ffffff;--surface-solid: #ffffff;--surface-elevated: #ffffff;--border: rgba(10,16,24,.08);--border-strong: rgba(10,16,24,.14);--fg: #0A1018;--fg-muted: #3A4250;--fg-soft: #6B7280;--amber: #CA8A04;--amber-600: #A16207;--amber-fg: #ffffff;--sky: #3D8E5D;--sky-600: #2C6A44;--sky-fg: #ffffff;--red: #C63A36;--red-fg: #fff;--primary: #CA8A04;--primary-600: #A16207;--primary-fg: #ffffff;--gold: #CA8A04;--gold-600: #A16207;--gold-fg: #ffffff;--blue: #3D8E5D;--shadow-sm: 0 2px 10px rgba(10, 16, 24, .05);--shadow-md: 0 12px 32px rgba(10, 16, 24, .08);--shadow-lg: 0 28px 64px rgba(10, 16, 24, .12);--shadow-glow-amber: 0 0 40px rgba(202, 138, 4, .25);--shadow-glow-sky: 0 0 40px rgba(61, 142, 93, .28)}*,*:before,*:after{outline:none!important;box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);background:radial-gradient(1200px 800px at 20% -10%,color-mix(in srgb,var(--sky) 18%,transparent),transparent 60%),radial-gradient(900px 600px at 110% 20%,color-mix(in srgb,var(--amber) 22%,transparent),transparent 58%),var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s var(--ease)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5{margin:0}p{margin:0;line-height:1.5}code,.mono{font-family:var(--font-mono)}.app-stage{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:0}.app{position:relative;width:100%;max-width:var(--app-w);min-height:100vh;background:var(--bg);overflow:hidden;display:flex;flex-direction:column;box-shadow:none;border:none;border-radius:0}.app>*{position:relative;z-index:0}@media (min-width: 720px){.app-stage{padding:var(--space-8) var(--space-6);align-items:center;justify-content:center;background:radial-gradient(1200px 800px at 20% -10%,color-mix(in srgb,var(--sky) 14%,transparent),transparent 60%),radial-gradient(900px 600px at 110% 20%,color-mix(in srgb,var(--amber) 16%,transparent),transparent 58%),color-mix(in srgb,var(--bg) 80%,#000 8%)}.app{min-height:var(--app-h);height:var(--app-h);border-radius:48px;box-shadow:0 40px 120px #0000008c,0 0 0 10px color-mix(in srgb,#000 40%,transparent),0 0 0 12px color-mix(in srgb,#000 15%,transparent);overflow:hidden}.app:before{content:"";position:absolute;left:50%;top:8px;transform:translate(-50%);width:132px;height:32px;border-radius:999px;background:#000;z-index:200;pointer-events:none}}.app-status{height:var(--app-status-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);font-size:.82rem;font-weight:700;color:var(--fg);flex:0 0 auto}.app-status .right{display:inline-flex;gap:.4rem;align-items:center}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5) var(--space-3);gap:var(--space-3);flex:0 0 auto}.app-header .title{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;line-height:1}.icon-btn{width:2.2rem;height:2.2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);color:var(--fg);transition:all .2s var(--ease)}.icon-btn:hover{border-color:color-mix(in srgb,var(--amber) 55%,transparent);color:var(--amber);transform:translateY(-1px)}.app-content{flex:1 1 auto;overflow-y:auto;padding:0 var(--space-5) var(--space-24);scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}.app-content.has-tabbar{padding-bottom:calc(var(--space-24) + var(--app-tabbar-h))}.tabbar{position:sticky;bottom:0;left:0;right:0;z-index:100;height:var(--app-tabbar-h);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 12px 14px;gap:4px;flex:0 0 auto}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--fg-soft);border-radius:16px;padding:6px 4px;font-size:.68rem;font-weight:600;letter-spacing:.01em;transition:all .2s var(--ease)}.tab svg{width:22px;height:22px;stroke-width:1.9}.tab.active{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent)}.tab.active svg{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--amber) 45%,transparent))}.tab:active{transform:scale(.96)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.1rem;border-radius:14px;font-weight:700;font-size:.95rem;letter-spacing:.01em;transition:all .2s var(--ease);width:100%;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--amber);color:var(--amber-fg);box-shadow:0 10px 24px color-mix(in srgb,var(--amber) 30%,transparent),inset 0 -2px color-mix(in srgb,#000 16%,transparent)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--fg)}.btn-ghost:hover{border-color:color-mix(in srgb,var(--sky) 60%,transparent);color:var(--sky);transform:translateY(-1px)}.btn-google{background:var(--surface-solid);border:1px solid var(--border-strong);color:var(--fg);gap:.7rem}.btn-google:hover{border-color:color-mix(in srgb,var(--sky) 60%,transparent);transform:translateY(-1px)}.btn-link{padding:.4rem .6rem;color:var(--sky);font-weight:700;border-radius:10px}.btn-link:hover{background:color-mix(in srgb,var(--sky) 10%,transparent)}.btn-danger{background:transparent;border:1px solid color-mix(in srgb,var(--red) 50%,transparent);color:var(--red)}.btn-danger:hover{background:color-mix(in srgb,var(--red) 10%,transparent)}.btn-sm{padding:.6rem .9rem;font-size:.85rem;border-radius:12px}.btn-block{width:100%}.display{font-family:var(--font-display);letter-spacing:.02em;line-height:1.02;font-weight:400}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:700;padding:.32rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 30%,transparent)}.eyebrow .dot{width:6px;height:6px;border-radius:999px;background:var(--amber);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 18%,transparent)}.h1{font-size:clamp(2.2rem,8.5vw,2.8rem)}.h2{font-size:clamp(1.6rem,6vw,2rem)}.h3{font-size:1.15rem}.muted{color:var(--fg-muted)}.soft{color:var(--fg-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-pitch{background:linear-gradient(160deg,color-mix(in srgb,var(--bg-pitch) 86%,transparent),color-mix(in srgb,var(--bg-pitch-2) 88%,transparent)),url(https://images.pexels.com/photos/30651230/pexels-photo-30651230.jpeg?auto=compress&cs=tinysrgb&w=1200) center/cover no-repeat;background-blend-mode:normal,normal;border:1px solid color-mix(in srgb,var(--amber) 22%,transparent);border-radius:var(--radius-lg);overflow:hidden;position:relative;isolation:isolate;color:var(--fg)}.card-pitch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--amber) 40%,transparent) 0%,transparent 55%,color-mix(in srgb,var(--sky) 30%,transparent) 100%),linear-gradient(180deg,rgba(10,16,24,.45),rgba(10,16,24,.86) 75%,var(--bg))}.card-pitch>*{position:relative;z-index:1}.row{display:flex;gap:var(--space-3);align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-2{display:flex;flex-direction:column;gap:var(--space-2)}.divider{height:1px;background:var(--border);margin:var(--space-4) 0}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.splash-wave{position:absolute;bottom:-2px;left:-10%;right:-10%;height:48%;pointer-events:none;z-index:0}.splash>*{z-index:1}.splash-logo{width:96px;height:96px;border-radius:999px;overflow:hidden;display:grid;place-items:center;box-shadow:0 0 0 6px color-mix(in srgb,var(--amber) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--amber) 55%,transparent),var(--shadow-glow-amber);background:linear-gradient(145deg,color-mix(in srgb,var(--amber) 18%,transparent),var(--surface-solid));padding:10px}.splash-logo img{width:100%;height:100%;object-fit:contain}.splash-dots{display:inline-flex;gap:.5rem}.splash-dots i{width:8px;height:8px;border-radius:999px;display:inline-block;background:color-mix(in srgb,var(--fg) 28%,transparent);animation:blink 1.2s ease-in-out infinite}.splash-dots i:nth-child(2){animation-delay:.18s;background:color-mix(in srgb,var(--amber) 55%,transparent)}.splash-dots i:nth-child(3){animation-delay:.36s;background:color-mix(in srgb,var(--sky) 55%,transparent)}@keyframes blink{0%,to{opacity:.25;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}.auth-shell{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) 0 var(--space-4)}.auth-hero{display:flex;flex-direction:column;gap:var(--space-4);text-align:left}.auth-hero .art{position:relative;height:220px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--sky) 40%,transparent) 0%,transparent 50%),radial-gradient(circle at 30% 60%,color-mix(in srgb,var(--amber) 50%,transparent) 0%,transparent 55%),linear-gradient(160deg,var(--bg-pitch),var(--bg-2));border:1px solid var(--border)}.auth-hero .art:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--sky) 50%,transparent);right:-30px;top:-40px;filter:blur(.2px);opacity:.9}.auth-hero .art:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:color-mix(in srgb,var(--amber) 45%,transparent);left:-50px;bottom:-55px;opacity:.9}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-weight:700}.input{background:var(--surface);border:1px solid var(--border-strong);color:var(--fg);padding:.85rem 1rem;border-radius:14px;font-size:.98rem;font-family:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease);width:100%}.input::placeholder{color:var(--fg-soft)}.input:focus{outline:none;border-color:color-mix(in srgb,var(--amber) 55%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 18%,transparent)}.field-error{color:var(--red);font-size:.82rem;font-weight:600}.club-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.club-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease);cursor:pointer;text-align:left}.club-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--amber) 50%,transparent)}.club-chip.selected{border-color:color-mix(in srgb,var(--amber) 70%,transparent);background:color-mix(in srgb,var(--amber) 10%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 20%,transparent)}.crest{width:44px;height:44px;border-radius:14px;overflow:hidden;display:grid;place-items:center;padding:6px;flex:0 0 auto;font-family:var(--font-display);letter-spacing:.02em;font-weight:700;font-size:1rem;color:#0a1018}.crest img{width:100%;height:100%;object-fit:contain}.club-chip .meta{min-width:0}.club-chip .name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-chip .sub{color:var(--fg-soft);font-size:.78rem;margin-top:2px}.score-hero{padding:var(--space-5);display:grid;gap:var(--space-4);color:var(--fg)}.big-num{font-family:var(--font-display);font-size:clamp(3rem,12vw,4.2rem);letter-spacing:.01em;line-height:1;display:flex;align-items:baseline;gap:.5rem}.big-num .unit{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--fg-muted);letter-spacing:.1em;text-transform:uppercase}.big-num .chg{font-family:var(--font-mono);font-size:.85rem;font-weight:800;padding:.2rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--sky) 14%,transparent);color:var(--sky)}.big-num .chg.down{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.tabs{display:inline-flex;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:2px}.tabs button{padding:.42rem .95rem;font-size:.78rem;font-weight:700;border-radius:999px;color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;transition:all .2s var(--ease)}.tabs button.active{background:var(--amber);color:var(--amber-fg);box-shadow:0 4px 14px color-mix(in srgb,var(--amber) 28%,transparent)}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.mini-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);text-align:center}.mini-stat .n{font-family:var(--font-mono);font-size:1.4rem;font-weight:800;color:var(--amber);line-height:1}.mini-stat .n.sky{color:var(--sky)}.mini-stat .label{margin-top:.35rem;font-size:.72rem;color:var(--fg-soft);font-weight:600}.mini-chart{display:flex;flex-direction:column;gap:var(--space-4)}.mini-chart-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mini-chart-head h4{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted)}.mini-chart-head .chg{font-family:var(--font-mono);font-weight:800;font-size:.85rem}.mini-chart-head .chg.up{color:var(--sky)}.mini-chart-head .chg.down{color:var(--red)}.chart-bars{display:flex;align-items:flex-end;gap:.5rem;height:120px;padding:0 var(--space-1)}.chart-bars .bar{flex:1 1 0;min-width:0;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--sky),color-mix(in srgb,var(--sky) 20%,transparent));transform-origin:bottom;animation:grow .9s var(--ease) both}.chart-bars .bar.gold{background:linear-gradient(180deg,var(--amber),color-mix(in srgb,var(--amber) 24%,transparent));box-shadow:0 0 18px color-mix(in srgb,var(--amber) 35%,transparent)}.chart-bars .bar:nth-child(1){animation-delay:.04s}.chart-bars .bar:nth-child(2){animation-delay:.1s}.chart-bars .bar:nth-child(3){animation-delay:.16s}.chart-bars .bar:nth-child(4){animation-delay:.22s}.chart-bars .bar:nth-child(5){animation-delay:.28s}.chart-bars .bar:nth-child(6){animation-delay:.34s}.chart-bars .bar:nth-child(7){animation-delay:.4s}@keyframes grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.chart-labels{display:flex;gap:.5rem;padding:0 var(--space-1)}.chart-labels span{flex:1 1 0;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--fg-soft);font-weight:700}.rank-list{display:flex;flex-direction:column;gap:var(--space-2)}.rank-item{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s var(--ease)}.rank-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--amber) 35%,transparent)}.rank-item.me{background:color-mix(in srgb,var(--amber) 10%,transparent);border-color:color-mix(in srgb,var(--amber) 50%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--amber) 14%,transparent)}.rank-item .pos{width:28px;text-align:center;font-family:var(--font-mono);font-size:.85rem;font-weight:800;color:var(--fg-muted)}.rank-item .pos.medal{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;font-size:.72rem;color:#111827}.rank-item .pos.g1{background:linear-gradient(145deg,#facc15,#b45309);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 18%,transparent)}.rank-item .pos.g2{background:linear-gradient(145deg,#e5e7eb,#9ca3af);color:#111827;box-shadow:0 0 0 3px color-mix(in srgb,#9CA3AF 20%,transparent)}.rank-item .pos.g3{background:linear-gradient(145deg,#f59e0b,#92400e);box-shadow:0 0 0 3px color-mix(in srgb,#F59E0B 18%,transparent)}.rank-item .name{font-weight:700;font-size:.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-item .sub{font-size:.78rem;color:var(--fg-soft);margin-top:2px}.rank-item .chg{font-family:var(--font-mono);font-size:.78rem;font-weight:800;padding:.25rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--sky) 12%,transparent);color:var(--sky);margin-right:var(--space-2)}.rank-item .chg.down{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.rank-item .pts{background:var(--bg-pitch);color:var(--fg);border:1px solid var(--border);font-family:var(--font-mono);font-size:.85rem;font-weight:800;padding:.4rem .6rem;border-radius:10px;min-width:64px;text-align:center}html[data-theme=light] .rank-item .pts{background:#f1ede0;color:#0a1018}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px dashed var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:38px;height:38px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--sky)}.activity-icon.amber{color:var(--amber)}.activity-icon.red{color:var(--red)}.activity-name{font-weight:700;font-size:.92rem}.activity-meta{color:var(--fg-soft);font-size:.78rem;margin-top:2px}.activity-pts{font-family:var(--font-mono);font-weight:800;font-size:.9rem;color:var(--sky);text-align:right}.rings{display:flex;justify-content:center;padding:var(--space-4) 0}.ring{--p: 78;--size: 180px;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--amber) 0 calc(var(--p) * 1%),color-mix(in srgb,var(--amber) 28%,transparent) calc(var(--p) * 1%) 92%,color-mix(in srgb,var(--sky) 30%,transparent) 92% 100%);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:var(--bg);border:1px solid var(--border)}.ring>*{z-index:1;text-align:center}.ring .pct{font-family:var(--font-display);font-size:2.4rem;line-height:1}.ring .pct small{font-size:1rem;color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.04em}.ring .lbl{margin-top:.3rem;font-size:.8rem;color:var(--fg-muted)}.stars{display:inline-flex;gap:2px;color:var(--amber);font-size:.95rem;letter-spacing:2px}.stars .off{color:color-mix(in srgb,var(--fg) 22%,transparent)}.club-page-cover{position:relative;height:260px;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--amber) 30%,transparent),color-mix(in srgb,var(--sky) 22%,transparent)),url(https://images.pexels.com/photos/30651230/pexels-photo-30651230.jpeg?auto=compress&cs=tinysrgb&w=1200) center/cover no-repeat}.club-page-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,var(--bg) 100%)}.club-page-crest{position:absolute;left:50%;transform:translate(-50%,-46%);width:96px;height:96px;z-index:2;border-radius:24px;background:var(--surface-solid);border:1px solid var(--border-strong);padding:10px;box-shadow:var(--shadow-md)}.club-page-body{padding-top:56px;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.club-page-name{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.02em}.profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--bg-pitch) 80%,transparent),var(--surface));border:1px solid var(--border)}.avatar{width:60px;height:60px;border-radius:999px;background:linear-gradient(145deg,var(--amber),color-mix(in srgb,var(--amber) 40%,transparent));display:grid;place-items:center;color:var(--amber-fg);font-family:var(--font-display);font-size:1.2rem;border:3px solid color-mix(in srgb,var(--amber) 40%,transparent)}.setting-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-row .ico{width:38px;height:38px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;color:var(--amber)}.setting-row .ico.sky{color:var(--sky)}.setting-row .ico.red{color:var(--red)}.setting-row .t{font-weight:700;font-size:.95rem}.setting-row .s{color:var(--fg-soft);font-size:.8rem;margin-top:2px}.chev{width:24px;height:24px;color:var(--fg-soft);display:inline-flex;align-items:center;justify-content:center}.list-simple{display:flex;flex-direction:column;gap:var(--space-2)}.avatar-btn{width:48px;height:48px;border-radius:999px;background:linear-gradient(145deg,var(--amber),color-mix(in srgb,var(--amber) 48%,transparent));color:var(--amber-fg);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;border:3px solid color-mix(in srgb,var(--amber) 70%,transparent);box-shadow:0 0 0 2px var(--bg),0 8px 20px color-mix(in srgb,var(--amber) 22%,transparent);cursor:pointer;font-size:1rem;padding:0;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease);flex-shrink:0}.avatar-btn>span{display:inline-flex;place-items:center}.avatar-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.avatar-btn:active{transform:translateY(0)}.avatar-big{width:108px;height:108px;margin:0 auto;border-radius:999px;background:linear-gradient(145deg,var(--amber),color-mix(in srgb,var(--amber) 42%,transparent));color:var(--amber-fg);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;font-size:2.4rem;border:4px solid color-mix(in srgb,var(--amber) 65%,transparent);box-shadow:0 0 0 3px var(--bg),0 20px 48px color-mix(in srgb,var(--amber) 28%,transparent)}.avatar-big>span{display:inline-flex;place-items:center}.input.disabled,.input[disabled]{background:var(--surface);color:var(--fg-muted);border-style:dashed;cursor:default;-webkit-user-select:none;user-select:none}.notif{transition:transform .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.notif.unread{border-color:color-mix(in srgb,var(--sky) 38%,transparent);background:color-mix(in srgb,var(--sky) 6%,var(--surface));position:relative}.notif.unread:before{content:"";position:absolute;top:14px;left:12px;width:6px;height:6px;border-radius:999px;background:var(--red);box-shadow:0 0 0 3px var(--bg);z-index:2}.notif:active{transform:scale(.992)}.dot-unread{width:8px;height:8px;border-radius:999px;background:var(--sky);box-shadow:0 0 0 2px var(--bg);flex-shrink:0}.activity-icon.muted{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg-soft);border-color:var(--border)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.w-full{width:100%}.text-center{text-align:center}.self-stretch{align-self:stretch}.toggle{width:42px;height:26px;border-radius:999px;background:color-mix(in srgb,var(--fg) 10%,transparent);border:1px solid var(--border);position:relative;cursor:pointer;padding:0;transition:background .2s var(--ease),border-color .2s var(--ease)}.toggle-dot{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:var(--surface);box-shadow:0 2px 6px color-mix(in srgb,#000 18%,transparent);transition:transform .22s var(--ease),background .2s var(--ease)}.toggle[aria-pressed=true]{background:color-mix(in srgb,var(--sky) 56%,transparent);border-color:color-mix(in srgb,var(--sky) 46%,transparent)}.toggle[aria-pressed=true] .toggle-dot{transform:translate(16px);background:#fff}.dot.amber{background:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb,var(--amber) 18%,transparent)}.hero-invite{background:radial-gradient(85% 120% at 100% 0%,color-mix(in srgb,var(--amber) 18%,transparent),transparent 60%),var(--surface);padding:var(--space-4)}.invite-avatar{width:64px;height:64px;font-size:1.35rem}.link-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.85rem .95rem;background:color-mix(in srgb,var(--fg) 4%,var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg)}.link-box .link-text{font-size:.86rem;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-soft)}.btn-text{background:transparent;border:0;padding:.35rem .55rem;border-radius:8px;color:var(--sky);display:inline-flex;align-items:center;gap:.4rem;font-family:inherit;font-weight:700;font-size:.84rem;cursor:pointer;transition:background .16s var(--ease),transform .16s var(--ease)}.btn-text:hover{background:color-mix(in srgb,var(--sky) 12%,transparent)}.btn-text:active{transform:scale(.98)}.input.disabled{display:flex;align-items:center;border-style:dashed;background:color-mix(in srgb,var(--fg) 3%,var(--surface));color:var(--fg-soft)}