.medals-section{background:radial-gradient(ellipse at 50% 0%,#153624 0%,#07150e 72%);color:#fff}
.medals-section .section-title,.medals-section .display{color:#fff}
.medals-instruction{margin:24px 0 38px;font-size:14px;line-height:1.6;color:#fff}
.medals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.medal-card{position:relative;text-align:center;min-width:0;padding:26px 20px 36px;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px 0 #ffffff10,0 20px 50px #00000020;backdrop-filter:blur(16px);transition:border-color .3s,box-shadow .3s}
.medal-card:hover,.medal-card:focus-within{border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff20,0 24px 50px #00000035}
.medal-stage{position:relative;display:block;width:100%;max-width:260px;aspect-ratio:1;margin:0 auto 24px;padding:0;border:0;border-radius:18px;background:transparent;perspective:850px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.medal-stage:focus-visible{outline:2px solid #fff;outline-offset:6px}
.medal-stage::after{content:'';position:absolute;left:20%;right:20%;bottom:-4px;height:14px;border-radius:50%;background:#0008;filter:blur(9px);pointer-events:none}
.medal-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg)}
.medal-face,.medal-edge{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.medal-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.medal-front{transform:translateZ(7px)}
.medal-back{transform:rotateY(180deg) translateZ(7px)}
.medal-edge{filter:brightness(.52);transform:translateZ(var(--depth))}
.medal-rotor.is-spinning{animation:medal-turn 1.8s cubic-bezier(.35,.05,.25,1) both}
.medal-count{font-size:clamp(56px,6vw,78px);font-weight:800;line-height:1;letter-spacing:-.065em;color:#fff;margin:0 0 12px}
.medal-card h3{margin:0;font-size:16px;line-height:1.5;font-weight:500;color:#fff}
@keyframes medal-turn{0%{transform:rotateX(8deg) rotateY(-12deg) rotateZ(-5deg)}50%{transform:rotateX(-8deg) rotateY(168deg) rotateZ(4deg)}100%{transform:rotateX(8deg) rotateY(348deg) rotateZ(-5deg)}}
@media(max-width:720px){.medals-grid{grid-template-columns:1fr;gap:20px}.medal-card{padding:24px 24px 32px}.medal-stage{max-width:240px;margin-bottom:22px}.medals-instruction{margin-bottom:28px}.medal-count{font-size:64px}}
@media(prefers-reduced-motion:reduce){.medal-rotor.is-spinning{animation:none}.medal-card{transition:none}}