.shelf{--stage-h:560px}.shelf-scroll{touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent;cursor:grab;display:flex;overflow:auto hidden}.shelf-scroll:active{cursor:grabbing}.shelf-stage{min-inline-size:max-content;margin-inline:auto;padding:96px 48px 0;position:relative}.shelf-row{align-items:flex-end;gap:7px;padding-block-end:18px;display:flex}.shelf-board{background:var(--sand);border-block-start:1.5px solid var(--ink);block-size:14px;margin-inline:-48px;box-shadow:0 10px 18px -12px #16130f59}.bk{inline-size:var(--w);block-size:var(--h);perspective:1100px;outline-offset:6px;flex:none;position:relative}.bk.sel{z-index:5}.bk-box{transform-style:preserve-3d;transition:transform var(--t-struct) var(--ease);position:absolute;inset:0;transform:translateZ(0)rotateY(0)}.bk.sel .bk-box{transform:translateZ(110px)translateY(-42px)rotateY(90deg)}@media (hover:hover){.bk:not(.sel):hover .bk-box{transform:translateZ(14px)}}.bk:focus-visible .bk-box{transform:translateZ(14px)}.bk.sel:focus-visible .bk-box{transform:translateZ(110px)translateY(-42px)rotateY(90deg)}.f{backface-visibility:hidden;border-radius:1.5px;position:absolute;inset-block-start:0;inset-inline-start:0}.f-spine{inline-size:var(--w);block-size:var(--h);background:var(--c);color:var(--fg);transform:translateZ(calc(var(--cw) / 2));justify-content:center;align-items:flex-start;padding-block:16px;display:flex;box-shadow:inset -2px 0 4px #00000024,inset 2px 0 3px #ffffff14}.sp-t{writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;max-block-size:calc(var(--h) - 32px);font-size:11px;font-weight:500;overflow:hidden}.f-cover{inline-size:var(--cw);block-size:var(--h);background:var(--c);color:var(--fg);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));text-align:start;flex-direction:column;justify-content:flex-end;gap:8px;padding:18px;display:flex;inset-inline-start:calc((var(--w) - var(--cw)) / 2);box-shadow:inset 0 0 0 1px #00000014,inset 6px 0 10px #0000001f}.cv-k{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:10px}.cv-t{font-family:var(--font-text);font-weight:var(--display-wght);font-variation-settings:"wdth" var(--display-wdth);font-size:19px;line-height:1.12}.cv-a{font-family:var(--font-mono);letter-spacing:.05em;opacity:.85;font-size:11px}.f-back{inline-size:var(--cw);block-size:var(--h);background:color-mix(in srgb, var(--c) 88%, #000);transform:rotateY(90deg) translateZ(calc(var(--w) / 2));inset-inline-start:calc((var(--w) - var(--cw)) / 2)}.shelf-bar{justify-content:space-between;align-items:center;gap:20px;margin-block-start:18px;display:flex}.shelf-cnt em{color:var(--copper);font-weight:600}.shelf-arrows{gap:8px;display:flex}.shelf-arw{border:1px solid var(--hairline);block-size:46px;inline-size:46px;color:var(--graphite);transition:border-color var(--t-resp) var(--ease), color var(--t-resp) var(--ease);border-radius:2px;place-items:center;font-size:17px;display:grid}.shelf-arw:hover{border-color:var(--ink);color:var(--ink)}.shelf-meta{border-block-start:1px solid var(--hairline);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px 56px;margin-block-start:26px;padding-block-start:26px;display:grid}.bk-title{font-size:clamp(1.35rem,2.4vw,1.8rem)}.shelf-meta-id .mono-meta{margin-block-start:10px}.bk-stay{max-inline-size:46ch;margin-block-start:14px;font-size:17.5px;line-height:1.55}.shelf-meta-stay .route-link{color:var(--copper);margin-block-start:12px}@media (width<=780px){.shelf-meta{grid-template-columns:1fr;gap:16px}.shelf-stage{padding-inline:var(--pad)}.shelf-board{margin-inline:calc(-1 * var(--pad))}}