.ha-achievements{--ach-x:50%;--ach-y:50%;position:relative;z-index:2;overflow:hidden;color:#f5f0ec;background:radial-gradient(circle at var(--ach-x) var(--ach-y),#211016 0,#100b0e 32%,#08080b 72%);isolation:isolate}
.ha-achievements::before{content:'';position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(180deg,#08080b,transparent 12%,transparent 88%,#08080b),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px 4.5px)}
.ha-ach-glyphs{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.38}
.ha-ach-shell{position:relative;z-index:3;box-sizing:border-box;width:min(91%,1580px);margin:auto;padding:clamp(120px,14vh,180px) 0 clamp(110px,12vh,160px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,5vw,90px);align-items:start}
.ha-ach-heading{padding-top:18px}
.ha-ach-heading h2{margin:0;color:#f5f0ec;font:700 clamp(54px,5.3vw,85px)/.92 'Syne',sans-serif;letter-spacing:-.08em}
.ha-ach-heading h2 em{color:#f42e3d;font-style:normal}
.ha-ach-heading p{max-width:460px;margin:30px 0 0;color:#aaa0a3;font:400 clamp(14px,1.1vw,17px)/1.7 'Poppins',sans-serif}
.ha-ach-plane-anchor{grid-column:2;grid-row:1;justify-self:center;align-self:center;width:min(95%,310px);height:290px;pointer-events:none}
.ha-ach-stage{--ach-rx:0deg;--ach-ry:0deg;position:relative;display:grid;grid-template-columns:minmax(310px,1fr) minmax(220px,.78fr);grid-template-rows:290px auto;gap:18px;min-width:0;transform:perspective(1500px) rotateX(var(--ach-rx)) rotateY(var(--ach-ry));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ha-ach-trophy{display:block;width:min(85%,280px);height:auto;margin:22px auto 0;overflow:visible;stroke:#f42e3d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.ha-ach-trophy path:nth-child(1){fill:rgba(244,46,61,.065)}
.ha-ach-readout{grid-column:1;grid-row:1;box-sizing:border-box;min-width:0;padding:28px 30px;border:1px solid rgba(244,46,61,.43);background:linear-gradient(135deg,rgba(35,17,23,.94),rgba(11,10,13,.94));box-shadow:0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.ha-ach-readout>span{display:block;color:#f42e3d;font:700 11px/1 monospace;letter-spacing:.12em}
.ha-ach-readout>strong{display:block;margin-top:25px;color:#f42e3d;font:700 clamp(40px,4vw,64px)/.9 'Syne',sans-serif;letter-spacing:-.065em}
.ha-ach-readout h3{margin:14px 0 0;font:700 clamp(22px,1.7vw,28px)/1.08 'Syne',sans-serif;letter-spacing:-.04em}
.ha-ach-readout>p{max-width:380px;margin:18px 0 0;color:#aaa0a3;font:400 13px/1.6 'Poppins',sans-serif}
.ha-ach-records{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ha-ach-record{--mx:50%;--my:50%;position:relative;box-sizing:border-box;min-width:0;min-height:126px;padding:18px 17px;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle 180px at var(--mx) var(--my),rgba(244,46,61,.11),transparent 78%),rgba(255,255,255,.025);color:#f5f0ec;text-align:left;overflow:hidden;cursor:pointer;transition:border-color .3s,box-shadow .3s,background .3s}
.ha-ach-record::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#f42e3d;transform:scaleY(.18);transition:transform .35s}
.ha-ach-record>span{display:block;color:#f42e3d;font:700 10px/1 monospace}
.ha-ach-record>strong{display:block;overflow:hidden;margin-top:14px;color:#f5f0ec;font:700 clamp(21px,1.7vw,28px)/1 'Syne',sans-serif;letter-spacing:-.05em;text-overflow:ellipsis;white-space:nowrap}
.ha-ach-record>b{display:block;margin-top:8px;color:#a9a0a2;font:600 12px/1.3 'Poppins',sans-serif;overflow-wrap:break-word}
.ha-ach-record:hover,.ha-ach-record:focus-visible{z-index:2;border-color:rgba(244,46,61,.75);box-shadow:0 18px 50px rgba(244,46,61,.12);outline:none}
.ha-ach-record:hover::after,.ha-ach-record:focus-visible::after,.ha-ach-record.is-active::after{transform:scaleY(1)}
.ha-ach-record.is-active{border-color:rgba(244,46,61,.48);background:linear-gradient(125deg,rgba(52,21,29,.78),rgba(18,14,18,.7))}
.ha-achievements.is-visible .ha-ach-heading{animation:haAchReveal 1.1s both cubic-bezier(.16,.8,.2,1)}
.ha-achievements.is-visible .ha-ach-stage{animation:haAchStage 1.2s .15s both cubic-bezier(.16,.8,.2,1)}
@keyframes haAchReveal{from{opacity:0;transform:translateY(55px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes haAchStage{from{opacity:0;transform:perspective(1500px) translate3d(70px,45px,-150px);filter:blur(8px)}to{opacity:1;filter:none}}
.ha-journey-canvas.ha-achievements-field{z-index:2!important;opacity:.88!important}
@media(max-width:1150px){.ha-ach-shell{grid-template-columns:minmax(260px,.62fr) minmax(570px,1.38fr);gap:28px}.ha-ach-stage{grid-template-columns:minmax(290px,1fr) minmax(190px,.7fr)}}
@media(max-width:900px){.ha-ach-shell{grid-template-columns:1fr;gap:45px}.ha-ach-heading{padding-top:0}.ha-ach-stage{max-width:850px}.ha-ach-heading h2{font-size:clamp(54px,11vw,88px)}}
@media(max-width:620px){.ha-ach-shell{padding:100px 0 100px}.ha-ach-heading p{margin-top:22px}.ha-ach-stage{grid-template-columns:1fr 160px;grid-template-rows:auto auto;gap:12px}.ha-ach-trophy{width:170px;margin:20px auto}.ha-ach-plane-anchor{width:160px;height:170px}.ha-ach-readout{padding:20px;min-height:220px}.ha-ach-readout>strong{margin-top:22px}.ha-ach-records{grid-template-columns:repeat(2,minmax(0,1fr))}.ha-ach-record{min-height:112px}.ha-ach-glyphs{opacity:.25}}
@media(max-width:420px){.ha-ach-stage{grid-template-columns:1fr;grid-template-rows:170px auto auto}.ha-ach-plane-anchor{grid-column:1;grid-row:1;justify-self:center;width:170px;height:170px}.ha-ach-readout{grid-column:1;grid-row:2}.ha-ach-records{grid-row:3}.ha-ach-record>strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ha-achievements.is-visible .ha-ach-heading,.ha-achievements.is-visible .ha-ach-stage{animation:none!important}.ha-ach-stage{transform:none!important}}
@media(prefers-reduced-motion:reduce){.ha-ach-trophy{opacity:.85}.ha-ach-plane-anchor{height:0;margin:0}}
body.ha-journey-unavailable .ha-ach-trophy{opacity:.85}