.shelves{width:min(1200px,100%);container:shelves/inline-size}.shelf+.shelf{margin-top:2.5rem}.shelf__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex;position:relative}.shelf__name{font:700 .85rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:.5rem;margin:0;display:flex}.shelf__count{background:var(--ink);min-width:1.4rem;color:var(--bg);text-align:center;border-radius:999px;padding:.05rem .45rem;font-size:.75rem}.shelf__arrows{gap:.4rem;display:flex}.shelf__arrow{border:1.5px solid var(--ink);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--ink);font:700 1.1rem/1 var(--font-body);box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:translate .15s var(--ease-out), box-shadow .15s var(--ease-out), opacity .2s;border-radius:50%;place-items:center;padding:0;display:grid}.shelf__arrow:active{box-shadow:0 0 0 var(--ink);translate:0 3px}.shelf__arrow:disabled{opacity:.35;cursor:default}.shelf__row{gap:1.5rem;padding-top:2.5rem;display:grid}.shelf--fill .shelf__row{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}.shelf--rail .shelf__row{scroll-snap-type:x mandatory;scrollbar-width:none;border-bottom:2px dashed var(--line);padding:2.5rem 10px 1.75rem 0;display:flex;overflow-x:auto}.shelf--rail .shelf__row::-webkit-scrollbar{display:none}.shelf--rail .shelf__item,.shelf--rail .shelf__slot{scroll-snap-align:start;flex:0 0 calc(33.3333% - 1rem)}.shelf__item,.shelf__slot{color:var(--ink);align-content:start;gap:.35rem;text-decoration:none;display:grid;position:relative}.shelf__item{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .25s var(--ease-spring)}.shelf__item:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:14px}.shelf__cover{aspect-ratio:16/9;border:2px solid var(--ink);background:var(--ink);box-shadow:6px 6px 0 var(--ink);transition:box-shadow .2s var(--ease-out);border-radius:14px;margin-bottom:.5rem;display:block;position:relative;overflow:hidden}.shelf__cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shelf__placeholder{background:var(--surface);height:100%;font:800 2.5rem/1 var(--font-display);place-items:center;display:grid}.shelf__cover .shelf__shot{z-index:1;opacity:0;transition:opacity .35s}.shelf__cover .shelf__shot--tall{object-fit:contain;background:var(--ink)}.shelf__shot.is-on{opacity:1}.shelf__glint{z-index:2;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff6, transparent 45%);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.shelf__text{gap:.15rem;display:grid}.shelf__title{font:800 1.3rem/1.15 var(--font-display)}.shelf__star{vertical-align:.3em;font-size:.6em}.shelf__meta,.shelf__genre{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.shelf__meta,.shelf__hook,.shelf__btn{display:none}.shelf--solo .shelf__item{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:2.25rem}.shelf--solo .shelf__text{gap:.5rem}.shelf--solo .shelf__meta,.shelf--solo .shelf__hook{display:block}.shelf--solo .shelf__genre{display:none}.shelf--solo .shelf__title{font-size:1.9rem}.shelf--solo .shelf__btn{border:2px solid var(--ink);background:var(--accent);color:var(--on-accent);font:800 .95rem/1 var(--font-display);box-shadow:0 4px 0 var(--ink);border-radius:999px;justify-self:start;margin-top:.5rem;padding:.5rem 1.1rem;display:inline-block}.shelf__cover--empty{--site-yellow:#ffc81e;--site-black:#1d1b18;--site-cone:#ff7a1a;background:var(--surface);box-shadow:none;border-style:dashed;overflow:visible}.site{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.site__line,.site__bricks{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.site__bricks{fill:var(--bg);stroke-width:2.5px}.site__ground{fill:var(--line)}.site__yellow{fill:var(--site-yellow)}.site__black{fill:var(--site-black)}.site__cone{fill:var(--site-cone)}.site__band{fill:#fffdf8}.site__post{fill:var(--ink)}.site__crate{fill:var(--bg)}.site__pict{fill:var(--site-black);stroke:var(--site-black);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.site__pict path{fill:none}.site__screen{fill:var(--ink)}.site__crack{fill:none;stroke:var(--surface);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.site__lamp{fill:var(--red)}.site__swing{transform-box:view-box;transform-origin:222px 0}@media (prefers-reduced-motion:no-preference){.site__lamp{animation:1.2s step-end infinite site-blink}.site__swing{animation:2.6s ease-in-out infinite alternate site-swing}}@keyframes site-blink{50%{fill:var(--surface)}}@keyframes site-swing{0%{rotate:-5deg}to{rotate:5deg}}.shelf-dust{z-index:3;background:var(--ink-soft);pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute}@media (hover:hover) and (prefers-reduced-motion:no-preference){.shelf__item:hover{--lift:-6px}.shelf__item:hover .shelf__cover{box-shadow:10px 12px 0 var(--ink)}.shelf__item:hover .shelf__glint{opacity:1}}.shelf__item:active{transition-duration:80ms;transform:perspective(900px)translateY(-1px)scale(.97,.94)}.shelf__item.is-unstocked,.shelf__slot.is-unstocked{opacity:0}.shelf-bulb{z-index:3;pointer-events:none;transform-origin:50% 100%;line-height:0;transition:opacity .25s;position:absolute}.runaway-shown .shelf-bulb{opacity:0;transition-duration:0s}.shelf-bulb--slot{top:50%;left:50%;translate:-50% -62%}.shelf-bulb--perch{top:-2.4rem;right:1rem}.shelf-say{z-index:4;background:var(--ink);color:var(--bg);font:800 .8rem/1.2 var(--font-display);white-space:nowrap;animation:shelf-say 1.6s var(--ease-spring) both;border-radius:10px;padding:.3rem .65rem;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50%}.shelf-say:after{content:"";border:6px solid #0000;border-top-color:var(--ink);margin-left:-6px;position:absolute;top:100%;left:50%}@keyframes shelf-say{0%{scale:0}20%,85%{scale:1}to{scale:0}}.shelf-shout{z-index:40;position:fixed}@container shelves (width<=600px){.shelf__row,.shelf--fill .shelf__row,.shelf--rail .shelf__row{border:0;grid-template-columns:minmax(0,1fr);gap:.9rem;padding:.75rem 0 0;display:grid;overflow:visible}.shelf__item,.shelf__slot,.shelf--solo .shelf__item{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:.9rem}.shelf__cover{box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin:0}.shelf__title,.shelf--solo .shelf__title{font-size:1.05rem}.shelf--solo .shelf__meta,.shelf--solo .shelf__hook,.shelf--solo .shelf__btn{display:none}.shelf--solo .shelf__genre{display:block}.shelf__cover--empty{box-shadow:none}.shelf-bulb--slot{translate:-50% -66%;scale:.7}.shelf__arrows{display:none}}