/* v8.63.21 — scoped to the existing achievements page; no CSS lamps/glare/glow. */
.ach-showcase{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:32px;border:1px solid var(--accent-line,var(--line));border-radius:24px;background:var(--panel);padding:24px;margin:0 0 24px;align-items:center;overflow:hidden}
#achievement-showcase{scroll-margin-top:104px}
.ach-showcase-art{min-width:0;padding:18px;border-radius:18px;background:linear-gradient(145deg,var(--accent-soft,var(--bg)),var(--bg))}
.ach-showcase-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;font-size:12px;font-weight:700;color:var(--accent)}
.ach-showcase-tag{background:var(--panel);padding:5px 10px;border-radius:9px}.ach-live-label{font-size:11px;letter-spacing:.01em;color:var(--muted)}
.ach-showcase-copy{min-width:0;padding:12px 14px 12px 0}.ach-kind-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.ach-showcase-copy h2{margin:16px 0 14px;font-size:clamp(28px,3.5vw,44px);line-height:1.22;overflow-wrap:anywhere}
.ach-showcase-description{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 22px;overflow-wrap:anywhere}
.ach-showcase-copy .achievement-board-rule{padding:18px;background:var(--accent-soft,var(--bg));border-color:var(--accent-line,var(--line))}
.ach-showcase-copy .achievement-board-rule dd{font-size:16px}.ach-showcase-stats{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}
.ach-showcase-stats strong{font-size:31px;font-variant-numeric:tabular-nums}.ach-showcase-stats small{font-size:14px;font-weight:500;margin-left:9px}.ach-showcase-stats>span{font-size:13px;color:var(--muted)}
.ach-showcase-actions{display:flex;flex-wrap:wrap;gap:10px}.ach-showcase-actions .btn{min-height:46px}
.ach-rarity,.ach-owned{display:inline-flex;align-items:center;justify-content:center;font-size:12px;border:1px solid var(--line);border-radius:99px;min-height:25px;padding:2px 10px;font-weight:700;line-height:1.4}
.ach-rarity.standard{background:var(--bg);color:var(--muted)}.ach-rarity.rare{background:#1674cc0c;border-color:#1674cc38;color:#2471b7}.ach-rarity.epic{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.ach-rarity.legendary{background:#c858120b;border-color:#c8581238;color:#b55317}
.ach-owned{color:var(--muted)}.ach-owned.earned{color:#287f53;background:#2d8e5610;border-color:#2d8e5633}
.ach-showcase-still{display:grid;place-items:center;aspect-ratio:1;max-width:440px;margin:auto}.ach-showcase-still .achievement-img{width:100%;height:100%;object-fit:contain;border-radius:18px}.ach-showcase-still>.icon{width:130px;height:130px;color:var(--accent)}
.ach-collection-heading{font-size:26px;margin:32px 0 17px}.achievement-board-page .achievement-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.achievement-board-page .achievement-board-card{background:var(--panel);padding:19px;border-radius:18px}.achievement-board-page .achievement-board-card-head{display:block}
.achievement-board-page .achievement-board-art{position:relative;width:100%;height:auto;aspect-ratio:1.42;min-height:150px;border-radius:13px;border:1px solid var(--line);background:var(--bg);margin:0 0 17px;padding:12px;cursor:pointer}
.achievement-board-page .achievement-board-art .achievement-img{width:100%;height:100%;object-fit:contain;border-radius:10px}.achievement-board-page .achievement-board-art:hover{border-color:var(--accent)}
.ach-video-tag{position:absolute;bottom:10px;right:10px;background:#17101be6;color:white;padding:4px 9px;border-radius:7px;font-size:11px;pointer-events:none}
.achievement-board-page .achievement-board-title h2{font-size:21px;margin:7px 0 9px}.achievement-board-page .achievement-board-title .inline-edit-chip{margin-left:6px}
.achievement-board-page .achievement-board-description{font-size:14px;margin:15px 0;min-height:3.5em}.achievement-board-page .achievement-board-rule dd{font-size:14px}.achievement-board-page .achievement-board-earned strong{font-size:24px}
.achievement-board-page .achievement-board-card-foot{gap:8px}.achievement-board-page .achievement-board-card-foot .btn{font-size:13px}.achievement-board-page .achievement-board-avatars .avatar{width:27px;height:27px}
/* Video and hologram stay within the same surface. Only transforms animate. */
.ach-motion-slot{width:100%;max-width:470px;margin:auto;perspective:1000px;position:relative;min-width:0}
.ach-motion-player{width:100%;aspect-ratio:1;position:relative;transform-style:preserve-3d;transform:translate3d(0,0,0);border-radius:17px;outline-offset:5px;touch-action:pan-y;transition:transform 120ms ease-out}
.ach-motion-surface{position:absolute;inset:0;overflow:hidden;border-radius:17px;isolation:isolate;background:#000;contain:paint;border:1px solid #ffffff10}
.ach-motion-video{width:100%;height:100%;display:block;object-fit:contain;background:#000;transform:translateZ(0)}
.ach-holo-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:soft-light;opacity:.4;contain:paint}
.ach-holo-move{position:absolute;inset:-20%;transform:translate3d(0,0,0);transition:transform 120ms ease-out}
.ach-holo-film{position:absolute;inset:-10%;background:repeating-linear-gradient(117deg,#df4b87bb 0%,#f0bb7fcc 15%,#72d5c5cc 30%,#6b9fe3bb 45%,#bb8bdecc 60%,#df4b87bb 75%),repeating-linear-gradient(0deg,#fff0 0 5px,#fff2 6px,#fff0 8px);animation:ach-holo-cycle 12s linear infinite;will-change:transform}
.ach-motion-player.is-interacting .ach-holo-clip{opacity:.5}.ach-motion-player.holo-off .ach-holo-clip{display:none}.ach-motion-player.is-sleeping .ach-holo-film{animation-play-state:paused;will-change:auto}
.ach-motion-hint{display:block;text-align:center;color:var(--muted);font-size:12px;margin:14px 0 10px}
.ach-motion-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.ach-motion-controls .btn{min-height:40px;font-size:12px;background:var(--panel)}
.ach-motion-status{margin:8px 0 0;min-height:1.4em;font-size:11px;text-align:center;color:var(--muted)}
.ach-motion-status[data-error="true"]{color:#b54732}.ach-detail-motion{max-width:450px;margin:0 auto 26px;padding:16px;border-radius:18px;background:var(--bg)}
.ach-presentation-editor .full{grid-column:1/-1}.ach-presentation-editor input[type=checkbox]{accent-color:var(--accent);margin-right:6px}
@keyframes ach-holo-cycle{0%,100%{transform:translate3d(-4%,0,0) rotate(-4deg)}50%{transform:translate3d(4%,1%,0) rotate(4deg)}}
@media(min-width:1600px){.achievement-board-page .achievement-board-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.ach-showcase{gap:24px;padding:18px}.ach-showcase-art{padding:14px}.ach-showcase-copy h2{font-size:32px}.ach-showcase-description{font-size:15px}.achievement-board-page .achievement-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ach-showcase{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px;border-radius:18px}.ach-showcase-art{padding:14px 10px}.ach-showcase-copy{padding:14px 8px 8px}.ach-showcase-copy h2{font-size:30px;margin:12px 0}.ach-showcase-actions .btn{flex:1;white-space:normal}.ach-live-label{font-size:10px}.ach-motion-slot{max-width:380px}.ach-holo-clip{opacity:.32}.ach-motion-player.is-interacting .ach-holo-clip{opacity:.42}.ach-collection-heading{font-size:23px}.achievement-board-page .achievement-board-grid{gap:12px}.achievement-board-page .achievement-board-card{padding:13px}.achievement-board-page .achievement-board-title h2{font-size:18px}.achievement-board-page .achievement-board-art{aspect-ratio:1;min-height:0;padding:6px}.achievement-board-page .achievement-board-description{font-size:13px}.achievement-board-page .achievement-board-rule{padding:10px}.achievement-board-page .achievement-board-card-foot .btn{width:100%}.achievement-board-page .achievement-board-earned{gap:4px}.achievement-board-page .achievement-board-earned>span{font-size:11px}.achievement-board-page .achievement-board-kind{font-size:12px}.ach-rarity{font-size:11px;padding:2px 8px}}
@media(max-width:370px){.achievement-board-page .achievement-board-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ach-motion-player,.ach-holo-move{transition:none}.ach-holo-film{animation:none;will-change:auto}}
/* Bound thumbnails to the tile, independent of the poster's intrinsic height. */
.achievement-board-page .achievement-board-art .achievement-img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}

/* 8.63.21 mobile autoplay recovery */
.ach-motion-tap{
  position:absolute;left:50%;top:50%;z-index:8;display:none;
  transform:translate(-50%,-50%);
  min-height:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.28);
  border-radius:999px;background:rgba(24,20,38,.84);color:#fff;font:inherit;
  font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.ach-motion-player.is-blocked .ach-motion-tap{display:block}
@media(max-width:700px){
  .ach-motion-tap{font-size:12px;padding:9px 14px}
}