/* Full viewport backdrop with a contained, cinematic gallery. */
.achievements{width:var(--screen-width,100%);margin-left:calc((100% - var(--screen-width,100%))/2);background:radial-gradient(ellipse at 15% 35%,#213e6140,transparent 65%),#0d1729;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.achievement-player{max-width:1400px;margin:auto;padding:12px 5vw 24px}.showcase-heading{border:1px solid #ffffff22;border-radius:10px;padding:8px 18px;background:#0a1324f7;isolation:isolate;overflow:visible;gap:20px}.showcase-heading:before{content:'';position:absolute;top:-12px;bottom:-12px;width:var(--screen-width,100%);left:calc(50% - var(--screen-width,100%)/2);background:#0d1729f5;z-index:-1;pointer-events:none}.showcase-body{background:transparent;border:0;padding:12px 0;border-radius:0;gap:28px;grid-template-columns:40px minmax(0,1.45fr) minmax(0,1fr)}.showcase-visual{display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;overflow:visible;gap:12px}.showcase-media{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:18px;background:#060c18;border:1px solid #ffffff16;display:flex;align-items:center;justify-content:center}.showcase-media .showcase-image{display:block;width:100%;height:100%;object-fit:contain}.showcase-media .showcase-image-count{left:16px;bottom:14px;background:#080e1dde}.showcase-media>.showcase-control{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:46px;background:#080e1dbf;border:1px solid #ffffff30;font-size:24px;border-radius:10px;backdrop-filter:blur(8px)}.showcase-media>.showcase-control:first-of-type{left:12px}.showcase-media>.showcase-control:last-of-type{right:12px}.showcase-thumbnails{display:flex;gap:10px;height:58px;flex-shrink:0;justify-content:center}.showcase-thumbnail{position:relative;width:78px;height:58px;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#0a1222;padding:3px;cursor:pointer;opacity:.55;transition:opacity .25s,border-color .25s,transform .25s}.showcase-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.showcase-thumbnail[aria-pressed=true]{border-color:var(--gold);opacity:1;transform:translateY(-2px)}.showcase-thumbnail:hover{opacity:1}.showcase-thumbnail:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.showcase-info{padding:12px 0}.showcase-award{background:#16243b;border:1px solid #ffffff16;border-radius:16px}.showcase-progress-row{padding-left:68px;padding-right:0}
@media(max-width:800px){.showcase-body{gap:16px;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr)}.showcase-thumbnails{height:48px;gap:6px}.showcase-thumbnail{width:62px;height:48px}.showcase-heading{padding:8px 12px}.showcase-progress-row{padding-left:56px}}
@media(max-width:600px){.achievement-player{padding:10px 16px 18px;gap:10px}.showcase-body{grid-template-columns:40px minmax(0,1fr);grid-template-rows:minmax(145px,1fr) auto;padding:4px 0;gap:8px 10px}.showcase-heading{padding:8px 10px;gap:2px}.showcase-heading:before{top:-10px;bottom:-10px}.showcase-visual{gap:6px}.showcase-media{border-radius:12px}.showcase-thumbnails{height:36px;gap:5px}.showcase-thumbnail{height:36px;width:46px;padding:2px;border-radius:6px}.showcase-thumbnail img{border-radius:3px}.showcase-media>.showcase-control{width:28px;height:34px;font-size:20px}.showcase-media>.showcase-control:first-of-type{left:7px}.showcase-media>.showcase-control:last-of-type{right:7px}.showcase-media .showcase-image-count{font-size:11px;padding:4px 8px;bottom:7px;left:7px}.showcase-info{padding:0}.showcase-progress-row{padding-left:50px}.showcase-award{border-radius:12px}.showcase-year{font-size:11px;padding:9px 3px}}
@media(prefers-reduced-motion:reduce){.showcase-thumbnail{transition:none;transform:none!important}}

.showcase-heading:after{content:"";position:absolute;inset:0;border:1px solid #ffffff30;border-radius:10px;pointer-events:none;z-index:1}