:root{--bg: #e9edf1;--surface: #ffffff;--sleeve: #f6f8fa;--ink: #18212b;--muted: #5d6b7a;--line: #d3dae2;--accent: #e3b223;--accent-ink: #2a2000;--have: #23855a;--have-soft: #dcf1e6;--pending: #c26a12;--pending-soft: #fbead6;--danger: #b5372c;--chart: #23855a;--shadow: 0 1px 2px rgb(24 33 43 / .08), 0 6px 18px rgb(24 33 43 / .06);--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--card-ratio: 63 / 88;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #11161c;--surface: #1a2129;--sleeve: #151b22;--ink: #e6ebf1;--muted: #93a1b0;--line: #2b3540;--accent: #f0c23b;--accent-ink: #231a00;--have: #4cc58a;--have-soft: #143326;--pending: #f0a45a;--pending-soft: #3a2611;--danger: #ef7468;--chart: #36a873;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 var(--font-body)}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance}img{max-width:100%}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:.5rem .9rem;background:var(--accent);color:var(--accent-ink);font-weight:700}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:400}button.small{padding:.3rem .6rem;font-size:.85rem}button.danger{color:var(--danger)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=search],select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.45rem .7rem}.hint{color:var(--muted);font-size:.85rem}.money,.value,.num,.slot-no{font-variant-numeric:tabular-nums}.money{font-family:var(--font-mono);font-weight:500}.error{color:var(--danger)}.app{max-width:1400px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 4rem max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:1rem}.topbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:.8rem;background:var(--bg);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.6rem}.brand h1{font-size:1.45rem;font-weight:800;letter-spacing:-.01em}.tabs{display:flex;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px}.tabs button{background:transparent;color:var(--muted);font-weight:700;padding:.4rem .9rem}.tabs button.on{background:var(--ink);color:var(--bg)}.topbar-actions{margin-left:auto;display:flex;gap:.5rem}.summary{display:grid;grid-template-columns:2fr 1fr 1.4fr auto;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat{background:var(--surface);padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat .value{font-family:var(--font-display);font-weight:800;font-size:1.9rem;line-height:1.1}.stat .value.money{font-family:var(--font-mono);font-weight:500;font-size:1.6rem}.stat .value small{font-size:1rem;color:var(--muted);font-weight:600}.stat-action{justify-content:center;align-items:flex-start}.bar{display:flex;height:8px;border-radius:99px;background:var(--sleeve);border:1px solid var(--line);overflow:hidden}.bar.small{height:5px;flex-basis:100%}.bar-card{background:var(--have)}.bar-marked{background:repeating-linear-gradient(135deg,var(--pending) 0 3px,transparent 3px 6px)}.welcome,.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:1rem 1.2rem}.welcome p{margin:.3rem 0 0;max-width:65ch;color:var(--muted)}.notice{border-color:var(--line);padding:.6rem .8rem .6rem 1.2rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:.5rem}.toolbar input[type=search]{flex:1 1 220px;max-width:320px}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip{background:var(--surface);color:var(--muted);border:1px solid var(--line);font-weight:700;padding:.3rem .7rem;border-radius:99px;font-size:.85rem}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.toggle{display:flex;gap:.4rem;align-items:center;color:var(--muted);font-size:.9rem}.gen{margin-top:1.5rem}.gen-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin-bottom:.75rem}.gen-head h2{font-size:1.3rem}.gen-head h2 span{color:var(--muted);font-weight:600}.gen-count{font-family:var(--font-mono);font-size:.9rem}.gen-count em{color:var(--pending);font-style:normal}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.slot{width:100%;aspect-ratio:var(--card-ratio);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;padding:6px;border-radius:8px;background:var(--sleeve);border:1px dashed var(--line);color:var(--ink);font-weight:400;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}.slot:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.slot-sprite{position:absolute;top:10%;right:8%;bottom:34%;left:8%;width:84%;height:56%;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) opacity(.35)}.slot.card,.slot.marked{border-style:solid}.slot.card{background:var(--have-soft);border-color:var(--have)}.slot.card .slot-sprite,.slot.marked .slot-sprite{filter:none}.slot.marked{background:var(--pending-soft);border-color:var(--pending)}.slot.has-art{padding:0;border:2px solid var(--have)}.slot-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slot.has-art .slot-no,.slot.has-art .slot-name{display:none}.slot-no{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);position:relative}.slot-name{font-weight:700;font-size:.82rem;line-height:1.15;text-align:center;position:relative;overflow-wrap:anywhere}.slot-meta{position:relative;display:flex;gap:.35rem;font-family:var(--font-mono);font-size:.7rem;color:var(--have)}.slot.has-art .slot-meta{position:absolute;left:4px;right:4px;bottom:4px;justify-content:center;background:#000000b8;color:#fff;border-radius:4px;padding:1px 4px}.slot-meta.pending{color:var(--pending);font-family:var(--font-body);font-weight:700}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0e1373;display:flex;justify-content:flex-end}.panel{position:relative;width:min(960px,100%);height:100%;overflow-y:auto;background:var(--bg);box-shadow:var(--shadow);padding:0 max(16px,env(safe-area-inset-right,0px)) 2rem 20px;display:flex;flex-direction:column;gap:1.2rem}.panel-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.8rem;padding-block:.8rem;background:var(--bg);border-bottom:1px solid var(--line)}.panel-sprite{width:72px;height:72px;image-rendering:pixelated}.panel-title{display:flex;flex-direction:column;min-width:0}.panel-title h2{font-size:1.6rem;font-weight:800}.panel-nav{margin-left:auto;display:flex;gap:.4rem}.mine,.catalog{display:flex;flex-direction:column;gap:.6rem}.mine-head,.catalog-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.mine-head h3,.catalog-head h3{font-size:1.1rem;margin-right:auto}.mine p{margin:0}.mine-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.mine-list li{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.5rem}.mine-list li.featured{border-color:var(--have)}.mine-list img{width:64px;border-radius:4px;cursor:zoom-in}.mine-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.mine-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.stepper button{background:transparent;color:var(--ink);border-radius:0;padding:.25rem .6rem}.stepper span{min-width:2ch;text-align:center;font-family:var(--font-mono)}.mine-side{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card-grid li{display:flex;flex-direction:column;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.5rem;min-width:0}.card-grid li.owned{border-color:var(--have);box-shadow:inset 0 0 0 1px var(--have)}.card-img{padding:0;background:transparent;border-radius:6px;cursor:zoom-in}.card-img img{display:block;width:100%;aspect-ratio:var(--card-ratio);object-fit:cover;border-radius:6px}.noimg{aspect-ratio:var(--card-ratio);width:100%;display:grid;place-items:center;border-radius:6px;background:var(--sleeve);border:1px dashed var(--line);color:var(--muted);font-size:.8rem}.mine-list .noimg{width:64px}.noimg.big{width:min(360px,80vw)}.card-info{display:flex;flex-direction:column;min-width:0}.card-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rarity{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.card-foot{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem}.owned-btn{background:var(--have);color:#fff}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05080ccc;display:grid;place-items:center;cursor:zoom-out;padding:16px}.lightbox img{max-height:90vh;border-radius:14px;box-shadow:0 10px 40px #00000080}.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:.5rem .8rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}td img{width:44px;display:block;border-radius:3px}td .hint{display:block}tbody tr{cursor:pointer}tbody tr:hover{background:var(--sleeve)}.num{text-align:right;white-space:nowrap}tfoot td{font-weight:700;border-bottom:0}@media(max-width:760px){.summary{grid-template-columns:1fr 1fr}.stat-main,.stat-action{grid-column:1 / -1}.grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.mine-list li{grid-template-columns:56px 1fr}.mine-side{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.topbar-actions{margin-left:0}}@media(prefers-reduced-motion:reduce){.slot{transition:none}}a{color:var(--have)}.brand{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:.6rem}.inline-form,.share-row{display:flex;gap:.5rem;flex-wrap:wrap}.inline-form input,.share-row input{flex:1 1 200px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}.button-link,.ghost-button{display:inline-flex;align-items:center;border-radius:8px;padding:.5rem .9rem;font-weight:700;text-decoration:none;cursor:pointer}.button-link{background:var(--accent);color:var(--accent-ink)}.ghost-button{border:1px solid var(--line);font-weight:400;list-style:none}.ghost-button::-webkit-details-marker{display:none}.menu{position:relative}.menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:10;display:flex;flex-direction:column;gap:2px;min-width:230px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.menu-list button{border:0;text-align:left}.menu-list button:hover{background:var(--sleeve)}.save-status{background:transparent;color:var(--muted);font-weight:400;font-size:.85rem;cursor:default;padding-inline:.4rem}.save-status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem;background:var(--have)}.save-status.pending:before,.save-status.saving:before{background:var(--accent)}.save-status.error{color:var(--danger);cursor:pointer}.save-status.error:before{background:var(--danger)}.owner-banner{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem}.owner-banner h2{font-size:1.6rem;font-weight:800}.owned-tag{font-size:.8rem;font-weight:700;color:var(--have)}.success{color:var(--have)}.dex-pick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.dex-pick li{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--sleeve)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#0a0e1380}.dialog{text-align:left;width:min(460px,100%);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:1.2rem;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.dialog header{display:flex;justify-content:space-between;align-items:center}.dialog p{margin:0}.google{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.divider{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:16px;text-align:center}.setup{width:min(420px,100%);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.5rem}.setup h1{font-size:1.5rem}.setup p{margin:0}.username-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg);overflow:hidden}.username-field span{padding-left:.7rem;color:var(--muted);font-family:var(--font-mono);font-size:.85rem;white-space:nowrap}.username-field input{flex:1;min-width:0;border:0;background:transparent;padding:.55rem .7rem .55rem .1rem;font-family:var(--font-mono)}.welcome>.stack{flex:1 1 320px;max-width:460px}.brand-mark{position:relative;width:26px;height:36px;border-radius:4px;border:3px solid var(--accent);background:linear-gradient(135deg,#7ad7f0,#c58cf2 45%,#f7d26b 80%);box-shadow:0 2px #00000040;transform:rotate(-8deg);transition:transform .2s ease}.brand:hover .brand-mark{transform:rotate(4deg) scale(1.05)}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-sub{font-family:var(--font-mono);font-size:.68rem;color:var(--muted);letter-spacing:.04em}.eyebrow{margin:0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.accent-text{color:var(--accent)}.card-fan{position:relative;width:300px;height:250px;flex:none}.card-fan.sm{width:210px;height:175px}.fan-card{position:absolute;left:50%;bottom:0;width:46%;aspect-ratio:var(--card-ratio);border-radius:7px;overflow:hidden;box-shadow:0 12px 28px #00000073;transform-origin:50% 110%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.fan-card img{display:block;width:100%;height:100%;object-fit:cover}.fan-0{transform:translate(-50%) rotate(-16deg) translate(-34%)}.fan-1{z-index:2;transform:translate(-50%) translateY(-6%)}.fan-2{transform:translate(-50%) rotate(16deg) translate(34%)}.card-fan:hover .fan-0{transform:translate(-50%) rotate(-22deg) translate(-44%)}.card-fan:hover .fan-2{transform:translate(-50%) rotate(22deg) translate(44%)}.holo{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgb(255 255 255 / .35) 45%,rgb(180 140 255 / .25) 52%,transparent 65%);background-size:250% 100%;mix-blend-mode:screen;animation:holo-sweep 4.5s ease-in-out infinite}.fan-0 .holo{animation-delay:.6s}.fan-2 .holo{animation-delay:1.2s}@keyframes holo-sweep{0%,20%{background-position:120% 0}70%,to{background-position:-40% 0}}.hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding:1.8rem clamp(1.2rem,4vw,2.8rem);border-radius:18px;border:1px solid var(--line);background:radial-gradient(circle at 85% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),radial-gradient(circle at 10% 110%,color-mix(in srgb,var(--have) 18%,transparent),transparent 50%),var(--surface)}.hero-copy{display:flex;flex-direction:column;gap:.9rem;flex:1 1 320px;min-width:0;max-width:560px}.hero h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;line-height:1.08;letter-spacing:-.015em}.steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:.45rem}.steps li{counter-increment:step;display:flex;gap:.6rem;align-items:baseline;color:var(--muted)}.steps li:before{content:counter(step);flex:none;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.steps b{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.hero .card-fan{margin-inline:auto}@media(max-width:520px){.hero .card-fan{width:220px;height:185px}}.auth-card{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);width:min(780px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:20px;border:1px solid var(--line);background:var(--bg);box-shadow:0 30px 80px #00000080;animation:pop-in .22s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.auth-art{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.4rem;color:#f4f1ff;background:radial-gradient(circle at 30% 20%,rgb(255 210 90 / .35),transparent 50%),radial-gradient(circle at 80% 80%,rgb(120 90 255 / .45),transparent 55%),linear-gradient(160deg,#1f2a6b,#3a1c5e 60%,#571d4a)}.auth-art .card-fan{margin-inline:auto}.auth-art .eyebrow{color:#ffd75e}.auth-tagline{margin:.3rem 0 0;font-family:var(--font-display);font-weight:800;font-size:1.3rem;line-height:1.15}.perks{margin:.8rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;color:#f4f1ffd9}.perks li:before{content:"✦";margin-right:.5rem;color:#ffd75e}.auth-body{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem 1.6rem 1.8rem}.auth-close{position:absolute;top:.9rem;right:.9rem;padding:.3rem .6rem}.auth-body header h2{font-size:1.7rem;font-weight:800;letter-spacing:-.01em}.auth-body header p{margin:.25rem 0 0}.segmented{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border-radius:10px;background:var(--sleeve);border:1px solid var(--line)}.segmented button{background:transparent;color:var(--muted);padding:.4rem .9rem;border-radius:7px}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000040}.auth-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem;font-weight:700;font-size:.9rem}.field-label-row{display:flex;justify-content:space-between;align-items:baseline}.field-box{display:flex;align-items:center;gap:.55rem;padding:0 .4rem 0 .8rem;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--muted);transition:border-color .15s ease,box-shadow .15s ease}.field-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent);color:var(--ink)}.field-box input{flex:1;min-width:0;border:0;background:transparent;padding:.75rem 0;font-weight:400;font-size:1rem;outline:none;color:var(--ink)}.icon-btn{display:grid;place-items:center;padding:.4rem;background:transparent;color:var(--muted);border-radius:7px}.icon-btn:hover{color:var(--ink);background:var(--sleeve)}.auth-submit{padding:.8rem;font-size:1rem;border-radius:10px;box-shadow:0 3px color-mix(in srgb,var(--accent) 55%,black);transition:transform .1s ease,box-shadow .1s ease}.auth-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--accent) 55%,black)}.auth-message{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start}.auth-message p{margin:0}.small-print{margin:0;font-size:.8rem}button.link{background:none;border:0;padding:0;color:var(--have);font-weight:400;font-size:.85rem;text-decoration:underline;text-underline-offset:2px}button.link.center{align-self:center}@media(max-width:680px){.auth-card{grid-template-columns:1fr}.auth-art{padding:1rem 1.2rem}.auth-art .card-fan,.perks{display:none}}.stack>input,.stack textarea{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem;font:inherit;color:inherit}.stack textarea{resize:vertical;min-height:7rem}.stack .segmented{align-self:stretch}.stack .segmented button{flex:1}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sent p{margin:0}.site-footer{margin-top:3.5rem;padding-block:2rem 1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.splash .site-footer{margin-top:0;border-top:0;max-width:720px}.footer-mark{width:20px;height:28px;border-radius:3px;border:2px solid var(--accent);background:linear-gradient(135deg,#7ad7f0,#c58cf2 45%,#f7d26b 80%);transform:rotate(-8deg)}.footer-credit{font-size:1rem}.footer-credit strong{font-family:var(--font-display);font-weight:800;color:var(--accent)}.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.site-footer p{margin:0}.legal{max-width:70ch;font-size:.75rem}.donate{background:var(--danger);color:#fff}.donate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.donate-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.donate-list .button-link{min-width:160px;justify-content:center}@media(prefers-reduced-motion:reduce){.holo,.auth-card{animation:none}.fan-card,.brand-mark{transition:none}}.lang-toggle{font-family:var(--font-mono);font-weight:500;letter-spacing:.06em;padding-inline:.65rem}.label-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.currency-toggle{display:inline-flex;padding:2px;border-radius:7px;border:1px solid var(--line);background:var(--sleeve)}.currency-toggle button{background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:.15rem .45rem;border-radius:5px}.currency-toggle button.on{background:var(--accent);color:var(--accent-ink)}.col-tabs{margin-bottom:1rem}.col-tabs .count{margin-left:.4rem;padding:0 .4rem;border-radius:99px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:.72rem}.push-right{margin-left:auto}.hint.block{display:block}.badges{display:flex;gap:.3rem}.badge{display:inline-block;margin-left:.35rem;padding:.05rem .4rem;border-radius:5px;border:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.badges .badge{margin-left:0}.badge.graded{border-color:var(--accent);color:var(--ink)}.card-details{margin-top:.3rem;font-size:.85rem}.card-details summary{cursor:pointer;color:var(--muted)}.details-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem .7rem;align-items:center;margin-top:.5rem}.details-grid select,.details-grid input{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:.3rem .5rem}.grade-row,.price-row{display:flex;gap:.4rem;align-items:center}.grade-row input{width:4.5rem}.price-row input{width:7rem}.details-note{margin:.4rem 0 0;font-size:.78rem}.card-actions{display:inline-flex;gap:.3rem;align-items:center}.wish-btn{background:transparent;border:1px solid var(--line);color:var(--muted);padding:.2rem .5rem;font-size:1rem;line-height:1}.wish-btn.on,.wish-tag{color:var(--danger);border-color:var(--danger)}.wish-tag{font-size:1rem}.wish-total,.history-head>div:first-child{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}.wish-total .label,.history-head .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.money.big{font-size:1.8rem}.row-actions{white-space:nowrap;display:flex;gap:.3rem}.history-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem}.delta{font-family:var(--font-mono);font-size:.9rem;color:var(--ink)}.delta.up:first-letter{color:var(--have)}.delta.down:first-letter{color:var(--danger)}.chart-box{position:relative;width:100%;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding-block:.5rem}.chart{display:block;max-width:100%}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-family:var(--font-mono);font-size:11px}.chart .line{fill:none;stroke:var(--chart);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:var(--chart);opacity:.1}.chart .dot{fill:var(--chart);stroke:var(--surface);stroke-width:2}.chart .crosshair{stroke:var(--muted);stroke-width:1}.chart-tip{position:absolute;transform:translate(-50%,-100%);pointer-events:none;display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;border-radius:8px;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;white-space:nowrap}.chart-tip strong{font-family:var(--font-mono)}.history>.hint{margin:.6rem 0 .2rem}.binder-nav{display:flex;justify-content:center;align-items:center;gap:.6rem;margin:.5rem 0 1rem;flex-wrap:wrap}.binder-spread{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:0;max-width:1100px;margin-inline:auto;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 8%,var(--bg));box-shadow:var(--shadow)}.binder-page+.binder-page{border-left:2px solid var(--line)}.binder-page{padding:1rem clamp(.7rem,2vw,1.4rem) 1.3rem}.binder-page header{display:flex;justify-content:space-between;margin-bottom:.7rem;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.page-count.done{color:var(--have);font-weight:700}.pockets{list-style:none;margin:0;padding:0;display:grid;gap:clamp(6px,1.2vw,12px)}.pocket{position:relative;width:100%;aspect-ratio:var(--card-ratio);padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;border-radius:6px;overflow:hidden;font-weight:400;color:var(--ink);background:linear-gradient(135deg,rgb(255 255 255 / .07),transparent 40%),var(--sleeve);border:1px solid var(--line);transition:transform .12s ease}.pocket:hover{transform:translateY(-2px)}.pocket.filled{border-color:transparent;box-shadow:0 3px 10px #0000004d}.pocket.filled img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.pocket.marked{border:1px dashed var(--pending)}.pocket-sprite{position:absolute;top:12%;right:10%;bottom:34%;left:10%;width:80%;height:54%;object-fit:contain;image-rendering:pixelated;filter:grayscale(1) opacity(.3)}.pocket .slot-no,.pocket-name{position:relative}.pocket-name{font-size:.72rem;font-weight:700;padding:0 4px 6px;text-align:center;line-height:1.1;overflow-wrap:anywhere}.pockets-12 .pocket-name,.pockets-12 .slot-no{font-size:.62rem}.explore-link{color:var(--ink)}.explore-hero{display:flex;flex-direction:column;gap:.4rem;padding-block:1rem .5rem}.explore-hero h2{font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:800}.explore-hero p{margin:0}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.collector{display:grid;grid-template-columns:2.5rem minmax(0,1.4fr) minmax(0,1.6fr) 6rem 8.5rem;align-items:center;gap:.8rem;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease}.collector:hover{transform:translateY(-1px);border-color:var(--accent)}.collector.top{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--surface)}.collector .rank{font-family:var(--font-mono);font-size:1.1rem;text-align:center}.collector .who,.collector .progress{display:flex;flex-direction:column;gap:.25rem;min-width:0}.collector .who strong{overflow:hidden;text-overflow:ellipsis}@media(max-width:720px){.collector{grid-template-columns:2rem minmax(0,1fr) auto}.collector .progress{grid-column:2 / -1}.collector .num:not(.money){display:none}}.scan-btn{background:var(--ink);color:var(--bg)}.scan-drop{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;border:2px dashed var(--line);border-radius:14px;text-align:center;cursor:pointer;color:var(--ink);transition:border-color .15s ease}.scan-drop:hover,#scan-file:focus-visible+.scan-drop{border-color:var(--accent)}.scan-body{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1rem;align-items:start}.scan-preview{width:120px;aspect-ratio:var(--card-ratio);object-fit:cover;border-radius:8px;border:1px solid var(--line)}.scan-side p{margin:0}.scan-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;max-height:46vh;overflow-y:auto}.scan-results li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.4rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.scan-results img,.scan-results .noimg{width:56px;border-radius:4px}.scan-actions{display:flex;gap:.3rem;align-items:center}