/* The same pouch and printed faces are used by all twelve universes. */
.pack-3d-canvas{position:absolute;left:-60%;top:-7.5%;width:220%;height:115%;display:block;touch-action:none;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent}
.pack-3d-canvas.is-dragging{cursor:grabbing}
.pack-3d-canvas:focus-visible{outline:1px solid color-mix(in srgb,var(--pack-accent),transparent 35%);outline-offset:2px;border-radius:18px}
.bar-experience .opening-dialog.is-showcase .sealed-pack.has-pack-3d{width:calc(var(--pack-height) * .5875);transform:none}
.has-pack-3d>#sealed-art,.has-pack-3d>.tear-strip{visibility:hidden;pointer-events:none}
.pack-view-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;position:absolute;left:0;right:0;bottom:-5px;z-index:5;min-height:32px}
.pack-view-controls>span{font:9px 'Courier New',monospace;letter-spacing:.8px;color:#e0d5dfb3;margin-right:8px}
.pack-view-controls button{border:1px solid #fff2;border-radius:30px;background:#0c0914a6;color:#e8deeb;font:10px Arial,sans-serif;min-height:32px;min-width:58px;padding:6px 13px;cursor:pointer}
.pack-view-controls button:hover{border-color:var(--pack-accent);color:#fff}
.pack-view-controls button:focus-visible{outline:2px solid var(--pack-accent);outline-offset:3px}
.bar-experience:is([data-opening-state="orienting"],[data-opening-state="tearing"],[data-opening-state="back"],[data-opening-state="anticipating"],[data-opening-state="flipping"],[data-opening-state="revealed"]) .pack-view-controls{visibility:hidden;pointer-events:none}
.bar-experience[data-opening-state="orienting"] .pack-3d-canvas,.bar-experience[data-opening-state="tearing"] .pack-3d-canvas{pointer-events:none}
.opening-dialog.is-unwrapping .has-pack-3d .pack-half{display:none}
@media(max-width:400px){.pack-view-controls{gap:6px}.pack-view-controls>span{font-size:8px;margin-right:3px}.pack-view-controls button{min-width:52px;padding-inline:10px}}
@media(max-width:600px){.pack-view-controls button{min-height:44px}}