:root{--bg:#0b0812;--card:#130e1d;--line:#ffffff14;--ink:#f3efff;--muted:#a79dbf;--accent:#8b5cf6;--accent-ink:#c4b5fd;--r:16px}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}
.sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 70% 0%,#4a2a8a55,transparent 70%),radial-gradient(50% 40% at 10% 10%,#2a1a5544,transparent 70%),linear-gradient(#0b0812,#0b0812)}
.sky:after{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 38% 8%,#fff,transparent),radial-gradient(1.4px 1.4px at 66% 22%,#fff,transparent),radial-gradient(1px 1px at 84% 12%,#fff,transparent),radial-gradient(1px 1px at 22% 34%,#fffa,transparent),radial-gradient(1.2px 1.2px at 92% 40%,#fffa,transparent);background-size:520px 360px}
.wrap{width:min(1200px,100% - 40px);margin:0 auto}
header{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b0812b3;border-bottom:1px solid var(--line)}
.hd{display:flex;align-items:center;gap:16px;height:60px}.brand{display:flex;align-items:center;gap:10px;font-family:Silkscreen,monospace;letter-spacing:.06em;font-size:15px}.brand img{width:24px;height:24px}
.brand span{color:var(--accent-ink)}.hd .back{margin-left:auto;font-size:13px;color:var(--muted)}.hd .back:hover{color:var(--ink)}
.hero{padding:56px 0 24px}.hero h1{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(32px,5vw,52px);line-height:1.04;letter-spacing:-.025em;margin:0}.hero h1 span{color:var(--accent-ink)}
.hero p{color:var(--muted);max-width:560px;margin:12px 0 0;font-size:16px}
.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:24px 0 18px}
.search{flex:1 1 280px;display:flex;align-items:center;gap:8px;padding:0 14px;height:44px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.search input{flex:1;background:none;border:0;outline:0;height:100%}
.search:focus-within{border-color:#8b5cf688}
select{height:44px;padding:0 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);outline:0}select option{background:#130e1d}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff06;font-size:13px;color:var(--muted);cursor:pointer}.chip.on{background:#8b5cf62a;border-color:#8b5cf688;color:var(--ink)}
.count{font-size:13px;color:var(--muted);margin-left:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding-bottom:60px}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);border-color:#8b5cf666;box-shadow:0 20px 40px -24px #8b5cf6}
.thumb{position:relative;aspect-ratio:16/9;background:#1a1228;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.card:hover .thumb img{transform:scale(1.04)}
.thumb .res{position:absolute;top:10px;left:10px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:#0b0812cc;border:1px solid #ffffff22}
.cb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.ct{display:flex;align-items:center;gap:10px}.ct img{width:30px;height:30px;border-radius:8px;background:#ffffff10;flex:none;image-rendering:pixelated}
.ct b{font-weight:600;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct small{display:block;color:var(--muted);font-size:12.5px}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.meta span{font-size:11.5px;padding:2px 8px;border-radius:999px;background:#ffffff0d;color:var(--muted)}
.dl{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.dl em{font-style:normal;font-size:12px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:10px;background:var(--accent);font-weight:600;font-size:13px;border:0;cursor:pointer;box-shadow:0 8px 24px -10px #8b5cf6}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:#ffffff0d;box-shadow:none;border:1px solid var(--line)}
.callout{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:9px 16px 9px 9px;border-radius:14px;background:#170f26b8;border:1px solid #ffffff1f;transition:border-color .2s,background .2s}.callout:hover{border-color:#a78bfa88;background:#21153acc}.callout img{width:36px;height:36px;border-radius:9px;image-rendering:pixelated}.callout b{display:block;font-size:14px}.callout small{display:block;font-size:12px;color:var(--muted)}.callout em{font-style:normal;font-size:13px;color:var(--accent-ink);margin-left:8px;white-space:nowrap}@media(max-width:600px){.callout em{display:none}}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 0}
dialog{width:min(860px,100% - 24px);padding:0;border:1px solid var(--line);border-radius:20px;background:#110c1a;color:var(--ink);box-shadow:0 40px 80px -20px #000}dialog::backdrop{background:#05030acc;backdrop-filter:blur(4px)}
.dv img.big{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#1a1228}.dvb{padding:20px 22px 22px}.dvh{display:flex;gap:14px;align-items:center}.dvh img{width:52px;height:52px;border-radius:12px;background:#ffffff10}
.dvh h2{margin:0;font-family:"Space Grotesk";font-size:24px;line-height:1.1}.dvh a{color:var(--accent-ink)}.dvb p{color:#d6cdee;margin:14px 0}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}.facts div{padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.facts span{display:block;font-size:11.5px;color:var(--muted)}.facts b{font-weight:600;font-size:14px}
.act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.act small{color:var(--muted);font-size:12px;margin-left:auto;max-width:360px}
.x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff33;background:#0b0812cc;cursor:pointer;font-size:18px}
footer{border-top:1px solid var(--line);padding:22px 0 30px;color:var(--muted);font-size:12.5px}footer .wrap{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}footer a{color:var(--accent-ink)}
@media(max-width:600px){.hero{padding:34px 0 10px}.count{width:100%;margin:0}.act small{margin-left:0}}

.brand img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.stat{padding:10px 16px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.stat b{display:block;font-family:"Space Grotesk";font-size:22px;line-height:1.1}.stat span{font-size:12px;color:var(--muted)}
/* pack page */
.crumb{font-size:13px;color:var(--muted);padding:22px 0 10px}.crumb a:hover{color:var(--ink)}
.pp{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;align-items:start;padding-bottom:30px}
.gal{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}.gal .main{aspect-ratio:16/9;background:#1a1228;display:grid;place-items:center}.gal .main img{width:100%;height:100%;object-fit:cover}.gal .main img.px{object-fit:contain;image-rendering:pixelated;width:60%;height:60%}
.thumbs{display:flex;gap:8px;padding:10px}.thumbs button{width:96px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#1a1228;padding:0;cursor:pointer}.thumbs button.on{border-color:#a78bfa}.thumbs img{width:100%;height:100%;object-fit:cover}.thumbs img.px{object-fit:contain;image-rendering:pixelated}
.side{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px;position:sticky;top:76px}
.side h1{font-family:"Space Grotesk";font-size:30px;line-height:1.05;margin:0 0 6px;letter-spacing:-.02em}.by{color:var(--muted);font-size:14px}.by b{color:var(--accent-ink)}
.side .btn{height:46px;font-size:15px;width:100%;justify-content:center;margin-top:16px}.side .btn.ghost{margin-top:8px}
.side .facts{grid-template-columns:1fr 1fr}.tagrow{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tagrow span{font-size:12px;padding:3px 10px;border-radius:999px;background:#8b5cf61f;color:var(--accent-ink)}
.about{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px;margin-top:16px}.about h2{font-size:16px;margin:0 0 10px}.about p{color:#d6cdee;margin:0 0 10px}.about ol{margin:0;padding-left:18px;color:#d6cdee}
.more h2{font-family:"Space Grotesk";font-size:22px;margin:14px 0}.more .grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:860px){.pp{grid-template-columns:1fr}.side{position:static}}