.b3d{--w:var(--b3d-w,260px);--h:calc(var(--w) * 354 / 277.5);--d:calc(var(--w) * 45 / 277.5);position:relative;width:calc(var(--w) * 1.5);height:calc(var(--h) * 1.18);display:grid;place-items:center;perspective:calc(var(--w) * 5.2);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.b3d.is-grab{cursor:grabbing}.b3d:after{content:"";position:absolute;left:50%;bottom:0;width:78%;height:9%;translate:-50% 0;background:radial-gradient(closest-side,rgba(0,0,0,.65),transparent);pointer-events:none}.b3d__box{position:relative;width:var(--w);height:var(--h);transform-style:preserve-3d;will-change:transform;--sheen:30%}.b3d__f{position:absolute;left:50%;top:50%;background:var(--b3d-dark,#141418) center /cover no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden;--shade:0}.b3d__f:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#000;opacity:var(--shade);pointer-events:none;z-index:2}.b3d__back,.b3d__front{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);border-radius:0 calc(var(--w) * .045) calc(var(--w) * .045) 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);overflow:hidden}.b3d__front{transform:translateZ(calc(var(--d) / 2))}.b3d__back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));border-radius:calc(var(--w) * .045) 0 0 calc(var(--w) * .045)}.b3d__back:after,.b3d__front:after{content:"";position:absolute;inset:1.6%;border:1px dashed rgba(255,255,255,.3);border-radius:inherit;pointer-events:none;z-index:1}.b3d__front:after{inset:0;border:0;background:linear-gradient(115deg,transparent calc(var(--sheen) - 16%),rgba(255,255,255,.18) var(--sheen),transparent calc(var(--sheen) + 16%));outline:1px dashed rgba(255,255,255,.3);outline-offset:calc(var(--w) * -.016);border-radius:inherit}.b3d__spine{width:var(--d);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--d) / -2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));display:grid;place-items:center;overflow:hidden}.b3d__spine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.45))}.b3d__spineText{position:relative;z-index:3;writing-mode:vertical-rl;white-space:nowrap;font-family:"PokeSolid",var(--display,system-ui);font-weight:400;color:#fff;-webkit-text-stroke:calc(var(--d) * .05) #141a33;paint-order:stroke fill;letter-spacing:.02em;line-height:1;font-size:min(calc(var(--d) * .5),calc(var(--h) * .82 / var(--len, 8)));text-shadow:0 1px 3px rgba(0,0,0,.8)}.b3d__edge{background:#0d0d10}.b3d__edge:after{content:"";position:absolute}.b3d__right{width:var(--d);height:calc(var(--h) - var(--w) * .07);margin:calc((var(--h) - var(--w) * .07) / -2) 0 0 calc(var(--d) / -2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 1px));border-radius:3px}.b3d__right:after{left:44%;width:12%;top:0;bottom:0;background:repeating-linear-gradient(0deg,#8a8a92 0 2px,#26262c 2px 4px)}.b3d__bottom,.b3d__top{width:calc(var(--w) * .955);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--w) * -.5)}.b3d__top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 1px))}.b3d__bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 - 1px))}.b3d__bottom:after,.b3d__top:after{top:44%;height:12%;left:0;right:0;background:repeating-linear-gradient(90deg,#8a8a92 0 2px,#26262c 2px 4px)}