
/* Green glass cubes — deep forest/emerald with a subtle lilac reflection on every cube. */
.home-hero,.content-hero,.mt-tools-hero{position:relative;isolation:isolate}
.mtg-stage{position:absolute;inset:0;z-index:2;pointer-events:none!important;user-select:none;overflow:visible}
.home-hero>.hero-copy,.content-hero>div:first-child,.mt-tools-hero>.wrap{position:relative;z-index:3}
.mtg-cube{position:absolute;display:block;width:var(--size);height:var(--size);left:var(--x);top:var(--y);z-index:1;
 transform:translate(-50%,-50%);perspective:700px;pointer-events:none;
 animation:mtgFloat var(--speed,7.5s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}
.mtg-cube:before{content:"";position:absolute;inset:-18%;border-radius:50%;
 background:radial-gradient(circle,var(--glow) 0%,rgba(147,111,205,.08) 46%,transparent 72%);filter:blur(11px);opacity:.52}
.mtg-core{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;
 transform:rotateX(-25deg) rotateY(-29deg) rotateZ(-5deg)}
.mtg-cube:nth-child(even) .mtg-core{transform:rotateX(-22deg) rotateY(28deg) rotateZ(4deg)}
.mtg-face{position:absolute;inset:0;border-radius:5%;border:1px solid rgba(236,255,229,.65);
 backface-visibility:visible;box-shadow:inset 0 0 10px rgba(201,236,214,.15),inset -3px 2px 8px rgba(164,122,219,.09),0 0 7px rgba(116,180,130,.1)}
.mtg-front{transform:translateZ(calc(var(--size)/2));background:linear-gradient(137deg,rgba(157,118,208,.10) 0%,transparent 27%),linear-gradient(140deg,var(--light),var(--medium) 55%,var(--aqua))}
.mtg-back{transform:rotateY(180deg) translateZ(calc(var(--size)/2));background:linear-gradient(130deg,var(--medium),var(--aqua))}
.mtg-right{transform:rotateY(90deg) translateZ(calc(var(--size)/2));background:linear-gradient(120deg,transparent 54%,rgba(157,112,215,.14) 92%),linear-gradient(110deg,var(--medium),var(--dark))}
.mtg-left{transform:rotateY(-90deg) translateZ(calc(var(--size)/2));background:linear-gradient(120deg,rgba(152,110,208,.10) 0%,transparent 38%),linear-gradient(120deg,var(--light),var(--medium))}
.mtg-top{transform:rotateX(90deg) translateZ(calc(var(--size)/2));background:linear-gradient(145deg,rgba(196,221,186,.64) 0%,var(--light) 47%,var(--medium) 77%,var(--lilac) 100%);
 box-shadow:inset 0 0 8px rgba(226,242,213,.18),0 0 10px var(--glow),0 0 8px rgba(157,118,212,.10)}
.mtg-bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)/2));background:linear-gradient(130deg,var(--dark),var(--aqua))}
/* Deep green on every cube; violet is reflected only in the glass details. */
.mtg-mint{--light:rgba(128,196,143,.89);--medium:rgba(47,133,87,.88);--dark:rgba(15,74,55,.92);
 --aqua:rgba(69,165,132,.77);--lilac:rgba(159,122,217,.25);--glow:rgba(55,159,103,.30)}
.mtg-emerald{--light:rgba(119,183,136,.87);--medium:rgba(30,122,79,.89);--dark:rgba(12,67,48,.93);
 --aqua:rgba(64,159,128,.74);--lilac:rgba(163,122,223,.26);--glow:rgba(47,152,95,.30)}
.mtg-teal{--light:rgba(115,177,147,.88);--medium:rgba(29,115,97,.89);--dark:rgba(12,68,61,.93);
 --aqua:rgba(61,151,140,.76);--lilac:rgba(158,122,217,.26);--glow:rgba(46,143,118,.30)}
.mtg-forest{--light:rgba(113,172,126,.89);--medium:rgba(27,106,69,.89);--dark:rgba(12,61,44,.94);
 --aqua:rgba(61,136,112,.74);--lilac:rgba(162,122,220,.27);--glow:rgba(42,133,85,.30)}
@keyframes mtgFloat{from{transform:translate(-50%,-50%) translate3d(0,-7px,0)}to{transform:translate(-50%,-50%) translate3d(0,7px,0)}}
@media(max-width:760px),(hover:none) and (pointer:coarse){
 .mtg-cube{width:calc(var(--size)*.65);height:calc(var(--size)*.65);opacity:.85;filter:none!important}
 .mtg-cube:before{display:none}
 .mtg-face{box-shadow:inset 0 0 7px rgba(255,255,255,.15)}
 .mtg-front{transform:translateZ(calc(var(--size)*.325))}
 .mtg-back{transform:rotateY(180deg) translateZ(calc(var(--size)*.325))}
 .mtg-right{transform:rotateY(90deg) translateZ(calc(var(--size)*.325))}
 .mtg-left{transform:rotateY(-90deg) translateZ(calc(var(--size)*.325))}
 .mtg-top{transform:rotateX(90deg) translateZ(calc(var(--size)*.325))}
 .mtg-bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)*.325))}
 .mtg-cube:nth-child(n+5){display:none}
 .mtg-cube:nth-child(1){left:9%!important;top:17%!important;animation-duration:6.8s;animation-delay:-1.1s}
 .mtg-cube:nth-child(2){left:91%!important;top:16%!important;animation-duration:7.4s;animation-delay:-3.9s}
 .mtg-cube:nth-child(3){left:90%!important;top:85%!important;animation-duration:8s;animation-delay:-2.8s}
 .mtg-cube:nth-child(4){left:9%!important;top:88%!important;animation-duration:7.2s;animation-delay:-5.1s}
}
@media(prefers-reduced-motion:reduce){.mtg-cube{animation:none!important}}

/* Home-only: preserve the original piano photograph and remove its drawing. */
.home-hero .piano-curve{display:none!important}

/* CP30: stable first paint, one-time per-page entrances and continuous vertical float. */
.mtg-stage{opacity:0}
.mtg-stage.mtg-ready{opacity:1}
.mtg-stage.mtg-ready>.mtg-cube{
 opacity:1;
 animation-name:mtgFloat,mtgIntroHome;
 animation-duration:var(--speed,7.5s),.9s;
 animation-timing-function:ease-in-out,cubic-bezier(.2,.85,.25,1);
 animation-delay:var(--delay,0s),var(--intro-delay,0ms);
 animation-iteration-count:infinite,1;
 animation-direction:alternate,normal;
 animation-fill-mode:none,both;
}
.mtg-stage.mtg-page-blog.mtg-ready>.mtg-cube{animation-name:mtgFloat,mtgIntroBlog}
.mtg-stage.mtg-page-noticias.mtg-ready>.mtg-cube{animation-name:mtgFloat,mtgIntroNews}
.mtg-stage.mtg-page-ferramentas.mtg-ready>.mtg-cube{animation-name:mtgFloat,mtgIntroTools}
@keyframes mtgIntroHome{from{translate:var(--entry-x,-68px) 9px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes mtgIntroBlog{from{translate:0 -57px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes mtgIntroNews{from{translate:var(--entry-x,68px) -43px;opacity:0}to{translate:0 0;opacity:1}}
@keyframes mtgIntroTools{from{translate:0 24px;scale:.64;opacity:0}to{translate:0 0;scale:1;opacity:1}}
@media(prefers-reduced-motion:reduce){
 .mtg-stage.mtg-ready>.mtg-cube{animation:none!important;opacity:1!important;translate:0!important;scale:1!important}
}
