@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-ext-wght-normal.C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/atkinson-hyperlegible-next-latin-wght-normal.BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg:#f3f3ef;--surface:#e8e8e3;--fg:#121211;--muted:#7a7a73;--rule:#d9d9d3;--font-body:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--step--2:.75rem;--step--1:.8125rem;--step-0:1rem;--step-1:1.125rem;--edge:clamp(16px, 4vw, 40px);--max:1120px;--ease:cubic-bezier(.2, .8, .2, 1);--steps:steps(4, end)}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0c;--surface:#161615;--fg:#edede8;--muted:#85857e;--rule:#262624}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p,ol,dl,dd{margin:0}ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}::selection{background:var(--fg);color:var(--bg)}.mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:0;font-variant-numeric:tabular-nums}.page{min-height:100dvh;max-width:var(--max);padding:0 var(--edge);flex-direction:column;margin:0 auto;display:flex}.page>main{flex:1}.mark{color:var(--fg);display:inline-block}.wordmark{fill:currentColor;height:auto;display:block}.wordmark--large{width:clamp(168px,30vw,264px)}.wordmark--small{width:112px}.js .wordmark rect{animation:1ms both pixel-in;animation-delay:calc(var(--d) * 28ms + 80ms)}.js .wordmark.is-replay rect{animation:pixel-flicker .26s var(--steps) both;animation-delay:calc(var(--d) * 14ms)}@keyframes pixel-in{0%{opacity:0}}@keyframes pixel-flicker{0%,50%{opacity:0}25%,75%,to{opacity:1}}.top{grid-template-columns:1fr;gap:20px;padding:clamp(40px,9vw,96px) 0 clamp(40px,7vw,72px);display:grid}.top-claim{max-width:34ch;color:var(--muted);font-size:var(--step-1);line-height:1.45}.top-meta{flex-wrap:wrap;gap:8px 32px;display:flex}.top-meta dt{color:var(--muted)}.top-meta dd{align-items:center;gap:6px;display:flex}.top-link{text-underline-offset:3px;text-decoration:underline 1px}.cursor{background:var(--fg);width:.6em;height:1em;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (width>=760px){.top{grid-template-columns:1fr 1fr;align-items:end;column-gap:48px}.top-claim{place-self:end}.top-meta{grid-column:1/-1}}.js .top-claim,.js .top-meta,.js .section-label{animation:rise .7s var(--ease) both}.js .top-claim{animation-delay:.42s}.js .top-meta{animation-delay:.52s}.js .section-label{animation-delay:.62s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.section-label{color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;font-weight:400;display:flex}.section-rule{background:var(--rule);transform-origin:0;flex:1;height:1px}.js .section-rule{animation:draw .9s var(--ease) .7s both}@keyframes draw{0%{transform:scaleX(0)}}.grid{grid-template-columns:1fr;gap:40px 24px;padding-bottom:clamp(56px,10vw,112px);display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.grid{grid-template-columns:repeat(3,1fr)}}.card-link{border-radius:2px;display:block}.js .card{opacity:0;transform:translateY(14px)}.js .card.is-in{opacity:1;transition:opacity .6s var(--ease) calc(var(--i) * 90ms + .15s), transform .8s var(--ease) calc(var(--i) * 90ms + .15s);transform:none}.card-frame{aspect-ratio:4/3;background:var(--surface);border-radius:2px;position:relative;overflow:hidden}.card-frame:not(.has-cart) canvas{width:100%;height:100%;image-rendering:pixelated;transition:transform .7s var(--ease);display:block}.card-link:hover .card-frame:not(.has-cart) canvas,.card-link:focus-visible .card-frame:not(.has-cart) canvas{transform:scale(1.035)}.card-frame.has-cart{aspect-ratio:1;perspective:1100px;place-items:center;display:grid;overflow:visible}.cart{width:calc(var(--s,4px) * var(--tw));height:calc(var(--s,4px) * var(--th));transform-style:preserve-3d;position:relative}.cart-body{transform-style:preserve-3d;transform:rotateX(var(--rx,12deg)) rotateY(var(--ry,-24deg)) translateZ(var(--lift,0px));transition:transform .6s var(--ease);position:absolute;inset:0}.card-link:hover .cart-body,.card-link:focus-visible .cart-body{--lift:calc(var(--s,4px) * 5);transition-duration:.18s}.cart-face,.cart-layer{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.cart-layer{transform:translateZ(calc(var(--s,4px) * var(--z) * -1))}.cart-face{transform:translateZ(0)}.cart-art{image-rendering:pixelated;display:block;position:absolute;transform:translateZ(.5px)}.cart-shadow{background-image:conic-gradient(var(--fg) 0 25%, transparent 0 50%, var(--fg) 0 75%, transparent 0);background-size:calc(var(--s,4px) * 2) calc(var(--s,4px) * 2);height:16%;image-rendering:pixelated;clip-path:ellipse(50% 50%);opacity:.22;transition:transform .6s var(--ease), opacity .6s var(--ease);position:absolute;bottom:-9%;left:4%;right:-10%}.card-link:hover .cart-shadow,.card-link:focus-visible .cart-shadow{opacity:.12;transition-duration:.18s;transform:translate(4%,12%)scale(1.08)}.card-play{background:var(--bg);color:var(--fg);opacity:0;transition:opacity .2s var(--ease), transform .3s var(--ease);padding:4px 8px;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.card-arrow{transition:transform .3s var(--ease);display:inline-block}.card-link:hover .card-play,.card-link:focus-visible .card-play{opacity:1;transform:none}.card-link:hover .card-arrow{transform:translate(3px)}@media (hover:none){.card-play{opacity:1;transform:none}}.card-caption{justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;display:flex}.card-title{font-size:var(--step-0);font-weight:600;line-height:1.3}.card-meta{color:var(--muted);white-space:pre;flex-shrink:0}.card-tagline{max-width:44ch;color:var(--muted);margin-top:4px;font-size:.9375rem;line-height:1.45}.card-tags{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.card-tag{border:1px solid var(--rule);color:var(--muted);font-size:var(--step--2);padding:1px 7px;line-height:1.5}.card-link:hover .card-title{text-underline-offset:4px;text-decoration:underline 1px}.card--slot .card-title{color:var(--muted);font-weight:400}.footer{padding:24px 0 calc(32px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;display:flex}.footer-links{gap:20px;display:flex}.footer a:hover,.doc-back:hover{color:var(--fg)}.dissolve{z-index:100;width:100vw;height:100vh;image-rendering:pixelated;pointer-events:none;position:fixed;inset:0}.doc-head{justify-content:space-between;align-items:center;gap:16px;padding:clamp(28px,6vw,56px) 0 0;display:flex}.doc-back{color:var(--muted);transition:color .16s}.doc{width:100%;max-width:680px;padding:clamp(48px,9vw,96px) 0 64px}.doc h1{margin-bottom:1.2em;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;line-height:1.15}.doc h2{font-family:var(--font-mono);font-size:var(--step--1);color:var(--muted);margin:2.2em 0 .5em;font-weight:400}.doc p{max-width:64ch;margin-bottom:.9em;line-height:1.65}.doc a{text-underline-offset:3px;text-decoration:underline 1px}.js .doc{animation:rise .6s var(--ease) .2s both}.boards{width:100%;max-width:680px;padding:clamp(48px,9vw,96px) 0 64px}.boards h1{margin-bottom:.5em;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;line-height:1.15}.boards-intro{max-width:52ch;color:var(--muted);margin-bottom:3em;line-height:1.6}.board{margin-bottom:48px}.board .section-label{margin-bottom:8px}.board-play{color:var(--muted);transition:color .16s}.board-play:hover,.board-play:focus-visible{color:var(--ink,var(--fg))}.board-list{margin:0;padding:0;list-style:none}.board-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(6ch,auto) 1fr auto;gap:16px;padding:7px 8px;display:grid}.board-row span:last-child{text-align:right}.board-row.is-you{border-color:var(--fg);background:var(--fg);color:var(--bg)}.board-note,.board-gap{border-bottom:1px solid var(--rule);color:var(--muted);padding:7px 8px}.board-gap{text-align:center;padding:2px 8px}.board-total{color:var(--muted);text-align:right;margin-top:8px}.js .boards{animation:rise .6s var(--ease) .2s both}.js .board-row{animation:rise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js .card{opacity:1;transform:none}}body.is-home{overflow-x:clip}.hero{--bw:clamp(176px, 46vw, 300px);--bh:calc(var(--bw) * 1.4167);--bd:calc(var(--bw) * .24);--case:#1c1c1b;--case-hi:#34342f;isolation:isolate;--pad-y:clamp(32px, 6vw, 72px);width:100vw;padding:var(--pad-y) max(var(--edge), calc((100vw - var(--max)) / 2 + var(--edge)));border-block:1px solid var(--rule);margin:0 calc(50% - 50vw) clamp(48px,8vw,88px);position:relative;overflow:hidden}.hero-bg{z-index:-1;position:absolute;inset:0}.hero-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hero-screen{width:100%;height:100%;image-rendering:pixelated;opacity:.38;transition:opacity .5s var(--ease)}.hero:hover .hero-screen,.hero:focus-within .hero-screen{opacity:.7}.hero-bg:after{content:"";background:linear-gradient(90deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 92%, transparent) 38%, color-mix(in srgb, var(--bg) 55%, transparent) 50%, transparent 64%), linear-gradient(0deg, var(--bg) 0%, transparent 18%);position:absolute;inset:0}.hero-inner{grid-template-columns:1fr;align-items:center;gap:36px;display:grid}.hero-copy{order:2;max-width:34rem}.hero-kicker{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.hero-badge{background:var(--fg);color:var(--bg);padding:1px 7px}.hero:hover .hero-badge,.hero:focus-within .hero-badge{background:var(--ink);color:#121211}.hero-title{letter-spacing:-.02em;text-wrap:balance;margin-top:14px;font-size:clamp(2.25rem,7vw,4.25rem);font-weight:800;line-height:.98}.hero-tagline{max-width:38ch;color:var(--muted);font-size:var(--step-1);margin-top:16px;line-height:1.45}.hero-tags{margin-top:16px}.hero-tags .card-tag{background:var(--bg)}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.hero-play{background:var(--fg);min-height:48px;color:var(--bg);font-size:var(--step-0);transition:background .2s var(--ease), color .2s var(--ease);align-items:center;gap:10px;padding:0 22px;display:inline-flex}.hero-play:hover,.hero-play:focus-visible{background:var(--ink);color:#121211}.hero-play:hover .card-arrow{transform:translate(3px)}.hero-link{text-underline-offset:3px;align-items:center;min-height:48px;text-decoration:underline 1px;display:inline-flex}.hero-stage{perspective:1100px;touch-action:pan-y;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;order:1;place-items:center;padding:12px 0 28px;display:grid}.hero-stage.is-dragging{cursor:grabbing}.box{width:var(--bw);height:var(--bh);transform-style:preserve-3d;position:relative}.box-body{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0;transform:rotateX(7deg)rotateY(-24deg)}.box-face{backface-visibility:hidden;position:absolute}.box-front,.box-back{background:var(--case);border-radius:1px;inset:0;overflow:hidden}.box-front:after,.box-back:after,.box-side:after,.box-edge:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff29, inset 0 0 calc(var(--bw) * .02) #00000059;background:repeating-linear-gradient(93deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.box-front{transform:translateZ(calc(var(--bd) / 2))}.box-back{transform:rotateY(180deg) translateZ(calc(var(--bd) / 2))}.box-art{width:100%;height:100%;image-rendering:pixelated;display:block}.box-gloss{background:linear-gradient(105deg, transparent calc(var(--gl,334) * 0.25% - 60%), #ffffff12 calc(var(--gl,334) * 0.25% - 44%), transparent calc(var(--gl,334) * 0.25% - 24%));mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.box-side{top:0;left:calc((var(--bw) - var(--bd)) / 2);width:var(--bd);height:var(--bh);align-items:center;gap:calc(var(--bw) * .04);padding:calc(var(--bw) * .05) 0;background:var(--ink);color:#121211;flex-direction:column;display:flex;overflow:hidden}.box-spine{transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2))}.box-right{transform:rotateY(90deg) translateZ(calc(var(--bw) / 2))}.box-right:before{content:"";pointer-events:none;background:#00000038;position:absolute;inset:0}.box-spine-issue{width:100%;color:var(--accent);font-size:calc(var(--bw) * .05);text-align:center;background:#121211;padding:3px 0;font-weight:700}.box-spine-title,.box-spine-mark{writing-mode:vertical-rl;white-space:nowrap;position:relative}.box-spine-title{font-size:calc(var(--bd) * .5);text-transform:uppercase;letter-spacing:.02em;flex:1;font-weight:800;line-height:1;overflow:hidden}.box-spine-mark{font-size:calc(var(--bw) * .038)}.box-top,.box-bottom{left:0;top:calc((var(--bh) - var(--bd)) / 2);width:var(--bw);height:var(--bd);background:linear-gradient(90deg, transparent 0 8%, var(--ink) 8% 10%, transparent 10%), #1a1a18}.box-top{transform:rotateX(90deg) translateZ(calc(var(--bh) / 2))}.box-bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2))}.box-shadow{filter:blur(3px);background:radial-gradient(closest-side,#0000004d,#0000);border-radius:50%;height:30px;position:absolute;bottom:-30px;left:2%;right:-8%;transform:translateZ(-80px)}.hero:not([data-pack=cd]) .box-side{background:linear-gradient(180deg, #121211 0 8.824%, var(--ink) 8.824% 71.176%, #121211 71.176% 89.412%, var(--ink) 89.412%);grid-template-rows:15fr 106fr 31fr 18fr;place-items:center;gap:0;padding:0;display:grid}.hero:not([data-pack=cd]) .box-spine-issue{background:0 0;grid-row:1;padding:0}.hero:not([data-pack=cd]) .box-spine-title{font-size:calc(var(--bw) * .08);padding:calc(var(--bw) * .03) 0;grid-row:2;align-self:stretch;place-items:center;display:grid}.hero:not([data-pack=cd]) .box-spine-mark{color:#f3f3ef;grid-row:3}.hero:not([data-pack=cd]) .box-bottom{background:var(--ink)}.hero[data-band]:not([data-pack=cd]) .box-spine{background:var(--band)}.hero[data-band]:not([data-pack=cd]) .box-spine>*{color:#121211;background:0 0}.hero[data-band]:not([data-pack=cd]) .box-right{background:linear-gradient(180deg, #121211 0 8.824%, var(--ink) 8.824% 71.176%, #121211 71.176% 89.412%, var(--band) 89.412%)}.hero[data-pack=cd]{--bd:calc(var(--bw) * .1)}.hero[data-pack=cd] .box-front,.hero[data-pack=cd] .box-back{padding:calc(var(--bw) * .025);box-shadow:inset 0 0 0 1px var(--case-hi);border-radius:3px}.hero[data-pack=cd] .box-face:after{content:none}.hero[data-pack=cd] .box-gloss{background:linear-gradient(105deg, transparent calc(var(--gl,334) * 0.25% - 60%), #ffffff29 calc(var(--gl,334) * 0.25% - 48%), #ffffff0a calc(var(--gl,334) * 0.25% - 34%), transparent calc(var(--gl,334) * 0.25% - 22%));border-radius:3px}.hero[data-pack=cd] .box-spine{gap:calc(var(--bd) * .4);padding:calc(var(--bd) * .5) 0;border-radius:2px}.hero[data-pack=cd] .box-spine-issue{font-size:calc(var(--bd) * .42);padding:2px 0}.hero[data-pack=cd] .box-spine-mark{font-size:calc(var(--bd) * .36)}.hero[data-pack=cd] .box-right{background:linear-gradient(90deg, transparent 44%, #00000080 50%, transparent 56%), linear-gradient(90deg, var(--case-hi), var(--case) 20%, var(--case) 80%, var(--case-hi))}.hero[data-pack=cd] .box-right>*,.hero[data-pack=cd] .box-right:before{display:none}.hero[data-pack=cd] .box-top,.hero[data-pack=cd] .box-bottom{background:linear-gradient(0deg, var(--case-hi), var(--case) 20%, var(--case) 80%, var(--case-hi))}@media (width>=760px){.hero-inner{grid-template-columns:minmax(0,1fr) auto;gap:48px}.hero-copy{order:1}.hero-stage{order:2;padding:24px clamp(8px,4vw,56px) 40px}}@media (width<=759px){.hero-bg:after{background:linear-gradient(0deg, var(--bg) 0%, color-mix(in srgb, var(--bg) 90%, transparent) 50%, transparent 66%)}}.js .hero-copy>*{animation:rise .7s var(--ease) both}.js .hero-kicker{animation-delay:.56s}.js .hero-title{animation-delay:.62s}.js .hero-tagline{animation-delay:.68s}.js .hero-tags{animation-delay:.72s}.js .hero-actions{animation-delay:.76s}.js .box{animation:box-in 1.1s var(--ease) .5s both}@keyframes box-in{0%{opacity:0;transform:translateY(24px)rotateY(-50deg)}}@media (prefers-reduced-motion:reduce){.js .hero-copy>*,.js .box{animation:none}}