.bnd{--bnd-accent:#c084fc;--bnd-rgb:192,132,252;--bnd-paper:#11151f;gap:1rem}.bnd,.bnd-head{display:flex;flex-direction:column}.bnd-head{align-items:center;gap:.35rem;text-align:center}.bnd-game{display:inline-flex;align-items:center;justify-content:center;height:1.6rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#8496ac}.bnd-game>img{height:100%;width:auto;-o-object-fit:contain;object-fit:contain}.bnd-title{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:600;letter-spacing:-.015em;color:#fff;text-wrap:balance}.bnd-count{font-size:.875rem;color:#aab9cc}.bnd-views{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem;padding:.25rem;border-radius:999px;background:hsla(0,0%,100%,.04);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.bnd-view{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding:0 .8rem;border:0;border-radius:999px;background:transparent;font-size:.8rem;color:#aab9cc;cursor:pointer;transition:background .14s ease,color .14s ease}.bnd-view:hover{color:#fff;background:hsla(0,0%,100%,.06)}.bnd-view.is-on{color:#fff;background:rgba(var(--bnd-rgb),.22);box-shadow:inset 0 0 0 1px rgba(var(--bnd-rgb),.5)}.bnd-view-n{font-family:var(--font-mono),ui-monospace,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.55)}.bnd-view.is-on .bnd-view-n{color:rgb(var(--bnd-rgb))}.bnd-none{padding:3rem 1.25rem;text-align:center;font-size:.9rem;color:#aab9cc}.bnd-count strong{color:var(--bnd-accent);font-variant-numeric:tabular-nums}.bnd-book{perspective:1900px;perspective-origin:50% 46%}.bnd-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:1rem;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0) 32%),var(--bnd-paper);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 0 0 1px rgba(var(--bnd-rgb),.22),0 26px 60px rgba(0,0,0,.55);transform-style:preserve-3d}.bnd-rings{position:absolute;top:6%;bottom:6%;left:50%;width:14px;margin-left:-7px;z-index:3;pointer-events:none;border-radius:7px;background:repeating-linear-gradient(180deg,rgba(var(--bnd-rgb),.85) 0 10px,transparent 10px 34px),linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 40%,rgba(0,0,0,.55));box-shadow:0 0 14px -4px rgba(var(--bnd-rgb),.7)}.bnd-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.85rem}@media (min-width:640px){.bnd-page{gap:.7rem;padding:1.15rem}}.bnd-pocket{position:relative;display:block;width:100%;aspect-ratio:63/88;overflow:hidden;border:0;padding:0;border-radius:.35rem;background:hsla(0,0%,100%,.035);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),inset 0 3px 7px -3px rgba(0,0,0,.9);cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s linear}.bnd-pocket>img{position:absolute;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.bnd-pocket--none{background:hsla(0,0%,100%,.015);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04);cursor:default}.bnd-pocket.is-held{box-shadow:inset 0 0 0 1px rgba(var(--bnd-rgb),.45),inset 0 3px 7px -3px rgba(0,0,0,.9)}.bnd-pocket.is-gap>img{filter:grayscale(1) brightness(.62) contrast(.9)}.bnd-pocket.is-gap{background:rgba(0,0,0,.45)}.bnd-pocket.is-gap:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.022) 0 6px,hsla(0,0%,100%,0) 6px 12px)}.bnd-pocket:focus-visible,.bnd-pocket:hover{transform:translate3d(0,-2px,0);box-shadow:inset 0 0 0 1px rgba(var(--bnd-rgb),.7),0 10px 20px -8px rgba(0,0,0,.8)}.bnd-pocket.is-gap:focus-visible>img,.bnd-pocket.is-gap:hover>img{filter:grayscale(.4) brightness(.92)}.bnd-pocket-no{position:absolute;z-index:2;right:.2rem;bottom:.14rem;padding:0 .22rem;border-radius:.2rem;background:rgba(4,6,12,.78);font-family:var(--font-mono),ui-monospace,monospace;font-size:.56rem;letter-spacing:.02em;color:#c9d6e6;font-variant-numeric:tabular-nums}.bnd-pocket-blank{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;color:#64748b}.bnd-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:4;transform-style:preserve-3d;will-change:transform}.bnd-leaf--next{left:50%;transform-origin:left center;animation:bnd-turn-next .52s cubic-bezier(.42,0,.3,1) forwards}.bnd-leaf--prev{left:0;transform-origin:right center;animation:bnd-turn-prev .52s cubic-bezier(.42,0,.3,1) forwards}@keyframes bnd-turn-next{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes bnd-turn-prev{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.bnd-leaf-face{position:absolute;inset:0;backface-visibility:hidden;background:var(--bnd-paper);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}.bnd-leaf-front{transform:rotateY(0deg)}.bnd-leaf-back{transform:rotateY(180deg)}.bnd-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bnd-turn{display:inline-flex;align-items:center;gap:.4rem;height:2.5rem;padding:0 1.1rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);font-size:.875rem;font-weight:600;color:#edf2f9;cursor:pointer;transition:border-color .16s linear,background-color .16s linear}.bnd-turn:hover:not(:disabled){border-color:rgba(var(--bnd-rgb),.5);background:rgba(var(--bnd-rgb),.12)}.bnd-turn:disabled{opacity:.4;cursor:default}.bnd-where{font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8496ac;font-variant-numeric:tabular-nums}.bnd-foot{text-align:center;font-size:.8125rem;color:#8496ac}.bnd-foot a{color:var(--bnd-accent);text-underline-offset:2px}.bnd-foot a:hover{text-decoration:underline}.bnd-lift{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.25rem;background:rgba(4,6,12,.82)}.bnd-lift-card{display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:min(22rem,92vw)}.bnd-lift-card>img{width:100%;border-radius:.6rem;box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 0 1px rgba(var(--bnd-rgb),.35)}.bnd-lift-blank{display:grid;place-content:center;place-items:center;width:100%;aspect-ratio:63/88;border-radius:.6rem;background:hsla(0,0%,100%,.04);font-size:.8125rem;color:#8496ac}.bnd-lift-say{text-align:center}.bnd-lift-name{font-family:var(--font-display),system-ui,sans-serif;font-size:1.05rem;font-weight:600;color:#fff}.bnd-lift-meta{margin-top:.15rem;font-size:.8125rem;color:#aab9cc}.bnd-lift-have,.bnd-lift-want{margin-top:.45rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.bnd-lift-have{color:#22e37a}.bnd-lift-want{color:#8496ac}.bnd-lift-close{height:2.4rem;padding:0 1.3rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.05);font-size:.85rem;font-weight:600;color:#fff;cursor:pointer}@media (max-width:759.98px){.bnd-spread{grid-template-columns:1fr}.bnd-rings{left:0;margin-left:3px}.bnd-page{padding-left:1.4rem}.bnd-leaf{width:100%;left:0!important;transform-origin:left center}}@media (prefers-reduced-motion:reduce){.bnd-pocket,.bnd-pocket:focus-visible,.bnd-pocket:hover{transform:none}}.bnd-shelf{position:relative;padding:1.5rem 1rem 0;border-radius:1rem;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,0) 40%),#0a0f1b;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 18px 44px rgba(0,0,0,.42);overflow:hidden}.bnd-spines{display:flex;align-items:flex-end;gap:.45rem;margin:0;padding:0 0 .9rem;list-style:none;overflow-x:auto;scrollbar-width:none}.bnd-spines::-webkit-scrollbar{display:none}.bnd-shelf:after{content:"";position:absolute;inset:auto 0 0;height:.9rem;background:linear-gradient(180deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.03) 40%,rgba(0,0,0,.5));box-shadow:0 -10px 24px -8px rgba(0,0,0,.8)}.bnd-spine{--bnd-accent:#c084fc;--bnd-rgb:192,132,252;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:space-between;width:3.1rem;height:15rem;padding:.55rem .2rem;border-radius:.2rem .2rem .1rem .1rem;text-decoration:none;background:linear-gradient(90deg,rgba(0,0,0,.55) 0 8%,hsla(0,0%,100%,.14) 22%,hsla(0,0%,100%,0) 52%,rgba(0,0,0,.45) 100%),linear-gradient(180deg,rgba(var(--bnd-rgb),.95),rgba(var(--bnd-rgb),.55));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.16),0 10px 22px -10px rgba(0,0,0,.9);transition:transform .2s cubic-bezier(.16,1,.3,1)}.bnd-spine:focus-visible,.bnd-spine:hover{transform:translate3d(0,-10px,0)}.bnd-spine-logo{height:1.5rem;width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.bnd-spine-name{flex:1;display:flex;align-items:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-display),system-ui,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.01em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.4rem 0}.bnd-spine-count{font-family:var(--font-mono),ui-monospace,monospace;font-size:.56rem;letter-spacing:.04em;color:hsla(0,0%,100%,.92);background:rgba(0,0,0,.42);border-radius:.2rem;padding:.1rem .25rem;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.bnd-spine:focus-visible,.bnd-spine:hover{transform:none}}