.bottom-nav{grid-template-columns:repeat(4,1fr)}
.profile-content,.medals-content{width:min(100% - 40px,680px);margin:0 auto;padding:18px 0 112px}
.profile-identity{display:flex;align-items:center;gap:16px;padding:20px 0 28px;border-bottom:1px solid #455355}
.profile-initial{width:66px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #2de5e3;color:#2de5e3;font-size:28px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.profile-identity .section-kicker{margin:0 0 5px}.profile-identity h2{font-size:21px;margin:0}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:22px 0;border-bottom:1px solid #455355}
.profile-stats div{display:flex;flex-direction:column;gap:7px}.profile-stats div+div{border-left:1px solid #455355;padding-left:18px}
.profile-stats span{color:#b7c3c4;font-size:13px}.profile-stats strong{font-size:20px}
.profile-stats .xp-stat small{min-height:16px;color:#d8bd83;font-size:11px;font-weight:700;line-height:1.25}#profile-view .profile-initial{transition:border-color .35s ease,box-shadow .35s ease,color .35s ease}#profile-view[data-xp-level="2"] .profile-initial{box-shadow:0 0 14px #2de5e340}#profile-view[data-xp-level="3"] .profile-initial{box-shadow:0 0 20px #2de5e360}#profile-view[data-xp-level="4"] .profile-initial{border-color:#d8bd83;color:#d8bd83;box-shadow:0 0 22px #d8bd8355}#profile-view[data-xp-level="5"] .profile-initial{border-color:#e5c36e;color:#e5c36e;box-shadow:0 0 28px #e5c36e80}
.profile-link{width:100%;display:flex;align-items:center;gap:14px;text-align:left;margin-top:22px;padding:16px 4px;background:transparent;border:0;border-bottom:1px solid #455355;color:#f4f7f7}
.profile-link-mark{width:44px;aspect-ratio:1;display:grid;place-items:center;background:#273436;border:1px solid #d3a84e;color:#efbd4b;font-size:24px}
.profile-link-copy{display:grid;gap:5px;flex:1}.profile-link-copy strong{font-size:16px}.profile-link-copy small{font-size:13px;color:#b7c3c4}.profile-link-arrow{font-size:24px;color:#2de5e3}
.medals-content{padding-top:8px}.medals-progress{padding:14px 0 20px;border-bottom:1px solid #455355}
.medals-progress p{margin:0 0 8px;color:#b7c3c4;font-size:14px}.medals-progress strong{font-size:16px;color:#f1c36a}
.medal-tier{padding:20px 0;border-bottom:1px solid #455355}.medal-tier h2{margin:0 0 14px;font-size:16px;font-weight:650}
.medal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.medal-item{min-width:0;min-height:142px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;background:#20292b;border:1px solid #4b595b;border-radius:6px}
.medal-badge{position:relative;width:62px;height:70px;display:grid;place-items:center;color:var(--medal-color);filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--medal-color),transparent 65%))}
.medal-badge:before{content:"";position:absolute;inset:0 8px 2px;background:linear-gradient(145deg,color-mix(in srgb,var(--medal-color),white 30%),var(--medal-color) 42%,color-mix(in srgb,var(--medal-color),#151b1d 43%));clip-path:polygon(18% 0,82% 0,100% 35%,78% 74%,50% 100%,22% 74%,0 35%)}
.medal-badge:after{content:"";position:absolute;inset:9px 17px 16px;border:1px solid #fff9;background:linear-gradient(145deg,#ffffff32,transparent 58%);clip-path:polygon(18% 0,82% 0,100% 35%,78% 74%,50% 100%,22% 74%,0 35%)}
.medal-glyph{z-index:1;color:#fff8e3;font-size:24px;text-shadow:0 1px 3px #291f13}.medal-number{position:absolute;z-index:2;bottom:0;right:0;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#111718;border:1px solid var(--medal-color);color:#fff;font-size:10px}
.medal-item.tier-1:nth-child(2) .medal-glyph{width:15px;height:20px;background:#f5fcff;clip-path:polygon(50% 0,100% 68%,94% 84%,82% 96%,64% 100%,36% 100%,18% 96%,6% 84%,0 68%);filter:drop-shadow(0 1px 2px #174a59)}
.medal-item>strong{font-size:12px}.medal-item>small{min-height:15px;color:#b7c3c4;font-size:10px;line-height:1.3}
.medal-item.locked{background:#1b2224;border-color:#364244}.medal-item.locked .medal-badge{filter:grayscale(.72) brightness(.58);opacity:.7}.medal-item.locked .medal-glyph{color:#e1e5e5}
.medal-item.tier-1{--medal-color:#d19b54}.medal-item.tier-1:nth-child(2){--medal-color:#55b8dd}.medal-item.tier-1:nth-child(3){--medal-color:#77bd78}.medal-item.tier-1:nth-child(4){--medal-color:#c17bd0}
.medal-item.tier-2{--medal-color:#d5bc72}.medal-item.tier-2:nth-child(2){--medal-color:#83d0e7}.medal-item.tier-2:nth-child(3){--medal-color:#a0d88f}.medal-item.tier-2:nth-child(4){--medal-color:#d4a0e1}
.medal-item.tier-2.unlocked .medal-badge:before{background:linear-gradient(135deg,#fff8cf 0%,var(--medal-color) 22%,#fff 34%,var(--medal-color) 48%,#80653d 100%)}
.medal-item.tier-3{--medal-color:#f0cf65}.medal-item.tier-3:nth-child(2){--medal-color:#f08189}.medal-item.tier-3:nth-child(3){--medal-color:#81dfd5}.medal-item.tier-3:nth-child(4){--medal-color:#f0f1ed}
.medal-item.tier-3.unlocked .medal-badge{animation:medal-pulse 2.4s ease-in-out infinite}
@keyframes medal-pulse{0%,100%{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--medal-color),transparent 45%))}50%{filter:drop-shadow(0 0 13px color-mix(in srgb,var(--medal-color),transparent 12%))}}
@media(max-width:420px){.profile-content,.medals-content{width:calc(100% - 32px)}.medal-grid{gap:7px}.medal-item{min-height:132px;padding-left:3px;padding-right:3px}.medal-badge{transform:scale(.9);margin:-3px 0}.medal-item>strong{font-size:11px}.medal-item>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.medal-item.tier-3.unlocked .medal-badge{animation:none}}
.profile-cycle{padding:18px 0 0}.profile-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.profile-section-heading h2{margin:0;font-size:16px;font-weight:650}.profile-section-heading>span{color:#b7c3c4;font-size:12px}.profile-wallet{padding:19px 0 20px;border-bottom:1px solid #455355}.profile-wallet-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:18px 0 12px}.profile-wallet-balances>div{display:flex;align-items:center;gap:12px;min-width:0}.profile-wallet-balances>div+div{border-left:1px solid #455355;padding-left:18px}.profile-wallet-balances>div>span:last-child{display:grid;gap:5px}.profile-wallet-balances small{color:#b7c3c4;font-size:12px}.profile-wallet-balances strong{font-size:22px}.profile-wallet-note{margin:2px 0 6px;color:#d2dada;font-size:13px;line-height:1.45}.profile-demo-note{color:#aeb9ba;font-size:11px}
@media(max-width:420px){.profile-wallet-balances{grid-template-columns:1fr;gap:14px}.profile-wallet-balances>div+div{border-top:1px solid #455355;border-left:0;padding:14px 0 0}}