/* Panggpt Motion v1 — high-contrast, restrained game-store design */
.hero-skin-stage{
  position:absolute;left:50%;bottom:50px;
  width:min(410px,88%);height:min(480px,85%);
  transform:translateX(-50%);z-index:3;
  pointer-events:none;isolation:isolate;
}
.hero-skin-stage::before{
  content:"";position:absolute;inset:11% 3% 7%;z-index:-1;
  border:1px solid rgba(255,178,117,.18);
  border-radius:46% 46% 42% 42%;
  background:radial-gradient(ellipse at 50% 43%,rgba(255,180,123,.14),rgba(183,70,46,.045) 48%,transparent 72%);
  box-shadow:inset 0 0 110px rgba(255,111,71,.04);
}
.skin-stage-grid{
  position:absolute;left:9%;right:9%;top:14%;bottom:4%;opacity:.21;z-index:-1;
  background:
    linear-gradient(90deg,rgba(248,162,129,.3) 1px,transparent 1px),
    linear-gradient(rgba(248,162,129,.3) 1px,transparent 1px);
  background-size:43px 43px;
  mask-image:radial-gradient(ellipse,black 5%,transparent 72%);
}
.skin-ground-shadow{
  position:absolute;z-index:-1;bottom:3%;left:17%;width:66%;height:9%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(15,10,12,.77),transparent 72%);
  filter:blur(9px);
}
#mc-skin-canvas{
  position:absolute;inset:0;width:100%;height:100%;
  display:block;z-index:2;
  filter:drop-shadow(16px 24px 9px rgba(12,9,11,.37));
}
.skin-static-fallback{
  position:absolute;inset:0;z-index:1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;
  opacity:.82;transition:opacity .35s ease;
}
.skin-face-uv{
  display:block;width:160px;height:160px;
  image-rendering:pixelated;
  background-image:url('/assets/owner-skin.png');
  background-size:1280px 1280px;
  background-position:-160px -160px;
  border:12px solid rgba(32,20,20,.8);
  outline:2px solid rgba(255,156,112,.46);
  box-shadow:14px 17px 0 rgba(20,9,7,.24);
}
.skin-loading-tag{
  font:600 10px/1.5 var(--mono);letter-spacing:.16em;
  color:#f7bc9a;text-shadow:0 1px 5px #211510;
}
.hero-skin-stage[data-skin-ready="true"] .skin-static-fallback{opacity:0;visibility:hidden}
.hero-skin-stage[data-skin-fallback="static"] .skin-static-fallback{opacity:1}
.hero-skin-stage[data-skin-fallback="static"] #mc-skin-canvas{display:none}
.skin-pixel-accent{
  position:absolute;border:1px solid #f39269;width:11px;height:11px;
  opacity:.77;z-index:4;
}
.skin-accent-top{top:18%;right:8%;border-bottom:0;border-left:0}
.skin-accent-bottom{bottom:15%;left:5%;border-top:0;border-right:0}
.skin-stage-caption{
  position:absolute;z-index:5;bottom:57px;right:35px;
  color:#f0cab9;font:600 9px/1.8 var(--mono);
  letter-spacing:.09em;pointer-events:none;
  display:grid;gap:3px;text-align:right;
}
.skin-stage-caption span{font-size:8px;color:#e2a387;letter-spacing:.06em}
.hero-visual .left-float,.hero-visual .right-float{
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.hero-visual .visual-code{opacity:.77}
/* Cohesive micro-motion, never persistent glow explosions */
.button .arrow-icon,.product-action b,.header-login span{display:inline-block;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.button:hover .arrow-icon,.product-action:hover b,.header-login:hover span{transform:translate(3px,-3px)}
.nav-link,.tab{position:relative}
.site-nav .nav-link::after{
  content:"";position:absolute;bottom:7px;left:14px;right:14px;
  height:1px;background:var(--hot);transform:scaleX(0);transform-origin:left;
  transition:transform .28s cubic-bezier(.22,1,.36,1)
}
.site-nav .nav-link:hover::after,.site-nav .nav-link.is-active::after{transform:scaleX(1)}
.product-art .art-shapes,.product-art .coin-stack,.product-art .art-window{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .art-shapes{transform:translateY(-5px)}
.product-card:hover .coin-stack{transform:translate(-50%,-53%)}
.product-card:hover .art-window{transform:translateX(-50%) translateY(-4px) rotate(-3deg)}
.step-icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.step-card:hover .step-icon{transform:translateY(-4px)}
.button:active:not(:disabled){transform:translateY(1px) scale(.995)}
@media(max-width:1060px){
  .hero-skin-stage{width:min(375px,90%);height:min(460px,85%);bottom:32px}
  .skin-stage-caption{bottom:40px;right:20px}
}
@media(max-width:780px){
  .hero-skin-stage{width:min(335px,88%);height:315px;bottom:17px}
  .skin-stage-caption{bottom:20px;right:17px;font-size:8px}
}
@media(max-width:490px){
  .hero-skin-stage{width:min(290px,87%);height:290px;bottom:10px}
  .skin-stage-caption{display:none}
  .skin-stage-caption span{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .skin-static-fallback,.button .arrow-icon,.product-action b,.header-login span,
  .site-nav .nav-link::after,.product-art .art-shapes,.product-art .coin-stack,
  .product-art .art-window,.step-icon{transition:none!important}
}