/* Homepage payment art: transparent host with only the requested Minecraft effects. */
body.landing:before,body.landing:after{display:none!important}
.visual{--acid:#c8ff3d;position:relative;width:300px;height:320px;margin:10px auto 0;overflow:visible;perspective:1000px}

/* Floating pixel-extruded gold ingot and four staggered stars. */
.token-orbit{position:absolute;left:50%;top:4%;width:92px;height:92px;transform:translateX(-50%);z-index:5;animation:tokenBob 3.6s ease-in-out infinite;filter:drop-shadow(0 16px 18px #0009)}
.floating-token{position:absolute;inset:0;width:92px;height:92px;border-radius:0;clip-path:none;background:none;box-shadow:none;transform:none;animation:none;overflow:visible}
.floating-token:before,.floating-token:after{display:none!important}
.ingot-canvas{position:absolute;inset:0;width:92px;height:92px;display:block;image-rendering:pixelated;filter:drop-shadow(0 0 6px #ffc92880) drop-shadow(1px 2px 1px #6b3500a8)}
.spark{position:absolute;color:#ecff85;font-style:normal;text-shadow:0 0 12px var(--acid),0 0 24px #fff;animation:sparkBlink 1.7s steps(2,end) infinite;pointer-events:none}
.spark.s1{left:-6px;top:10px;font-size:18px}
.spark.s2{right:-9px;top:1px;font-size:13px;animation-delay:-.45s}
.spark.s3{right:1px;bottom:2px;font-size:20px;animation-delay:-.9s}
.spark.s4{left:4px;bottom:-5px;font-size:10px;animation-delay:-1.25s}
@keyframes tokenBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-12px)}}
@keyframes sparkBlink{0%,35%{opacity:.15;transform:scale(.5) rotate(0)}50%,75%{opacity:1;transform:scale(1.25) rotate(45deg)}100%{opacity:.15;transform:scale(.5) rotate(90deg)}}

/* Six real CSS 3D faces, using the original 16x16 textures. */
.block-scene{position:absolute;left:calc(50% - 53px);top:calc(53% - 53px);width:106px;height:106px;z-index:2;perspective:900px;transform-style:preserve-3d;animation:blockModelBob 3.8s ease-in-out infinite;filter:drop-shadow(0 34px 24px #000a)}
.grass-block-model{position:relative;width:106px;height:106px;transform-style:preserve-3d;animation:blockModelRotate 10s linear infinite;will-change:transform}
.grass-block-model .model-face{position:absolute;inset:0;width:106px;height:106px;display:block;backface-visibility:hidden;background-repeat:no-repeat;background-position:center;background-size:100% 100%;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #0005}
.grass-block-model .model-front{transform:translateZ(53px);background-image:url('/textures/grass-side.png')}
.grass-block-model .model-back{transform:rotateY(180deg) translateZ(53px);background-image:url('/textures/grass-side.png')}
.grass-block-model .model-right{transform:rotateY(90deg) translateZ(53px);background-image:url('/textures/grass-side.png')}
.grass-block-model .model-left{transform:rotateY(-90deg) translateZ(53px);background-image:url('/textures/grass-side.png')}
.grass-block-model .model-top{transform:rotateX(90deg) translateZ(53px);background-color:#79a955;background-image:url('/textures/grass-top.png');background-blend-mode:multiply}
.grass-block-model .model-bottom{transform:rotateX(-90deg) translateZ(53px);background-image:url('/textures/dirt.png')}
@keyframes blockModelRotate{0%{transform:rotateX(-24deg) rotateY(0deg)}100%{transform:rotateX(-24deg) rotateY(360deg)}}
@keyframes blockModelBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}

/* Only the requested upward particles remain. */
.rising-pixels{position:absolute;inset:-50px;pointer-events:none}
.rising-pixels i{position:absolute;bottom:8%;width:5px;height:5px;background:#9cff4e;box-shadow:0 0 9px #a9ff54;opacity:0;animation:pixelRise 4.8s linear infinite}
.rising-pixels i:nth-child(1){left:9%;animation-delay:-.5s}
.rising-pixels i:nth-child(2){left:29%;animation-delay:-2.1s;width:3px;height:3px}
.rising-pixels i:nth-child(3){right:16%;animation-delay:-3.3s;width:7px;height:7px}
.rising-pixels i:nth-child(4){right:35%;animation-delay:-1.4s}
.rising-pixels i:nth-child(5){left:52%;animation-delay:-4.1s;width:3px;height:3px}
@keyframes pixelRise{0%{opacity:0;transform:translateY(20px) rotate(0) scale(.5)}20%{opacity:1}78%{opacity:.7}100%{opacity:0;transform:translateY(-180px) rotate(180deg) scale(1.25)}}

/* Dynamic ingot shadow on the grass top. */
.ingot-shadow{position:absolute;left:50%;top:37%;width:50px;height:14px;transform:translate(-50%,-50%);z-index:3;pointer-events:none;animation:ingotShadowDistance 3.6s ease-in-out infinite}
.ingot-shadow:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,#0000009c 0 25%,#0a080066 38%,#21150038 55%,transparent 74%);filter:blur(1.6px);animation:ingotShadowTurn 5.4s linear infinite}
.ingot-shadow:after{content:"";position:absolute;left:22%;right:22%;top:28%;height:34%;border-radius:50%;background:radial-gradient(ellipse,#ffc83d35,transparent 72%);filter:blur(2px);animation:ingotShadowGlow 3.6s ease-in-out infinite}
@keyframes ingotShadowDistance{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(1)}50%{opacity:.34;transform:translate(-50%,-50%) scale(.72)}}
@keyframes ingotShadowTurn{0%,50%,100%{transform:scaleX(1)}25%,75%{transform:scaleX(.52)}}
@keyframes ingotShadowGlow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:.28;transform:scale(.7)}}

@media(max-width:560px){
  .visual{width:240px;height:270px;margin-top:4px}
  .token-orbit{top:2%;transform:translateX(-50%) scale(.82)}
  .block-scene{left:calc(50% - 42.5px);top:calc(55% - 42.5px);width:85px;height:85px}
  .grass-block-model,.grass-block-model .model-face{width:85px;height:85px}
  .grass-block-model .model-front{transform:translateZ(42.5px)}
  .grass-block-model .model-back{transform:rotateY(180deg) translateZ(42.5px)}
  .grass-block-model .model-right{transform:rotateY(90deg) translateZ(42.5px)}
  .grass-block-model .model-left{transform:rotateY(-90deg) translateZ(42.5px)}
  .grass-block-model .model-top{transform:rotateX(90deg) translateZ(42.5px)}
  .grass-block-model .model-bottom{transform:rotateX(-90deg) translateZ(42.5px)}
  .ingot-shadow{top:39%;width:42px;height:12px}
}
@media(prefers-reduced-motion:reduce){
  .token-orbit,.spark,.block-scene,.grass-block-model,.rising-pixels i,.ingot-shadow,.ingot-shadow:before,.ingot-shadow:after{animation:none!important}
  .grass-block-model{transform:rotateX(-24deg) rotateY(38deg)}
  .rising-pixels{display:none}
  .ingot-shadow{opacity:.52;transform:translate(-50%,-50%) scale(.85)}
}