@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--bg: #0a0716;--bg2: #120c2a;--card: rgba(255, 255, 255, .045);--card-brd: rgba(255, 255, 255, .09);--ink: #f3eefc;--ink-dim: #a99fc4;--accent: #b98cff;--accent2: #ff5ccf;--radius: 22px;--display: "Baloo 2", system-ui, sans-serif;--body: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 700px at 50% -10%,#1c1442 0%,var(--bg2) 45%,var(--bg) 100%);color:var(--ink);font-family:var(--body);min-height:100vh;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SF Mono,monospace;font-size:.85em;color:var(--accent)}.app{max-width:1120px;margin:0 auto;padding:22px 20px 60px;position:relative;z-index:1}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 70% 60%,#cbb6ff 50%,transparent),radial-gradient(1.6px 1.6px at 40% 80%,#fff 50%,transparent),radial-gradient(1.1px 1.1px at 85% 20%,#ff9ee6 50%,transparent),radial-gradient(1.3px 1.3px at 12% 65%,#fff 50%,transparent),radial-gradient(1.2px 1.2px at 60% 15%,#9ad2ff 50%,transparent);background-size:100% 100%;opacity:.5;animation:drift 60s linear infinite alternate}@keyframes drift{to{transform:translateY(-24px) translate(12px)}}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:30px;filter:drop-shadow(0 4px 10px rgba(185,140,255,.5));animation:bob 3.5s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px) rotate(-4deg)}}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-family:var(--display);font-size:19px;letter-spacing:.06em;background:linear-gradient(90deg,#fff,#cbb6ff 60%,#ff9ee6);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-text span{font-size:11.5px;color:var(--ink-dim);letter-spacing:.02em}.supply{text-align:right;display:flex;flex-direction:column}.supply-num{font-family:var(--display);font-size:24px;color:var(--accent2);line-height:1}.supply-label{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em}.stage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}.left,.right{display:flex;flex-direction:column;gap:16px}.stage{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(160deg,#ffffff0f,#ffffff04);border:1px solid var(--card-brd);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff14;aspect-ratio:1 / 1}.pod-halo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 46% at 50% 46%,var(--tier-glow, rgba(185,140,255,.4)) 0%,transparent 70%);transition:background .5s ease}.pod{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.pod svg{width:100%;height:100%;display:block;transition:transform .35s cubic-bezier(.2,.9,.3,1.3)}.stage:not(.rolling) .pod svg{animation:floaty 5s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-10px)}}.stage.rolling .pod svg{filter:blur(.4px);transform:scale(.965);animation:jiggle .14s linear infinite}@keyframes jiggle{0%,to{transform:scale(.965) rotate(-1.2deg)}50%{transform:scale(.985) rotate(1.2deg)}}.stage.flash .pod svg{animation:pop .6s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.06)}to{transform:scale(1)}}.reveal-tag{position:absolute;top:16px;left:0;right:0;text-align:center;font-family:var(--display);font-size:15px;letter-spacing:.28em;font-weight:800;text-shadow:0 0 18px currentColor;animation:tagIn .9s ease both}@keyframes tagIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}20%{opacity:1}80%{opacity:1}to{opacity:0}}.burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.burst span{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:2px;background:var(--tier, #fff);transform:rotate(calc(var(--i) * (360deg / var(--n)))) translateY(0);animation:shoot .9s ease-out forwards;box-shadow:0 0 12px var(--tier)}@keyframes shoot{to{transform:rotate(calc(var(--i) * (360deg / var(--n)))) translateY(-220px) scale(.2);opacity:0}}.cta-row{display:flex;gap:10px}.generate{flex:1;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.02em;color:#1a1030;border:none;border-radius:16px;padding:18px 20px;cursor:pointer;background:linear-gradient(100deg,#ffd24d,#ff8fd0 45%,#b98cff);box-shadow:0 12px 30px #b98cff73,inset 0 1px #ffffff80;transition:transform .12s ease,box-shadow .2s ease}.generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 44px #ff8fd080}.generate:active:not(:disabled){transform:translateY(1px) scale(.99)}.generate:disabled{cursor:wait;opacity:.85}.generate.is-rolling{animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{filter:brightness(1.12)}}.ghost-btn{display:grid;place-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--card-brd);border-radius:16px;padding:0 18px;font-weight:600;font-size:14px;background:var(--card);transition:border-color .2s}.ghost-btn:hover{border-color:var(--accent)}.seed-line{margin:0;text-align:center;font-size:12px;color:var(--ink-dim)}.gauge{margin-top:4px}.gauge-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.gauge-count{font-size:13px;color:var(--ink-dim)}.gauge-count b{color:var(--ink);font-family:var(--display);font-size:15px}.gauge-pct{font-family:var(--display);font-size:12px;font-weight:700;color:var(--accent2);letter-spacing:.04em}.gauge-track{height:9px;border-radius:999px;background:#ffffff12;border:1px solid var(--card-brd);overflow:hidden}.gauge-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd24d,#ff8fd0 55%,#b98cff);box-shadow:0 0 12px #ff8fd08c;transition:width .6s cubic-bezier(.2,.9,.3,1)}.panel{background:var(--card);border:1px solid var(--card-brd);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0f}.trait-panel.dim{opacity:.45;transition:opacity .2s}.tier-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tier-badge{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#12091f;padding:8px 14px;border-radius:12px;white-space:nowrap;background:var(--tier);box-shadow:0 8px 22px var(--tier-glow),inset 0 1px #fff6}.tier-title{font-family:var(--display);font-size:18px}.tier-title span{color:var(--ink-dim);font-weight:600}.tier-sub{font-size:12px;color:var(--ink-dim);margin-top:2px}.tier-sub b{color:var(--ink)}.traits{display:flex;flex-direction:column;gap:7px}.trait{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.trait-k{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.trait-v{font-weight:600;font-size:14.5px}.trait-chip{font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:999px;white-space:nowrap}.chip-common{background:#b8c0cc24;color:#c7cedb}.chip-uncommon{background:#5fd39a29;color:#7ee6b4}.chip-scarce{background:#4aa3ff29;color:#7cc0ff}.chip-ultra{background:#b06bff2e;color:#cba6ff}.chip-grail{background:linear-gradient(90deg,#ffb43d38,#ff5ccf38);color:#ffd27a}.mint-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mint-head>span:first-child{font-family:var(--display);font-size:16px;font-weight:800}.net-pill{font-size:10.5px;color:#9ad2ff;background:#4aa3ff1f;border:1px solid rgba(74,163,255,.25);padding:4px 10px;border-radius:999px;letter-spacing:.03em}.wallet-btn,.mint-btn{width:100%;border:none;border-radius:14px;padding:14px;font-family:var(--display);font-weight:700;font-size:15px;cursor:pointer;transition:transform .1s,filter .2s}.wallet-btn{background:#ffffff14;color:var(--ink);border:1px solid var(--card-brd);margin-bottom:10px}.wallet-btn:hover{border-color:var(--accent)}.wallet-row{font-size:13px;color:var(--ink-dim);margin-bottom:10px}.mint-btn{color:#12091f;background:linear-gradient(100deg,#5fd39a,#4aa3ff);box-shadow:0 10px 26px #4aa3ff59}.mint-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.mint-btn:disabled{opacity:.7;cursor:wait}.mint-done{text-align:center;padding:6px 0}.mint-check{font-family:var(--display);font-weight:800;font-size:16px;color:#7ee6b4}.tx-link{display:inline-block;margin-top:4px;font-size:12px;color:#7cc0ff;text-decoration:none}.tx-link.muted{color:var(--ink-dim)}.tx-link:hover{text-decoration:underline}.mint-note{margin:12px 0 0;font-size:11px;color:var(--ink-dim);line-height:1.5}.mint-err{margin-top:10px;font-size:12px;color:#ff9eb0;background:#ff5a5a1a;border:1px solid rgba(255,90,90,.25);border-radius:10px;padding:8px 11px}.wallet-wrap{margin-bottom:10px}.wallet-wrap .wallet-adapter-button{width:100%;justify-content:center;height:auto;padding:13px 16px;font-family:var(--display);font-weight:700;font-size:14.5px;border-radius:14px;background:#ffffff14;border:1px solid var(--card-brd);color:var(--ink);transition:border-color .2s}.wallet-wrap .wallet-adapter-button:not([disabled]):hover{background:#ffffff1f;border-color:var(--accent)}.wallet-wrap .wallet-adapter-button-start-icon{margin-right:8px}.collection{margin-top:34px}.collection-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.collection-head h2{font-family:var(--display);font-size:20px;margin:0}.collection-head h2 span{color:var(--accent2)}.clear-btn{background:none;border:1px solid var(--card-brd);color:var(--ink-dim);border-radius:10px;padding:6px 12px;font-size:12px;cursor:pointer}.clear-btn:hover{color:var(--ink);border-color:var(--accent2)}.empty-note{color:var(--ink-dim);font-size:13.5px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.mini{margin:0;border-radius:16px;overflow:hidden;background:#ffffff08;border:1px solid var(--tier);box-shadow:0 8px 20px #00000059,0 0 0 1px #ffffff08 inset;transition:transform .15s}.mini:hover{transform:translateY(-3px)}.mini-art svg{width:100%;height:auto;display:block}.mini figcaption{display:flex;justify-content:space-between;align-items:center;padding:8px 11px}.mini-id{font-size:12px;color:var(--ink-dim);font-family:ui-monospace,monospace}.mini-tier{font-family:var(--display);font-size:12px;font-weight:700}.foot{margin-top:40px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;font-size:12px;color:var(--ink-dim)}.foot b{color:var(--accent2)}.foot-dim{opacity:.6;font-size:11px}@media(max-width:820px){.stage-grid{grid-template-columns:1fr}}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media(max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media(max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}
