.pack-surface{--pack-panel: #fff9e9;--pack-soft: #e7f4fb;--pack-ink: #172237;--pack-muted: rgba(23, 34, 55, .7);--pack-line: rgba(23, 34, 55, .18);--pack-accent: #f47725;--pack-accent-pressed: #d95f12;--pack-radius: 20px;--pack-shadow: 0 6px 20px rgba(0, 0, 0, .12);--pack-card-hero: #172237;--pack-figure-floor: #2b3038;--pedestal-disc: #dfeef7;min-width:0;color:var(--pack-ink)}:root[data-theme=dark] .pack-surface{--pedestal-disc: #3a3a3d}.pack-surface,.pack-surface *{box-sizing:border-box}.pack-surface button{font:inherit;cursor:pointer}.pack-hidden{display:none!important}.pack-surface .card-pack,.pack-surface .card-featured{display:flex;flex-direction:column;text-align:left;text-decoration:none;color:var(--pack-ink);background:var(--pack-panel);border:1px solid var(--pack-line);border-radius:var(--pack-radius);transition:transform .12s ease,box-shadow .12s ease}.pack-surface .card-pack:hover,.pack-surface .card-featured:hover{transform:translateY(-2px)}.pack-surface .card-name{font-weight:900;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-surface .packs-shelf{display:grid;gap:14px}.pack-surface .pack-viewer{background:var(--pack-panel);border:1px solid var(--pack-line);border-radius:var(--pack-radius);box-shadow:var(--pack-shadow)}.pack-surface .pack-icon-button{display:inline-grid;place-items:center;padding:0;border:1px solid var(--pack-line);background:var(--pack-soft);color:var(--pack-ink)}.pack-surface .pack-icon-button:hover:not(:disabled){border-color:var(--pack-accent);color:var(--pack-accent-pressed)}.pack-surface .packs-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.pack-surface .card-pack{position:relative;aspect-ratio:1;justify-content:flex-end;gap:0;overflow:hidden;padding:0;border:1px solid var(--pack-line);box-shadow:none}.pack-surface .card-pack .hero{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--pack-card-hero);overflow:hidden}.pack-surface .card-pack .hero img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;border-radius:calc(var(--pack-radius) - 6px);image-rendering:auto;transition:transform .18s ease}.pack-surface .card-pack .card-name{position:relative;z-index:1;width:100%;padding:13px 15px;background:var(--pack-panel);font-weight:700}.pack-surface .card-pack:hover .hero img{transform:scale(1.04)}.pack-surface .card-pack:hover{box-shadow:none}.pack-surface .card-pack.is-selected{border-color:var(--pack-accent);background:var(--pack-accent);box-shadow:none}.pack-surface .card-pack.is-selected .hero{background:var(--pack-accent)}.pack-surface .card-pack.is-selected .card-name{background:var(--pack-accent);color:#fff}.pack-surface .packs-heading{margin:20px 2px 10px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pack-ink)}.pack-surface .packs-featured .packs-heading{margin-top:0}.pack-surface .packs-featured{margin-bottom:6px}.pack-surface .featured-carousel{position:relative}.pack-surface .featured-track{--featured-gap: 14px;--featured-per-page: 3;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--featured-per-page) - 1) * var(--featured-gap)) / var(--featured-per-page));gap:var(--featured-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px;margin:-6px}.pack-surface .featured-track::-webkit-scrollbar{display:none}.pack-surface .card-featured{position:relative;justify-content:flex-start;gap:0;overflow:hidden;padding:0;border:1px solid var(--pack-line);box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always}.pack-surface .card-featured .hero,.pack-surface .card-featured .hero-group{position:relative;width:100%;aspect-ratio:16 / 10;display:grid;place-items:center;background:var(--pack-card-hero);overflow:hidden}.pack-surface .card-featured .hero img{display:block;box-sizing:border-box;width:100%;height:100%;object-fit:contain;padding:16px;transition:transform .18s ease}.pack-surface .card-featured:hover .hero img{transform:scale(1.04)}.pack-surface .card-featured .hero-group{display:flex;box-sizing:border-box;align-items:flex-end;justify-content:center;padding:0 6px;background:var(--pack-figure-floor);transition:transform .18s ease}.pack-surface .card-featured .hero-group .figure{display:block;position:relative;z-index:1;flex:0 0 40%;min-width:0;height:100%;margin:0 -2.5%;object-fit:contain;object-position:center bottom;transform:translateY(13%);transform-origin:center bottom}.pack-surface .card-featured .hero-group .figure:nth-child(2n){z-index:0;transform:translateY(6%) scale(.92)}.pack-surface .card-featured:hover .hero-group{transform:scale(1.04)}.pack-surface .card-featured:hover{box-shadow:none}.pack-surface .featured-caption{position:relative;z-index:1;display:grid;gap:1px;width:100%;padding:12px 16px 14px;background:var(--pack-panel);text-align:left}.pack-surface .card-featured .card-name{font-size:18px;font-weight:900}.pack-surface .card-featured .card-by{margin:0;padding:0;font-size:12px;color:var(--pack-muted)}.pack-surface .featured-cta{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pack-accent)}.pack-surface .featured-cta:after{content:" ›"}.pack-surface .card-featured:hover .featured-cta{color:var(--pack-accent-pressed)}.pack-surface .card-featured:focus-visible{outline:3px solid color-mix(in srgb,var(--pack-accent) 60%,transparent);outline-offset:3px}.pack-surface .featured-arrow{position:absolute;top:50%;z-index:2;width:36px;height:36px;border-radius:50%;background:var(--pack-panel);box-shadow:var(--pack-shadow);transform:translateY(-50%)}.pack-surface .featured-arrow.is-prev{left:6px}.pack-surface .featured-arrow.is-next{right:6px}.pack-surface .featured-arrow svg{width:18px;height:18px}.pack-surface .featured-arrow[hidden]{display:none}.pack-surface .featured-arrow:disabled{opacity:.35;cursor:default}.pack-surface .featured-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}.pack-surface .featured-dots[hidden]{display:none}.pack-surface .featured-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--pack-ink) 24%,transparent);transition:background .12s ease,transform .12s ease}.pack-surface .featured-dot:hover{background:color-mix(in srgb,var(--pack-ink) 48%,transparent)}.pack-surface .featured-dot[aria-current=true]{background:var(--pack-accent);transform:scale(1.2)}.pack-surface .featured-dot:focus-visible{outline:3px solid color-mix(in srgb,var(--pack-accent) 60%,transparent);outline-offset:3px}.pack-surface .pack-viewer{display:flex;flex-direction:column;gap:16px;margin-top:14px;padding:20px}.pack-surface .pack-viewer-head{display:flex;align-items:center;gap:12px}.pack-surface .pack-viewer-title{display:grid;gap:3px;flex:1 1 auto;min-width:0}.pack-surface .pack-viewer-pack{min-width:0;overflow:hidden;color:var(--pack-muted);font-size:12px;font-weight:700;letter-spacing:.13em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pack-surface .pack-viewer-count{color:var(--pack-muted);font-size:13px;font-weight:600}.pack-surface .pack-icon-button:focus-visible,.pack-surface .card-pack:focus-visible,.pack-surface .rail-piece:focus-visible{outline:3px solid color-mix(in srgb,var(--pack-accent) 60%,transparent);outline-offset:3px}.pack-surface .pack-viewer-close{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:transparent}.pack-surface .pack-viewer-close svg{width:18px;height:18px}.pack-surface .pedestal-shell{position:relative;min-width:0}.pack-surface .pedestal{height:clamp(340px,68vh,760px);border:1px solid var(--pack-line);border-radius:var(--pack-radius);background:var(--pack-soft);overflow:hidden}.pack-surface .pedestal-canvas{display:block;width:100%;height:100%;touch-action:none}.pack-surface .pack-navigator{position:absolute;top:14px;right:14px;z-index:2;display:flex;flex-direction:column;gap:7px}.pack-surface .pack-nav-button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid var(--pack-line);border-radius:50%;background:var(--pack-panel);color:var(--pack-ink)}.pack-surface .pack-nav-button svg{width:16px;height:16px}.pack-surface .pack-nav-button:hover{border-color:var(--pack-accent);color:var(--pack-accent-pressed)}.pack-surface .pack-nav-button:active{background:var(--pack-soft)}.pack-surface .pack-rail-wrap{position:relative;min-width:0}.pack-surface .pack-rail-wrap:after{position:absolute;z-index:1;top:0;right:42px;bottom:8px;width:52px;background:linear-gradient(90deg,transparent,var(--pack-panel));content:"";opacity:0;pointer-events:none;transition:opacity .14s ease}.pack-surface .pack-rail-wrap.has-more:after{opacity:1}.pack-surface .pack-rail{display:flex;gap:8px;overflow-x:auto;padding:2px 48px 8px 2px;scrollbar-width:thin;scroll-behavior:smooth}.pack-surface .rail-piece{flex:0 0 auto;width:68px;height:68px;padding:4px;border:1px solid var(--pack-line);border-radius:12px;background:var(--pack-soft);overflow:hidden}.pack-surface .rail-piece img{display:block;width:100%;height:100%;border-radius:7px;object-fit:contain}.pack-surface .rail-piece:hover{border-color:color-mix(in srgb,var(--pack-accent) 55%,var(--pack-line))}.pack-surface .rail-piece[aria-pressed=true]{border-color:var(--pack-accent);box-shadow:none;background:var(--pack-accent)}.pack-surface .rail-piece[aria-pressed=true] img{filter:saturate(1.08) contrast(1.04)}.pack-surface .rail-scroll-next{position:absolute;z-index:2;top:50%;right:0;width:34px;height:34px;border-radius:50%;box-shadow:none;transform:translateY(-56%)}.pack-surface .rail-scroll-next:disabled{display:none}.pack-surface .rail-scroll-next svg{width:18px;height:18px}@media(max-width:860px){.pack-surface .packs-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-surface .featured-track{--featured-per-page: 2}.pack-surface .pedestal{height:clamp(280px,48vw,400px)}}@media(max-width:680px){.pack-surface .packs-shelf{grid-template-columns:1fr}.pack-surface .featured-track{--featured-per-page: 1}.pack-surface .featured-arrow{display:none}.pack-surface .card-featured .card-name{font-size:17px}.pack-surface .pack-viewer{gap:14px;padding:14px}.pack-surface .pack-piece-name{font-size:20px}.pack-surface .pedestal{height:260px}.pack-surface .rail-piece{width:58px;height:58px}}.pack-surface .pack-piece-label{position:absolute;top:14px;left:16px;right:76px;display:grid;gap:1px;pointer-events:none}.pack-surface .pack-piece-eyebrow{color:var(--pack-accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pack-surface .pack-piece-name{font-size:17px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-surface .pedestal-shell .pack-rail-wrap{position:absolute;left:10px;right:10px;bottom:10px}.pack-surface .pedestal-shell .pack-rail{padding:8px;border-radius:var(--pack-radius);background:color-mix(in srgb,var(--pack-panel) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}