/* Coordinates refer to the existing middle shelf, not a replacement scene. */
.shelf-collection{position:absolute;inset:0;pointer-events:none;z-index:3}.shelf-figure{position:absolute;width:60px;height:90px;padding:0;pointer-events:auto;filter:drop-shadow(0 2px 1px #09050bd9)}.shelf-figure svg{display:block;width:100%;height:100%;transition:filter .25s,translate .25s}.shelf-figure:hover svg,.shelf-figure:focus-visible svg{filter:drop-shadow(0 0 2px #f078c5) brightness(1.08);translate:0 -1px}.shelf-label{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:5px;line-height:1.3;padding:3px 4px;border:0.4px solid #f078c570;border-radius:3px;background:#18101ee8;color:#e9e3e8;opacity:0;pointer-events:none}.shelf-label small{display:block;font-size:4px;color:#b8afb7}.shelf-figure:hover .shelf-label,.shelf-figure:focus-visible .shelf-label{opacity:1}.shelf-mystery{position:absolute;left:1301px;top:151px;width:48px;height:76px;pointer-events:auto;color:#f078c5;background:radial-gradient(ellipse,#41163288,transparent 70%);border-bottom:1px solid #f078c55c}.shelf-mystery b{font-size:41px;font-weight:500;text-shadow:0 0 5px #ff4db890}.shelf-mystery small,.shelf-mystery span{display:block;font-size:5px}.shelf-mystery:hover{filter:brightness(1.2)}
.canvas:not([data-mode=shelves]) .shelf-collection{visibility:hidden}
.world[data-scene=shelves]{transform-origin:0 0;transform:matrix(3.3,0,0,3.3,-3170,-240)}
.shelf-ui{position:absolute;inset:0;z-index:10;pointer-events:none;color:#e9e3e8}.shelf-caption{position:absolute;left:160px;top:125px;font-size:18px;letter-spacing:.12em;color:#f078c5}.shelf-caption small{display:block;font-size:12px;letter-spacing:0;color:#b8afb7;margin-top:10px}.canvas[data-mode=shelves] .scene-caption{display:none}.shelf-inspection{position:absolute;inset:0;background:#0a06102b}.shelf-return{position:absolute;left:35px;top:100px;pointer-events:auto;padding:12px 18px;color:#f078c5}.shelf-large{position:absolute;left:210px;top:125px;width:500px;height:750px;pointer-events:auto;transition:transform .2s ease;transform-origin:center}.shelf-large svg{width:100%;height:100%;display:block;filter:drop-shadow(0 15px 15px #0008)}.shelf-info{position:absolute;left:875px;top:310px;width:390px;padding:32px;pointer-events:auto;background:#17101ee8}.shelf-info h2{font-size:28px;color:#f078c5;margin:0 0 10px}.shelf-info>small{font-size:14px}.shelf-info p{font-size:17px;line-height:1.7;margin:25px 0}.shelf-tags{font-size:12px;color:#f078c5;letter-spacing:.1em}.shelf-info nav{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.shelf-info nav button{font-size:28px;color:#f078c5;padding:6px 15px;border:1px solid #f078c550;border-radius:50%}.shelf-counter{font-size:13px}.shelf-dots{display:flex;justify-content:center;gap:12px;margin-top:18px}.shelf-dots button{width:9px;height:9px;border:1px solid #f078c5;border-radius:50%;padding:0}.shelf-dots button[aria-pressed=true]{background:#f078c5}
.canvas[data-collection=figure-focus] #world{filter:blur(2px) brightness(.7);transition:transform 1.25s cubic-bezier(.22,.65,.25,1),filter .5s}.canvas[data-collection=figure-focus] #back{visibility:hidden}
@media(prefers-reduced-motion:reduce){.shelf-large,.shelf-figure svg{transition:none}.shelf-figure:hover svg{translate:none}}
.shelf-ui[hidden],.shelf-ui [hidden]{display:none!important}.shelf-mystery{top:167px}.shelf-figure::before{content:"";position:absolute;bottom:0;left:17%;width:68%;height:4px;background:#070409b0;filter:blur(2px);border-radius:50%;z-index:-1}

/* Local bloom stays still while the separate figure layer tilts. */
.shelf-focus-glow{position:absolute;left:285px;top:155px;width:350px;height:600px;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,rgba(240,120,197,.36),rgba(182,55,174,.17) 42%,rgba(116,54,170,.08) 60%,transparent 76%);filter:blur(48px);animation:shelf-focus-breathe 6s ease-in-out infinite alternate}
.shelf-large svg{position:absolute;inset:0}
@keyframes shelf-focus-breathe{from{opacity:.78;scale:.98}to{opacity:1;scale:1.02}}
@media(prefers-reduced-motion:reduce){.shelf-focus-glow{animation:none}}