:root{--bg:#17122b;--bg-2:#1f1840;--bg-3:#29215a;--line:#ffffff17;--ink:#f3eeff;--muted:#a79fc4;--dim:#6f6790;--gold:#ffd23f;--gold-ink:#2b2000;--epic:#ff5da2;--rare:#5aa9ff;--uncommon:#5dd39e;--common:#a7a3b8;--display:"Unbounded",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,sans-serif;--gutter:clamp(16px,3vw,40px)}*{box-sizing:border-box}html{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;margin:0;font-size:15px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{padding:0 var(--gutter)80px;max-width:1320px;margin:0 auto}.top{display:flex;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items: center;gap:24px;padding:22px 0 18px}.brand{font-family:var(--display);letter-spacing:-.01em;font-size:22px;font-weight:800}.brand small{display:block;font-family:var(--body);color:var(--muted);letter-spacing:0;margin-top:2px;font-size:13px;font-weight:400}.top .spacer{flex:1}.live{display:inline-flex;color:var(--muted);align-items: center;gap:8px;font-size:13px}.live i{background:var(--dim);border-radius:50%;width:8px;height:8px}.live.on i{background:#5dd39e;box-shadow:0 0 0 4px #5dd39e2e}.pot{text-align:right}.pot b{display:block;font-family:var(--display);color:var(--gold);font-size:26px;font-weight:600;line-height:1.1}.pot span{color:var(--muted);font-size:13px}.next{text-align:right;min-width:120px}.next b{display:block;font-family:var(--display);font-size:26px;font-weight:600;line-height:1.1}.next span{color:var(--muted);font-size:13px}.next.busy b{color:var(--gold);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.next.busy b{animation:none}}.demo-tag{color:var(--gold-ink);background:var(--gold);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.main{display:grid;grid-template-columns:minmax(0,1.25fr)minmax(0,1fr);align-items: start;gap:32px;padding:28px 0}.main>*,.panels>*,.row>*,.flow>*{min-width:0}@media (max-width:900px){.main{grid-template-columns:1fr}.stage{min-height:460px}}@media (max-width:600px){.top{gap:12px 20px}.brand{width:100%}.top .spacer{display:none}.pot,.next{order:1;min-width:0}.pot{text-align:left}.next{margin-left:auto}.pot b,.next b{font-size:22px}.demo-tag,.live{order:2}.live{margin-left:auto}}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);background:radial-gradient(120% 90% at 50% 100%,var(--bg-3)0%,var(--bg-2)55%,transparent 100%);overflow:hidden;border-radius:20px;place-items: center;min-height:560px;padding:32px 24px}.stage:before{content:"";position:absolute;mask-image:linear-gradient(#0000,#000 30% 70%,#0000);pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:22px 22px;inset:0}.stage-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px;width:100%;min-width:0}.stage h1{overflow-wrap:anywhere;font-family:var(--display);text-align:center;max-width:100%;margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:600;line-height:1.2}.stage .sub{color:var(--muted);text-align:center;max-width:42ch;margin:-10px 0 0}.stage .sub.winner b{color:var(--gold);font-weight:600}.row .line2 .to{color:var(--ink)}.stage .meta{display:flex;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 18px;font-size:14px}.stage .meta b{color:var(--ink);font-weight:500}.card-wrap{perspective:1400px;aspect-ratio:5/7;width:min(320px,70vw)}.card{position:relative;transform-style:preserve-3d;will-change:transform;width:100%;height:100%;transition:transform .12s ease-out}.card .face{position:absolute;overflow:hidden;backface-visibility:hidden;border-radius:14px;inset:0;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #ffffff0f}.card .face img{object-fit:cover;display:block;width:100%;height:100%}.card .back{display:grid;background:linear-gradient(160deg,#2b2364,#17122b 60%);place-items: center;transform:rotateY(180deg)}.card .back .logo{font-family:var(--display);color:#ffffff1f;letter-spacing:-.02em;font-size:34px;font-weight:800}.card .holo{position:absolute;pointer-events:none;mix-blend-mode:color-dodge;opacity:var(--holo,.35);background:linear-gradient(115deg,transparent 20%,#ffffff59 calc(var(--mx,50)*1%),transparent 80%),conic-gradient(from calc(var(--mx,50)*3.6deg)at calc(var(--mx,50)*1%)calc(var(--my,50)*1%),#ff5da2,#ffd23f,#5dd39e,#5aa9ff,#b06cff,#ff5da2);background-blend-mode:overlay;filter:saturate(1.4)brightness(.9);inset:0}.card.epic{--holo:.75}.card.rare{--holo:.55}.card.uncommon{--holo:.4}.card.common{--holo:.22}.card.reveal{animation:flip 1.6s cubic-bezier(.2,.8,.2,1)both}@keyframes flip{0%{transform:rotateY(180deg)scale(.8)}45%{transform:rotateY(180deg)scale(1.04)}to{transform:rotateY(0)scale(1)}}.glow{position:absolute;background:radial-gradient(closest-side,var(--c,transparent),transparent 70%);opacity:0;pointer-events:none;filter:blur(30px);inset:-40%}.glow.on{animation:glow 2.4s ease-out both}@keyframes glow{0%{opacity:0}25%{opacity:.55}to{opacity:.18}}.pack{aspect-ratio:1;display:grid;place-items: center;width:min(260px,60vw)}.pack img{object-fit:contain;filter:drop-shadow(0 30px 40px #0009);animation:rumble .9s ease-in-out infinite;width:100%;height:100%}.pack .placeholder{aspect-ratio:5/7;background:linear-gradient(160deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);animation:rumble .9s ease-in-out infinite;border-radius:12px;width:60%}@keyframes rumble{0%,to{transform:rotate(-1.5deg)translateY(0)}50%{transform:rotate(1.5deg)translateY(-6px)}}.dots:after{content:"";animation:dots 1.4s steps(4,end)infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.empty-slab{aspect-ratio:5/7;display:grid;color:var(--dim);font-family:var(--display);border:1px dashed #ffffff2e;border-radius:14px;place-items: center;width:min(240px,60vw);font-size:40px}.chip{display:inline-flex;align-items: center;gap:6px;font-size:13px;font-weight:500}.chip i{background:var(--c);box-shadow:0 0 10px var(--c);border-radius:50%;width:8px;height:8px}.chip.epic{--c:var(--epic)}.chip.rare{--c:var(--rare)}.chip.uncommon{--c:var(--uncommon)}.chip.common{--c:var(--common)}.feed h2,.panel h2{font-family:var(--display);display:flex;align-items:baseline;gap:10px;margin:0 0 14px;font-size:15px;font-weight:600}.feed h2 span,.panel h2 span{font-family:var(--body);color:var(--muted);font-size:13px;font-weight:400}.rows{display:flex;flex-direction:column}@media (min-width:901px){.feed .rows{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-3)transparent;max-height:560px;padding-right:6px}}.row{display:grid;grid-template-columns:44px 1fr auto;border-top:1px solid var(--line);align-items: center;gap:14px;padding:10px 0}.row:first-child{border-top:0}.row .thumb{aspect-ratio:5/7;object-fit:cover;background:var(--bg-2);display:block;border-radius:5px;width:44px}.row .thumb.blank{background:linear-gradient(160deg,var(--bg-3),var(--bg-2))}.row .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.row .line2{display:flex;color:var(--muted);flex-wrap:wrap;gap:12px;font-size:13px}.row .val{text-align:right}.row .val b{display:block;font-family:var(--display);font-size:15px;font-weight:600}.row .val span{color:var(--muted);font-size:12px}.row.failed{opacity:.55}.row.pending .name{color:var(--muted)}.feed .more{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:10px;width:100%;margin-top:12px;padding:10px}.feed .more:hover{background:var(--bg-2)}.flow{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);overflow:hidden;border-radius:16px;gap:0;margin:8px 0 36px}.flow>div{position:relative;background:var(--bg-2);padding:18px 20px}.flow>div+div{border-left:1px solid var(--line)}.flow>div+div:before{content:"";position:absolute;border-top:1px solid var(--muted);border-right:1px solid var(--muted);background:var(--bg-2);width:10px;height:10px;top:50%;left:-1px;transform:translate(-6px,-50%)rotate(45deg)}.flow b{display:block;font-family:var(--display);margin-bottom:4px;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.15}.flow span{color:var(--muted);font-size:13px}.flow .gold b{color:var(--gold)}@media (max-width:760px){.flow{grid-template-columns:1fr 1fr}.flow>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.flow>div:nth-child(3):before{display:none}.flow>div:nth-child(4){border-top:1px solid var(--line)}}.panels{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:900px){.panels{grid-template-columns:1fr}}.panel .h{display:grid;grid-template-columns:28px 1fr auto;border-top:1px solid var(--line);align-items: center;gap:12px;padding:8px 0}.panel .h:first-child{border-top:0}.panel .h .rank{color:var(--dim);font-size:13px}.panel .h .bar{position:relative;display:flex;align-items: center;height:22px}.panel .h .bar i{position:absolute;background:var(--bg-3);width:var(--w);border-radius:4px;top:0;bottom:0;left:0}.panel .h .bar span{position:relative;padding-left:8px;font-size:14px}.panel .h .amt{text-align:right;font-size:13px}.panel .h .amt b{display:block;font-weight:600}.panel .h .amt span{color:var(--muted)}.panel .c{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);gap:10px;padding:8px 0}.panel .c:first-child{border-top:0}.panel .c .what{font-size:14px}.panel .c .what small{display:block;color:var(--muted);margin-top:1px;font-size:13px}.panel .c .when{color:var(--muted);text-align:right;white-space:nowrap;font-size:13px}.panel .c.skipped .what{color:var(--muted)}.panel .c.failed .what{color:var(--epic)}.panel .empty{color:var(--dim);padding:20px 0}.panel+.panel{margin-top:0}.stack{display:grid;gap:30px}.addr{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.card.reveal,.pack img,.pack .placeholder{animation:none}.glow.on{animation:none;opacity:.18}.card{transition:none}}
