.shelf-page{--shelf-ink:#33392e;--shelf-muted:#797b6f;--shelf-line:#deded3;--shelf-accent:#687750;--shelf-rust:#a65b40;min-height:100svh;color:var(--shelf-ink);-webkit-font-smoothing:antialiased;background:#f7f7f0;padding:0 clamp(20px,4.5vw,80px);font-family:Arial,Helvetica,sans-serif}.shelf-page *,.shelf-page :before,.shelf-page :after{box-sizing:border-box}.shelf-page button,.shelf-page input,.shelf-page select{font:inherit}.shelf-page button{cursor:pointer}.shelf-page button:disabled{cursor:default;opacity:.4}.shelf-page button:focus-visible,.shelf-page a:focus-visible,.shelf-page select:focus-visible,.shelf-stage:focus-visible,.shelf-page summary:focus-visible{outline:2px solid var(--shelf-rust);outline-offset:4px}.shelf-exhibit{background:radial-gradient(at 50% 40%,#e8e9db44 0%,#0000 70%);min-width:0;position:relative}.shelf-stage-wrapper{position:relative}.shelf-stage{perspective:1700px;perspective-origin:50% 42%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:782px;min-height:640px;position:relative;overflow:hidden}.shelf-stage.is-dragging,.shelf-stage.is-dragging button{cursor:grabbing}.shelf-canvas{display:block;position:absolute;inset:0}.shelf-game-controls{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shelf-floor-shadow{filter:blur(22px);pointer-events:none;background:#5155423d;border-radius:50%;width:660px;height:62px;position:absolute;top:82%;left:50%}.shelf-selection{z-index:2;width:min(295px,42%);max-height:min(735px,100% - 50px);color:var(--shelf-ink);scrollbar-width:thin;touch-action:pan-y;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:7px;padding:23px;font-size:12px;line-height:1.6;position:absolute;top:25px;right:0;overflow-y:auto}.shelf-selection-close{color:#66715c;background:0 0;border:0;padding:4px;position:absolute;top:14px;right:14px}.shelf-selection-cover{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:175px;margin:22px auto;display:block}.shelf-selection h2{letter-spacing:-.5px;overflow-wrap:anywhere;margin:8px 0 7px;font-family:inherit;font-size:28px;font-weight:400;line-height:1.15}.shelf-selection p{color:#586451;margin:12px 0}.shelf-selection .shelf-selection-designer{color:#737d6a;margin:0 0 16px}.shelf-selection .shelf-selection-summary{margin-bottom:4px}.shelf-selection-more{border:0;margin:0 0 14px;padding:0}.shelf-selection-facts{border-top:1px solid var(--shelf-line);border-bottom:1px solid var(--shelf-line);color:#58684c;flex-wrap:wrap;gap:10px 16px;padding:14px 0;display:flex}.shelf-selection-facts span,.shelf-selection-link{align-items:center;gap:6px;display:inline-flex}.shelf-selection .shelf-selection-plays{color:#737d69;font-size:11px}.shelf-selection summary{cursor:pointer;color:#53694a}.shelf-selection-link{color:#596d4d;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-decoration-thickness:var(--underline-thickness);text-underline-offset:3px;margin-top:14px}@media (min-width:1500px){.shelf-page{max-width:1700px;margin:auto}.shelf-stage{height:870px}}@media (max-width:1100px){.shelf-stage{height:750px}}@media (max-width:900px){.shelf-stage{height:830px}.shelf-selection{width:100%;max-width:460px;max-height:none;margin:-20px auto 26px;position:relative}}@media (max-width:640px){.shelf-page{--shelf-sheet:min(40svh, 320px);flex-direction:column;flex:1;min-height:0;display:flex}.shelf-exhibit,.shelf-stage-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.shelf-exhibit{transition:padding-bottom .2s}.shelf-exhibit.has-selection{padding-bottom:var(--shelf-sheet)}.shelf-stage{flex:1;width:calc(100% + 24px);height:auto;min-height:0;margin:0 -12px}.shelf-selection{z-index:4;width:auto;max-width:none;height:var(--shelf-sheet);max-height:var(--shelf-sheet);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--shelf-line);overscroll-behavior:contain;background:var(--background);border-radius:18px 18px 0 0;grid-template-columns:96px minmax(0,1fr);align-content:start;column-gap:14px;margin:0;display:grid;position:fixed;inset:auto 0 0}.shelf-selection-close{padding:8px;top:10px;right:10px}.shelf-selection-cover{object-position:top center;grid-area:1/1/span 6;width:96px;max-height:128px;margin:6px 0 0}.shelf-selection h2{grid-column:2;margin:2px 28px 4px 0;font-size:22px}.shelf-selection .shelf-selection-designer,.shelf-selection .shelf-selection-summary,.shelf-selection-more,.shelf-selection-facts,.shelf-selection .shelf-selection-plays{grid-column:2}.shelf-selection .shelf-selection-designer{margin-bottom:8px}.shelf-selection .shelf-selection-summary{margin:4px 0 2px}.shelf-selection-more{margin:0 0 8px}.shelf-selection-facts{padding:8px 0}.shelf-selection .shelf-selection-plays{margin-top:8px}.shelf-selection-link{grid-column:1/-1}.shelf-selection:not(:has(.shelf-selection-cover)) :is(h2,p,.shelf-selection-facts){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.shelf-page *,.shelf-page :before,.shelf-page :after{scroll-behavior:auto!important;transition:none!important}}