.collection-award-backdrop{z-index:110;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:oklch(0% 0 0/.66);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.collection-award-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.collection-award-particles i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 12px var(--accent);opacity:0;border-radius:50%;animation:1.45s cubic-bezier(.12,.7,.25,1) infinite collection-particle;position:absolute;top:50%;left:50%}.collection-award-particles i:nth-child(4n){background:#ffd36a;border-radius:2px;width:7px;height:2px;box-shadow:0 0 12px #ffd36a}.collection-award-particles i:first-child{--x:-190px;--y:-145px;animation-delay:-.1s}.collection-award-particles i:nth-child(2){--x:170px;--y:-128px;animation-delay:-.8s}.collection-award-particles i:nth-child(3){--x:-225px;--y:25px;animation-delay:-.4s}.collection-award-particles i:nth-child(4){--x:210px;--y:42px;animation-delay:-1.1s}.collection-award-particles i:nth-child(5){--x:-142px;--y:168px;animation-delay:-.6s}.collection-award-particles i:nth-child(6){--x:134px;--y:174px;animation-delay:-1.25s}.collection-award-particles i:nth-child(7){--x:-86px;--y:-198px;animation-delay:-.25s}.collection-award-particles i:nth-child(8){--x:75px;--y:-206px;animation-delay:-.95s}.collection-award-particles i:nth-child(9){--x:-244px;--y:-58px;animation-delay:-.55s}.collection-award-particles i:nth-child(10){--x:244px;--y:-62px;animation-delay:-1.3s}.collection-award-particles i:nth-child(11){--x:-208px;--y:113px;animation-delay:-.15s}.collection-award-particles i:nth-child(12){--x:196px;--y:121px;animation-delay:-.72s}.collection-award-particles i:nth-child(13){--x:-52px;--y:210px;animation-delay:-1.15s}.collection-award-particles i:nth-child(14){--x:43px;--y:214px;animation-delay:-.35s}.collection-award-particles i:nth-child(15){--x:-176px;--y:-97px;animation-delay:-1s}.collection-award-particles i:nth-child(16){--x:179px;--y:-91px;animation-delay:-.48s}.collection-award-particles i:nth-child(17){--x:-116px;--y:124px;animation-delay:-1.32s}.collection-award-particles i:nth-child(18){--x:110px;--y:132px;animation-delay:-.85s}@keyframes collection-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}12%{opacity:1}72%{opacity:.8}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.2) rotate(150deg)}}.collection-award-dialog{z-index:1;border:1px solid var(--accent-line,var(--line));width:min(360px,100%);color:var(--text);background:linear-gradient(155deg,var(--accent-soft,color-mix(in oklab,var(--accent),transparent 88%)),var(--solid,var(--surface-strong)) 42%);box-shadow:var(--shadow-2,var(--shadow));text-align:center;border-radius:20px;justify-items:center;gap:9px;padding:30px 26px 25px;display:grid;position:relative}.collection-award-dialog>img,.collection-award-mark{border:1px solid var(--stroke-2,var(--line));background:var(--surface-2,var(--surface));object-fit:cover;border-radius:18px;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}.collection-award-mark{color:var(--accent);font:800 42px var(--display)}.collection-award-mark.grade-rare{color:#86c9ff}.collection-award-mark.grade-epic{color:#c99bff}.collection-award-mark.grade-legendary{color:#ffd36a}.collection-award-dialog>span{color:var(--accent);font:800 10px var(--mono,var(--font));letter-spacing:.13em;margin-top:4px}.collection-award-dialog h2{font:800 25px/1.15 var(--display);letter-spacing:-.035em;margin:0}.collection-award-dialog>b{color:var(--text-2,var(--muted));font:800 11px var(--mono,var(--font))}.collection-award-dialog>p{color:var(--text-2,var(--muted));margin:3px 0 0;font-size:13px;line-height:1.55}.collection-award-dialog>small{color:var(--text-3,var(--muted));font-size:11px}.collection-award-close{border:1px solid var(--stroke,var(--line));width:32px;height:32px;color:var(--text-2,var(--muted));border-radius:9px;place-items:center;font-size:20px;display:grid;position:absolute;top:12px;right:12px}.collection-award-close:hover{border-color:var(--stroke-2,var(--accent));color:var(--text)}.collection-award-confirm{border:1px solid color-mix(in oklab,var(--accent),transparent 35%);width:100%;min-height:42px;color:var(--bg);background:var(--accent);font:800 12px var(--font);border-radius:10px;margin-top:8px}.collection-award-confirm:hover{filter:brightness(1.06)}.collection-award-close:focus-visible,.collection-award-confirm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.collection-award-particles i{opacity:.32;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));animation:none}}@media (width<=560px){.collection-award-backdrop{padding:10px}.collection-award-particles i{--x:calc(var(--x) * .7);--y:calc(var(--y) * .7)}}.collection-award-particles{z-index:0}.collection-award-dialog{z-index:1}.collection-award-particles i:nth-child(19){--x:-262px;--y:-8px;animation-delay:-.66s}.collection-award-particles i:nth-child(20){--x:263px;--y:4px;animation-delay:-1.18s}.collection-award-particles i:nth-child(21){--x:-16px;--y:-228px;animation-delay:-.31s}.collection-award-particles i:nth-child(22){--x:13px;--y:232px;animation-delay:-1.04s}.collection-award-particles i:nth-child(23){--x:-154px;--y:91px;animation-delay:-.53s}.collection-award-particles i:nth-child(24){--x:150px;--y:88px;animation-delay:-1.37s}.collection-award-particles i{background:var(--accent);width:3px;height:3px;box-shadow:0 0 8px var(--accent)}.collection-award-particles i:nth-child(3n){background:#fff;width:2px;height:2px;box-shadow:0 0 7px #fff}.collection-award-particles i:nth-child(4n){background:#ffd36a;width:5px;height:1px;box-shadow:0 0 8px #ffd36a}