#capture-reveal{--reveal-tone:#ffcb72;position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:28px 18px;background:#fffaf6;color:#30231e;overflow:auto;isolation:isolate;text-align:center}#capture-reveal::backdrop{background:#fffaf6}#capture-reveal .reveal-content{position:relative;z-index:2;max-width:560px;margin:auto;display:flex;align-items:center;flex-direction:column;min-height:calc(100dvh - 56px);justify-content:center}#capture-reveal .reveal-context{font-size:9.6px;letter-spacing:2px;color:#82685b}#capture-reveal .reveal-emblem{font-size:44.4px;color:var(--reveal-tone);margin-top:14px;line-height:1}#capture-reveal .reveal-tier{font-size:10.8px;letter-spacing:3px;color:var(--reveal-tone);margin:12px 0 8px}#capture-reveal .reveal-title{font:700 clamp(34.8px,6vw,55.2px)/1 'Barlow Condensed',sans-serif;margin:0 0 20px;color:#30231e}.caught-slab{width:174px;border:3px solid #e1dfd1;background:#e5e4d9;padding:5px;border-radius:10px;box-shadow:0 18px 45px #713b2020;position:relative;transform-style:preserve-3d}.caught-slab-label{display:flex;justify-content:space-between;align-items:center;border:2px solid #a73830;background:#faf4e9;color:#2c2825;padding:5px;text-align:left;font-size:9.6px;font-weight:700}.caught-slab-label small{display:block;font-size:6px;letter-spacing:.5px;margin-top:3px}.caught-slab-label strong{font-size:13.2px;color:#a73830}.caught-art{position:relative;margin-top:7px;min-height:210px;overflow:hidden;background:#243543;display:grid;place-items:center}.caught-art img{width:100%;height:216px;object-fit:contain;display:block}.caught-art img[hidden]{display:none}.caught-art-fallback{color:#d9e2d4;font-size:19.2px;padding:25px}.caught-art-fallback[hidden]{display:none}.caught-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff65 48%,transparent 65%);transform:translateX(-140%);animation:caught-shimmer 1.6s .7s ease-out 1;pointer-events:none}#capture-reveal #capture-reveal-name{font-size:25.2px;margin:19px 0 6px;color:#30231e}#capture-reveal .reveal-value{color:var(--reveal-tone);font-size:14.4px;margin:0}#capture-reveal .reveal-caption{color:#746158;font-size:13.2px;margin:12px 0}#capture-reveal .reveal-policy{font-size:9.6px;line-height:1.7;color:#82685b;max-width:320px;margin:0 0 16px}#capture-reveal .reveal-continue{padding:13px 24px;color:#ffffff;background:var(--reveal-tone);border:0;border-radius:5px;font-weight:700;font-size:14.4px}.reveal-atmosphere{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#f5c4a650,transparent 65%)}.reveal-ring{position:absolute;top:45%;left:50%;width:min(75vw,480px);aspect-ratio:1;border:1px solid var(--reveal-tone);border-radius:50%;opacity:.2;transform:translate(-50%,-50%)}.ring-two{width:min(90vw,600px);opacity:.1}.reveal-rays{display:none;position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,transparent 0deg 16deg,#c940110d 17deg 21deg,transparent 22deg 36deg);animation:reveal-rays-turn 45s linear infinite}.reveal-stars{position:absolute;top:45%;left:50%}.reveal-stars i{position:absolute;font-style:normal;font-size:21.6px;color:var(--reveal-tone);animation:reveal-spark 1.7s var(--delay) ease-out both}#capture-reveal[data-tier=common] .ring-two{display:none}#capture-reveal[data-tier=rare] .reveal-atmosphere{background:radial-gradient(ellipse at 50% 45%,#f5b58340,transparent 65%)}#capture-reveal[data-tier=rare] .ring-one{border-style:dashed;animation:reveal-ring-pulse 2.4s ease-in-out infinite}#capture-reveal[data-tier=epic] .reveal-atmosphere{background:radial-gradient(ellipse at 50% 45%,#e8a49240,transparent 65%)}#capture-reveal[data-tier=epic] .ring-one{border:3px double var(--reveal-tone);animation:reveal-ring-pulse 1.8s ease-in-out infinite}#capture-reveal[data-tier=epic] .ring-two{border-style:dashed;opacity:.3}#capture-reveal[data-tier=legendary] .reveal-atmosphere{background:radial-gradient(ellipse at 50% 45%,#f7af7340,transparent 68%)}#capture-reveal[data-tier=legendary] .reveal-rays,#capture-reveal[data-tier=grail] .reveal-rays{display:block}#capture-reveal[data-tier=legendary] .caught-slab{box-shadow:0 0 0 2px #c9401160,0 18px 45px #713b2020}#capture-reveal[data-tier=grail]{background:#fffaf6}#capture-reveal[data-tier=grail] .reveal-atmosphere{background:radial-gradient(ellipse at 50% 45%,#edbaa650,transparent 68%)}#capture-reveal[data-tier=grail] .ring-one{border:3px double #a91f28;opacity:.5;animation:reveal-ring-pulse 2s ease-in-out infinite}#capture-reveal[data-tier=grail] .ring-two{border-style:dashed;opacity:.3}#capture-reveal[data-tier=grail] .caught-slab{box-shadow:0 0 0 3px #bc232b80,0 0 60px #c9401120}#capture-reveal[data-tier=grail] .reveal-emblem{font-size:60px}#capture-reveal[data-tier=grail] .reveal-title{color:#a91f28}@keyframes caught-shimmer{to{transform:translateX(140%)}}@keyframes reveal-rays-turn{to{transform:rotate(360deg)}}@keyframes reveal-ring-pulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.35}}@keyframes reveal-spark{from{opacity:0;transform:rotate(var(--angle)) translateX(20px) rotate(calc(-1 * var(--angle))) scale(.3)}25%{opacity:.9}to{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) rotate(calc(-1 * var(--angle))) scale(1.2)}}@media(max-height:700px){#capture-reveal{padding-top:18px;padding-bottom:18px}#capture-reveal .reveal-content{min-height:calc(100dvh - 36px)}#capture-reveal .reveal-emblem{font-size:28.8px;margin-top:8px}#capture-reveal .reveal-title{font-size:36px;margin-bottom:14px}.caught-slab{width:140px}.caught-art{min-height:167px}.caught-art img{height:167px}#capture-reveal #capture-reveal-name{margin-top:13px;font-size:21.6px}#capture-reveal[data-tier=grail] .reveal-emblem{font-size:38.4px}}@media(prefers-reduced-motion:reduce){#capture-reveal *{animation:none!important;transition:none!important}}

#capture-reveal .reveal-audio{position:fixed;right:16px;top:12px;z-index:4;background:#fff;color:#a33a17;border:1px solid #dfb59c;border-radius:4px;font-size:12px;padding:8px 12px}#capture-reveal .reveal-context{padding-top:20px}

#capture-reveal .reveal-track{position:fixed;left:14px;top:16px;z-index:4;color:#82685b;font-size:9.6px;max-width:48%;line-height:1.5}
