@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/vt323-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--yellow: #f8f000;--gold: #ffd000;--bg: #0c0c0c;--raise: #141414;--line: #2a2a2a;--text: #f3f3ec;--muted: #8e8e86;--ink: #111111}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:22px;line-height:1.25}img{max-width:100%}button,input{font:inherit}.skip{position:absolute;left:12px;top:-48px;z-index:5;background:var(--yellow);color:var(--ink);padding:8px 10px;font-family:"Press Start 2P",monospace;font-size:10px;text-decoration:none}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.wrap{width:min(1120px,calc(100% - 32px));margin-inline:auto}.bar{border-bottom:1px solid var(--line)}.bar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.logo{display:block;flex:none}.brand-name{margin:0;font-family:"Press Start 2P",monospace;font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.4}.nav{display:flex;flex-wrap:wrap;gap:8px 18px}.nav a{color:var(--muted);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.04em;line-height:1.6;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--yellow)}main{flex:1;padding:32px 0 12px}.block+.block{margin-top:42px}.kicker{margin:0 0 14px;color:var(--yellow);font-family:"Press Start 2P",monospace;font-size:11px;font-weight:400;letter-spacing:.08em;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.grid-pair{max-width:840px;grid-template-columns:repeat(2,minmax(0,1fr))}.pack{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0;height:100%;padding:18px 16px 20px;text-align:left;background:var(--raise);border:1px solid var(--line)}.grid-pair .pack{align-items:flex-start}.pack-lead{flex-direction:row;align-items:center;gap:28px;height:auto;padding:28px;text-align:left;box-shadow:inset 3px 0 0 var(--yellow)}.pack:hover{border-color:#3c3c3c}.shot{position:relative;display:grid;place-items:center;margin:0;padding:0;border:0;background:transparent;color:inherit}.shot img{display:block;width:160px;height:160px;object-fit:contain}.pack-lead .shot img{width:200px;height:200px}button.shot{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:zoom-in}.grid div.shot{display:flex;flex-direction:column;align-items:center;gap:8px}.grid div.shot:after{content:"";height:27px}button.shot img,div.shot img{border:1px solid #3a3a3a;box-shadow:inset 0 0 0 1px #f8f00014}button.shot:hover img,button.shot:focus-visible img{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow),0 0 16px #f8f00061}.shot-hint{display:inline-block;padding:6px 8px 5px;color:var(--gold);background:transparent;border:1px solid var(--gold);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.08em;line-height:1.4;white-space:nowrap;pointer-events:none}.pack-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-width:0}.pack-lead .pack-body{align-items:flex-start}.pack-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;width:100%}.pack-lead .pack-row{justify-content:flex-start}.badge{position:absolute;top:-18px;left:6px;z-index:1;color:var(--ink);background:var(--yellow);padding:5px 7px;font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.04em;line-height:1.4;pointer-events:none;box-shadow:0 0 0 1px #111}.pack-name{margin:0;color:var(--text);font-family:VT323,monospace;font-size:32px;font-weight:400;line-height:1.05;text-wrap:balance}.hero .pack-name{font-size:40px}.pack-desc{margin:0;max-width:62ch;color:var(--text);font-size:20px;line-height:1.2;text-align:left;text-wrap:balance}.tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0;padding:0;list-style:none}.pack-lead .tags,.hero .tags{justify-content:flex-start}.tag{padding:5px 7px;color:var(--text);border:1px solid var(--line);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.04em;line-height:1.5}.pack-count{margin:0;color:var(--muted);font-size:20px}.pack-count span{color:var(--text)}.pack-size{margin:auto 0 0;color:var(--muted);font-family:VT323,monospace;font-size:20px;line-height:1.2}.pack-size+.cta{margin-top:0}.cta{display:inline-block;margin-top:auto;padding:15px 14px;color:var(--ink);background:var(--yellow);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.04em;line-height:1.4;text-decoration:none}.cta:hover{background:#fff56a}.grid .cta,.grid-pair .cta{align-self:stretch;text-align:center}.hero{margin-bottom:42px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.visitors{margin:8px auto 0;padding:8px 0 20px;color:var(--muted);font-size:22px;text-align:center}.visitors span{color:var(--text)}.foot{border-top:1px solid var(--line);padding:28px 0 36px;text-align:center}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px}.socials a{color:var(--text);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.04em;text-decoration:none;padding:8px 4px}.socials a:hover{color:var(--yellow)}.copy{margin:16px 0 0;color:var(--muted);font-size:20px}.copy a{color:var(--text);text-decoration:none}.copy a:hover{color:var(--yellow)}.missing{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:42vh;padding:12px 0 48px}.missing h1{margin:0;max-width:16ch;font-family:"Press Start 2P",monospace;font-size:clamp(16px,3vw,28px);font-weight:400;line-height:1.6}@media(max-width:720px){.pack-lead,.hero{flex-direction:column;align-items:flex-start}.hero{display:flex}.pack-lead .shot{align-self:center}.grid-pair{grid-template-columns:1fr}.pack-lead{padding:20px 16px 18px;box-shadow:inset 0 3px 0 var(--yellow)}.grid-pair .pack{align-items:center}.pack-name{font-size:28px}.pack .pack-body,.pack-lead .pack-body{align-items:center;text-align:center}.pack .pack-row,.pack .tags,.pack-lead .pack-row,.pack-lead .tags{justify-content:center}.pack .pack-desc,.pack-lead .pack-desc{text-align:center}}body.carousel-open{overflow:hidden;overscroll-behavior:none}.carousel{--car-gold: #ffd000;--car-yellow: #f8f000;--car-ink: #111111;--car-text: #f3f3ec;--car-cap-h: 40px;--car-strip-h: 0px;--car-inset-t: max(12px, env(safe-area-inset-top, 0px));--car-inset-r: max(12px, env(safe-area-inset-right, 0px));--car-inset-b: max(12px, env(safe-area-inset-bottom, 0px));--car-inset-l: max(12px, env(safe-area-inset-left, 0px));position:fixed;inset:0;z-index:1000;display:flex;padding:var(--car-inset-t) var(--car-inset-r) var(--car-inset-b) var(--car-inset-l);background:radial-gradient(ellipse 72% 58% at 50% 46%,rgba(255,208,0,.08),transparent 64%),#040404d6;-webkit-backdrop-filter:blur(22px) saturate(.86);backdrop-filter:blur(22px) saturate(.86);cursor:zoom-out;opacity:0;overflow:hidden;touch-action:none;transition:opacity .2s ease;user-select:none}.carousel.is-open{opacity:1}.carousel.is-multi{--car-strip-h: 80px}.carousel[hidden]{display:none!important}.carousel:focus,.carousel:focus-visible{outline:none}.car-stage{display:flex;flex:1 1 auto;align-items:center;justify-content:center;align-self:stretch;width:100%;min-width:0;min-height:0;cursor:zoom-out}.car-frame{--ar: 1.7778;position:relative;display:flex;flex-direction:column;width:min(100%,calc((100dvh - var(--car-inset-t) - var(--car-inset-b) - var(--car-cap-h) - var(--car-strip-h) - 2px) * var(--ar) + 2px));max-width:100%;max-height:100%;margin:0;border:1px solid var(--car-gold);background:#050505;box-shadow:0 28px 80px #0000009e;cursor:default}.car-shot{position:relative;width:100%;aspect-ratio:var(--ar);min-width:0;background:#000;line-height:0}.car-film{position:relative;display:flex;flex:0 0 var(--car-strip-h);align-items:center;justify-content:safe center;gap:8px;box-sizing:border-box;width:100%;height:var(--car-strip-h);max-height:var(--car-strip-h);margin:0;padding:8px 12px;overflow-x:auto;overflow-y:hidden;background:#080808;border-top:1px solid rgba(255,208,0,.45);overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:rgba(255,208,0,.7) transparent}.car-film[hidden],.carousel:not(.is-multi) .car-film{display:none!important}.car-film::-webkit-scrollbar{height:6px}.car-film::-webkit-scrollbar-track{background:transparent}.car-film::-webkit-scrollbar-thumb{background:#ffd0008c}.car-thumb{--thumb-h: 56px;display:block;flex:0 0 auto;width:calc(var(--thumb-h) * 16 / 9);height:var(--thumb-h);margin:0;padding:0;overflow:hidden;color:inherit;line-height:0;background:#000;border:1px solid rgba(255,208,0,.32);cursor:pointer;appearance:none}.car-thumb img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;background:#000;filter:brightness(.72);pointer-events:none;transition:filter .14s ease;-webkit-user-drag:none}.car-thumb:hover,.car-thumb:focus-visible{border-color:var(--car-yellow)}.car-thumb:hover img,.car-thumb:focus-visible img,.car-thumb.is-active img{filter:none}.car-thumb.is-active{border-color:var(--car-gold);box-shadow:inset 0 0 0 1px var(--car-gold)}.car-thumb:focus-visible{outline:2px solid var(--car-yellow);outline-offset:-4px}#carousel-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000;-webkit-user-drag:none;opacity:1;transition:opacity .14s ease}#carousel-image.is-swap{opacity:0}.carousel.is-multi #carousel-image{cursor:pointer}.car-cap{display:flex;align-items:center;gap:16px;box-sizing:border-box;height:var(--car-cap-h);min-width:0;margin:0;padding:0 14px;border-top:1px solid rgba(255,208,0,.55);background:#080808;overflow:hidden}.car-title{flex:1 1 auto;min-width:0;margin:0;overflow:hidden;color:var(--car-text);font-family:VT323,monospace;font-size:24px;letter-spacing:.02em;line-height:1;text-overflow:ellipsis;white-space:nowrap}.car-title:empty{display:none}.car-meta{display:flex;flex:none;align-items:center;gap:14px;margin:0;min-width:0}.car-kicker{color:var(--car-gold);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.08em;line-height:1.4;white-space:nowrap}.car-count{flex:none;color:var(--car-yellow);font-family:VT323,monospace;font-size:24px;letter-spacing:.04em;line-height:1;font-variant-numeric:tabular-nums}.carousel:not(.is-multi) .car-count{display:none}.car-btn{display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;color:var(--car-yellow);background:#060606d1;border:1px solid var(--car-gold);box-shadow:0 10px 28px #0006;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}.car-btn[hidden]{display:none!important}.car-btn svg{display:block;width:22px;height:22px}.car-btn path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter}.car-btn:hover,.car-btn:focus-visible{color:var(--car-ink);background:var(--car-yellow);border-color:var(--car-yellow);box-shadow:0 0 22px #f8f00061;outline:2px solid #f3f3ec;outline-offset:3px}.car-prev,.car-next{position:absolute;top:50%;z-index:2;transform:translateY(-50%)}.car-prev{left:14px}.car-next{right:14px}.car-close{position:absolute;top:12px;right:12px;z-index:4}@media(max-width:720px){.carousel{--car-cap-h: 64px}.carousel.is-multi{--car-strip-h: 64px}.car-film{gap:6px;padding:6px 8px}.car-thumb{--thumb-h: 40px}.car-btn{width:48px;height:48px}.car-btn svg{width:20px;height:20px}.car-prev{left:8px}.car-next{right:8px}.car-cap{flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:8px 10px}.car-title{flex:none;width:100%;font-size:20px}.car-count{font-size:20px}.car-meta{width:100%;gap:10px}}@media(prefers-reduced-motion:reduce){.carousel,#carousel-image,.car-btn,.car-thumb img{transition:none!important}}
