/* Actual vanilla client textures. Every icon has three connected square faces. */
.mc-block{--block-size:36px;--half:calc(var(--block-size)/2);display:inline-block;position:relative;width:var(--block-size);height:var(--block-size);flex:none;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(-35deg);isolation:auto}
.mc-block i{display:block;position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;background-image:url('/assets/blocks/grass_block_side.png');background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}
.mc-block i:nth-child(1){transform:rotateX(90deg) translateZ(var(--half));background-image:url('/assets/blocks/grass_block_top.png');background-color:#91bd59;background-blend-mode:multiply}
.mc-block i:nth-child(2){transform:translateZ(var(--half));filter:brightness(.89)}
.mc-block i:nth-child(3){transform:rotateY(90deg) translateZ(var(--half));filter:brightness(.72)}
.mc-block.grass i:nth-child(n+2):after{content:'';position:absolute;inset:0;background:url('/assets/blocks/grass_block_side_overlay.png') 0 0/100% 100%;filter:sepia(1) saturate(2.3) hue-rotate(38deg) brightness(.77);image-rendering:pixelated}
.mc-block.diamond i{background-image:url('/assets/blocks/diamond_block.png');background-color:transparent;background-blend-mode:normal}
.mc-block.stone i{background-image:url('/assets/blocks/stone.png');background-color:transparent;background-blend-mode:normal}
.mc-block.dirt i{background-image:url('/assets/blocks/dirt.png');background-color:transparent;background-blend-mode:normal}
.brand .brand-block{--block-size:25px;margin:3px 8px 3px 2px}
.feature>.mc-block{--block-size:39px;margin:7px 0 24px 11px}
.ranking-cube .mc-block{--block-size:67px;margin-right:20px;transform:rotateX(-25deg) rotateY(-35deg) rotateZ(8deg)}
.island-stage .island-fallback{position:absolute;inset:0;pointer-events:none;transition:opacity .25s}
.island-ready:not(.island-static) .island-fallback{opacity:0;visibility:hidden}
.island-static #island{visibility:hidden}
.fallback-world{position:absolute;left:50%;top:44%;width:1px;height:1px;filter:drop-shadow(0 30px 20px #6281b724)}
.fallback-world .mc-block{--block-size:92px;position:absolute;left:var(--x);top:var(--y)}
.fallback-world .diamond{--block-size:45px}
.fallback-world .stone:last-child{--block-size:40px}
.island-stage .scene-caption{font-size:10px;max-width:calc(100% - 35px);text-align:right;line-height:1.5;color:#5c6f87}
.island-stage .scene-label{z-index:1}
.island-stage .scene-controls{z-index:2}
@media(max-width:800px){.feature>.mc-block{grid-row:span 3;--block-size:35px;margin:12px 0 0 8px}.brand .brand-block{--block-size:22px}.fallback-world{transform:scale(.83)}.island-stage .scene-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.island-stage .island-fallback{transition:none}}
