.holo-ui{--ease-out:cubic-bezier(.23,1,.32,1);--rainbow:repeating-linear-gradient(110deg,#ff7aa8 0%,#ffcf6b 5%,#a8ff8a 10%,#6be2ff 15%,#9b8cff 20%,#ff7aa8 25%);--bands:var(--ov-bands,linear-gradient(90deg,#ff3d6e,#ff8a3d,#ffd34d,#4fd9a0,#4fb2ff,#8b6cff,#ff5cc8));--glitter:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.8' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 14 0 0 0 -8.6'/></filter><rect width='160' height='160' filter='url(%23g)'/></svg>")}.holo-card{isolation:isolate;--px:50;--py:50;--hyp:0;background:var(--frame);color:var(--text);border-radius:var(--radius,18px);box-shadow:0 1px 0 #ffffff40 inset,0 22px 40px -18px #0a081e8c,0 0 0 1px var(--edge);position:relative;overflow:hidden}.holo-card>.holo-layer,.holo-card>.glare-layer,.holo-card>.glaze-layer{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.holo-card>.holo-layer{z-index:2;background:var(--rainbow) calc(var(--px)*1%) calc(var(--py)*1%)/400% 400%;mix-blend-mode:color-dodge;opacity:calc(.22 + var(--hyp)*.5);filter:brightness(.7)contrast(1.5)saturate(1.4)}.holo-card>.holo-layer:after{content:"";border-radius:inherit;background:inherit;-webkit-mask:var(--glitter) 0 0/140px 140px;-webkit-mask:var(--glitter) 0 0/140px 140px;mask:var(--glitter) 0 0/140px 140px;filter:brightness(1.8);position:absolute;inset:0}.holo-card>.glare-layer{z-index:2;background:radial-gradient(farthest-corner circle at calc(var(--px)*1%) calc(var(--py)*1%),#ffffffbf,#ffffff1a 38%,#00000040);mix-blend-mode:overlay;opacity:calc(.22 + var(--hyp)*.5)}.holo-card>.glaze-layer{z-index:3;background:radial-gradient(42% 60% at calc(var(--px)*1%) calc(var(--py)*1%),rgb(255 255 255/calc(.08 + var(--hyp)*.4)),#0000),linear-gradient(#ffffff38,#0000 30%);box-shadow:inset 0 0 0 1px #ffffff47,inset 0 2px 1.5px #fffc,inset 0 -2px 4px #0000002e}.holo-card>.glaze-layer:before{content:"";border-radius:inherit;background:linear-gradient(112deg,#0000 44%,#ffffff5c 44.4%,#ffffff1f 52%,#0000 52.4%,#0000 54%,#fff3 54.3%,#ffffff0d 56.4%,#0000 56.7%) calc((100 - var(--px))*1%) 0/220% 100%;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 30%,#0000 88%);mask:linear-gradient(#000 30%,#0000 88%)}.holo-card>.holo-content{z-index:1;position:relative}.holo-card.tier-common{--frame:var(--ov-common-frame,linear-gradient(165deg,#fdfcf9,#ebe8e1));--text:var(--ov-common-text,#1b1a17);--muted:var(--ov-common-muted,#6f6f6b);--edge:var(--ov-common-edge,#cfcac0);--chip:var(--ov-common-chip,#7f7f7f29)}.holo-card.tier-common>.holo-layer{-webkit-mask:var(--glitter) 0 0/110px 110px;-webkit-mask:var(--glitter) 0 0/110px 110px;mask:var(--glitter) 0 0/110px 110px;opacity:calc(.4 + var(--hyp)*.4)}.holo-card.tier-common>.holo-layer:after{display:none}.holo-card.tier-rare{--frame:var(--ov-rare-frame,linear-gradient(165deg,#272d63,#11142e));--text:var(--ov-rare-text,#eef0ff);--muted:var(--ov-rare-muted,#a9afd6);--edge:var(--ov-rare-edge,#0b0d20);--chip:var(--ov-rare-chip,#ffffff1f)}.holo-card.tier-ultra{--frame:var(--ov-ultra-frame,linear-gradient(135deg,#f9e7a8,#d6a43a 28%,#fff2c4 50%,#c38a26 72%,#f4d57e));--text:var(--ov-ultra-text,#3a2600);--muted:var(--ov-ultra-muted,#7a5a1c);--edge:var(--ov-ultra-edge,#94661a);--chip:var(--ov-ultra-chip,#3a26001f)}.holo-card.tier-ultra>.holo-layer{mix-blend-mode:overlay;opacity:calc(.45 + var(--hyp)*.5);background:repeating-conic-gradient(from calc(var(--px)*1deg) at 50% 40%,#0000 0 3deg,#ffffff73 4deg 5deg,#0000 6deg 10deg),var(--rainbow) calc(var(--px)*1%) calc(var(--py)*1%)/400% 400%}.holo-card.tier-night{--frame:linear-gradient(165deg,#23273d,#12141f);--text:#eef0f5;--muted:#9aa1b5;--edge:#0b0d16;--chip:#ffffff14}.holo-card.tier-night>.holo-layer{opacity:calc(.08 + var(--hyp)*.22)}.holo-card.qr-safe>.holo-layer,.holo-card.qr-safe>.glare-layer,.holo-card.qr-safe>.glaze-layer:before{display:none}.art-win{border-radius:var(--win-radius,12px);aspect-ratio:1;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000059,inset 0 0 0 1px #0000001f}.art-win.tier-common{background:repeating-radial-gradient(circle at 50% 62%,#ffb59c 0 7%,#ffa384 7% 14%)}.art-win.tier-rare{background:radial-gradient(circle at 50% 42%,#7d66ff,#2c1f86 55%,#160f4a)}.art-win.tier-ultra{background:radial-gradient(circle at 50% 56%,#ffe8a0f2,#0000 55%),repeating-conic-gradient(from 0deg at 50% 56%,#ff5fa2 0 7.5deg,#ff8f5c 7.5deg 15deg)}.art-win.char-cubit{background:repeating-linear-gradient(30deg,#ffffff24 0 1px,#0000 1px 16px),repeating-linear-gradient(150deg,#ffffff24 0 1px,#0000 1px 16px),linear-gradient(#1f8a6f,#0f5446)}.art-win.char-ringo{background:radial-gradient(circle,#fff 0 1px,#0000 1.6px) 0 0/26px 26px,radial-gradient(circle,#fff9 0 .8px,#0000 1.3px) 13px 9px/19px 19px,linear-gradient(165deg,#0a1033,#1f34c8)}.art-win.pic.tier-common{background:radial-gradient(circle at 50% 45%,#fff,#efe9de 60%,#ded6c6)}.art-rig{position:absolute;inset:6%}.art-rig img{max-width:none;display:block;position:absolute}.art-rig .a-body{filter:drop-shadow(0 3px 5px #0000004d);width:100%;height:100%;inset:0}.art-rig .a-item{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px #0000004d);width:100%;height:100%;inset:0}.art-rig .a-eye{position:absolute}.art-rig .a-eye img{width:100%;height:auto;position:static}.art-rig .a-mouth,.art-rig .a-joy{height:auto}.art-rig .a-joy{opacity:0;transition:opacity 90ms,scale .34s cubic-bezier(.34,1.56,.64,1);scale:.7}.art-glad .art-rig .a-joy{opacity:1;scale:1}.art-glad .art-rig .a-eye,.art-glad .art-rig .a-mouth{opacity:0}.holo-chip{background:var(--chip);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35em;padding:.35em .7em;font:600 .68em/1 system-ui,sans-serif;display:inline-flex}.holo-rule{opacity:.15;background:currentColor;height:1px}.holo-name{font-family:ui-rounded,"SF Pro Rounded",var(--font-display),system-ui,sans-serif;letter-spacing:-.02em;font-weight:800}.holo-num{font-variant-numeric:tabular-nums}.rainbow-edge{background:var(--ov-bands,var(--bands));background-size:200% 100%;height:4px;animation:2.4s linear infinite holo-flow}.rainbow-text{background:var(--ov-bands,var(--bands));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite holo-flow}@keyframes holo-flow{to{background-position:200% 0}}.holo-sweep{z-index:4;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.holo-sweep:before{content:"";width:40%;animation:holo-sweep 1.1s var(--ease-out) .25s both;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-18deg)}@keyframes holo-sweep{to{left:130%}}.amb-stage{contain:strict;position:absolute;inset:0;overflow:hidden}.amb-chip{will-change:transform;animation:amb-run var(--dur,14s) linear forwards;position:absolute;left:0}@keyframes amb-run{0%{transform:translate(-105%)}to{transform:translate3d(var(--stage-w,100vw),0,0)}}.amb-bob{animation:amb-bob var(--bob,2.6s) ease-in-out infinite}@keyframes amb-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-1deg)}}.amb-pill{white-space:nowrap;--px:30;--py:30;--hyp:.35;box-shadow:0 10px 24px -14px #0a081e99,0 0 0 1px var(--edge);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem 1rem .35rem .35rem;display:flex}.amb-pill .amb-art{aspect-ratio:auto;border-radius:999px;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid;overflow:hidden}.amb-pill .amb-art img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 3px #0000004d);width:86%;height:86%}.amb-tail{opacity:.55;filter:blur(2px);background:linear-gradient(90deg,#0000,#ff3d6e,#ff8a3d,#ffd34d,#4fd9a0,#4fb2ff,#8b6cff,#ff5cc8);border-radius:999px 0 0 999px;width:clamp(60px,9vw,140px);height:.55rem;margin-right:-12px}.amb-new .amb-pill{box-shadow:0 0 0 2px #fff6,0 0 28px #ffd34d8c,0 0 0 1px var(--edge);animation:.6s cubic-bezier(.34,1.56,.64,1) both amb-pop}.amb-new .amb-tail{opacity:.95;height:.75rem}@keyframes amb-pop{0%{scale:.6}to{scale:1}}.amb-badge{letter-spacing:.12em;text-transform:uppercase;color:#3a2600;background:linear-gradient(90deg,#ff3d6e,#ff8a3d,#ffd34d);border-radius:999px;padding:.3em .55em;font:800 .58rem/1 system-ui,sans-serif}@media (prefers-reduced-motion:reduce){.rainbow-edge,.rainbow-text{animation:none}.holo-sweep:before{animation:none;display:none}.amb-bob{animation:none}}.wheel-idle{animation:38s linear infinite wheel-idle}@keyframes wheel-idle{to{transform:rotate(360deg)}}.wheel-slice{transition:opacity .5s var(--ease-out),filter .5s var(--ease-out)}.wheel-dim .wheel-slice:not(.wheel-win){opacity:.45}.wheel-win{filter:drop-shadow(0 0 6px #ffffffe6)}.eq{align-items:flex-end;gap:3px;height:1.1em;display:inline-flex}.eq i{background:linear-gradient(#ff5cc8,#8b6cff);border-radius:2px;width:3px;height:30%;animation:.9s ease-in-out infinite eq;display:block}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:25%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.wheel-idle,.eq i{animation:none}.eq i{height:60%}}.ov-marquee{animation:linear infinite ov-marquee}@keyframes ov-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ov-marquee{animation:none}}
