@font-face{font-family:Archivo;src:url('fonts/ArchivoBlack-Regular.ttf') format('truetype');font-display:swap}
:root{font-family:Inter,'Segoe UI',sans-serif;color:#eeeef0;background:#111214;color-scheme:dark;--muted:#85868c;--accent:#dfceb0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#2b2c3033,transparent 55%);min-height:100vh}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}[hidden]{display:none!important}header,main,footer{max-width:1180px;margin:auto;padding-inline:40px}header{height:100px;display:flex;justify-content:space-between;align-items:center}.brand{font:20px Archivo,sans-serif;letter-spacing:-1px}header>span{font-size:11px;color:var(--muted)}.intro{padding:48px 0 60px}h1{font:400 clamp(38px,5vw,58px)/1.12 Georgia,serif;letter-spacing:-1.7px;margin:0}.collection-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px}.collection-tabs{display:flex;gap:6px}.collection-tabs button{background:transparent;border:0;border-radius:24px;padding:10px 16px;color:var(--muted);font-size:12px;white-space:nowrap;transition:color .2s,background .2s}.collection-tabs button[aria-pressed=true]{background:#ffffff0c;color:#f2f2f3}.collection-tabs button:hover{color:#fff}.search-box{display:flex;align-items:center;gap:9px;max-width:180px;color:var(--muted);border-bottom:1px solid #ffffff14;padding:9px 0}.search-box svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.search-box input{width:100%;min-width:0;background:none;border:0;outline:0;color:#eee;font-size:12px}.search-box:focus-within{border-color:var(--accent)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.skin{min-width:0;animation:arrive .5s both}.skin-preview{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:14px}.skin-image{width:100%;height:auto;aspect-ratio:1.585;object-fit:cover;display:block;border-radius:14px;background:#1d1e21;box-shadow:0 12px 30px -20px #000;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.skin-preview:hover .skin-image{transform:translateY(-4px);box-shadow:0 18px 35px -15px #0008}.skin-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.skin h2{font-size:12px;font-weight:500;line-height:1.5;margin:0;color:#c3c3c9}.open-app{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;font-size:11px;color:#e2d6c2;border-radius:20px;transition:background .2s,transform .2s}.skin-meta .open-app{padding:7px 11px;background:#dfceb00a}.open-app:hover{background:#dfceb018}.open-app:active,button:active{transform:scale(.97)}.load-more-wrap{text-align:center;margin:55px 0}.load-more{background:#ffffff06;border:1px solid #ffffff10;padding:12px 26px;border-radius:24px;color:#c8c8ce;font-size:12px}.load-more:hover{background:#ffffff0b}#empty,#error{padding:45px 0;color:var(--muted);font-size:13px;text-align:center}footer{margin-top:65px;padding-block:28px 36px;display:flex;justify-content:space-between;color:#6e7078;font-size:10px}footer a:hover{color:#bbb}#skin-detail{width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:#1b1c20;border:1px solid #ffffff10;border-radius:24px;color:#eee;box-shadow:0 35px 100px #0008}#skin-detail::backdrop{background:#090a0bc9;backdrop-filter:blur(16px)}#skin-detail[open]{animation:arrive .3s both}.detail-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.detail-heading h2{font:400 26px/1.2 Georgia,serif;margin:0}.detail-close{width:32px;height:32px;flex-shrink:0;background:#ffffff06;border:0;border-radius:50%;color:#aaa;font-size:23px}#detail-image{display:block;width:100%;aspect-ratio:1.585;object-fit:cover;border-radius:15px;background:#111}#detail-meta{font-size:11px;color:var(--muted);margin:14px 0 25px}.detail-actions{display:flex;gap:12px}.detail-actions a{flex:1;height:44px;display:flex;align-items:center;justify-content:center;border-radius:24px;font-size:12px}.download{border:1px solid #ffffff14;color:#babbc1}.detail-actions .open-app{background:linear-gradient(135deg,#f7f5f1,#dcd5c9);color:#252525}.download.downloading{opacity:.5}#open-status{color:var(--muted);font-size:11px;text-align:center;line-height:1.6;margin:18px 0 0}.gallery-toast{position:fixed;z-index:9;bottom:24px;left:50%;translate:-50% 0;max-width:calc(100vw - 32px);width:max-content;border:1px solid #ffffff14;border-radius:18px;padding:14px 20px;background:#25262aee;backdrop-filter:blur(16px);font-size:12px;color:#bbb;pointer-events:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.source-page{max-width:760px;padding-block:50px;line-height:1.8}.source-page p,.source-page li{font-size:14px;color:#aaa}.source-page a{text-decoration:underline}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:850px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tools{align-items:flex-start;flex-direction:column;gap:18px}.search-box{max-width:none;width:100%}}@media(max-width:520px){header,main,footer{padding-inline:22px}header{height:80px}.intro{padding:30px 0 38px}.collection-tabs{gap:0;width:100%;overflow:auto}.collection-tabs button{padding:9px 12px}.gallery{grid-template-columns:1fr;gap:30px}.skin h2{font-size:13px}.collection-tools{margin-bottom:28px}footer{margin-top:40px}#skin-detail{padding:22px}.detail-actions{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.collection-actions{display:flex;align-items:center;gap:22px}.pack-trigger{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(135deg,#dfceb015,#ffffff05);color:#e9dfcd;font-size:12px;white-space:nowrap;transition:transform .2s,border-color .2s,background .2s}.pack-trigger span{font-size:16px}.pack-trigger:hover{transform:translateY(-1px);border-color:#dfceb044;background:#dfceb01d}#pack-dialog{width:520px;max-width:calc(100vw - 32px);padding:28px;background:#1b1c20;border:1px solid #ffffff10;border-radius:24px;color:#eee;box-shadow:0 35px 100px #0008}#pack-dialog::backdrop{background:#090a0bc9;backdrop-filter:blur(16px)}#pack-dialog[open]{animation:arrive .3s both}.pack-kicker{margin:0 0 5px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.pack-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-choices button{display:grid;grid-template-columns:72px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:13px;padding:10px;border:1px solid #ffffff0d;border-radius:16px;background:#ffffff04;color:#eee;text-align:left;transition:transform .25s,border-color .25s,background .25s}.pack-choices button:hover{transform:translateY(-2px);border-color:#dfceb033;background:#ffffff08}.pack-choices strong{align-self:end;font-size:12px;font-weight:550}.pack-choices small{align-self:start;margin-top:3px;color:var(--muted);font-size:10px}.pack-art{grid-row:1/3;display:block;position:relative;width:72px;height:48px;border:1px solid #ffffff2a;border-radius:9px;overflow:hidden;box-shadow:0 7px 15px #0006}.pack-art:before{content:"";position:absolute;inset:-30% 15% 0;background:linear-gradient(120deg,transparent 25%,#fff5 48%,transparent 65%);transform:rotate(-18deg)}.pack-amex{background:linear-gradient(125deg,#262931,#8d8c84 52%,#302f2c)}.pack-larp{background:linear-gradient(125deg,#0b1018,#6d705f 52%,#141720)}.pack-jokes{background:linear-gradient(125deg,#422640,#d87a69 52%,#302849)}.pack-all{background:linear-gradient(125deg,#252629,#85858a 48%,#252629)}.pack-result{text-align:center;padding:2px 4px 0}.pack-reveal{position:relative;width:min(360px,100%);aspect-ratio:1.585;margin:0 auto 18px;perspective:1000px}.pack-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;box-shadow:0 20px 55px #0007;animation:packflip .8s cubic-bezier(.2,.8,.2,1) both}.pack-glow{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#dfceb02b,transparent 65%);animation:packglow 1.4s ease-out both}.pack-result h3{margin:0;font-size:17px;font-weight:550}.pack-result>p{margin:6px 0 20px;color:var(--muted);font-size:11px}.pack-result .detail-actions{max-width:360px;margin:auto}.pack-result .download{height:44px;color:#bbb;background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;cursor:pointer}.pack-result .detail-actions .open-app{background:linear-gradient(135deg,#f7f5f1,#dcd5c9);color:#252525}.pack-choices[hidden]{display:none}@keyframes packflip{0%{opacity:0;transform:rotateY(85deg) scale(.9)}65%{opacity:1;transform:rotateY(-7deg) scale(1.02)}100%{transform:rotateY(0) scale(1)}}@keyframes packglow{0%{opacity:0;transform:scale(.65)}45%{opacity:1;transform:scale(1.06)}100%{opacity:.35;transform:scale(1)}}@media(max-width:850px){.collection-actions{width:100%;gap:18px}.collection-actions .search-box{flex:1}}@media(max-width:520px){.collection-actions{gap:12px}.pack-trigger{padding:9px 12px}.pack-trigger span{display:none}#pack-dialog{padding:22px}.pack-choices button{grid-template-columns:54px 1fr;column-gap:10px;padding:8px}.pack-art{width:54px;height:40px}}