.medal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0}.medal-card{display:flex!important;flex-direction:column;align-items:center;gap:10px;padding:20px 12px!important;text-align:center;background:#181818!important;border:1px solid #444!important;color:#eee!important}.medal-card small{font-size:13px;line-height:1.5;font-weight:400}.medal-card>span:last-child{font-size:12px;color:#ffff00}.medal-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:8px 0 18px;border-radius:50%;background:linear-gradient(135deg,#fff4b1,#ad791b);border:4px double #f6d773;color:#29200b;box-shadow:0 3px 14px #0008;flex-shrink:0}.medal-icon:before,.medal-icon:after{content:'';position:absolute;top:58px;width:21px;height:30px;background:#d3b133;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);z-index:-1}.medal-icon:before{left:12px;transform:rotate(15deg)}.medal-icon:after{right:12px;transform:rotate(-15deg)}.medal-icon span{font-size:24px;font-weight:800}.medal-bronze{background:linear-gradient(135deg,#f4ca9d,#a35c30);border-color:#c38c58}.medal-silver{background:linear-gradient(135deg,#fafafa,#8b949d);border-color:#ccd5dd}.locked .medal-icon{filter:grayscale(1);opacity:.3}.locked{color:#aaa!important}.locked>span:last-child{color:#aaa!important}.medal-celebration{box-sizing:border-box;width:min(430px,calc(100% - 32px));border:1px solid #ffff00;background:#111;color:#fff;text-align:center;padding:32px 24px}.medal-celebration::backdrop{background:#000c}.medal-celebration .medal-icon{margin:25px auto 35px;isolation:isolate;animation:medal-reveal .9s ease-out both}.medal-celebration h2{margin:16px 0}.medal-celebration p{line-height:1.5}.medal-celebration button{background:#ffff00;color:#111;padding:14px 28px;border:0;cursor:pointer}.medal-celebration .eyebrow{color:#ffff00;font-size:12px;letter-spacing:.16em}@keyframes medal-reveal{from{opacity:0;transform:scale(.3) rotate(-30deg)}60%{transform:scale(1.2) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media(max-width:600px){.medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medal-card{padding:15px 8px!important}}@media(prefers-reduced-motion:reduce){.medal-celebration .medal-icon{animation:none}}

.medal-icon{isolation:isolate;z-index:0}
.medal-platinum{background:linear-gradient(135deg,#fff,#aec6d3 55%,#697f93);border-color:#d5e5ed;color:#17242d}
.medal-diamond{background:linear-gradient(135deg,#fff,#c8f5ff 48%,#6eb4e5);border-color:#e8fbff;color:#11384b}
.medal-titanium{background:linear-gradient(135deg,#eff3f6,#9ea8b3 48%,#56616f);border-color:#cbd3d9;color:#19232c}
.earned .medal-icon{filter:none;opacity:1;box-shadow:0 0 0 3px #ffff0044,0 0 24px #ffff00aa,0 0 48px #ffff0055;animation:earned-glow 2.8s ease-in-out infinite alternate}
.earned{border-color:#ffff00!important;box-shadow:0 0 18px #ffff0022}
@keyframes earned-glow{from{box-shadow:0 0 0 2px #ffff0033,0 0 14px #ffff0077}to{box-shadow:0 0 0 4px #ffff0066,0 0 30px #ffff00cc}}
@media(prefers-reduced-motion:reduce){.earned .medal-icon{animation:none}}