:root{color-scheme:dark;--bg:#101217;--panel:#181b22;--line:#2c303a;--text:#f5f1e9;--muted:#b3b4bd;--gold:#e8bd79;--bronze:#d1a077;--silver:#cfd8e3;--platinum:#7de2ff;--diamond:#b09bfa;--mythic:#f9a0d2;--omega:#ffa86b;--omniversal:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.shell{max-width:1240px;margin:auto;padding-inline:40px}.header{display:flex;justify-content:space-between;align-items:center;min-height:104px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand img{object-fit:contain}.brand strong{font-size:26px;letter-spacing:-1px}.brand span{font-size:13px;color:var(--muted)}nav{display:flex;gap:25px;align-items:center}nav a{font-size:13px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:13px 21px;background:var(--gold);border:1px solid var(--gold);color:#171716;border-radius:8px;font-size:13px;font-weight:650}.button.small{padding:10px 15px}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.skip{position:fixed;top:-100px;left:12px;z-index:9;background:var(--gold);color:#111;padding:12px}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:72px;padding-block:78px 68px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:var(--gold);margin:0 0 20px}h1{font-size:clamp(40px,4.7vw,65px);font-weight:600;letter-spacing:-3px;line-height:1.08;margin:0}h1 em{font-style:normal;color:var(--gold)}.intro{max-width:490px;font-size:16px;line-height:1.8;color:var(--muted);margin:24px 0 28px}.hero-card{position:relative;padding:35px 28px;text-align:center;background:radial-gradient(ellipse at 50% 10%,#3b302338,transparent 70%),var(--panel);border:1px solid #493e2d;border-radius:18px;overflow:hidden}.hero-card .star{display:block;color:var(--gold);font-size:48px;line-height:1;margin-bottom:24px}.hero-card img{border-radius:50%;object-fit:cover;margin-bottom:14px}.hero-card .eyebrow{font-size:9px;margin-bottom:14px}.hero-card strong{display:block;font-size:65px;font-weight:500;line-height:1.1;letter-spacing:-3px}.hero-card p:not(.eyebrow){margin:10px 0 28px;color:var(--muted);font-size:13px}.card-foot{display:block;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}progress{width:100%;height:7px;border:0;appearance:none;border-radius:12px;overflow:hidden;background:var(--line);accent-color:var(--gold)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--gold);border-radius:12px}progress::-moz-progress-bar{background:var(--gold)}.hero-card progress{margin-bottom:20px}.account{display:flex;flex-wrap:wrap;gap:18px;align-items:end;padding:23px;border:1px solid var(--line);border-radius:12px;margin-bottom:40px}.account>label{flex:1;min-width:170px}.account form{display:flex;gap:12px;align-items:end;flex:2}.account form label{flex:1}.text-link{color:var(--gold);font-size:12px;padding-block:12px}label{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.4px;color:var(--muted)}input,select{background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--text);font-size:13px;width:100%;height:44px;padding:0 12px;min-width:0}select{padding-right:24px}input::placeholder{color:#8b8f9b}.highlights{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding-bottom:45px;margin-bottom:35px;border-bottom:1px solid var(--line)}h2{font-weight:500;font-size:26px;letter-spacing:-.8px;margin:0 0 22px}.highlights .eyebrow{margin-bottom:9px}.highlight{padding:13px 0;border-bottom:1px solid var(--line);display:grid;gap:5px}.highlight strong{font-size:14px;font-weight:550}.highlight span{font-size:11px;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-title .eyebrow{margin-bottom:10px}.section-title h2{font-size:32px;margin-bottom:28px}.section-title h2 span{color:var(--gold)}.section-title>p{font-size:12px;color:var(--muted);margin-bottom:32px}.category-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.category-stat{border:1px solid var(--line);padding:14px;border-radius:8px}.category-stat p{display:flex;justify-content:space-between;margin:0 0 7px;font-size:12px;color:var(--muted)}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;padding:20px;background:#15181f;border:1px solid var(--line);border-radius:12px}.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}.tabs{display:flex;gap:5px}.tabs button{padding:8px 12px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px}.tabs button[aria-pressed=true]{color:var(--gold);background:#e8bd7910;border-color:#e8bd7930}.group-toggle{flex-direction:row;align-items:center;gap:8px;font-size:11px;letter-spacing:0}.group-toggle input{width:14px;height:14px;accent-color:var(--gold)}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}.achievement,.milestone-group{border:1px solid var(--line);background:var(--panel);border-radius:11px;overflow:hidden;min-width:0}.achievement{padding:21px;display:flex;flex-direction:column;gap:10px}.achievement .meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.category-label{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:var(--muted)}.tier{display:inline-block;color:var(--tier,var(--gold));border:1px solid color-mix(in srgb,var(--tier,var(--gold)) 35%,transparent);background:color-mix(in srgb,var(--tier,var(--gold)) 7%,transparent);padding:2px 8px;border-radius:20px;font-size:10px;white-space:nowrap}.achievement h3{font-size:16px;line-height:1.45;font-weight:550;letter-spacing:-.3px;margin:4px 0 0;overflow-wrap:anywhere}.achievement p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.achievement .achievement-status{margin-top:4px;font-size:10px;color:var(--gold)}.achievement .unlock-date{font-size:10px;color:var(--muted)}.milestone-group summary{padding:21px;cursor:pointer;display:flex;flex-wrap:wrap;gap:7px;align-items:center;list-style:none}.milestone-group summary::-webkit-details-marker{display:none}.milestone-group summary .category-label{width:100%}.milestone-group summary strong{font-size:16px;font-weight:550}.milestone-group summary .group-count{font-size:10px;color:var(--muted);width:100%}.milestone-group summary::after{content:"+";margin-left:auto;color:var(--gold);font-size:22px}.milestone-group[open] summary::after{content:"−"}.milestone-group .achievement{border:0;border-top:1px solid var(--line);border-radius:0;background:#14171d;padding:17px 21px}.notice{border:1px solid #e8bd7945;background:#e8bd790d;padding:14px 18px;border-radius:8px;font-size:13px;margin-top:25px}.empty{text-align:center;padding:45px 20px;border:1px dashed var(--line);border-radius:12px}.empty>span{font-size:36px;color:var(--gold)}.empty h3{font-weight:500}.empty p{color:var(--muted)}.note{display:flex;gap:22px;border:1px solid var(--line);padding:28px;border-radius:12px;margin-block:58px 70px}.note>span{font-size:25px;color:var(--gold)}.note h2{font-size:20px;margin:0 0 8px}.note p{font-size:12px;color:var(--muted);margin:5px 0;max-width:740px}code{color:var(--gold);font-size:11px}.footer{display:flex;align-items:center;gap:35px;padding-block:30px;border-top:1px solid var(--line)}.footer>span{font-size:11px;color:var(--muted);flex:1}.footer nav{gap:18px}.footer nav a{font-size:11px}.tier-bronze{--tier:var(--bronze)}.tier-silver{--tier:var(--silver)}.tier-gold{--tier:var(--gold)}.tier-platinum{--tier:var(--platinum)}.tier-diamond{--tier:var(--diamond)}.tier-mythic{--tier:var(--mythic)}.tier-omega{--tier:var(--omega)}.tier-omniversal{--tier:var(--omniversal)}
@media(max-width:950px){.shell{padding-inline:26px}.hero{gap:35px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav>a:nth-child(2){display:none}.brand span{display:none}.footer{flex-wrap:wrap}.footer nav{width:100%}.filters{grid-template-columns:repeat(3,1fr)}.filters .search{grid-column:1/-1}}
@media(max-width:620px){.shell{padding-inline:20px}.header{min-height:82px;gap:12px}.header nav{gap:12px}.header nav>a:first-child{display:none}.brand img{width:34px;height:34px}.brand strong{font-size:24px}.button.small{font-size:11px;padding:9px 11px}.hero{grid-template-columns:1fr;padding-block:42px;gap:30px}h1{font-size:43px;letter-spacing:-2px}.intro{font-size:14px}.hero-card{padding:27px}.hero-card strong{font-size:56px}.hero-card .star{font-size:38px;margin-bottom:17px}.hero-card .eyebrow{font-size:8px}.section-title{align-items:start;flex-direction:column;gap:0}.section-title h2{font-size:26px;margin-bottom:5px}.section-title>p{margin:0 0 20px}.filters{padding:14px;gap:12px;grid-template-columns:1fr 1fr}.filters .search{grid-column:1/-1}.filters label:last-child{grid-column:1/-1}.collection-tools{align-items:start;flex-direction:column;gap:12px;padding-block:17px}.tabs{width:100%;gap:0}.tabs button{font-size:11px;padding:8px 10px;flex:1}.achievement-grid{grid-template-columns:1fr}.category-summary{grid-template-columns:1fr 1fr}.highlights{grid-template-columns:1fr;gap:30px}.account,.account form{flex-direction:column;align-items:stretch}.account form{width:100%}.account>label{width:100%}.note{padding:20px;gap:14px}.footer{gap:15px}.footer>span{font-size:10px}.footer nav{flex-wrap:wrap}.notice{font-size:12px}label{font-size:11px}input,select{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.button,.achievement,.milestone-group{transition:border-color .18s,background .18s}.button:hover{filter:brightness(1.07)}.milestone-group:hover{border-color:#66604d}}

h1,.hero .eyebrow{overflow-wrap:anywhere}

.member-entry .hero{grid-template-columns:1fr;padding-block:48px}.member-entry .intro{max-width:650px}