.achievement-showcase{--showcase-sheet-h:calc(356px + var(--safe-bottom));--showcase-ice-ink:#1c5a85;--showcase-gold-ink:var(--text);z-index:320;-webkit-tap-highlight-color:transparent;position:fixed;inset:0;overflow:hidden}:root[data-color-scheme=dark] .achievement-showcase{--showcase-ice-ink:#bfe6fb;--showcase-gold-ink:var(--reward-marker)}.achievement-showcase.is-passive{pointer-events:none}.achievement-showcase-scrim{background:var(--scrim);position:absolute;inset:0}.achievement-showcase-bridge{z-index:320;background:var(--scrim);pointer-events:none;transition:opacity .22s ease-in;position:fixed;inset:0}.achievement-showcase-bridge.is-fading{opacity:0}.achievement-showcase-behind{position:absolute;inset:0}.achievement-showcase-rays{left:50%;bottom:calc(var(--showcase-sheet-h) - 8px - 280px);opacity:0;pointer-events:none;width:560px;height:560px;margin-left:-280px;position:absolute}.achievement-showcase.is-revealed .achievement-showcase-rays{opacity:1}.achievement-showcase-burst-chip{will-change:transform, opacity;position:absolute;top:0;left:0}.achievement-showcase-sheet{box-sizing:border-box;height:var(--showcase-sheet-h);padding:88px 20px calc(20px + var(--safe-bottom));text-align:center;cursor:default;background:radial-gradient(ellipse 75% 42% at 50% 0, color-mix(in srgb, var(--showcase-tone) var(--showcase-spot), transparent), transparent 72%), var(--surface-elevated);box-shadow:0 -14px 40px #00000073, inset 0 1px 0 color-mix(in srgb, var(--showcase-tone) 35%, transparent);border-radius:22px 22px 0 0;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.achievement-showcase-sheet:focus{outline:none}.achievement-showcase-stage{left:50%;bottom:calc(var(--showcase-sheet-h) - 74px);width:132px;height:132px;margin-left:-66px;position:absolute}.achievement-showcase-coin{position:absolute;inset:0}.achievement-showcase-halo{opacity:0;pointer-events:none;width:260px;height:260px;margin:-130px 0 0 -130px;position:absolute;top:50%;left:50%}.achievement-showcase.is-revealed .achievement-showcase-halo{opacity:var(--showcase-halo)}.achievement-showcase-ring{opacity:0;box-shadow:0 0 0 2px var(--showcase-accent), 0 0 20px 5px color-mix(in srgb, var(--showcase-tone) 55%, transparent), inset 0 0 14px 2px color-mix(in srgb, var(--showcase-tone) 35%, transparent);border-radius:50%;position:absolute;inset:-8px}.achievement-showcase.is-revealed .achievement-showcase-ring{opacity:1}.achievement-showcase-wave{border:3px solid var(--showcase-accent);opacity:0;border-radius:50%;position:absolute;inset:0}.achievement-showcase-slot{flex:none;place-items:center;width:100%;height:28px;display:grid;position:relative}.achievement-showcase-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);grid-area:1/1;font-size:12px;font-weight:700;line-height:16px}.achievement-showcase.is-revealed .achievement-showcase-kicker{opacity:0}.achievement-showcase-ribbon{opacity:0;grid-area:1/1}.achievement-showcase.is-revealed .achievement-showcase-ribbon{opacity:1}.achievement-showcase:not(.is-revealed) .achievement-showcase-reveal{opacity:0}.achievement-showcase-title{letter-spacing:-.01em;color:var(--text);text-wrap:balance;margin:12px 0 0;font-size:22px;font-weight:700;line-height:28px}.achievement-showcase-desc{max-width:30ch;color:var(--text-muted);text-wrap:balance;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.achievement-showcase-pills{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-top:16px;display:flex}.achievement-showcase-pill{align-items:center;gap:var(--space-2);background:var(--surface-raised);height:32px;color:var(--showcase-gold-ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:0 12px 0 7px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0d}.achievement-showcase-pill-ice{color:var(--showcase-ice-ink);box-shadow:inset 0 0 0 1px #8fd3ff47}.achievement-showcase-claim{appearance:none;border-radius:var(--radius-card);background:var(--accent);width:100%;height:50px;color:var(--accent-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);border:0;flex:none;margin-top:auto;font-size:16px;font-weight:700;display:flex}.achievement-showcase-claim:disabled{cursor:default}.achievement-showcase-claim:focus-visible{outline:2px solid var(--text);outline-offset:2px}.achievement-showcase-share-slot{top:var(--space-3);right:var(--space-3);position:absolute}
