.mp-details{width:100%;max-width:1080px;padding:140px var(--sp-8) var(--sp-20);font-family:var(--font-ui);font-size:var(--fs-body);color:#fff;margin-inline:auto}.mp-details h1,.mp-details h2,.mp-details h3,.mp-details p{margin:0}.mp-hero{align-items:center;gap:var(--sp-12);grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);min-height:520px;display:grid}.mp-copy{padding-inline-start:var(--sp-3)}.mp-eyebrow{align-items:center;gap:var(--sp-2);color:var(--jl-pink-tint);font-size:var(--fs-caption);font-weight:var(--fw-extrabold);display:flex}.mp-eyebrow i{background:var(--jl-green);width:8px;height:8px;box-shadow:0 0 0 6px color-mix(in srgb,var(--jl-green) 15%,transparent);border-radius:50%}.mp-copy h1{margin:var(--sp-4) 0;font-family:var(--font-arabic-display);font-size:clamp(40px,6.4vw,76px);font-weight:700;line-height:1.08}.mp-copy h1 em{color:var(--jl-pink-tint);font-style:normal}.mp-copy>p{max-width:520px;color:var(--jl-text-secondary);font-size:var(--fs-body-l);line-height:var(--lh-arabic)}.mp-facts{gap:var(--sp-2);margin-top:var(--sp-7);flex-wrap:wrap;display:flex}.mp-facts span{align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);background:var(--jl-white-08);box-shadow:inset 0 0 0 var(--bw-hair) var(--jl-white-12);color:var(--jl-text-secondary);font-size:var(--fs-caption);display:flex}.mp-facts b{color:#fff}.mp-room-card{box-shadow:var(--elev-4),inset 0 0 0 var(--bw-hair) var(--jl-white-08);background:linear-gradient(172deg,#130b40,#0b0630);border-radius:24px;overflow:hidden}.mp-room-visual{background:radial-gradient(125% 130% at 50% 8%,#7a642c,#0b0630 72%);justify-content:center;align-items:flex-end;height:240px;display:flex;position:relative;overflow:hidden}.mp-room-visual:before{content:"";opacity:.07;background:url(/assets/patterns/flower.svg) 50%/130% no-repeat;position:absolute;inset:0}.mp-game-art{z-index:1;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 14px 22px #0000006b);width:88%;height:100%;position:relative}.mp-room-content{padding:var(--sp-6) var(--sp-7)}.mp-room-content>span{color:var(--jl-cyan);font-size:var(--fs-caption);font-weight:var(--fw-extrabold)}.mp-room-content h2{margin:var(--sp-1) 0 var(--sp-4);font-size:var(--fs-h2);font-weight:var(--fw-h2)}.mp-room-content label{margin-bottom:var(--sp-2);color:var(--jl-text-secondary);font-size:var(--fs-caption);font-weight:var(--fw-h3);display:block}.mp-code-row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.mp-code-row input{min-width:0;height:var(--size-control-md);border:1.5px solid var(--jl-periwinkle);border-radius:var(--r-md);color:#fff;padding:0 var(--sp-4);text-align:center;font-family:var(--font-ui);font-size:var(--fs-body);font-weight:var(--fw-extrabold);letter-spacing:4px;text-transform:uppercase;background:#080421}.mp-code-row input::placeholder{color:#77719d}.mp-code-row button{height:var(--size-control-md);border-radius:var(--r-pill);background:var(--jl-periwinkle-deep);color:#fff;padding:0 var(--sp-6);font-family:var(--font-ui);font-size:var(--fs-body-s);font-weight:var(--fw-extrabold);cursor:pointer;box-shadow:inset 0 0 0 var(--bw-ring) color-mix(in srgb,var(--jl-periwinkle-soft) 60%,transparent),var(--glow-pink);transition:transform var(--dur-fast) var(--ease-standard),filter var(--dur-fast) var(--ease-standard);border:0}.mp-code-row button:hover{filter:brightness(1.08);transform:translateY(-1px)}.mp-code-row button:active{transform:scale(.98)}.mp-cta{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--size-control-md);border-radius:var(--r-pill);background:var(--jl-periwinkle-deep);color:#fff;font-size:var(--fs-body-s);font-weight:var(--fw-extrabold);text-decoration:none;transition:filter .15s,transform .15s;display:flex}.mp-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.mp-cta:active{transform:scale(.98)}.mp-room-content>p{margin-top:var(--sp-2);color:var(--jl-text-muted);font-size:var(--fs-caption)}.mp-room-content>p b{color:var(--jl-text-secondary);letter-spacing:1px}.mp-room-content .mp-error{color:#ff8191}.mp-how{padding:var(--sp-16) 0 var(--sp-12)}.mp-section-heading{text-align:center;margin-bottom:var(--sp-7)}.mp-section-heading span{color:var(--jl-cyan);font-size:var(--fs-caption);font-weight:var(--fw-extrabold)}.mp-section-heading h2{margin-top:var(--sp-1);font-family:var(--font-arabic-display);font-size:var(--fs-display-m);font-weight:700}.mp-steps{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.mp-steps article{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-md);box-shadow:var(--elev-2);background:#100a30;display:flex}.mp-steps article>b{width:var(--size-control-sm);height:var(--size-control-sm);border-radius:var(--r-md);color:var(--jl-pink-tint);font-size:var(--fs-body-l);background:#2b205d;flex:none;place-items:center;display:grid}.mp-steps h3{font-size:var(--fs-body-l);font-weight:var(--fw-h3)}.mp-steps p{margin-top:var(--sp-1);color:var(--jl-text-secondary);font-size:var(--fs-caption);line-height:var(--lh-normal)}.mp-note{justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);border-radius:var(--r-md);box-shadow:var(--elev-2);background:linear-gradient(120deg,#19113b,#0d0828);display:flex}.mp-note>div{column-gap:var(--sp-3);grid-template-columns:auto 1fr;display:grid}.mp-note>div>span{width:var(--size-touch-min);height:var(--size-touch-min);border-radius:var(--r-md);background:var(--jl-pink-tint);color:#160928;font-size:var(--fs-subtitle);grid-row:1/3;place-items:center;display:grid}.mp-note h2{font-size:var(--fs-subtitle);font-weight:var(--fw-h3)}.mp-note p{margin-top:var(--sp-1);color:var(--jl-text-secondary);font-size:var(--fs-caption)}.mp-note>a{padding:11px var(--sp-5);border-radius:var(--r-pill);color:#fff;box-shadow:inset 0 0 0 1.5px var(--jl-periwinkle);font-size:var(--fs-caption);font-weight:var(--fw-extrabold);flex:none;text-decoration:none}@media (max-width:820px){.mp-details{padding-inline:var(--layout-margin)}.mp-hero{grid-template-columns:1fr;gap:30px}.mp-copy{text-align:center;padding:0}.mp-copy>p{margin-inline:auto}.mp-eyebrow,.mp-facts{justify-content:center}.mp-room-card{width:min(620px,100%);margin-inline:auto}.mp-steps{grid-template-columns:1fr}.mp-note{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.mp-details{padding:104px 20px 60px}.mp-hero{min-height:0}.mp-copy h1{font-size:var(--fs-h1)}.mp-copy>p{font-size:var(--fs-body)}.mp-room-visual{height:190px}.mp-code-row{grid-template-columns:1fr}.mp-code-row button{width:100%}.mp-room-content{padding:var(--sp-5)}.mp-facts{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.mp-facts span{justify-content:center;font-size:12px}.mp-how{padding:52px 0 38px}.mp-note{padding:var(--sp-5)}.mp-note>a{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.mp-cta{transition:none}}