:root{color-scheme:dark;--bg:#02070d;--panel:#07131f;--line:rgba(116,190,222,.16);--text:#eef5f7;--muted:#809aa7;--cyan:#72c3e4;--gold:#d9ae66;--gold2:#f0d49e}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -15%,#173c5a 0,#081a2a 31%,#030b13 64%,#010509 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.ach-space{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-image:linear-gradient(rgba(108,183,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(108,183,218,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,transparent 88%)}.ach-space:before,.ach-space:after,.ach-space i{content:"";position:absolute;border-radius:50%;background:#dff7ff;box-shadow:0 0 10px #9edcff;opacity:.52}.ach-space:before{width:2px;height:2px;left:9%;top:18%}.ach-space:after{width:1px;height:1px;right:12%;top:29%}.ach-space i:nth-child(1){width:2px;height:2px;left:70%;top:11%}.ach-space i:nth-child(2){width:1px;height:1px;left:38%;top:42%}.ach-space i:nth-child(3){width:2px;height:2px;right:5%;top:54%}
.ach-topbar{position:sticky;top:0;z-index:30;min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:12px clamp(18px,4vw,56px);border-bottom:1px solid rgba(116,195,227,.12);background:linear-gradient(180deg,rgba(2,8,14,.97),rgba(2,8,14,.78));backdrop-filter:blur(18px)}.ach-back{justify-self:start;display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#b7cad3;font-size:11px;letter-spacing:.14em}.ach-back span{font-size:26px;line-height:1;color:var(--gold)}.ach-brand{justify-self:center;display:flex;align-items:center;gap:11px;text-decoration:none}.ach-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(231,193,122,.22))}.ach-brand>span{display:flex;flex-direction:column;gap:2px}.ach-brand small{color:#7697aa;font-size:8px;letter-spacing:.24em}.ach-brand strong{font-family:Georgia,serif;color:#f4e8cf;font-size:15px;letter-spacing:.09em;font-weight:500}.ach-account{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0;max-width:250px;color:#8fb0c0;font-size:9px;letter-spacing:.12em;white-space:nowrap}.ach-account i{width:6px;height:6px;flex:none;border-radius:50%;background:#72c1df;box-shadow:0 0 12px rgba(114,193,223,.7)}.ach-account span{overflow:hidden;text-overflow:ellipsis}
.ach-shell{width:min(1240px,calc(100% - 42px));margin:0 auto;padding:clamp(36px,6vw,78px) 0 88px}.ach-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:clamp(28px,5vw,70px);align-items:center;margin-bottom:34px}.ach-eyebrow,.ach-controls p{margin:0;color:#78a8bf;font-size:9px;font-weight:700;letter-spacing:.27em}.ach-hero h1{margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(48px,6.4vw,82px);line-height:.97;font-weight:400;letter-spacing:-.035em}.ach-hero h1 span{color:#e2bd78}.ach-hero-copy>p:not(.ach-eyebrow){max-width:720px;margin:22px 0 0;color:#95abb6;font-size:13px;line-height:1.85}.ach-sync{display:flex;align-items:center;gap:8px;margin-top:19px;color:#7097a9;font-size:8px;letter-spacing:.15em}.ach-sync span{width:5px;height:5px;border-radius:50%;background:#6bc2e4;box-shadow:0 0 10px #6bc2e4}
.ach-overall{position:relative;min-height:226px;display:flex;align-items:center;gap:22px;padding:26px;border:1px solid rgba(116,190,222,.16);background:linear-gradient(145deg,rgba(10,29,44,.76),rgba(4,14,24,.68));clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}.ach-overall:before{content:"";position:absolute;inset:9px;border:1px solid rgba(217,174,102,.09);clip-path:inherit}.ach-ring{--value:0;position:relative;flex:0 0 126px;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--value)*1%),rgba(108,180,211,.12) 0);box-shadow:0 0 44px rgba(217,174,102,.08)}.ach-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#07131f;border:1px solid rgba(218,179,106,.19)}.ach-ring>div{position:relative;text-align:center}.ach-ring strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:31px;color:#f2d9aa}.ach-ring span{font-size:7px;letter-spacing:.2em;color:#7598aa}.ach-overall-copy{position:relative;z-index:1;min-width:0}.ach-overall-copy small{color:#6f95a7;font-size:8px;letter-spacing:.18em}.ach-overall-copy strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:28px;font-weight:400;color:#f1dfbc}.ach-overall-copy p{margin:7px 0 0;color:#829ba7;font-size:10px;line-height:1.55}
.ach-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:58px}.ach-stats article{min-height:112px;padding:20px 22px;border:1px solid rgba(116,187,219,.13);background:linear-gradient(180deg,rgba(7,22,34,.7),rgba(3,12,20,.64))}.ach-stats small{display:block;color:#7197a9;font-size:8px;letter-spacing:.18em}.ach-stats strong{display:block;margin-top:7px;font-family:Georgia,serif;font-size:28px;font-weight:400;color:#f0ddb8}.ach-stats span{display:block;margin-top:6px;color:#728c99;font-size:9px;line-height:1.5}
.ach-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ach-controls h2{margin:5px 0 0;font-family:Georgia,serif;font-size:clamp(31px,4vw,45px);font-weight:400}.ach-filters{display:flex;gap:7px}.ach-filters button{min-height:38px;padding:0 14px;border:1px solid rgba(113,183,215,.18);background:rgba(5,17,27,.62);color:#7894a2;font-size:8px;letter-spacing:.13em;cursor:pointer}.ach-filters button.is-active{border-color:rgba(217,174,102,.5);color:#f0d6a6;background:rgba(217,174,102,.06)}
.ach-category{margin-top:34px}.ach-category[hidden]{display:none}.ach-category-title{display:flex;align-items:center;gap:13px;margin-bottom:16px}.ach-category-title>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(217,174,102,.25);color:#d6ae68;font-family:Georgia,serif;font-size:15px}.ach-category-title small{display:block;color:#668b9d;font-size:7px;letter-spacing:.18em}.ach-category-title h2{margin:3px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:400}.ach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ach-card{--card-accent:#77bfdc;position:relative;min-width:0;overflow:hidden;border:1px solid rgba(116,184,215,.14);background:linear-gradient(155deg,rgba(8,24,37,.92),rgba(3,11,19,.91));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .18s ease,border-color .18s ease}.ach-card:hover{transform:translateY(-2px);border-color:rgba(119,193,223,.28)}.ach-card.is-unlocked{border-color:rgba(217,174,102,.24);background:linear-gradient(155deg,rgba(14,30,42,.96),rgba(5,15,23,.93))}.ach-card[data-tier="legendary"]{--card-accent:#e0b76d}.ach-card[data-tier="epic"]{--card-accent:#9ec8e8}.ach-medal{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;padding:10px;background:radial-gradient(circle at 50% 48%,rgba(30,72,98,.18),rgba(3,10,17,.07) 60%,rgba(1,5,9,.64) 100%)}.ach-medal:after{content:"";position:absolute;inset:auto 9% 0;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.42}.ach-medal img{display:block;width:min(96%,282px);height:min(96%,282px);object-fit:contain;object-position:center;filter:saturate(.16) brightness(.34) contrast(.92);opacity:.52;transform:scale(.965);transform-origin:center;transition:filter .22s ease,opacity .22s ease,transform .22s ease}.ach-card.is-unlocked .ach-medal img{filter:saturate(1.02) brightness(1.01) contrast(1.02) drop-shadow(0 8px 18px rgba(0,0,0,.28)) drop-shadow(0 0 14px rgba(218,174,102,.08));opacity:1;transform:scale(1)}.ach-lock{position:absolute;right:12px;top:12px;z-index:2;min-height:25px;display:flex;align-items:center;padding:0 8px;border:1px solid rgba(108,180,211,.16);background:rgba(2,9,15,.78);color:#738f9c;font-size:7px;letter-spacing:.12em}.ach-card.is-unlocked .ach-lock{border-color:rgba(217,174,102,.27);color:#e7c98e}.ach-body{padding:17px 17px 16px}.ach-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.ach-tier{font-size:7px;letter-spacing:.16em;color:#708f9e}.ach-card.is-unlocked .ach-tier{color:#bd9c64}.ach-date{font-size:7px;color:#66818e;text-align:right}.ach-body h3{margin:6px 0 0;font-family:Georgia,serif;font-weight:400;font-size:20px;line-height:1.1;color:#d7e1e5}.ach-card.is-unlocked .ach-body h3{color:#f3e8d2}.ach-body p{min-height:52px;margin:8px 0 0;color:#7d96a2;font-size:10px;line-height:1.55}.ach-progress{margin-top:14px}.ach-progress>div{height:4px;background:rgba(101,161,187,.09);overflow:hidden}.ach-progress i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#64b5d5,var(--card-accent));transition:width .35s ease}.ach-progress span{display:block;margin-top:6px;color:#698592;font-size:7px;letter-spacing:.07em}.ach-card.is-unlocked .ach-progress span{color:#a28d68}
.ach-locked-page,.ach-error{margin:45px auto 0;max-width:760px;padding:clamp(30px,5vw,54px);border:1px solid rgba(116,187,219,.16);background:linear-gradient(145deg,rgba(7,22,34,.95),rgba(3,11,18,.95));text-align:center;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.ach-locked-page[hidden],.ach-error[hidden]{display:none}.ach-locked-page img{width:90px;height:90px;object-fit:contain}.ach-locked-page small,.ach-error small{display:block;margin-top:12px;color:#769aac;font-size:8px;letter-spacing:.19em}.ach-locked-page h1,.ach-error h2{margin:7px 0 0;font-family:Georgia,serif;font-size:clamp(27px,4vw,39px);font-weight:400}.ach-locked-page p,.ach-error p{max-width:540px;margin:10px auto 0;color:#8fa5b0;font-size:12px;line-height:1.7}.ach-locked-page>div{display:flex;justify-content:center;gap:8px;margin-top:22px}.ach-locked-page a,.ach-error button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid rgba(217,174,102,.42);background:rgba(217,174,102,.04);color:#f0dfbd;text-decoration:none;font-size:9px;letter-spacing:.14em;cursor:pointer}.ach-locked-page a.secondary{border-color:rgba(112,182,214,.24);color:#a9c5d1}.ach-error button{margin-top:18px}body.is-locked .ach-hero,body.is-locked .ach-stats,body.is-locked .ach-controls,body.is-locked .ach-category,body.has-error .ach-hero,body.has-error .ach-stats,body.has-error .ach-controls,body.has-error .ach-category{display:none}
@media(max-width:1040px){.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ach-hero{grid-template-columns:1fr}.ach-overall{max-width:650px}.ach-brand>span{display:none}}
@media(max-width:720px){.ach-topbar{min-height:62px;padding:9px 14px;gap:9px}.ach-back b{display:none}.ach-back span{font-size:30px}.ach-brand img{width:40px;height:40px}.ach-account{max-width:128px;font-size:8px}.ach-shell{width:min(100% - 24px,1240px);padding-top:29px}.ach-hero h1{font-size:clamp(40px,12vw,59px)}.ach-hero-copy>p:not(.ach-eyebrow){font-size:12px;line-height:1.75}.ach-overall{min-height:0;padding:21px 18px}.ach-ring{flex-basis:104px;width:104px;height:104px}.ach-ring strong{font-size:26px}.ach-overall-copy strong{font-size:23px}.ach-stats{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:44px}.ach-stats article{min-height:105px;padding:16px}.ach-stats article:last-child{grid-column:1/-1}.ach-controls{align-items:flex-start;flex-direction:column}.ach-filters{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.ach-filters button{padding:0 8px}.ach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ach-body{padding:13px}.ach-body h3{font-size:17px}.ach-body p{min-height:60px;font-size:9px}.ach-medal{aspect-ratio:1;padding:7px}.ach-medal img{width:98%;height:98%}.ach-lock{right:8px;top:8px}.ach-locked-page>div{flex-direction:column}.ach-locked-page a{width:100%}}
@media(max-width:390px){.ach-account span{max-width:86px}.ach-overall{gap:14px}.ach-ring{flex-basis:92px;width:92px;height:92px}.ach-ring strong{font-size:23px}.ach-overall-copy strong{font-size:20px}.ach-stats{grid-template-columns:1fr}.ach-stats article:last-child{grid-column:auto}.ach-grid{grid-template-columns:1fr 1fr}.ach-body{padding:12px 11px}.ach-body h3{font-size:16px}.ach-body p{min-height:74px;font-size:8.5px}.ach-tier,.ach-date{font-size:6px}.ach-progress span{font-size:6.5px}.ach-category-title h2{font-size:21px}}
@media(max-width:330px){.ach-grid{grid-template-columns:1fr}.ach-body p{min-height:0}.ach-medal{aspect-ratio:1;padding:10px}.ach-medal img{width:min(96%,282px);height:min(96%,282px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}