.challenge-updated{color:var(--muted);font-size:12px}
.challenge-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:0 0 26px;padding:16px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.challenge-switch{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.challenge-switch input{width:18px;height:18px;accent-color:#bcb6e2;cursor:pointer}.challenge-search{margin-left:0}.challenge-search input{width:230px}
.challenges-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.challenge-sidebar{min-width:0;align-self:start;position:sticky;top:20px}.challenge-sidebar>.eyebrow{display:block;padding:12px}.challenge-sidebar nav{display:flex;flex-direction:column;align-items:stretch;gap:6px}.challenge-sidebar button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;padding:10px;font-size:13px;min-height:60px}.challenge-sidebar button:hover{background:#1c2433}.challenge-sidebar button[aria-pressed=true]{background:#282b43;border-color:#686588;color:#eeeaff}.challenge-sidebar button .challenge-icon{width:38px;height:38px}.challenge-sidebar .challenge-category-button{font-weight:700}
.challenge-capstone{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:center;margin-bottom:16px}.challenge-capstone .challenge-icon{width:90px;height:90px}.challenge-capstone h2{font-size:26px;letter-spacing:-.4px;margin:4px 0 8px}.challenge-capstone p{color:var(--muted);font-size:13px;margin-bottom:12px}.challenge-count{color:var(--muted);font-size:12px;margin-bottom:18px}
.challenge-group{border:1px solid var(--line);background:#101826;border-radius:10px;padding:20px;margin-bottom:22px}.challenge-group>header{display:flex;gap:18px;align-items:center;margin-bottom:22px}.challenge-group>header>.challenge-icon{width:65px;height:65px}.challenge-group>header>div{flex:1;min-width:0}.challenge-group h2{font-size:21px;margin:0 0 9px}.challenge-group>header small{font-size:11px}
.challenge-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.challenge-card{--challenge-accent:#92a3bd;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px;border:1px solid #334259;border-radius:8px;background:linear-gradient(155deg,color-mix(in srgb,var(--challenge-accent) 14%,#182031),#111a28 80%);text-align:center}.challenge-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:19px;margin-bottom:7px}.challenge-level{font-size:9px;font-weight:750;letter-spacing:.9px;color:var(--challenge-accent)}.challenge-complete{font-size:13px;color:#8edfca}.challenge-icon{width:78px;height:78px;object-fit:contain;flex-shrink:0;display:block}.challenge-symbol{display:grid;place-items:center;color:var(--challenge-accent,#92a3bd);background:radial-gradient(circle,color-mix(in srgb,currentColor 12%,transparent),transparent 70%)}.challenge-card h3{font-size:14px;line-height:1.35;margin:10px 0 8px}.challenge-card p{font-size:12px;line-height:1.5;color:#aab7cc;margin-bottom:18px}.challenge-card-progress{margin-top:auto;width:100%}.challenge-progress{position:relative;width:100%;height:21px;overflow:hidden;background:#242f3e;border:1px solid #526575;border-radius:2px}.challenge-progress i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#127fa1,#8ec7d1);max-width:100%}.challenge-progress span{position:relative;display:block;text-align:center;font-size:11px;font-weight:750;line-height:19px;color:#fff;text-shadow:0 1px 3px #061322}.challenge-target{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;line-height:1.4;margin-top:5px;text-transform:none}.challenge-tier-BRONZE{--challenge-accent:#c5a083}.challenge-tier-SILVER{--challenge-accent:#c4cfda}.challenge-tier-GOLD{--challenge-accent:#e4c787}.challenge-tier-PLATINUM{--challenge-accent:#8ac7ce}.challenge-tier-DIAMOND{--challenge-accent:#a5b1ff}.challenge-tier-MASTER{--challenge-accent:#cf9adb}.challenge-tier-GRANDMASTER{--challenge-accent:#e59399}.challenge-tier-CHALLENGER{--challenge-accent:#edcb80}.challenge-empty{padding:30px}.challenge-empty p{margin:12px 0 0;color:var(--muted)}
@media(max-width:1200px){.challenges-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}.challenge-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.challenges-layout{grid-template-columns:minmax(0,1fr)}.challenge-sidebar{position:static}.challenge-sidebar nav{flex-direction:row;flex-wrap:wrap}.challenge-sidebar button{flex:1;min-width:145px}.challenge-sidebar button .challenge-icon{width:28px;height:28px}.challenge-search{margin-left:0;flex:1}.challenge-search input{width:100%;min-width:180px}}
@media(max-width:600px){.challenge-toolbar{gap:16px;padding:16px}.challenge-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-group{padding:12px}.challenge-capstone{grid-template-columns:55px minmax(0,1fr);gap:12px}.challenge-capstone .challenge-icon{width:55px;height:55px}.challenge-capstone h2{font-size:21px}.challenge-card{padding:10px}.challenge-icon{width:65px;height:65px}.challenge-card h3{font-size:13px}}

.challenge-sidebar-group{min-width:0}.challenge-sidebar-group>button{width:100%}.challenge-group-chevron{margin-left:auto;color:var(--muted)}.challenge-capstone-list{padding-left:12px;margin:4px 0 10px;border-left:1px solid var(--line)}.challenge-capstone-list button{width:100%;min-width:0}
@media(max-width:900px){.challenge-sidebar-group{flex:1 1 180px}.challenge-sidebar-group>button{min-width:0}.challenge-capstone-list button{min-width:0}}

.challenge-card-reward{display:flex;align-items:center;gap:9px}.challenge-points{font-size:20px;font-weight:700;color:var(--challenge-accent);line-height:1}
.challenge-rank{position:relative;width:180px;height:180px;margin:0 auto;color:var(--challenge-accent,#92a3bd);background:radial-gradient(circle,#152139 0%,#0b101c 65%,transparent 67%)}.challenge-rank-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:5}.challenge-rank-track{stroke:#303b50}.challenge-rank-fill{stroke:var(--challenge-accent,#92a3bd);transform:rotate(-90deg);transform-origin:center;stroke-linecap:round}.challenge-rank-details{position:absolute;inset:23px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.challenge-crystal{width:39px;height:39px;filter:drop-shadow(0 0 9px #7677b855)}.challenge-rank-details strong{font-size:15px;color:#f2f3fc;font-variant-numeric:tabular-nums}.challenge-rank-details>span{font-size:11px;font-weight:700;letter-spacing:1.5px}.challenge-rank-next{display:block;text-align:center;color:var(--muted);font-size:10px;margin:3px 0 20px}.challenge-rank-pending{padding:18px 12px}.challenge-rank-pending small{display:block;color:var(--muted);margin-top:6px}

.challenge-compare{display:flex;align-items:center;gap:9px;margin-left:auto;min-width:0;font-size:12px}.challenge-compare select{width:195px;max-width:100%;text-overflow:ellipsis}.challenge-comparison-status{color:#c5a4ee;font-size:12px;margin:-12px 0 20px;overflow-wrap:anywhere}
.challenge-bars{position:relative}.challenge-bars.has-comparison>.challenge-target{visibility:hidden}.challenge-bars.has-comparison>.challenge-progress:not(.challenge-progress-compare){transform:translateY(-2px)}.challenge-progress-compare{position:absolute;bottom:0;height:18px;border-color:#8065a3}.challenge-progress-compare i{background:linear-gradient(90deg,#7442a8,#bd94e2)}.challenge-progress-compare span{font-size:10px;line-height:16px}
.challenge-tier-IRON{--challenge-accent:#92969f}.challenge-tier-NONE{--challenge-accent:#71829b}.challenge-category-button>span:not(.challenge-group-chevron){line-height:1.35}.challenge-category-button .challenge-symbol{align-self:center}
@media(max-width:900px){.challenge-sidebar nav{flex-wrap:nowrap;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding-bottom:6px}.challenge-sidebar-group{flex:0 0 auto;width:max-content;min-width:165px;max-width:260px}.challenge-sidebar-group>button{white-space:nowrap}.challenge-capstone-list{width:max-content;min-width:100%;max-width:260px}.challenge-capstone-list button{white-space:normal}.challenge-compare{margin-left:0;flex-wrap:wrap}.challenge-compare select{width:210px}}

.challenge-capstone>.challenge-category-art{align-self:start;display:flex;justify-content:center;padding-top:24px}.challenge-capstone .challenge-category-art .challenge-symbol{width:42px;height:42px}
@media(max-width:600px){.challenge-capstone .challenge-category-art .challenge-symbol{width:34px;height:34px}}

.challenge-update-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.challenge-update-controls button{padding:9px 18px;border:1px solid #68628f;border-radius:6px;background:#bbb4e4;color:#0b101c;font:inherit;font-weight:600;cursor:pointer}.challenge-update-controls button:disabled{opacity:.65;cursor:default}.challenge-update-controls span{font-size:12px;color:var(--muted)}
.challenge-crystal{color:var(--challenge-accent,#92a3bd);filter:drop-shadow(0 0 9px color-mix(in srgb,currentColor 35%,transparent))}.challenge-crystal-light{fill:color-mix(in srgb,currentColor 45%,white)}.challenge-crystal-mid{fill:currentColor}.challenge-crystal-shade{fill:color-mix(in srgb,currentColor 75%,black)}.challenge-crystal-dark{fill:color-mix(in srgb,currentColor 45%,black)}

.challenge-points-remaining{color:#d5c2ff;font-weight:650}
.challenge-card .challenge-champion-link{display:inline;padding:0;border:0;border-radius:0;background:none;color:#c9bcf4;font:inherit;line-height:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;white-space:normal;cursor:pointer}.challenge-champion-link:hover{color:#fff}.challenge-champion-link:focus-visible{outline:2px solid #c9bcf4;outline-offset:3px}
.challenge-champion-dialog{box-sizing:border-box;width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:24px;border:1px solid #68628f;border-radius:12px;background:var(--panel,#131c2b);color:var(--text,#eef1fa);box-shadow:0 20px 80px #0009;overflow-y:auto;overscroll-behavior:contain}.challenge-champion-dialog::backdrop{background:#030710bb}.challenge-champion-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.challenge-champion-dialog h2{font-size:22px;margin:6px 0 16px}.challenge-champion-dialog>p{font-size:13px;line-height:1.6;margin:0 0 12px}.challenge-champion-dialog .challenge-dialog-close{padding:8px 12px;background:#282b43;border:1px solid #68628f;border-radius:6px;color:#eeeaff;cursor:pointer;flex-shrink:0}.challenge-champion-count{color:var(--muted,#aab7cc)}.challenge-champion-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:14px 10px;margin:20px 0 0;padding:0}.challenge-champion-grid li{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12px;min-width:0;overflow-wrap:anywhere}.challenge-champion-grid .portrait{width:48px;height:48px;object-fit:cover;border-radius:8px}.challenge-champion-dialog button:focus-visible{outline:2px solid #c9bcf4;outline-offset:3px}

.challenge-checklist-warning{color:#f0c36c}.challenge-champion-grid li{position:relative}.challenge-completion-mark{position:absolute;top:-5px;left:calc(50% + 12px);display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#344050;color:#c4cfda;border:2px solid #131c2b;font-size:12px;font-weight:700}.challenge-champion-grid [data-completion=completed] .challenge-completion-mark{background:#39bca4;color:#07221c}.challenge-champion-grid [data-completion=uncompleted] .challenge-completion-mark{background:#ff4b4b;color:#290606}.challenge-champion-grid [data-completion=uncompleted] .portrait{opacity:.5}.challenge-checklist-filters{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.challenge-checklist-filters label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:130px;font-size:12px;color:var(--muted)}.challenge-checklist-filters input,.challenge-checklist-filters select{width:100%;min-width:0}.challenge-champion-grid .challenge-checklist-empty{grid-column:1/-1;color:var(--muted)}

.challenge-history-dialog{width:min(680px,calc(100vw - 32px))}.challenge-history-entry{padding:16px 0;border-bottom:1px solid var(--border,#26334b)}.challenge-history-entry header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.challenge-history-entry time{font-size:12px;color:var(--muted,#aab7cc)}.challenge-history-entry ul{padding:0;list-style:none;margin:12px 0}.challenge-history-entry li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0}.challenge-history-entry li>div{min-width:0}.challenge-history-entry li small:last-child{display:block;color:var(--muted,#aab7cc);font-size:12px;margin-top:4px}.challenge-history-gain{color:var(--accent,#b9b0e1);white-space:nowrap}.challenge-history-games{font-size:12px;overflow-wrap:anywhere;line-height:1.7}.challenge-history-more{padding:8px 14px;border:1px solid var(--border,#26334b);border-radius:6px;background:var(--panel,#131c2b);color:inherit;cursor:pointer}

.challenge-history-entry li>.challenge-icon{width:44px;height:44px;flex:0 0 44px;margin:0;object-fit:contain}.challenge-history-description{flex:1}
.challenge-friends-dialog{max-width:620px}.challenge-friends-list{padding-left:24px}.challenge-friends-list li{padding:12px 8px;border-bottom:1px solid var(--border,#2c374b)}.challenge-friends-list li small{display:block;margin-top:4px}.challenge-friends-refresh{white-space:nowrap}

.challenge-group-title{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px}.challenge-group-title .challenge-mastery-planner{margin-left:auto;padding:7px 10px;font-size:12px;white-space:nowrap}.challenge-champion-classes{color:var(--muted);font-size:10px;line-height:1.4}

.challenge-virtuoso-dialog .challenge-checklist-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:450px){.challenge-virtuoso-dialog .challenge-checklist-filters label:last-child{grid-column:1/-1}}

.challenge-focus{padding:20px;margin:0 0 24px}.challenge-focus>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.challenge-focus h2{font-size:20px;margin:0}.challenge-focus small,.challenge-focus>p{font-size:12px;line-height:1.6;color:var(--muted)}.challenge-focus-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.challenge-focus-tabs [aria-pressed=true]{background:#bcb6e2;color:#151421}.challenge-pin{padding:0 5px;line-height:22px;font-size:20px;background:transparent;border:0;color:var(--muted);margin-left:auto}.challenge-pin[aria-pressed=true]{color:#e4c787}.challenge-pin:focus-visible{outline:2px solid #bcb6e2}.challenge-focus-entry{min-width:0;display:flex;flex-direction:column}.challenge-focus-entry>.challenge-card{flex:1}.challenge-nearest{font-size:12px;color:#e4c787;text-align:center;margin:8px 0}.challenge-focus [data-focus-more]{margin-top:14px}@media(max-width:600px){.challenge-focus{padding:12px}.challenge-focus-tabs button{font-size:12px;padding:8px}}