:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0b10;--surface:#141319;--surface-2:#1c1b23;--border:#26252e;--grid-line:#ffffff12;--text:#eef1f6;--muted:#8b93a7;--primary:#f2c94c;--primary-ink:#1a1405;--danger:#ff6b6b;--discord:#5865f2;--radius:14px;--display:"Inter", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}main{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:0 16px 64px}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.1}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-position:top;background-size:56px 56px;height:760px;position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(70% 80% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(70% 80% at 50% 0,#000 40%,#0000 100%)}.header,main,.footer{z-index:1;position:relative}.muted{color:var(--muted)}.header{justify-content:flex-end;align-items:center;gap:16px;width:100%;max-width:1160px;min-height:76px;margin:0 auto;padding:20px 16px;display:flex}.user{align-items:center;gap:10px;min-width:0;display:flex}.avatar{border-radius:50%;flex:none}.user-names{flex-direction:column;min-width:0;line-height:1.2;display:flex}.user-display{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-discord{color:var(--muted);font-size:13px}.button{height:46px;font:600 16px var(--body);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible,.link-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button-small{height:36px;padding:0 14px;font-size:14px}.button-primary{background:var(--accent,var(--primary));color:var(--primary-ink)}.button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent,var(--primary)) 85%, white)}.button-discord{background:var(--discord);color:#fff}.button-discord:hover:not(:disabled){background:#4752c4}.button-ghost{border-color:var(--border);background:0 0}.button-ghost:hover:not(:disabled){background:var(--surface-2)}.link-button{color:var(--muted);font:500 14px var(--body);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover{color:var(--text)}.hero{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:72px 0 56px;display:flex}.hero h1{letter-spacing:-.035em;font-size:clamp(44px,7vw,72px);font-weight:700}.hero-copy{color:var(--muted);margin:20px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.55}.hero-copy strong{color:var(--text);font-weight:600}.notice{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0 0 16px;padding:12px 16px}.notice-error{border-color:color-mix(in srgb, var(--danger) 45%, transparent);color:#ffd2d2}.page-notice{margin-top:48px}.packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pack{--accent:var(--primary);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);flex-direction:column;gap:14px;padding:24px;display:flex}.pack-full{--accent:#f2c94c}.pack-fncs{--accent:#5ecbf5}.pack-og{--accent:#ff9150}.pack-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pack-name{font-size:26px}.pack-price{font-family:var(--display);letter-spacing:-.02em;color:var(--accent);white-space:nowrap;font-size:26px;font-weight:700}.pack-desc{color:var(--muted);min-height:3em;margin:0}.pack-count{margin:0;font-size:15px}.preview{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.preview-empty{aspect-ratio:2;border:1px dashed var(--border);color:var(--muted);border-radius:10px;place-items:center;font-size:14px;display:grid}.pack-actions{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.pack-actions .button{width:100%}.owned-badge{background:color-mix(in srgb, var(--accent) 12%, transparent);width:100%;height:46px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.tile{--r1:#6b7280;--r2:#2b303b;aspect-ratio:1;background:radial-gradient(circle at 50% 35%, var(--r1), var(--r2) 75%);border-radius:8px;place-items:center;display:grid;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile-name{text-align:center;padding:4px;font-size:11px}.rarity-uncommon{--r1:#69bb1e;--r2:#175117}.rarity-rare{--r1:#2cc1ff;--r2:#143977}.rarity-epic{--r1:#c359ff;--r2:#4b2483}.rarity-legendary{--r1:#ea8d23;--r2:#78371d}.rarity-mythic{--r1:#ffd84a;--r2:#8a6a0c}.rarity-marvel{--r1:#c53334;--r2:#761b1b}.rarity-dc{--r1:#5475c7;--r2:#243461}.rarity-icon{--r1:#36b7b7;--r2:#256b6b}.rarity-dark{--r1:#fb22df;--r2:#520c6f}.rarity-frozen{--r1:#c4dff7;--r2:#5a8fbf}.rarity-lava{--r1:#ea8d23;--r2:#6e1a10}.rarity-shadow{--r1:#717171;--r2:#191919}.rarity-slurp{--r1:#03f1ed;--r2:#0b6c8a}.rarity-starwars{--r1:#e7e7e7;--r2:#20232b}.rarity-gaminglegends{--r1:#8078ff;--r2:#312497}.steps{margin-top:64px}.steps h2{margin-bottom:20px;font-size:28px}.steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.steps li{gap:14px;display:flex}.step-num{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:grid}.steps h3{margin:4px 0 6px;font-size:18px}.steps p{color:var(--muted);margin:0}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(960px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);padding:0}.dialog::backdrop{background:#040508bf}.dialog-inner{padding:24px}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-head h2{font-size:26px}.dialog-head p{margin:4px 0 0}.search{border:1px solid var(--border);background:var(--bg);width:100%;height:42px;color:var(--text);font:400 15px var(--body);border-radius:10px;margin:18px 0;padding:0 14px}.search:focus{outline:2px solid var(--primary);outline-offset:1px}.grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.grid-item{margin:0}.grid-item figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:13px;line-height:1.3;overflow:hidden}.load-more{margin:20px auto 0;display:flex}.success{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;margin:72px auto 0;display:flex}.success h1{font-size:40px}.success p{color:var(--muted);margin:0;font-size:17px}.success p strong{color:var(--text)}.success-mark{background:color-mix(in srgb, var(--primary) 16%, transparent);width:64px;height:64px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.success-mark svg{width:30px;height:30px}.spinner,.loading{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading{margin:120px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner,.loading{animation-duration:2.4s}}.footer{border-top:1px solid var(--border);width:100%;max-width:1160px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:24px 16px 32px;font-size:13px;display:flex}@media (width<=900px){.packs,.steps ol{grid-template-columns:1fr}.pack-desc{min-height:0}}@media (width<=520px){.user-names{display:none}.hero{padding:40px 0 36px}}