:root{--ink:#151018;--paper:#fff8e6;--muted:#b8bed8;--night:#16131f;--panel:#181622d1;--panel-strong:#201b2af0;--line:#ffffff24;--gold:#ffc83d;--amber:#ff9f1c;--teal:#28d4c5;--blue:#3b7cff;--magenta:#ff4fb8;--red:#ff5b57;--green:#5ee280;--white:#fff;--shadow:0 20px 60px #00000057}*{box-sizing:border-box}html{background:var(--night);min-width:320px}body{color:var(--white);background:linear-gradient(#18111f 0%,#201826 46%,#111722 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.page{min-height:100vh;overflow-x:hidden}.hero{isolation:isolate;flex-direction:column;min-height:285px;display:flex;position:relative;overflow:hidden}.hero__image,.hero__shade{z-index:-2;position:absolute;inset:0}.hero__image{object-fit:cover;object-position:center;filter:saturate(1.12)contrast(1.04);width:100%;height:100%}.hero__shade{z-index:-1;background:linear-gradient(90deg,#0d0a12e0,#0d0a1270 54%,#0d0a12bd),linear-gradient(#0a0a0e14,#100e18e6)}.hero:after{content:"";pointer-events:none;background:linear-gradient(#16131f00,#17141f 82%);height:86px;position:absolute;inset:auto 0 0}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0d16ad;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:min(1180px,100% - 32px);margin:10px auto 0;padding:7px 9px;display:flex;box-shadow:0 12px 34px #00000038}.brand,.mode-chip,.hero__eyebrow,.section-kicker,.meta-pill,.search-box,.member-details summary{align-items:center;display:flex}.brand{gap:9px;min-width:0}.brand__mark{background:#ffc83d24;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:0 5px 14px #0000003d}.brand__mark img{object-fit:cover;width:100%;height:100%}.brand strong,.brand small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand strong{font-size:.96rem}.brand small{color:var(--muted);font-size:.78rem}.mode-chip{border:1px solid var(--line);border-radius:8px;gap:8px;min-height:32px;padding:0 10px;font-weight:800}.mode-chip--preview{color:var(--gold);background:#ffc83d1f}.mode-chip--live{color:var(--green);background:#5ee2801f}.mode-chip--empty{color:var(--gold);background:#ffc83d1f}.hero__content{width:min(1180px,100% - 32px);margin:28px auto 22px;padding-top:0}.title-row{align-items:center;gap:12px;display:flex}.title-logo{background:#ffc83d24;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 5px 14px #0000003d}.title-logo img{object-fit:cover;width:100%;height:100%}.title-row h1{margin:0}.title-row small{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:850;display:block}.month-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.hero__eyebrow,.section-kicker{color:var(--gold);gap:8px;font-size:.95rem;font-weight:900}.hero h1{max-width:760px;color:var(--white);text-shadow:0 8px 24px #0000005c;font-size:2.25rem;line-height:.98}.hero p{color:#f6eeda;max-width:650px;margin:0;font-size:.98rem;font-weight:650;line-height:1.5}.hero__stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:1180px;margin-top:12px;display:grid}.month-strip{flex-wrap:wrap;gap:6px;display:flex}.month-strip button{border:1px solid var(--line);min-height:30px;color:var(--paper);background:#ffffff14;border-radius:8px;padding:0 10px;font-size:.82rem;font-weight:900}.month-strip button.is-active{color:var(--ink);background:var(--gold);border-color:#ffc83dc7;box-shadow:inset 0 -3px #00000024}.stat-tile{border:1px solid var(--line);min-height:76px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#16121ec2;border-radius:8px;padding:10px}.stat-tile svg{color:var(--gold)}.stat-tile span,.stat-tile strong{display:block}.stat-tile span{color:var(--muted);margin-top:5px;font-size:.82rem;font-weight:800}.stat-tile strong{color:var(--white);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:1.05rem;line-height:1.05;overflow:hidden}.stat-tile--teal svg{color:var(--teal)}.stat-tile--magenta svg{color:var(--magenta)}.stat-tile--blue svg{color:var(--blue)}.stat-tile--red svg{color:var(--red)}.race-band{background:linear-gradient(135deg,#ffc83d17 0 12%,#0000 12% 100%),linear-gradient(225deg,#28d4c514 0 10%,#0000 10% 100%),#17141f;padding:18px 16px 56px;position:relative}.race-grid{align-items:start;gap:12px;width:min(1180px,100%);margin:0 auto;display:grid}.progress-panel,.leaderboard-panel{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:8px}.progress-panel{padding:12px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.panel-heading h2{color:var(--paper);margin:4px 0 0;font-size:1.45rem}.chart-cadence{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffff12;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.84rem;font-weight:900;display:inline-flex}.chart-cadence.is-due{color:var(--green);background:#5ee2801f;border-color:#5ee28057}.chart-cadence svg{color:var(--blue)}.chart-cadence.is-due svg{color:var(--green)}.chart-cadence span,.chart-cadence strong{line-height:1}.chart-cadence strong{color:var(--paper);font-variant-numeric:tabular-nums}.chart-frame{border:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff05),#00000029;border-radius:8px;position:relative;overflow:hidden}.chart-start-label{z-index:1;color:var(--muted);background:#0d0b14c7;border:1px solid #ffffff1f;border-radius:7px;padding:4px 7px;font-size:.76rem;font-weight:850;position:absolute;top:10px;left:14px}.chart-frame svg{width:100%;min-height:126px;display:block}.chart-frame line{stroke:#ffffff38;stroke-width:2px}.chart-frame .chart-grid{stroke:#ffffff14;stroke-width:1px}.chart-legend{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.chart-legend span{border:1px solid var(--line);min-height:30px;color:var(--paper);background:#ffffff12;border-radius:8px;align-items:center;gap:7px;padding:0 9px;font-size:.82rem;font-weight:850;display:flex}.chart-legend i{border-radius:50%;flex:none;width:9px;height:9px}.chart-legend strong{color:var(--gold)}.champion-panel{padding:14px;position:sticky;top:12px}.champion-panel h2{color:var(--paper);margin:12px 0 6px;font-size:2rem;line-height:1.05}.champion-score{width:fit-content;color:var(--ink);background:linear-gradient(135deg, var(--gold), var(--amber));border-radius:8px;margin:8px 0 12px;padding:7px 10px;font-size:2.15rem;font-weight:950;box-shadow:inset 0 -5px #00000026}.champion-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px}.champion-meta span,.snapshot-row{border:1px solid var(--line);background:#ffffff12;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;display:flex}.champion-meta span{color:#f6eeda;justify-content:flex-start;min-height:34px;padding:0 10px;font-weight:800}.snapshot-row{min-height:38px;margin-top:7px;padding:0 10px}.snapshot-row span{color:var(--muted);font-size:.9rem;font-weight:800}.snapshot-row strong{color:var(--paper);text-align:right}.leaderboard-panel{padding:12px}.leaderboard-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.leaderboard-heading h2{color:var(--paper);margin:4px 0 0;font-size:2rem}.search-box{border:1px solid var(--line);width:min(310px,100%);min-height:38px;color:var(--muted);background:#ffffff14;border-radius:8px;gap:10px;padding:0 12px}.search-box input{width:100%;min-width:0;color:var(--white);background:0 0;border:0;outline:0;font-weight:750}.search-box input::placeholder{color:#858aa5}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.filter-tabs button{border:1px solid var(--line);min-height:34px;color:var(--paper);background:#ffffff14;border-radius:8px;padding:0 13px;font-weight:900}.filter-tabs button.is-active{color:var(--ink);background:var(--gold);border-color:#ffc83dc7;box-shadow:inset 0 -4px #00000024}.error-banner{color:#ffe1df;background:#ff5b5729;border:1px solid #ff5b5773;border-radius:8px;margin-bottom:12px;padding:12px;font-weight:800}.loading-stack{gap:10px;display:grid}.loading-stack span{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14) 0 0/220% 100%;border-radius:8px;height:120px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.member-list{gap:8px;display:grid}.member-card{background:linear-gradient(90deg, #ffc83d21, transparent 44%), var(--panel-strong);border:1px solid #ffffff29;border-radius:8px;padding:10px}.member-card--out{background:linear-gradient(90deg,#ff5b571c,#0000 44%),#191720d6}.member-card__main{grid-template-columns:42px 46px minmax(0,1fr) minmax(128px,auto);align-items:center;gap:10px;display:grid}.rank-badge{width:42px;height:42px;color:var(--paper);background:#ffffff17;border:1px solid #ffffff38;border-radius:8px;place-items:center;font-size:.9rem;font-weight:950;display:grid}.rank-badge--first{color:var(--ink);background:linear-gradient(135deg, var(--gold), var(--amber));border-color:#ffc83dcc;box-shadow:inset 0 -5px #00000029}.rank-badge--out{color:var(--red);background:#ff5b571f}.player-icon{width:46px;height:46px;color:var(--ink);background:linear-gradient(135deg, var(--gold), var(--teal));border:1px solid #ffffff38;border-radius:8px;flex:none;place-items:center;font-weight:950;display:grid;position:relative;overflow:hidden}.player-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.member-card__identity,.member-card__title{min-width:0}.member-card__title{align-items:baseline;gap:10px;display:flex}.member-card__title h3{min-width:0;color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.04rem;overflow:hidden}.member-card__title span{color:var(--muted);flex:none;font-size:.84rem;font-weight:850}.member-card__meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.meta-pill{border:1px solid var(--line);color:#ece8ff;background:#ffffff12;border-radius:8px;gap:6px;min-height:24px;padding:0 8px;font-size:.72rem;font-weight:900}.meta-pill--active{color:var(--green);background:#5ee2801f}.meta-pill--out{color:var(--red);background:#ff5b5721}.meta-pill--rejoin{color:var(--teal);background:#28d4c51f}.member-card__score{text-align:right}.member-card__score span,.member-card__stats span,.detail-item dt{color:var(--muted);font-size:.76rem;font-weight:850}.member-card__score strong{color:var(--gold);font-size:1.38rem;line-height:1.05;display:block}.progress-track{background:#ffffff1c;border-radius:999px;height:6px;margin:8px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold), var(--magenta));height:100%;display:block}.member-card__stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.member-card__stats div{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;min-width:0;padding:7px 8px}.member-card__stats strong{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.9rem;display:block;overflow:hidden}.member-card__stats small{color:var(--muted);font-size:.72rem;font-weight:850}.member-details{margin-top:8px}.member-details summary{width:fit-content;min-height:26px;color:var(--teal);gap:7px;font-size:.84rem;font-weight:950;list-style:none}.member-details summary::-webkit-details-marker{display:none}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 0;display:grid}.detail-item{border:1px solid var(--line);background:#00000024;border-radius:8px;min-width:0;padding:7px 8px}.detail-item dt,.detail-item dd{margin:0}.detail-item dd{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-weight:900;overflow:hidden}.brawler-strip{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.brawler-strip span{min-width:142px;min-height:46px;color:var(--paper);background:#ffc83d17;border:1px solid #ffc83d47;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:6px 8px;font-size:.84rem;font-weight:850;display:flex}.brawler-strip strong{color:var(--gold);font-size:.82rem;line-height:1.1}.brawler-strip small{color:var(--muted);font-size:.72rem;font-weight:800}.empty-state{border:1px solid var(--line);min-height:180px;color:var(--paper);text-align:center;background:#ffffff0f;border-radius:8px;place-items:center;padding:28px;display:grid}.empty-state svg{color:var(--gold)}.empty-state strong,.empty-state span{display:block}.empty-state strong{margin-top:8px;font-size:1.1rem}.empty-state span{max-width:420px;color:var(--muted);margin-top:4px;font-weight:750}@media (max-width:980px){.hero{min-height:340px}.hero h1{font-size:2rem}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}.champion-panel{position:static}.leaderboard-heading{flex-direction:column}.search-box{width:100%}}@media (max-width:680px){.hero{min-height:0}.mode-chip{display:none}.hero__content{width:calc(100% - 24px);margin:12px auto 14px;padding-top:0}.title-row{gap:8px}.title-logo{width:36px;height:36px}.hero h1{font-size:1.35rem;line-height:1.02}.title-row small{margin-top:1px;font-size:.72rem}.month-row{gap:6px;margin-top:8px}.hero__eyebrow,.section-kicker{gap:6px;font-size:.78rem}.hero__eyebrow svg,.section-kicker svg{width:15px;height:15px}.month-strip{gap:5px}.month-strip button{min-height:26px;padding:0 8px;font-size:.73rem}.hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px}.stat-tile{min-height:50px;padding:6px;box-shadow:0 10px 24px #00000038}.stat-tile svg{width:14px;height:14px}.stat-tile span{margin-top:2px;font-size:.64rem;line-height:1.05}.stat-tile strong{margin-top:1px;font-size:.82rem}.race-band{padding:10px 8px 36px}.leaderboard-panel,.champion-panel{padding:8px}.leaderboard-heading h2,.champion-panel h2{font-size:1.25rem}.leaderboard-heading{gap:8px;margin-bottom:8px}.search-box{min-height:34px}.progress-panel{padding:8px}.panel-heading{align-items:center;margin-bottom:6px}.chart-cadence{min-height:26px;padding:5px 7px;font-size:.7rem}.chart-start-label{padding:3px 6px;font-size:.66rem;top:8px;left:9px}.chart-frame svg{min-height:92px}.chart-legend{flex-wrap:nowrap;gap:5px;width:100%;max-width:100%;margin-top:7px;padding-bottom:3px;overflow-x:auto}.chart-legend span{flex:none;min-height:25px;padding:0 7px;font-size:.68rem}.loading-stack span{height:72px}.member-card{padding:7px}.member-card__main{grid-template-columns:32px 34px minmax(0,1fr) auto;gap:7px}.rank-badge{width:32px;height:32px;font-size:.75rem}.rank-badge svg{width:17px;height:17px}.player-icon{width:34px;height:34px}.member-card__title{display:flex}.member-card__title h3{font-size:.9rem}.member-card__title span,.member-card__meta{display:none}.member-card__score{text-align:right;grid-column:auto;min-width:54px}.member-card__score span{font-size:.62rem}.member-card__score strong{font-size:1rem}.progress-track{display:none}.member-card__stats{grid-template-columns:1fr;gap:0;margin-top:3px}.member-card__stats div{background:0 0;border:0;justify-content:space-between;align-items:center;min-height:20px;padding:0;display:flex}.member-card__stats .member-stat--wins,.member-card__stats .member-stat--3v3,.member-card__stats .member-stat--solo,.member-card__stats .member-stat--duo,.member-card__stats .member-stat--brawlers,.member-card__stats .member-stat--xp{display:none}.member-card__stats span,.detail-item dt{font-size:.64rem}.member-card__stats strong{margin-top:0;font-size:.78rem}.member-details{margin-top:2px}.member-details summary{min-height:22px;font-size:.72rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brawler-strip{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.brawler-strip span{min-width:118px;min-height:40px;padding:5px 7px}}@media (max-width:420px){.title-logo{width:40px;height:40px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}