.mp-gintro{position:relative;overflow:hidden;padding-block:clamp(4rem,8vw,6.5rem);background-color:#241138}
.mp-gintro__deco{position:absolute;bottom:-10rem;right:-6rem;width:32rem;height:32rem;border-radius:50%;background:radial-gradient(circle,rgba(31,228,173,.12),transparent 65%);pointer-events:none}
.mp-gintro__in{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.8rem,4vw,3.2rem);align-items:center}
.mp-gintro__txt .mp-kicker{margin-bottom:.2rem}
.mp-gintro__txt .mp-sec-title{margin-top:1.1rem;margin-bottom:1.2rem}
.mp-gintro__lead{font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.65;color:var(--mp-soft);max-width:40rem}
.mp-gintro__lead+.mp-gintro__lead{margin-top:1rem}
.mp-gstats{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--mp-line-2);border:2px solid var(--mp-line-2);border-radius:1.4rem;overflow:hidden}
.mp-gstat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:clamp(1.3rem,3vw,2rem) 1rem;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface))}
.mp-gstat__n{font-family:var(--mp-fd);font-weight:700;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1;color:var(--mp-honey)}
.mp-gstat__l{font-size:1rem;line-height:1.3;color:var(--mp-soft)}

.mp-step__bic{width:5.4rem;height:5.4rem;border-radius:1.6rem}
.mp-step__bic .mp-ic{width:2.6rem;height:2.6rem}

.mp-play{position:relative;overflow:hidden;padding-block:clamp(3.5rem,7vw,6rem)}
.mp-play__deco{position:absolute;top:-8rem;left:50%;transform:translateX(-50%);width:42rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(236,95,178,.14),transparent 64%);pointer-events:none}
.mp-play .mp-wrap{position:relative}
.mp-play .mp-sec-head{margin-inline:auto}
.mp-play__frame{margin-top:clamp(2rem,4vw,3rem);padding:clamp(.6rem,1.6vw,1rem);border-radius:1.7rem;background-image:linear-gradient(160deg,var(--mp-surface-2),var(--mp-surface));border:2px solid var(--mp-line-2);box-shadow:0 30px 60px -28px rgba(0,0,0,.65)}
.mp-play__stage{position:relative;aspect-ratio:16/10;border-radius:1.2rem;overflow:hidden;display:grid;place-items:center;background-color:#160a29}
.mp-play__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05)}
.mp-play__stage::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(29,15,51,.25),rgba(29,15,51,.78))}
.mp-play__btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font:inherit;padding:0;background:none;transition:transform .18s ease}
.mp-play__btn:hover{transform:scale(1.04)}
.mp-play__btnin{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mp-fb);font-weight:700;font-size:clamp(1.05rem,1.6vw,1.25rem);color:#3a2410;padding:1rem 1.9rem;border-radius:1.2rem;background-image:var(--mp-grad-honey);border:2px solid var(--mp-honey-d);box-shadow:0 14px 32px -8px rgba(255,176,31,.5)}
.mp-play__btnin .mp-ic{width:1.4em;height:1.4em}
.mp-play__btnring{position:absolute;inset:-10px;border-radius:1.7rem;border:2px solid rgba(255,176,31,.55);animation:mp-pulse 1.9s ease-out infinite}
@keyframes mp-pulse{0%{transform:scale(.95);opacity:.7}70%{transform:scale(1.14);opacity:0}100%{opacity:0}}
.mp-play__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mp-play__stage.is-live::after{display:none}
.mp-play__note{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.2rem;font-size:1rem;color:var(--mp-soft)}
.mp-play__note .mp-ic{width:1.2em;height:1.2em;color:var(--mp-teal)}
.mp-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.7rem;max-width:56rem;margin-inline:auto}
.mp-ctrl{display:inline-flex;align-items:center;gap:.6rem;background:var(--mp-plum-2);border:2px solid var(--mp-line-2);border-radius:.9rem;padding:.5rem .9rem}
.mp-ctrl__k{font-family:var(--mp-fb);font-weight:800;font-size:1rem;letter-spacing:.02em;color:#3a2410;background-image:var(--mp-grad-honey);border-radius:.5rem;padding:.22rem .55rem}
.mp-ctrl__d{font-size:1rem;color:var(--mp-soft)}

.mp-syms{position:relative;overflow:hidden;padding-block:clamp(3.5rem,7vw,6rem);background-color:#241138}
.mp-syms__deco{position:absolute;bottom:-10rem;left:-6rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle,rgba(255,176,31,.12),transparent 64%);pointer-events:none}
.mp-syms .mp-wrap{position:relative}
.mp-syms .mp-sec-head{margin-inline:auto}
.mp-syms__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;justify-items:center;margin-top:clamp(2rem,4vw,3rem)}
.mp-syms__grid .mp-cell{width:100%;max-width:13rem;height:auto;aspect-ratio:1/1}
.mp-sym__img{width:3.6rem;height:3.6rem;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.mp-sym__tier{font-family:var(--mp-fb);font-weight:700;font-size:1rem;color:var(--mp-soft)}
.mp-sym__tier--wild{color:#3a2410;background-image:var(--mp-grad-honey);border-radius:.5rem;padding:.12rem .55rem}

@media (max-width:860px){
  .mp-gintro__in{grid-template-columns:1fr}
  .mp-syms__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .mp-play__stage{aspect-ratio:3/4}
  .mp-controls{grid-template-columns:repeat(2,1fr)}
}