.course-trophy{position:fixed;left:0;right:0;top:clamp(112px,19vh,170px);margin:0 auto;width:fit-content;z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 24px 12px 14px;border:2px solid currentColor;border-radius:12px;background:rgba(14,20,18,.9);color:#d59a62;pointer-events:none;animation:course-trophy-in .34s cubic-bezier(.2,1.5,.4,1) both}
.course-trophy[data-tier=silver]{color:#dfe7ea}.course-trophy[data-tier=gold]{color:#f0cf75}
.course-trophy svg{flex:none}.course-trophy strong{display:block;font:800 26px/1.15 system-ui,sans-serif;color:#fff}.course-trophy span{display:block;margin-top:3px;font:600 15px/1.25 system-ui,sans-serif;color:inherit}.course-trophy span:empty{display:none}
.trophy-badge{display:block;margin-top:4px;font-size:12px;color:#f0cf75}.trophy-badge:empty{display:none}
@keyframes course-trophy-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.course-trophy{animation:none}}
@media (max-width:520px){.course-trophy{top:clamp(176px,24vh,220px);padding:6px 14px 6px 8px}.course-trophy svg{width:44px;height:44px}.course-trophy strong{font-size:20px}}
.course-trophy--inline{position:static;margin:4px 0 10px;width:auto;max-width:none;padding:8px 14px 8px 8px;border-width:1px;background:rgba(255,255,255,.04);z-index:auto;animation:course-trophy-pop .34s cubic-bezier(.2,1.5,.4,1) both}
.course-trophy--inline svg{width:40px;height:40px}.course-trophy--inline strong{font-size:18px}.course-trophy--inline span{font-size:13px}
@keyframes course-trophy-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.course-trophy--inline{animation:none}}