:root{color-scheme:dark;--bg:#101512;--panel:#1a211c;--line:#303b32;--muted:#a8b4aa;--accent:#d6ef91}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f5ed;font:15px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.top,main,footer{max-width:1200px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:30px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:2px}.subbrand{font-size:9px;color:var(--muted);max-width:90px;line-height:1.5;border-left:1px solid var(--line);padding-left:14px}.ball{width:27px;height:27px;border:2px solid var(--accent);border-radius:50%;position:relative;background:linear-gradient(transparent 44%,var(--accent) 44%,var(--accent) 54%,transparent 54%)}.ball:after{content:"";position:absolute;left:8px;top:8px;width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.discord{display:inline-block;background:var(--accent);color:#172014;padding:12px 20px;border:0;border-radius:8px;font-weight:700}.discord:hover{background:#e6ffae}.intro{padding:70px 36px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(40px,6vw,68px);line-height:1.09;letter-spacing:-3px;margin:22px 0}h1 span{color:var(--accent)}.intro p{color:var(--muted);font-size:16px}.collection-label{display:flex;align-items:center;gap:9px;margin-top:57px;padding-bottom:19px;border-bottom:1px solid var(--line);font-weight:650}.collection-label>span:last-child{margin-left:auto;color:var(--muted);font-size:12px;font-weight:400}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.catalog{padding:24px 36px 60px}.toolbar{display:flex;gap:20px;align-items:center}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;width:340px}.search span{font-size:25px;color:var(--muted)}input{background:none;border:0;color:inherit;min-width:0;width:100%;font:inherit;padding:4px}.hint{margin-left:auto;font-size:12px;color:var(--muted)}.filter-row,.filters{display:flex;gap:8px;align-items:center}.filter-row{margin-top:16px;flex-wrap:wrap}.filters{flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:#c4cfc5;border-radius:6px;padding:8px 15px;font-size:13px}.filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#172014}.reset{margin-left:auto;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:var(--muted);font-size:12px}.results{display:flex;justify-content:space-between;margin:28px 0 15px;font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.art{aspect-ratio:1;position:relative;overflow:hidden;background:#253026}.art img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}.shiny-label{position:absolute;top:12px;left:12px;background:#121910db;color:#e9f4c5;border:1px solid #e5f6b93b;padding:5px 10px;border-radius:5px;font-size:10px;letter-spacing:1px}.card-content{padding:20px}.card h2{margin:0 0 12px;font-size:24px;letter-spacing:-.5px}.gender{font-size:18px;margin-left:5px}.female{color:#edb9d3}.male{color:#a6d6e9}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;background:#29392c;color:#c4d7b8;padding:3px 7px;border-radius:4px}.card-contact{display:flex;justify-content:space-between;width:100%;background:transparent;border:0;border-top:1px solid var(--line);color:#e1edda;margin-top:20px;padding:14px 0 0;font-size:12px}.empty{text-align:center;padding:48px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.empty[hidden]{display:none}.empty>span{font-size:40px}.empty h2{color:#eee}.empty button{border:0;border-radius:6px;padding:10px 15px;background:var(--accent);color:#172014}.contact-strip{margin:0 36px 50px;padding:30px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#182219}.contact-strip h2{font-size:21px;margin:9px 0}.contact-strip p{color:var(--muted);margin:0;font-size:13px}footer{padding:24px 36px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}dialog{background:#1b241d;border:1px solid #58664f;color:#f3f5ed;border-radius:16px;padding:35px;width:min(440px,90vw)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:27px}.close{position:absolute;right:14px;top:10px;color:var(--muted);background:none;border:0;font-size:25px}.username{display:flex;align-items:center;justify-content:space-between;background:#101512;padding:13px;border-radius:7px;font-size:20px}.username button{font-size:12px;border:1px solid var(--line);background:#29392c;color:var(--accent);padding:7px;border-radius:4px}.copy-status{font-size:12px;min-height:20px;color:var(--accent)}@media(min-width:1300px){body{background:radial-gradient(ellipse at 82% 10%,#202c1c 0,transparent 40%),var(--bg)}}@media(max-width:800px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hint,.results>span:last-child{display:none}.contact-strip{align-items:flex-start;flex-direction:column}.intro{padding-top:45px}.top,footer{padding:22px}.intro{padding-left:22px;padding-right:22px}.catalog{padding-left:22px;padding-right:22px}.contact-strip{margin-left:22px;margin-right:22px}footer{flex-direction:column;gap:8px}}@media(max-width:480px){.subbrand{display:none}.top .discord{font-size:11px;padding:10px}.cards{grid-template-columns:1fr}.search{width:100%}.filter{padding:8px 10px;font-size:12px}.reset{margin-top:5px}.collection-label{margin-top:35px}h1{letter-spacing:-2px}}

.art{isolation:isolate;background:radial-gradient(ellipse at center,#344b35,#152218)}.art .background-img{position:absolute;inset:0;z-index:0;object-fit:cover}.art .pokemon-img{position:absolute;inset:0;z-index:1;object-fit:contain;padding:20px}.shiny-label{z-index:2}.variant{min-height:40px;font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 14px}.quantity{font-size:11px;color:var(--muted);margin-top:16px}.source-note{font-size:12px;color:var(--muted);max-width:900px}#pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:30px}#pagination[hidden]{display:none}#pagination button{padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--accent)}#pagination button:disabled{opacity:.35;cursor:default}#page-info{font-size:12px;color:var(--muted)}

/* Compact collection cards */
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.card{display:flex;flex-direction:column}.art{aspect-ratio:auto;height:172px;flex-shrink:0}
.art .pokemon-img{width:124px;height:124px;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);padding:0}
.art .background-img{object-position:center}
.card-content{padding:16px;display:flex;flex:1;flex-direction:column}
.card h2{font-size:20px;margin-bottom:8px}.variant{min-height:36px;font-size:11px}
.quantity{font-size:10px;line-height:1.6;margin:12px 0}
.trade-cost{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.trade-cost strong{font-size:11px;color:var(--accent)}
.trade-cost p{font-size:11px;margin:4px 0}
.trade-cost small{display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:7px}
.card-contact{margin-top:12px;font-size:11px}
.trade-explanation{border:1px solid var(--line);border-radius:8px;padding:13px 16px;margin:20px 0;color:var(--muted);font-size:12px}
.trade-explanation summary{cursor:pointer;color:var(--accent);font-weight:650}
.trade-explanation a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.art{height:165px}.card-content{padding:18px}}