.quest-viewer{min-width:0;text-align:center}.quest-stage{height:440px;display:grid;place-items:center;perspective:1100px;touch-action:pan-y;cursor:grab;outline-offset:4px}.quest-stage:active{cursor:grabbing}.quest-box{position:relative;width:300px;height:300px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-25deg);will-change:transform}.quest-face{position:absolute;backface-visibility:hidden;background-color:#071222;outline:1px solid #172434;background-size:100% 100%;background-repeat:no-repeat}.quest-lid,.quest-base{width:300px;height:300px}.quest-lid{transform:translateZ(55px);background-image:url('assets/quest-box/wrap.png');background-size:177.7778% 177.7778%;background-position:50% 50%}.quest-base{transform:rotateY(180deg) translateZ(55px);background:#101722}.quest-top,.quest-bottom{width:300px;height:110px;top:95px}.quest-top{transform:rotateX(90deg) translateZ(150px);background-image:url('assets/quest-box/title.png')}.quest-bottom{transform:rotateX(-90deg) translateZ(150px);background-image:url('assets/quest-box/title.png')}.quest-left,.quest-right{width:110px;height:300px;left:95px;overflow:hidden}.quest-left{transform:rotateY(-90deg) translateZ(150px)}.quest-right{transform:rotateY(90deg) translateZ(150px)}.quest-side-art{position:absolute;width:300px;height:110px;left:-95px;top:95px;transform:rotate(90deg);background-size:100% 100%}.quest-left .quest-side-art{background-image:url('assets/quest-box/cards.png')}.quest-right .quest-side-art{background-image:url('assets/quest-box/characters.png');background-size:103% 110%;background-position:center;filter:brightness(1.45) saturate(1.18)}.quest-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.quest-controls button{font:inherit;padding:9px 15px;border:1px solid #8a7140;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.quest-help{font-size:14px;margin:12px 0}.quest-stage:focus-visible{outline:2px solid #b38a43}@media(max-width:480px){.quest-stage{height:370px}.quest-box{scale:.78}}@media(prefers-reduced-motion:reduce){.quest-box{will-change:auto}}
/* Orient the character side and opposite title panel for the assembled lid. */
.quest-right .quest-side-art{transform:rotate(-90deg)}
.quest-top{background-image:none}
.quest-top::before{content:"";position:absolute;inset:0;background:url('assets/quest-box/title.png') center/100% 100% no-repeat;transform:rotate(180deg)}