.profile-progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background:#ffffff12;accent-color:#8b5cf6}
.profile-progress::-webkit-progress-bar{border-radius:999px;background:#ffffff12}
.profile-progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}
.profile-progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}
.profile-progress-label{justify-self:end;color:#cbd5e1!important;font-size:.72rem;font-variant-numeric:tabular-nums}
.profile-share{align-items:center;gap:.7rem}.profile-share>[role=status]{min-height:1.2em;color:#a7f3d0;font-size:.82rem}
.profile-journey-card{position:relative;isolation:isolate;overflow:hidden}
.profile-journey-card>*{position:relative;z-index:2}
.profile-journey-card:before,.profile-journey-card:after{content:"";position:absolute;z-index:0;pointer-events:none}
.profile-journey-card.is-tetris{border-color:#818cf84a!important;background:radial-gradient(circle at 12% 8%,#8b5cf65c,transparent 34%),radial-gradient(circle at 90% 86%,#2563eb42,transparent 38%),linear-gradient(145deg,#11182f,#080d1c)!important;box-shadow:inset 0 1px #c4b5fd24,0 24px 65px #312e8160!important}
.profile-journey-card.is-tetris:before{inset:0;opacity:.25;background-image:linear-gradient(#93c5fd24 1px,transparent 1px),linear-gradient(90deg,#93c5fd24 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(120deg,#000,transparent 76%)}
.profile-journey-card.is-tetris:after{right:22px;bottom:18px;width:66px;height:66px;opacity:.38;background:linear-gradient(90deg,#22d3ee 0 31%,transparent 31% 34%,#8b5cf6 34% 65%,transparent 65% 68%,#3b82f6 68%),linear-gradient(#0000 0 31%,#a78bfa 31% 65%,#0000 65%);clip-path:polygon(0 34%,34% 34%,34% 0,66% 0,66% 66%,100% 66%,100% 100%,0 100%);filter:drop-shadow(0 0 12px #60a5fa)}
.profile-journey-card.is-match3{border-color:#f472b64d!important;background:radial-gradient(circle at 10% 12%,#ec48995c,transparent 33%),radial-gradient(circle at 88% 12%,#22d3ee38,transparent 27%),radial-gradient(circle at 76% 92%,#a855f747,transparent 35%),linear-gradient(145deg,#171127,#09131e)!important;box-shadow:inset 0 1px #fbcfe828,0 24px 65px #83184355!important}
.profile-journey-card.is-match3:before{inset:-15%;opacity:.38;background:radial-gradient(circle at 25% 35%,#f472b6 0 5px,#fff7 6px,transparent 8px),radial-gradient(circle at 72% 28%,#22d3ee 0 7px,#fff6 8px,transparent 10px),radial-gradient(circle at 82% 72%,#a78bfa 0 6px,#fff6 7px,transparent 9px),radial-gradient(circle at 42% 82%,#facc15 0 4px,#fff6 5px,transparent 7px)}
.profile-journey-card.is-match3:after{inset:auto -18px -35px auto;width:130px;height:130px;border:1px solid #f9a8d455;border-radius:42% 58% 48% 52%;background:linear-gradient(145deg,#ec489938,#22d3ee18);box-shadow:inset 18px 10px 30px #fff2,0 0 30px #ec489944;transform:rotate(28deg)}
.profile-journey-card.is-tetris .profile-progress::-webkit-progress-value{background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.profile-journey-card.is-match3 .profile-progress::-webkit-progress-value{background:linear-gradient(90deg,#ec4899,#facc15,#22d3ee)}
.profile-journey-card.is-tetris .profile-progress::-moz-progress-bar{background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.profile-journey-card.is-match3 .profile-progress::-moz-progress-bar{background:linear-gradient(90deg,#ec4899,#facc15,#22d3ee)}
.profile-star{display:inline-block;margin-left:.08em;color:#fde047;font-size:1.08em;font-style:normal;text-shadow:0 0 5px #fff8,0 0 13px #facc15,0 0 24px #f59e0b;transform-origin:center;animation:profile-star-spark 2.8s ease-in-out infinite}
.profile-journey-card.is-tetris .profile-star{color:#a5f3fc;text-shadow:0 0 5px #fff9,0 0 14px #22d3ee,0 0 25px #8b5cf6}
.profile-journey-card.is-match3 .profile-star{color:#fde68a;text-shadow:0 0 5px #fff9,0 0 14px #facc15,0 0 26px #ec4899}
@keyframes profile-star-spark{0%,72%,100%{filter:brightness(1);transform:scale(1) rotate(0)}78%{filter:brightness(1.7);transform:scale(1.18) rotate(-7deg)}84%{filter:brightness(1.15);transform:scale(1.04) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.profile-star{animation:none}}
.profile-achievements{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 0,#8b5cf62b,transparent 34%),radial-gradient(circle at 92% 100%,#22d3ee1e,transparent 36%),linear-gradient(145deg,#10182de8,#090d1bd9)!important}
.profile-achievements:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(135deg,#0008,transparent 68%)}
.profile-achievements>header,.profile-achievements>div{position:relative;z-index:1}.profile-achievements>header h2{margin:.12rem 0 1rem}.profile-achievements>header .eyebrow{color:#c4b5fd}
.profile-achievements article{position:relative;align-items:center;min-height:88px;overflow:hidden;border:1px solid var(--achievement-border,#ffffff15);background:radial-gradient(circle at 0 0,var(--achievement-glow,#8b5cf62c),transparent 55%),#ffffff08!important;box-shadow:inset 0 1px #fff1,0 12px 28px #0003;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.profile-achievements article:hover{border-color:var(--achievement-accent,#a78bfa);box-shadow:inset 0 1px #fff2,0 16px 34px #0005,0 0 20px var(--achievement-glow,#8b5cf638);transform:translateY(-2px)}
.profile-achievements article>b{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border:1px solid var(--achievement-border,#a78bfa55);border-radius:17px;background:linear-gradient(145deg,var(--achievement-accent,#8b5cf6),var(--achievement-deep,#4338ca));box-shadow:inset 0 1px #fff5,0 0 22px var(--achievement-glow,#8b5cf666);font-size:1.55rem!important;transform:rotate(-3deg)}
.profile-achievements article>b i{font-style:normal;filter:drop-shadow(0 2px 3px #0007)}.profile-achievements article>span{gap:.18rem}.profile-achievements article>span strong{color:#f8fafc;font-size:.95rem}.profile-achievements article>span small{line-height:1.35}.profile-achievements article>em{position:absolute;top:9px;right:10px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--achievement-accent,#8b5cf6);box-shadow:0 0 13px var(--achievement-glow,#8b5cf666);color:#fff;font-size:.65rem;font-style:normal;font-weight:900}
.achievement-tone-1{--achievement-accent:#8b5cf6;--achievement-deep:#4338ca;--achievement-border:#a78bfa55;--achievement-glow:#8b5cf650}.achievement-tone-2{--achievement-accent:#0891b2;--achievement-deep:#155e75;--achievement-border:#22d3ee55;--achievement-glow:#22d3ee42}.achievement-tone-3{--achievement-accent:#db2777;--achievement-deep:#831843;--achievement-border:#f472b655;--achievement-glow:#ec48994a}.achievement-tone-4{--achievement-accent:#d97706;--achievement-deep:#92400e;--achievement-border:#fbbf2455;--achievement-glow:#f59e0b48}
@media(max-width:650px){.profile-achievements article{min-height:80px}.profile-achievements article>b{width:46px;height:46px;flex-basis:46px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.profile-achievements article{transition:none}.profile-achievements article:hover{transform:none}}