:root{color-scheme:dark;--bg:#090610;--surface:#171024;--surface-raised:#20152f;--purple-primary:#7650c6;--purple-light:#b899ff;--purple-neon:#bb73fa;--magenta:#df5ab4;--gold:#f5c675;--success:#78e0bd;--danger:#f379ae;--text:#f9f3ff;--muted:#b1a4c5;--line:#ab7ee63d;--shadow:0 18px 48px #0201048f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 87% -8%,#402160 0%,transparent 29%),radial-gradient(circle at -12% 42%,#271443 0%,transparent 25%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible,.player-card:focus-visible{outline:2px solid var(--purple-neon);outline-offset:3px}[hidden]{display:none!important}.page-glow{position:fixed;pointer-events:none;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 45%,#9a40b609 65%,transparent 85%)}.shell{width:min(1220px,calc(100% - 44px));margin:auto}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b28be326}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:.1em}.brand>span:last-child span{color:var(--purple-light)}.brand-shield{display:grid;place-items:center;width:39px;height:39px;border:1px solid #dec5ff78;border-radius:11px;color:white;background:linear-gradient(140deg,#ab59dc,#57339b);box-shadow:0 0 25px #9c4ce27c,inset 0 1px #fff6;font-size:23px}.topbar-caption{font-size:10px;font-weight:800;letter-spacing:.22em;color:#a891c1}.tiny-star{color:var(--magenta);padding-left:7px}
.hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:350px;margin:28px 0 28px;padding:49px 60px;isolation:isolate;overflow:hidden;border:1px solid #bf86fb82;border-radius:27px;background-image:linear-gradient(92deg,#120c21f5 0%,#1e1135ed 48%,#1d0e37aa 100%),url('/static/images/banner.webp'),radial-gradient(circle at 78% 45%,#713a9a 0%,#231136 55%,#120c21 100%);background-size:cover;background-position:center;box-shadow:0 22px 65px #030106ab,inset 0 1px #e7c6ff2e}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 48%,#af4af241,transparent 32%),linear-gradient(125deg,#ffadff0e,transparent 35%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#d9b9ff0b 1px,transparent 1px),linear-gradient(#d9b9ff0b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;z-index:2}.hero-eyebrow,.eyebrow{color:var(--purple-light);font-size:11px;font-weight:800;letter-spacing:.2em}.hero-eyebrow{display:flex;gap:10px;align-items:center}.eyebrow-dash{width:20px;height:2px;background:var(--purple-neon);box-shadow:0 0 9px var(--purple-neon)}.hero-overline{margin:38px 0 4px;color:#d2a8f8;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.24em}.hero h1{max-width:760px;margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5.9vw,76px);font-weight:700;line-height:1.06;letter-spacing:-.065em;text-shadow:0 6px 26px #08020ccc}.hero-tag{display:inline-flex;align-items:center;margin-top:17px;padding:8px 13px;border:1px solid #c593ed66;border-radius:8px;background:#a75de321;color:#e9d0ff;font-size:12px;font-weight:800;letter-spacing:.14em}.hero-status{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:31px;color:#dacbe9;font-size:12px;font-weight:600}.signal{display:grid;place-items:center;width:17px;height:17px;border:1px solid #79e6be77;border-radius:50%;background:#62d5ac19}.signal span{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.status-divider{width:3px;height:3px;border-radius:50%;background:#aa8abf}.hero-status span:last-child{color:#ad96c0}.hero-corner{position:absolute;right:27px;bottom:21px;color:#ae86cc;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em}.hero-corner span{color:var(--magenta);padding:0 8px}.hero-art{position:relative;flex:0 0 260px;height:260px;display:grid;place-items:center;margin-right:24px;filter:drop-shadow(0 15px 30px #9b33e679)}.art-ring{position:absolute;border-radius:50%;border:1px solid #d99bfa73}.ring-outer{width:250px;height:250px;box-shadow:0 0 0 15px #a563d515,0 0 45px #9b38d155,inset 0 0 40px #b663ee38}.ring-inner{width:198px;height:198px;border-style:dashed;border-color:#dfa4fa95;transform:rotate(-18deg)}.art-shield{position:relative;display:grid;place-items:center;width:142px;height:152px;clip-path:polygon(50% 0,95% 17%,90% 68%,50% 100%,10% 68%,5% 17%);background:linear-gradient(145deg,#e29afd 0%,#974ad3 42%,#3f226e 100%);color:#fff3ff;font-size:74px;text-shadow:0 5px 20px #3b115b;box-shadow:inset 0 3px #fff8}.art-shield:before{content:'';position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(145deg,#ac63e2,#3d225e);z-index:-1}.art-shield img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px}.art-shield.has-logo img{display:block}.art-shield.has-logo .art-default{display:none}.art-spark{position:absolute;color:#f5ceff;text-shadow:0 0 14px #dc7dff}.spark-one{right:10px;top:5px;font-size:26px}.spark-two{left:5px;bottom:21px;font-size:22px}.updated-pulse{animation:heroPulse .48s ease-out}@keyframes heroPulse{50%{box-shadow:0 22px 65px #030106ab,0 0 30px #b36afc65}}
.week-tabs{display:flex;gap:4px;align-items:center;width:100%;overflow-x:auto;scrollbar-width:none;padding:7px;border:1px solid #9d66cf4a;border-radius:16px;background:#160d23e8;box-shadow:inset 0 1px #f3c6ff16;margin-bottom:49px}.week-tabs::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}.week-tab{position:relative;flex:1 0 auto;min-width:120px;padding:13px 17px;border:1px solid transparent;border-radius:11px;background:transparent;color:#a997bd;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.09em;transition:background .2s,color .2s,transform .2s}.week-tab:hover{color:#fff;background:#492a684d}.week-tab.active{border-color:#d99cff7d;background:linear-gradient(125deg,#8245b8,#5c2b91);color:#fff;box-shadow:0 5px 21px #9846d45e,inset 0 1px #fff4}.tab-glyph{margin-right:8px;color:#d6ffda}.error-message{margin:0 0 21px;padding:15px 18px;border:1px solid #e76ca88f;border-radius:13px;background:#5e1a423d;color:#ffd8eb;font-size:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}.eyebrow{margin:0 0 8px}.eyebrow span{color:var(--magenta);padding-left:5px}.section-heading h2{margin:0;font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-.045em}.refresh-button{display:flex;align-items:center;gap:8px;padding:11px 17px;border:1px solid #b686ed79;border-radius:99px;background:linear-gradient(120deg,#442260,#251634);color:#f2ddff;box-shadow:inset 0 1px #fff3,0 7px 18px #03010666;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.refresh-button:hover{transform:translateY(-2px);background:#5a2c77}.refresh-button:disabled{opacity:.65;cursor:wait}.refresh-icon{font-size:21px;line-height:.7}.refresh-button.loading .refresh-icon,.refresh-button:active .refresh-icon{animation:spin .55s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.stat-card{--accent:#b991f6;--tint:#9c4fd9;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:184px;padding:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:19px;background:linear-gradient(145deg,#322045b3,#190f29df 70%);box-shadow:var(--shadow),inset 0 1px #fff2,inset 0 -15px 35px #0b07166e;backdrop-filter:blur(15px);transition:transform .22s,border-color .22s,box-shadow .22s}.stat-card:before{content:'';position:absolute;top:-52px;right:-38px;width:135px;height:135px;border-radius:50%;background:var(--tint);filter:blur(36px);opacity:.42}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 40px #030106a8,0 0 22px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 1px #fff3}.stat-participants{--accent:#d29bff;--tint:#bb60eb}.stat-completed{--accent:#86e3c0;--tint:#54b999}.stat-remaining{--accent:#c196ff;--tint:#9c56e3}.stat-zero{--accent:#f488b9;--tint:#dd5e9e}.stat-under{--accent:#f4c472;--tint:#c9913c}.stat-icon{z-index:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 22%,transparent)}.stat-info{z-index:1;display:flex;flex-direction:column;margin-top:15px}.stat-title{color:#d0b8e3;font-size:10px;font-weight:800;letter-spacing:.15em}.stat-info strong{font-family:'Space Grotesk',sans-serif;font-size:42px;line-height:1.05;letter-spacing:-.065em}.stat-caption{margin-top:4px;color:#ad9abd;font-size:11px}
.roster{margin:65px 0 70px}.roster-heading{margin-bottom:23px}.count-badge{display:inline-grid;place-items:center;min-width:29px;height:28px;padding:0 8px;vertical-align:middle;border:1px solid #b877eb66;border-radius:9px;background:#8d47c72c;color:#d7aeff;font-size:14px;letter-spacing:0}.week-description{margin:8px 0 0;color:#a997bc;font-size:13px}.updated{color:#aa93bb;font-size:11px}.filters{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:0 0 20px}.filter,.history-filter{flex:0 0 auto;padding:11px 17px;border:1px solid #9c72bc60;border-radius:99px;background:#21132e;color:#c9b7d7;cursor:pointer;font-size:12px;font-weight:800;transition:transform .18s,background .18s,color .18s}.filter:hover,.history-filter:hover{transform:translateY(-2px);background:#3b2250;color:#fff}.filter.active,.history-filter.active{border-color:#d994f2;background:linear-gradient(120deg,#8d45b7,#64349b);color:#fff;box-shadow:0 8px 21px #a34ccd55,inset 0 1px #fff3}
.player-list{display:grid;gap:13px}.player-list.fresh{animation:softReveal .32s ease-out}@keyframes softReveal{from{opacity:.76;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.player-card{--state:#b888e5;position:relative;min-width:0;padding:19px 22px 17px;border:1px solid #a579cd4c;border-radius:19px;background:linear-gradient(125deg,#251833eb,#170f23ee);box-shadow:inset 0 1px #ffffff16,0 10px 32px #03010678;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.player-card:before{content:'';position:absolute;left:0;top:21px;bottom:21px;width:3px;border-radius:0 5px 5px 0;background:var(--state);box-shadow:0 0 14px var(--state)}.player-card.done{--state:var(--success)}.player-card.pending{--state:var(--gold)}.player-card.idle{--state:var(--danger)}.player-card.reached{--state:var(--gold)}.player-card.below.history-card{--state:var(--magenta)}.player-card:hover{transform:translateY(-3px);border-color:#d097f4a8;box-shadow:0 17px 37px #030106ad,0 0 19px #9e51d12e}.player-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #c08ce627}.identity{display:flex;align-items:center;min-width:0;gap:13px}.rank{color:#ab91bd;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700}.avatar{flex:0 0 44px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfa3ef82;border-radius:13px;background:linear-gradient(135deg,#9b5dd1,#3a2357);color:#fff;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;box-shadow:inset 0 1px #fff6,0 5px 15px #08030e88}.identity-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.identity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:16px}.identity-copy small{color:#b497c9;font-size:11px;font-weight:700;letter-spacing:.08em}.detail-link{color:#c792e7;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap}.detail-link span{font-size:16px;margin-left:4px}.player-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:17px 0 13px}.history-card .player-body{grid-template-columns:1fr}.medal-head,.battle-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:11px}.metric-kicker{color:#bea6ce;font-size:10px;font-weight:800;letter-spacing:.13em}.metric-icon{color:var(--gold);font-size:17px}.medal-head strong,.battle-head strong{font-family:'Space Grotesk',sans-serif;font-size:22px;letter-spacing:-.045em;white-space:nowrap}.medal-head small,.battle-head small{color:#af9bbb;font-family:'DM Sans',sans-serif;font-size:11px}.progress-track{height:9px;overflow:hidden;border:1px solid #e4b6ff18;border-radius:99px;background:#3c294c}.progress-fill{display:block;height:100%;border-radius:inherit;transition:width .5s ease;box-shadow:0 0 12px currentColor}.medal-fill.below{color:#ce6cb3;background:linear-gradient(90deg,#8c448f,#db68ab)}.medal-fill.reached{color:#ebc171;background:linear-gradient(90deg,#d3915a,#ffe09c)}.target-note{display:block;margin-top:8px;font-size:11px;font-weight:700}.target-note.below{color:#d598c2}.target-note.reached{color:#f4d38f}.battle-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:9px}.battle-segments span{border:1px solid #bd90d124;border-radius:99px;background:#3b2949}.player-card.pending .battle-segments .used{background:linear-gradient(90deg,#d78c59,#ffd27f);box-shadow:0 0 9px #e8ab6370}.player-card.done .battle-segments .used{background:linear-gradient(90deg,#62bdad,#98edcb);box-shadow:0 0 9px #6fe2bd6d}.battle-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;color:#aa96bc;font-size:11px}.battle-foot b{color:#e1d0ec}.remaining-badge{color:#edbdff;font-size:10px;font-weight:800;letter-spacing:.06em}.player-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #c08ce627}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid currentColor;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill.done{color:#8ae5c2;background:#4fbf9940}.status-pill.pending{color:#f8ca8b;background:#bc843a35}.status-pill.idle,.status-pill.below{color:#f18eba;background:#bd457e33}.status-pill.reached{color:#f3d291;background:#be8b3a33}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.card-chevron{color:#b888d1;font-size:24px;line-height:.7}.empty-state{padding:42px 20px;border:1px dashed #b47ace6b;border-radius:17px;background:#1e112cc9;color:#c4aad3;text-align:center;font-size:14px}footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 38px;border-top:1px solid #af7fca2c;color:#977eab;font-size:10px;font-weight:800;letter-spacing:.12em}footer b{color:var(--magenta)}
.modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#050209c7;backdrop-filter:blur(9px)}.modal-panel{position:relative;width:min(500px,calc(100% - 30px));max-height:calc(100dvh - 30px);overflow:auto;padding:32px;border:1px solid #cf94f39c;border-radius:24px;background:radial-gradient(circle at 90% 0%,#66327e7a,transparent 40%),linear-gradient(145deg,#2a183a,#150d23);box-shadow:0 25px 90px #000b,0 0 40px #9e4ece3d,inset 0 1px #fff3;animation:modalIn .25s ease-out;outline:none}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-open{overflow:hidden}.modal-close{position:absolute;right:19px;top:16px;display:grid;place-items:center;width:35px;height:35px;border:1px solid #bd8cda66;border-radius:50%;background:#392349;color:#f5e5ff;font-size:24px;cursor:pointer}.modal-close:hover{background:#6a3a85}.sheet-handle{display:none}.modal-hero{display:flex;gap:16px;align-items:center;padding:14px 35px 25px 0;border-bottom:1px solid #d99ff334}.modal-avatar{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid #dd9ffd;border-radius:17px;background:linear-gradient(130deg,#ac66d6,#472562);font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:700;box-shadow:0 0 22px #a359d466}.modal-hero h2{margin:0 0 3px;font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-.04em}.modal-hero .eyebrow{font-size:10px}.modal-tag{color:#c9a5df;font-size:12px;letter-spacing:.09em}.modal-medals{padding:24px 0;border-bottom:1px solid #d99ff334}.modal-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:15px}.modal-section-head span{color:#d0a8df;font-size:11px;font-weight:800;letter-spacing:.12em}.modal-section-head strong{font-family:'Space Grotesk',sans-serif;font-size:26px}.modal-section-head small{color:#ae98be;font-family:'DM Sans',sans-serif;font-size:12px}.modal-medals .progress-track{height:13px}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:22px 0;border-bottom:1px solid #d99ff334}.modal-stats div{padding:14px 11px;border:1px solid #bc7ee44b;border-radius:12px;background:#ad67da14}.modal-stats span{display:block;color:#bfa6cb;font-size:9px;font-weight:800;letter-spacing:.09em}.modal-stats strong{display:block;margin-top:5px;font-family:'Space Grotesk',sans-serif;font-size:25px}.modal-stats small{font-size:12px;color:#ae98be}.modal-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:22px}.modal-result>span:first-child{color:#ba9eca;font-size:11px;font-weight:800;letter-spacing:.1em}
@media(max-width:950px){.stats-grid{grid-template-columns:repeat(3,1fr)}.hero{padding:40px}.hero-art{margin-right:0;transform:scale(.83)}.week-tab{min-width:112px}}@media(max-width:700px){.shell{width:min(100% - 28px,550px)}.topbar{height:69px}.brand{font-size:13px;gap:8px}.brand-shield{width:32px;height:32px;font-size:18px}.topbar-caption{font-size:8px;letter-spacing:.08em}.hero{min-height:286px;margin:17px 0 18px;padding:26px 23px;border-radius:21px;background-image:linear-gradient(90deg,#120c21f2,#201134ba),url('/static/images/banner.webp'),radial-gradient(circle at 82% 38%,#713a9a,#130b20 70%)}.hero-eyebrow{font-size:9px}.hero-overline{margin-top:31px;font-size:10px}.hero h1{max-width:320px;font-size:clamp(39px,10vw,54px)}.hero-tag{margin-top:13px;font-size:11px}.hero-status{margin-top:24px;font-size:10px;gap:8px}.hero-art{position:absolute;right:-88px;top:34px;opacity:.42;transform:scale(.77)}.hero-corner{right:18px;bottom:13px;font-size:8px}.week-tabs{gap:3px;margin-bottom:35px;padding:5px;border-radius:13px;scroll-snap-type:x proximity}.week-tab{min-width:105px;padding:12px 13px;font-size:10px;scroll-snap-align:start}.section-heading h2{font-size:25px}.eyebrow{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:142px;padding:15px}.stat-card:first-child{grid-column:span 2;min-height:130px}.stat-card:first-child .stat-info{margin-top:9px}.stat-icon{width:40px;height:40px;font-size:24px}.stat-info{margin-top:12px}.stat-title{font-size:9px}.stat-info strong{font-size:34px}.stat-caption{font-size:10px}.roster{margin:48px 0 52px}.roster-heading{align-items:end}.week-description{font-size:11px}.updated{max-width:110px;text-align:right;font-size:9px}.filters{margin-right:-14px;padding-right:14px;scroll-snap-type:x proximity}.filter,.history-filter{font-size:11px;padding:10px 14px;scroll-snap-align:start}.player-card{padding:17px 16px 15px;border-radius:18px}.player-body{display:block;padding:0}.medal-block{padding:16px 0}.battle-block{padding:14px 0;border-top:1px solid #c08ce627}.medal-head strong,.battle-head strong{font-size:21px}.metric-kicker{font-size:9px}.battle-foot{font-size:10px}.player-bottom{padding-top:11px}.identity-copy strong{font-size:15px}.detail-link{font-size:9px}.detail-link span{font-size:15px}.modal{align-items:end}.modal-panel{width:100%;max-height:90dvh;padding:28px 23px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;border-bottom:0;animation:sheetIn .27s ease-out}@keyframes sheetIn{from{opacity:.7;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{display:block;width:45px;height:5px;margin:-13px auto 21px;border-radius:99px;background:#ac83c2}.modal-close{top:24px;right:19px}}
@media(max-width:390px){.hero h1{font-size:37px}.hero-art{right:-104px;opacity:.34}.topbar-caption{display:none}.hero-status span:last-child,.status-divider{display:none}.metric-kicker{font-size:8px}.battle-foot{font-size:9px}.modal-stats span{font-size:8px}.modal-stats strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}