:root{color-scheme:dark;--bg:#111018;--panel:#1b1825;--ink:#f8f4ff;--muted:#bab1c8;--yellow:#f5ff54;--pink:#ff62c0;--cyan:#69f7ff;--edge:#51405d;font:16px/1.55 system-ui,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#351943,transparent 42%),var(--bg);color:var(--ink)}header,main,footer{width:min(1120px,calc(100% - 36px));margin:auto}header,footer,nav{display:flex;align-items:center;gap:1.4rem}header,footer{justify-content:space-between;padding:1.25rem 0}header{border-bottom:1px solid var(--edge)}a{color:var(--cyan)}nav a,.brand{text-decoration:none}.brand,.eyebrow,footer,.art span,label,.status{font-family:ui-monospace,Consolas,monospace}.brand{font-weight:900;letter-spacing:.08em;color:var(--yellow)}.brand span{color:var(--ink)}nav a{color:var(--ink)}nav a:hover{color:var(--yellow)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;padding:clamp(2rem,7vw,6rem) 0}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:.78rem}.hero p:not(.eyebrow),.panel>p:not(.eyebrow){color:var(--muted)}h1,h2,h3,p{margin:0 0 .8rem}h1{font-size:clamp(2.7rem,8vw,6.5rem);line-height:.89;letter-spacing:-.075em;font-weight:1000}h1 em{font-style:normal;color:var(--yellow);text-shadow:3px 3px #a72781}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.1}.button,button,.file{display:inline-block;background:var(--yellow);color:#17131e;padding:.7rem 1.05rem;border:1px solid transparent;text-decoration:none;font:800 .9rem/1.4 system-ui,sans-serif;cursor:pointer}.button:hover,button:hover,.file:hover{background:var(--cyan)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.art{position:relative;display:grid;place-items:center;min-height:330px;overflow:hidden;border:1px solid var(--edge);background:linear-gradient(#9d579226 1px,transparent 1px),linear-gradient(90deg,#9d579226 1px,transparent 1px),#17111f;background-size:21px 21px}.art span{position:absolute;bottom:10px;right:12px;color:var(--pink);font-size:.75rem}.board{width:205px;aspect-ratio:1;display:grid;place-items:center;transform:rotate(-12deg);background:repeating-linear-gradient(0deg,transparent 0 14px,#f5ff54 14px 19px);filter:drop-shadow(0 0 17px #ff62c05c)}.chip{width:76%;height:76%;display:grid;align-content:center;justify-items:center;color:var(--yellow);background:#231732;border:2px solid var(--pink);outline:8px solid #211524;box-shadow:inset 0 0 30px #d52b8a70}.chip b{font-size:4rem;line-height:1}.chip small{font:11px monospace;color:var(--cyan)}.deck{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:clamp(16px,3vw,30px);background:var(--panel);border:1px solid var(--edge);border-top:2px solid var(--pink);scroll-margin:14px}.panel:nth-child(even){border-top-color:var(--cyan)}label{display:block;color:var(--muted);font-size:.85rem;margin-top:1rem}select,input[type=search]{display:block;width:100%;margin:.35rem 0 .9rem;padding:.7rem;border:1px solid var(--edge);background:var(--bg);color:var(--ink);font:inherit}input[type=file]{display:block;width:100%;margin:.65rem 0;font:inherit}input[type=file]::file-selector-button{display:none}.file{background:transparent;border-color:var(--cyan);color:var(--cyan)}.file:hover{color:var(--bg)}.status{font-size:.78rem;margin:.7rem 0 0;overflow-wrap:anywhere}.exports{display:flex;flex-wrap:wrap;gap:8px}.exports button:last-child,#install,#more{background:transparent;color:var(--cyan);border:1px solid var(--edge)}#result{margin-top:1rem;padding:1rem;border-left:2px solid var(--yellow);background:var(--bg)}#details{color:var(--muted)}#install{margin-top:.8rem}.catalog{margin-top:16px}.catalog ul{padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:8px}.catalog li{padding:.65rem .8rem;background:var(--bg);border-left:2px solid var(--edge);overflow-wrap:anywhere}.catalog li small{display:block;color:var(--muted)}footer{font-size:.75rem;color:var(--muted);margin-top:1rem}[hidden]{display:none!important}@media(max-width:660px){.hero,.deck{grid-template-columns:1fr}.art{min-height:230px}.board{width:145px}header{align-items:flex-start;flex-direction:column;gap:.65rem}nav{flex-wrap:wrap;font-size:.9rem}}

#quantity{display:block;width:100%;margin:.35rem 0 .9rem;padding:.7rem;border:1px solid var(--edge);background:var(--bg);color:var(--ink);font:inherit}#progress{display:block;width:100%;margin-top:.8rem;accent-color:var(--cyan)}#cancel-batch,#remove-case{background:transparent;color:var(--pink);border:1px solid var(--edge)}[data-tier]{--tier:#bab1c8}[data-tier=uncommon]{--tier:#7effb5}[data-tier=rare]{--tier:#69f7ff}[data-tier=epic]{--tier:#ff82e3}[data-tier=legendary]{--tier:#f5ff54}#result[data-tier],#collected li[data-tier]{border-left-color:var(--tier)}.tier{display:inline-block;color:var(--tier);border:1px solid var(--tier);padding:.12rem .42rem;margin-bottom:.55rem;font:800 .68rem ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}#animation{margin-top:1rem;position:relative;overflow:hidden;display:grid;min-height:140px;place-content:center;justify-items:center;gap:.7rem;background:#101019;border:1px solid var(--cyan);font:700 .7rem ui-monospace,monospace;color:var(--cyan)}#animation:before{content:'';position:absolute;left:0;right:0;height:3px;background:var(--cyan);box-shadow:0 0 24px var(--cyan);animation:scan 1s ease-in-out both}.scan-chip{border:2px solid var(--pink);padding:.3em .55em;color:var(--yellow);font-size:2.2rem;box-shadow:0 0 30px #ff62c05c;animation:energize 1s ease-out both}#result:not([hidden]){animation:reveal .32s ease-out both}@keyframes scan{from{top:0}to{top:100%}}@keyframes energize{0%{transform:scale(.65);opacity:.25}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}