/* Jidariya 96 — Modern Core v1.3.0
   Replaces the old circular hero with a cleaner architectural composition. */

.lw-core-v13{
  width:clamp(410px,34vw,640px)!important;
  height:clamp(350px,55vh,540px)!important;
  isolation:isolate;
}

.lw-core-v13 .lw-core-halo,
.lw-core-v13 > .lw-core-halo{display:none!important}

.lw-core-v13:before{
  inset:10% 8%!important;
  border-radius:42px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008) 48%,rgba(214,180,92,.035))!important;
  box-shadow:
    0 30px 100px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
  border:1px solid rgba(239,210,132,.075);
  filter:none!important;
  transform:perspective(900px) rotateX(1.8deg);
}

.mc-frame{
  position:absolute;
  inset:4% 3%;
  z-index:0;
  pointer-events:none;
  opacity:.92;
}

.mc-frame:before{
  content:"";
  position:absolute;
  inset:8% 10%;
  border-radius:34px;
  background:
    linear-gradient(90deg,rgba(237,207,126,.12),transparent 16%,transparent 84%,rgba(237,207,126,.12)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 24%,transparent 76%,rgba(255,255,255,.02));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
}

.mc-corner{
  position:absolute;
  width:27%;
  height:23%;
  opacity:.8;
}

.mc-corner.c1{
  top:0;
  right:0;
  border-top:1px solid rgba(244,218,148,.52);
  border-right:1px solid rgba(244,218,148,.52);
  border-radius:0 28px 0 0;
}

.mc-corner.c2{
  left:0;
  bottom:0;
  border-left:1px solid rgba(244,218,148,.40);
  border-bottom:1px solid rgba(244,218,148,.40);
  border-radius:0 0 0 28px;
}

.mc-dot{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#efd27e;
  box-shadow:0 0 0 6px rgba(239,210,126,.055),0 0 22px rgba(239,210,126,.30);
  animation:mcDotPulse 4.8s ease-in-out infinite;
}

.mc-dot.d1{top:7%;left:24%}
.mc-dot.d2{right:19%;bottom:9%;animation-delay:-2.4s}

.mc-core-card{
  position:relative!important;
  z-index:2;
  width:88%!important;
  aspect-ratio:auto!important;
  min-height:82%;
  padding:30px 26px 26px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  animation:mcCoreFloat 8s ease-in-out infinite!important;
}

.mc-core-card:before{display:none!important}

.lw-core-v13 .lw-core-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 13px;
  border:1px solid rgba(236,204,122,.16);
  border-radius:999px;
  background:rgba(3,40,33,.38);
  color:#e6ca7a!important;
  font-size:clamp(8px,.62vw,10px)!important;
  letter-spacing:.02em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.mc96-mark{
  position:relative;
  width:min(94%,520px);
  margin:13px auto 4px;
  isolation:isolate;
  filter:saturate(1.02);
}

.mc96-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
  transform-origin:50% 55%;
  animation:mc96Breath 7.5s ease-in-out infinite;
}

.mc96-mark:after{
  content:"";
  position:absolute;
  inset:3% 1%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 20%,rgba(255,248,213,0) 42%,rgba(255,248,213,.33) 49%,rgba(255,248,213,0) 56%,transparent 80%);
  transform:translateX(-135%);
  mix-blend-mode:screen;
  animation:mc96Shine 7s cubic-bezier(.35,0,.2,1) infinite;
  clip-path:inset(0 round 18%);
}

.mc-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:min(66%,310px);
  margin:0 auto 8px;
  opacity:.9;
}

.mc-divider span{
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,rgba(235,203,119,.55));
}

.mc-divider span:last-child{
  background:linear-gradient(90deg,rgba(235,203,119,.55),transparent);
}

.mc-divider i{
  width:7px;
  height:7px;
  border:1px solid rgba(242,214,142,.76);
  transform:rotate(45deg);
  box-shadow:0 0 15px rgba(234,197,102,.16);
}

.lw-core-v13 .mc-core-card strong{
  font-size:clamp(20px,1.7vw,30px)!important;
  font-weight:800;
  line-height:1.2;
  text-shadow:0 7px 22px rgba(0,0,0,.18);
}

.lw-core-v13 .mc-core-card small{
  margin-top:7px!important;
  color:rgba(255,255,255,.48)!important;
  font-size:clamp(8px,.62vw,10px)!important;
}

.motion-off .mc96-svg,
.motion-off .mc-core-card,
.motion-off .mc-dot,
.motion-off .mc96-mark:after{animation-play-state:paused!important}

@keyframes mc96Breath{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.008)}
}

@keyframes mc96Shine{
  0%,62%{transform:translateX(-135%);opacity:0}
  68%{opacity:.7}
  82%{transform:translateX(135%);opacity:.26}
  100%{transform:translateX(135%);opacity:0}
}

@keyframes mcCoreFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

@keyframes mcDotPulse{
  0%,100%{opacity:.34;transform:scale(.72)}
  50%{opacity:1;transform:scale(1)}
}

@media(max-width:1180px){
  .lw-core-v13{
    width:clamp(380px,36vw,520px)!important;
    height:clamp(340px,50vh,470px)!important;
  }
  .mc-core-card{width:90%!important;padding-top:25px!important}
}

@media(max-width:800px){
  .lw-core-v13{
    top:37%!important;
    width:340px!important;
    height:330px!important;
  }
  .lw-core-v13:before{inset:8% 5%!important;border-radius:30px!important}
  .mc-frame{inset:1%}
  .mc-core-card{width:96%!important;min-height:0;padding:20px 18px 18px!important}
  .mc96-mark{width:94%;margin-top:8px}
  .mc-divider{margin-top:-2px}
  .lw-core-v13 .mc-core-card strong{font-size:19px!important}
}

@media(max-width:520px){
  .lw-core-v13{
    top:34.5%!important;
    width:306px!important;
    height:300px!important;
  }
  .mc-core-card{padding-inline:12px!important}
  .mc96-mark{width:98%}
  .lw-core-v13 .lw-core-kicker{font-size:7.5px!important;min-height:24px}
  .lw-core-v13 .mc-core-card strong{font-size:18px!important}
}

@media(prefers-reduced-motion:reduce){
  .mc96-svg,.mc-core-card,.mc-dot,.mc96-mark:after{animation:none!important}
}