:root{--bg: #0d0c0f;--panel: #16151a;--line: #262430;--ink: #efe9dd;--dim: #8d8798;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,#1d1a26 0%,transparent 60%),var(--bg);color:var(--ink);font:400 16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{max-width:460px;margin:0 auto;padding:28px 18px 64px}.app__head{text-align:center;margin-bottom:22px}.app__title{margin:0;font-size:15px;font-weight:620;letter-spacing:.16em;text-transform:uppercase}.app__meta{margin:6px 0 0;font-size:12.5px;color:var(--dim)}.card{position:relative;aspect-ratio:var(--aspect);width:100%;border-radius:10px;overflow:hidden;background:var(--mat, #201d28);box-shadow:0 0 0 2px var(--frame, #3a3546),0 0 22px -4px var(--glow, transparent),0 18px 38px -18px #000}.card__art{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none}.card__foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:overlay}.card--sweep .card__foil{background:linear-gradient(115deg,transparent 38%,rgba(255,244,209,.75) 47%,rgba(255,255,255,.92) 50%,rgba(255,233,168,.7) 53%,transparent 62%);background-size:260% 100%;animation:sweep 3.6s ease-in-out infinite}.card--prism .card__foil{background:conic-gradient(from 210deg,#ff6bd6,#6bd5ff,#7bff9e,#fff07b,#ff6bd6);opacity:.5;background-size:190% 190%;animation:prism 5.5s linear infinite}@keyframes sweep{0%,to{background-position:190% 0}55%{background-position:-60% 0}}@keyframes prism{0%{background-position:0% 50%}to{background-position:200% 50%}}.card--back{background:repeating-linear-gradient(45deg,#1b1826 0,#1b1826 7px,#191624 7px,#191624 14px),#191624;box-shadow:0 0 0 2px #2e2a3c,0 18px 38px -20px #000;display:grid;place-items:center}.card__mark{width:34%;aspect-ratio:1;border-radius:50%;border:2px solid #3b3550;box-shadow:inset 0 0 0 5px #16131f,0 0 18px -6px #4a4166}.reveal__stage{display:grid;justify-items:center;gap:14px;min-height:460px;align-content:start}.reveal__hint{margin:0;min-height:20px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.pack{position:relative;width:230px;aspect-ratio:.62;border:0;padding:0;border-radius:var(--radius);cursor:grab;touch-action:none;background:linear-gradient(160deg,#2b2540,#191527 48%,#221c33);box-shadow:inset 0 1px #4d4468,inset 0 -2px #0c0a12,0 22px 44px -20px #000;transform:translateY(calc(var(--tear, 0) * 6px)) rotate(calc(var(--tear, 0) * -1deg));transition:transform .12s ease-out}.pack:active{cursor:grabbing}.pack__lip{position:absolute;inset:0 0 auto 0;height:15%;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg,#6a5c92,#3a3157);transform-origin:top center;transform:translateY(calc(var(--tear, 0) * -14px)) rotate(calc(var(--tear, 0) * 3deg));transition:transform .12s ease-out}.pack__seam{position:absolute;top:15%;left:6%;right:6%;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#5b4f80 0 5px,transparent 5px 10px);opacity:calc(.35 + var(--tear, 0) * .65)}.pack__body{position:absolute;top:15%;right:0;bottom:0;left:0;display:grid;align-content:center;gap:7px;padding:0 20px;text-align:center}.pack__title{font-size:17px;font-weight:640;letter-spacing:.04em;color:#e6dcff}.pack__sub{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#8d84ad}.pack--tearing{animation:rip .62s cubic-bezier(.3,.9,.3,1) forwards}@keyframes rip{0%{transform:translateY(6px) rotate(-1deg)}22%{transform:translateY(-10px) rotate(2deg) scale(1.03)}to{transform:translateY(34px) rotate(-5deg) scale(.9);opacity:0}}.flipper{width:244px;perspective:1200px;position:relative;aspect-ratio:var(--aspect, .5789);cursor:pointer;animation:slide-out .48s cubic-bezier(.2,.9,.25,1) both}@keyframes slide-out{0%{transform:translateY(26px) scale(.94);opacity:0}to{transform:none;opacity:1}}.flipper--ready{animation:slide-out .48s cubic-bezier(.2,.9,.25,1) both,breathe 2.6s ease-in-out .48s infinite}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.flipper__side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;transition:transform .52s cubic-bezier(.4,.05,.2,1)}.flipper__side--back{transform:rotateY(0)}.flipper__side--front,.flipper--turning .flipper__side--back,.flipper--faceup .flipper__side--back{transform:rotateY(180deg)}.flipper--turning .flipper__side--front,.flipper--faceup .flipper__side--front{transform:rotateY(360deg)}.grade{text-align:center;opacity:0;transform:translateY(8px);transition:opacity .42s ease,transform .42s cubic-bezier(.2,.9,.25,1)}.grade--in{opacity:1;transform:none}.grade__name{margin:0;font-size:19px;font-weight:600;letter-spacing:.01em}.grade__tier{margin:4px 0 0;font-size:12.5px;font-weight:640;letter-spacing:.18em;text-transform:uppercase}.grade__odds{margin-left:9px;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.06em;color:var(--ink);background:#ffffff14;border:1px solid #ffffff1f}.today{display:grid;justify-items:center;gap:10px}.today__card{width:244px}.today__name{margin:6px 0 0;font-size:19px;font-weight:600}.today__tier{margin:0;font-size:12.5px;font-weight:640;letter-spacing:.18em;text-transform:uppercase}.today__next{margin:10px 0 0;font-size:12.5px;color:var(--dim);font-variant-numeric:tabular-nums}.collection{margin-top:46px}.collection__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}.collection__head h2{margin:0;font-size:13px;font-weight:620;letter-spacing:.16em;text-transform:uppercase}.collection__count{margin:0;font-size:12.5px;color:var(--dim);font-variant-numeric:tabular-nums}.collection__count strong{color:var(--ink);font-weight:620}.collection__sep{margin:0 7px;opacity:.5}.group{margin-top:24px}.group__name{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.group__count{font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.grid__card{border-radius:6px}.grid__card--empty{background:#131118;box-shadow:inset 0 0 0 1px #211e2b;opacity:.55}.grid__card--empty .card__mark{border-color:#262232;box-shadow:none;width:26%}.app__foot{margin-top:46px;padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.6;color:#6f6a7c}.app__foot p{margin:0 0 6px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reveal__next{text-align:center;opacity:0;transition:opacity .5s ease}.reveal__next--in{opacity:1}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ffffff1f;background:#ffffff10;color:var(--ink);font:620 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:15px 26px;border-radius:999px;cursor:pointer;transition:transform .12s cubic-bezier(.2,.9,.25,1),background .16s ease}.btn:hover{background:#ffffff1a}.btn:active{transform:translateY(2px) scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--go{background:linear-gradient(180deg,#6a5c92,#473d6b);border-color:#7d6eab;box-shadow:inset 0 1px #9c8dd0,0 8px 20px -10px #6a5c92}.btn--go:hover{background:linear-gradient(180deg,#7867a5,#4f4477)}.share{display:grid;justify-items:center;gap:9px;margin-top:18px}.share__sub{margin:0;font-size:12px;color:var(--dim);text-align:center}.lift{display:grid;justify-items:center;gap:11px;min-height:460px;align-content:start}.lift__eyebrow{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.lift__target{width:214px}.lift__name{margin:6px 0 0;font-size:20px;font-weight:600}.lift__tier{margin:0;font-size:12.5px;font-weight:640;letter-spacing:.18em;text-transform:uppercase}.lift__hint{margin:4px 0 6px;font-size:13px;color:var(--dim);text-align:center;max-width:20em}.lift__blocked{margin:8px 0;font-size:13.5px;color:#d3c9b8;text-align:center;max-width:20em;line-height:1.5}.fan{position:relative;width:100%;height:340px;display:grid;place-items:center;margin:6px 0 4px}.fan__slot{position:absolute;width:126px;padding:0;border:0;background:none;cursor:pointer;transform-origin:bottom center;transform:rotate(calc(var(--i) * 9deg)) translate(calc(var(--i) * 62px)) translateY(calc(abs(var(--i))*10px));transition:transform .32s cubic-bezier(.2,.9,.25,1),opacity .32s ease;animation:deal .46s cubic-bezier(.2,.9,.25,1) both;animation-delay:calc((var(--i) + 2) * 70ms)}@keyframes deal{0%{opacity:0;transform:translateY(40px) rotate(0) scale(.9)}}.fan__slot:hover:not(:disabled){transform:rotate(calc(var(--i) * 9deg)) translate(calc(var(--i) * 62px)) translateY(-16px)}.fan__slot:disabled{cursor:default}.fan__slot--fading{opacity:0;transform:translateY(24px) scale(.9)}.fan__slot--chosen{position:relative;width:214px;transform:none;animation:none}.fan--settled{height:auto}.grid__card--lifted{position:relative}.grid__card--lifted:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-radius:50%;background:#8f6fd0;box-shadow:0 0 0 1.5px #0d0c0f}.card--tilt{--rx: 0deg;--ry: 0deg;--px: 50%;--py: 50%;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.9,.25,1);will-change:transform}.card--tilt:active{transition:transform 40ms linear}.card--tilt.card--sweep .card__foil{animation:none;background:radial-gradient(60% 45% at var(--px) var(--py),rgba(255,248,220,.85) 0%,rgba(255,233,168,.35) 38%,transparent 70%)}.card--tilt.card--prism .card__foil{animation:none;background:conic-gradient(from calc(var(--ry) * 8 + 210deg),#ff6bd6,#6bd5ff,#7bff9e,#fff07b,#ff6bd6);opacity:.42}