.d-period{font-size:12px!important;color:#8dbde6!important}.d-purchases{display:block;font-size:10px;color:#91a9c7;margin-top:3px}
.d-stage{--p:5px;height:190px;display:flex;align-items:center;justify-content:center;width:100%;perspective:900px}
.d-skin{position:relative;display:block;width:calc(16 * var(--p));height:calc(32 * var(--p));transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-28deg);image-rendering:pixelated}
.d-cube{position:absolute;left:calc(var(--x) * var(--p));top:calc(var(--y) * var(--p));width:calc(var(--w) * var(--p));height:calc(var(--h) * var(--p));transform-style:preserve-3d}
.d-face{display:block;position:absolute;left:0;top:0;width:calc(var(--fw) * var(--p));height:calc(var(--fh) * var(--p));overflow:hidden;backface-visibility:hidden;background:#347d98;transform-origin:center}
.d-face img{position:absolute;width:calc(64 * var(--p))!important;max-width:none!important;height:auto!important;left:calc(-1 * var(--u) * var(--p));top:calc(-1 * var(--v) * var(--p));image-rendering:pixelated}
.d-head .d-face{background:#bd9276}.d-left-leg .d-face,.d-right-leg .d-face{background:#364674}
.d-front{transform:translateZ(calc(var(--d) * var(--p) / 2))}
.d-back{transform:rotateY(180deg) translateZ(calc(var(--d) * var(--p) / 2))}
.d-right{left:calc((var(--w) - var(--d)) * var(--p) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) * var(--p) / 2));filter:brightness(.78)}
.d-left{left:calc((var(--w) - var(--d)) * var(--p) / 2);transform:rotateY(90deg) translateZ(calc(var(--w) * var(--p) / 2));filter:brightness(.88)}
.d-top{top:calc((var(--h) - var(--d)) * var(--p) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) * var(--p) / 2));filter:brightness(1.08)}
.d-bottom{top:calc((var(--h) - var(--d)) * var(--p) / 2);transform:rotateX(-90deg) translateZ(calc(var(--h) * var(--p) / 2))}
.d-skin.d-missing img{display:none!important}
.d-page .v-winner-base strong{font-size:clamp(12px,1.6vw,20px)}
@media(max-width:760px){.d-stage{--p:3px;height:118px}.d-page .v-winner-base strong{font-size:11px}}
@media(max-width:420px){.d-stage{--p:2.4px;height:100px}}
/* Keep the extra navigation item from crowding laptop headers. */
@media(min-width:901px) and (max-width:1099px){body>header .navlinks{display:none}body>header .v-mobile-menu{display:block}body>header .navright{margin-left:auto}}

.d-hat{transform:scale3d(1.05,1.05,1.05);transform-origin:center}.d-hat .d-face{background:transparent}