:root{--bg: #1a0f33;--bg-2: #2a1550;--bg-3: #3a1f6b;--panel: rgba(255, 244, 230, .06);--panel-2: rgba(255, 244, 230, .1);--line: rgba(245, 199, 106, .25);--text: #fff4e6;--muted: #c9b8e0;--gold: #f5c76a;--gold-2: #e8a93a;--gold-3: #ffe4a8;--pink: #ff7aa8;--coral: #ff5e8a;--violet: #9b6bff;--r-common: #b8a7d6;--r-rare: #6ec6ff;--r-epic: #c77dff;--r-legendary: #f5c76a;--r-mythic: #ff5e8a;--nav-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--font-display: "Cinzel", "Georgia", serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);overscroll-behavior:none}body{min-height:100dvh;background:radial-gradient(120% 60% at 50% -10%,#4a2a86 0%,var(--bg-2) 40%,var(--bg) 100%) fixed}button{font:inherit;color:inherit}img{display:block}a{color:var(--gold)}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 12px)}.screen{padding:12px 16px 0;max-width:640px;margin:0 auto}.hero{position:relative;margin:0 -16px;aspect-ratio:2000 / 667;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(26,15,51,0) 55%,var(--bg) 100%)}.titlebar{display:flex;align-items:center;gap:10px;padding:10px 0 4px}.titlebar img{width:36px;height:36px}.titlebar h1{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.04em;margin:0;background:linear-gradient(180deg,var(--gold-3),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}.titlebar .sub{font-size:11px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.gold{color:var(--gold)}.stack{display:flex;flex-direction:column;gap:10px}h2{font-family:var(--font-display);font-size:15px;letter-spacing:.08em;margin:14px 0 8px;color:var(--gold-3);text-transform:uppercase}.bank{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.bank .count{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--gold);line-height:1;min-width:56px;text-align:center}.bank .count small{display:block;font-family:var(--font-body);font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.meter{height:8px;border-radius:999px;background:#00000059;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold-3));border-radius:999px;transition:width .6s ease}.rollbtn{position:relative;width:100%;border:0;border-radius:18px;padding:18px 16px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#ff7aa8,#ff5e8a 35%,#e8a93a);color:#2a1030;font-weight:800;font-size:18px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 30px #ff5e8a59,inset 0 1px #ffffff80;transition:transform .08s ease,filter .2s ease}.rollbtn:active{transform:scale(.98)}.rollbtn:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed;box-shadow:none}.rollbtn .hint{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.8;margin-top:2px}.rollbtn:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,255,255,.35) 80%,transparent 90%);animation:spin 4s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}.chip.on{background:linear-gradient(135deg,#f5c76a40,#ff7aa833);color:var(--gold-3);border-color:var(--gold)}.rarity{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.rarity.common{color:var(--r-common)}.rarity.rare{color:var(--r-rare)}.rarity.epic{color:var(--r-epic)}.rarity.legendary{color:var(--r-legendary)}.rarity.mythic{color:var(--r-mythic)}.card{position:relative;border-radius:14px;overflow:hidden;background:#140a28;border:2px solid var(--rc, var(--r-common));box-shadow:0 0 0 1px #00000080,0 8px 24px #00000073,0 0 24px color-mix(in srgb,var(--rc, #fff) 35%,transparent)}.card.common{--rc: var(--r-common)}.card.rare{--rc: var(--r-rare)}.card.epic{--rc: var(--r-epic)}.card.legendary{--rc: var(--r-legendary)}.card.mythic{--rc: var(--r-mythic)}.card .art{aspect-ratio:3 / 4;background:linear-gradient(180deg,#2a1550,#140a28);display:grid;place-items:center;overflow:hidden}.card .art img{width:100%;height:100%;object-fit:cover;object-position:top center}.card .art .noimg{font-family:var(--font-display);font-size:28px;color:var(--muted);opacity:.6}.card .cap{padding:8px 10px 10px;background:linear-gradient(180deg,#140a2833,#140a28f2)}.card .name{font-weight:800;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .series{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .badge{position:absolute;top:8px;left:8px;background:#140a28d9;border:1px solid var(--rc);color:var(--rc);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card .count{position:absolute;top:8px;right:8px;background:#140a28d9;border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;color:var(--gold-3)}.card.f-foil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);background-size:250% 100%;animation:sheen 2.6s ease-in-out infinite}.card.f-prismatic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(120deg,#ff5e8a,#f5c76a,#6ef0c0,#6ec6ff,#c77dff,#ff5e8a);background-size:300% 300%;animation:prism 5s linear infinite}.card.f-celestial:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.9) 0 1px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 40% 70%,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px),radial-gradient(circle at 85% 65%,rgba(255,228,168,.9) 0 1px,transparent 2px),radial-gradient(circle at 15% 85%,rgba(255,255,255,.7) 0 1px,transparent 2px);animation:twinkle 2.2s ease-in-out infinite alternate}.card.f-celestial{box-shadow:0 0 0 1px #00000080,0 8px 24px #00000073,0 0 36px #ffe4a88c}@keyframes sheen{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes prism{to{background-position:300% 300%}}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(min-width:420px){.grid{grid-template-columns:repeat(4,1fr)}}.grid .card{cursor:pointer}.grid .card .cap{padding:6px 8px 8px}.grid .card .name{font-size:12px}.grid .card .series{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0c061aeb;display:grid;place-items:center;padding:20px;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.reveal{width:min(72vw,300px);perspective:1200px}.flip{position:relative;width:100%;aspect-ratio:3 / 4.35;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.flip.flipped{transform:rotateY(180deg)}.flip>.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px}.flip>.back{background:radial-gradient(circle at 50% 35%,#3a1f6b,#140a28 70%);border:2px solid var(--gold);display:grid;place-items:center;box-shadow:0 0 30px #f5c76a59}.flip>.back img{width:70%;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.flip>.front{transform:rotateY(180deg)}.flip>.front .card{height:100%}.flip>.front .card .art{aspect-ratio:auto;height:78%}.reveal-meta{text-align:center;margin-top:14px;animation:rise .5s ease both;animation-delay:.7s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-meta .new{display:inline-block;background:linear-gradient(135deg,var(--pink),var(--gold));color:#2a1030;font-weight:800;letter-spacing:.14em;font-size:11px;padding:4px 10px;border-radius:999px;margin-bottom:6px}.reveal-meta .attrs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}.attr{border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:var(--panel);font-size:12px}.attr b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}.burst{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--rc, #fff) 45%,transparent) 0%,transparent 60%);animation:burst 1.2s ease-out both;animation-delay:.6s}@keyframes burst{0%{transform:scale(.2);opacity:0}40%{opacity:1}to{transform:scale(1.4);opacity:0}}.btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;width:100%}.btn.primary{background:linear-gradient(135deg,var(--gold-2),var(--gold-3));color:#2a1030;border:0}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0c061ab3;display:flex;align-items:flex-end;animation:fade .2s ease}.sheet .body{width:100%;max-height:92dvh;overflow:auto;background:linear-gradient(180deg,var(--bg-3),var(--bg));border-radius:22px 22px 0 0;border-top:1px solid var(--line);padding:10px 16px calc(16px + var(--safe-b));animation:up .3s cubic-bezier(.2,.8,.2,1)}@keyframes up{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}.handle{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}.sheet .portrait{width:44%;float:left;margin:0 14px 8px 0}.alias{display:inline-block;margin:0 6px 6px 0;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:3px 8px}.copies{clear:both;display:flex;flex-direction:column;gap:8px;margin-top:10px}.copyrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:13px}.copyrow .serial{font-family:var(--font-display);color:var(--gold);font-weight:800}.finish{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.finish.standard{color:var(--muted)}.finish.foil{color:#cfe9ff}.finish.prismatic{background:linear-gradient(90deg,#ff5e8a,#f5c76a,#6ef0c0,#6ec6ff,#c77dff);-webkit-background-clip:text;background-clip:text;color:transparent}.finish.celestial{color:var(--gold-3);text-shadow:0 0 8px rgba(255,228,168,.8)}.serieslist{display:flex;flex-direction:column;gap:10px}.seriesrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.seriesrow .name{font-weight:800;font-size:15px}.seriesrow.fav{border-color:var(--gold);background:linear-gradient(135deg,#f5c76a1f,#ff7aa814)}.star{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;font-size:20px;cursor:pointer}.star.on{background:linear-gradient(135deg,var(--gold-2),var(--gold-3));border-color:var(--gold);color:#2a1030}.star:disabled{opacity:.4;cursor:not-allowed}.nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#140a28eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:40}.nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer}.nav button.on{color:var(--gold)}.nav svg{width:22px;height:22px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + var(--safe-b) + 16px);transform:translate(-50%);background:#2a1030;border:1px solid var(--coral);color:var(--text);padding:10px 14px;border-radius:12px;font-size:13px;z-index:70;max-width:90vw;box-shadow:0 8px 24px #00000080;animation:rise .25s ease}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.empty img{width:120px;margin:0 auto 10px;opacity:.9}.collection-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.collection-tools label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px;min-width:0}.collection-tools input[type=search],.collection-tools select{width:100%;min-width:0;padding:10px;border:1px solid #343441;border-radius:8px;background:#191922;color:#eee;font:inherit;font-size:14px}.collection-tools .collection-search,.collection-tools .collection-duplicates{grid-column:1 / -1}.collection-tools .collection-duplicates{flex-direction:row;align-items:center;min-height:32px}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}.center,.stat{text-align:center}.stat b{display:block;font-family:var(--font-display);font-size:20px;color:var(--gold)}.stat span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(prefers-reduced-motion:reduce){.flip,.rollbtn:before,.card:after,.burst{animation:none!important;transition:none!important}}.share-link{width:100%;min-width:0;background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:10px}.collection-search input{min-width:0;max-width:100%}.titlebar h1{overflow-wrap:anywhere}