/*
 * Merkato Play V30 — ajuste visual final
 * Se carga después de V29 para cerrar contraste, carrusel, destacados,
 * juegos, métodos de pago, página de producto y autenticación.
 */
:root{
    --mk30-lime:#B9F227;
    --mk30-lime-soft:#D5FA73;
    --mk30-amber:#F28A2E;
    --mk30-amber-soft:#FFB05C;
    --mk30-ink:#111315;
    --mk30-graphite:#181D21;
    --mk30-surface:#20262B;
    --mk30-surface-2:#293139;
    --mk30-blue-gray:#303A43;
    --mk30-blue-gray-dark:#222A31;
    --mk30-white:#F3F5F6;
    --mk30-muted:#AAB3BA;
    --mk30-line:rgba(255,255,255,.09);
}

/* --------------------------------------------------------------------------
   Cabecera: vuelve a ser una base oscura estable; el blanco queda de apoyo.
   -------------------------------------------------------------------------- */
.store-zero-header{
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    background:rgba(17,19,21,.96)!important;
    box-shadow:0 10px 34px rgba(8,11,13,.16)!important;
    backdrop-filter:blur(18px)!important;
}
.store-zero-nav a{color:#AEB6BC!important}
.store-zero-nav a:hover,.store-zero-nav a.is-active{color:#FFF!important}
.store-zero-nav a.is-active::after{background:var(--mk30-lime)!important}
.store-zero-header-wallet{
    border-color:rgba(255,255,255,.08)!important;
    background:#20252A!important;
    color:#FFF!important;
}
.store-zero-header-wallet small{color:#89939B!important}
.store-zero-header-wallet b{color:var(--mk30-lime)!important}
.store-zero-account-btn{
    border-color:rgba(255,255,255,.12)!important;
    background:rgba(255,255,255,.035)!important;
    color:#F1F4F5!important;
}
.store-zero-account-btn:hover{background:rgba(255,255,255,.075)!important}
.store-icon-button{border-color:rgba(255,255,255,.1)!important;background:#1C2125!important;color:#FFF!important}

/* --------------------------------------------------------------------------
   Carrusel: centro nítido, laterales difuminados sin capa negra.
   -------------------------------------------------------------------------- */
.mp-home-v27 .mp-hero-zone{padding-top:16px!important}
.mp-home-v27 .mp-cinematic-shell{
    width:100%!important;
    max-width:1210px!important;
    height:clamp(300px,30vw,390px)!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:17px!important;
    background:transparent!important;
    box-shadow:none!important;
    isolation:isolate!important;
}
.mp-home-v27 .mp-cinematic-shell::before,
.mp-home-v27 .mp-cinematic-shell::after{display:none!important;content:none!important}
.mp-home-v27 .mpCinematicSlider{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:17px!important;
    background:transparent!important;
}
.mp-home-v27 .mp-cinematic-slide{
    position:relative!important;
    height:100%!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:17px!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:.43!important;
    transform:scale(.955)!important;
    transition:opacity .52s ease,transform .52s ease,filter .52s ease!important;
}
.mp-home-v27 .mp-cinematic-slide.swiper-slide-active{
    opacity:1!important;
    transform:scale(1)!important;
    border-color:rgba(255,255,255,.16)!important;
    z-index:3!important;
}
.mp-home-v27 .mp-cinematic-slide picture{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    border-radius:inherit!important;
    background:transparent!important;
}
.mp-home-v27 .mp-cinematic-slide picture img,
.mp-home-v27 .mp-cinematic-slide>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border-radius:inherit!important;
    filter:blur(1.6px) saturate(.78) brightness(1.08)!important;
    opacity:.66!important;
    transform:scale(1.035)!important;
    transition:filter .52s ease,opacity .52s ease,transform 5.8s ease!important;
}
.mp-home-v27 .mp-cinematic-slide.swiper-slide-active picture img,
.mp-home-v27 .mp-cinematic-slide.swiper-slide-active>img{
    filter:none!important;
    opacity:1!important;
    transform:scale(1.012)!important;
}
.mp-home-v27 .mp-cinematic-slide::before,
.mp-home-v27 .mp-cinematic-slide::after,
.mp-home-v27 .mp-cinematic-tint,
.mp-home-v27 .mp-cinematic-glow,
.mp-home-v27 .mp-cinematic-caption{display:none!important;content:none!important}
.mp-home-v27 .mp-cinematic-controls{
    right:14px!important;
    bottom:12px!important;
    padding:5px 7px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(20,24,28,.54)!important;
    box-shadow:none!important;
    backdrop-filter:blur(10px)!important;
}
.mp-home-v27 .mp-cinematic-nav{
    width:29px!important;
    height:29px!important;
    border-color:rgba(255,255,255,.1)!important;
    background:rgba(255,255,255,.06)!important;
    color:#FFF!important;
}
.mp-home-v27 .mp-cinematic-nav:hover{border-color:rgba(185,242,39,.36)!important;background:rgba(185,242,39,.12)!important;color:var(--mk30-lime)!important}
.mp-home-v27 .mp-cinematic-bullet{width:6px!important;height:6px!important;background:rgba(255,255,255,.48)!important}
.mp-home-v27 .mp-cinematic-bullet.is-active{width:18px!important;background:var(--mk30-lime)!important}

/* El color del banner sigue bajando hasta la sección de juegos. */
.mp-home-v27 .mp-home-ambient-stage{position:relative!important;isolation:isolate!important}
.mp-home-v27 .mp-hero-ambient-slider{
    height:1120px!important;
    opacity:.8!important;
    filter:saturate(.9) contrast(.98)!important;
}
.mp-home-v27 .mp-hero-ambient-slide::after{
    background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 26%,rgba(32,38,43,.08) 72%,rgba(38,46,52,.2))!important;
}

/* --------------------------------------------------------------------------
   Productos destacados: capas oscuras, superficie limpia y logo a la izquierda.
   -------------------------------------------------------------------------- */
.mp-featured-showcase{padding-top:29px!important}
.mp-featured-product-grid{gap:15px!important}
.mp-featured-product-card{padding:0 11px 10px 0!important}
.mp-featured-product-stack{border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;box-shadow:none!important}
.mp-featured-product-stack.is-one{
    inset:5px 6px 3px 6px!important;
    transform:rotate(-.7deg)!important;
    background:#2B3035!important;
}
.mp-featured-product-stack.is-two{
    inset:10px 0 0 12px!important;
    transform:rotate(.8deg)!important;
    background:#20252A!important;
}
.mp-featured-product-surface{
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,#1A1E22,#161A1E)!important;
    box-shadow:0 14px 26px rgba(13,16,19,.15)!important;
}
.mp-featured-product-top{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:82px!important;
    padding:9px 11px!important;
    gap:11px!important;
}
.mp-featured-product-media{
    width:62px!important;
    height:62px!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:12px!important;
    background:#0F1316!important;
}
.mp-featured-product-media img,
.mp-featured-product-preset{width:56px!important;height:56px!important;object-fit:contain!important}
.mp-featured-product-copy{align-items:flex-start!important;justify-content:center!important;text-align:left!important}
.mp-featured-game-logo{
    width:100%!important;
    height:28px!important;
    justify-content:flex-start!important;
    margin:0 0 1px!important;
    padding:0!important;
    text-align:left!important;
}
.mp-featured-game-logo img{
    display:block!important;
    width:auto!important;
    max-width:145px!important;
    max-height:27px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
}
.mp-featured-game-logo.is-text strong{color:var(--mk30-lime)!important;font-size:11px!important;letter-spacing:.04em!important}
.mp-featured-product-copy h3{margin:1px 0!important;color:#FFF!important;font-size:12px!important;line-height:1.2!important;text-align:left!important}
.mp-featured-product-copy p{margin:1px 0 0!important;color:#A5AEB5!important;font-size:8.5px!important;line-height:1.3!important;text-align:left!important}
.mp-featured-product-bottom{
    min-height:39px!important;
    padding:6px 8px 6px 11px!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    background:#292E33!important;
}
.mp-featured-product-bottom b{color:#FFF!important;font-size:14px!important}
.mp-featured-product-bottom span{
    width:27px!important;
    height:27px!important;
    flex-basis:27px!important;
    border-radius:8px!important;
    background:var(--mk30-lime)!important;
    color:var(--mk30-ink)!important;
}
.mp-featured-product-card:hover .mp-featured-product-surface{border-color:rgba(185,242,39,.25)!important;transform:translateY(-2px)!important}

/* --------------------------------------------------------------------------
   Juegos: imagen horizontal completa y panel de precio con color equilibrado.
   -------------------------------------------------------------------------- */
.mp-games-ribbon-section{padding-top:42px!important;padding-bottom:48px!important}
.mp-ribbon-game-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;overflow:visible!important}
.mp-ribbon-game-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(76px,auto)!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:17px!important;
    background:#171C20!important;
    color:#FFF!important;
    box-shadow:0 15px 32px rgba(15,19,22,.14)!important;
}
.mp-ribbon-game-card::after{height:5px!important;width:48px!important;background:var(--mk30-lime)!important}
.mp-ribbon-game-card.is-popular::after{background:var(--mk30-lime)!important}
.mp-ribbon-game-art{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:16/7.4!important;
    overflow:hidden!important;
    background:#293139!important;
}
.mp-ribbon-game-art img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:none!important;
    opacity:1!important;
}
.mp-ribbon-game-art::after{height:28%!important;background:linear-gradient(0deg,rgba(18,22,25,.35),transparent)!important}
.mp-ribbon-game-info{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 91px!important;
    align-items:stretch!important;
    gap:0!important;
    min-height:78px!important;
    padding:0!important;
    background:#181D21!important;
}
.mp-ribbon-game-info::before{display:none!important;content:none!important}
.mp-ribbon-game-copy{
    min-width:0!important;
    justify-content:center!important;
    padding:11px 13px!important;
}
.mp-ribbon-game-copy small{color:var(--mk30-amber-soft)!important;font-size:7px!important;letter-spacing:.13em!important}
.mp-ribbon-game-copy h3{margin:3px 0 2px!important;color:#FFF!important;font-size:17px!important;line-height:1.04!important}
.mp-ribbon-game-copy p{color:#AAB2B8!important;font-size:9px!important}
.mp-ribbon-game-action{
    display:flex!important;
    min-width:0!important;
    width:auto!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px 9px!important;
    border-left:1px solid rgba(17,19,21,.08)!important;
    background:var(--mk30-lime)!important;
    color:var(--mk30-graphite)!important;
}
.mp-ribbon-game-card.is-popular .mp-ribbon-game-action{background:var(--mk30-amber)!important}
.mp-ribbon-game-action span{color:rgba(24,29,33,.72)!important;font-size:6.5px!important;font-weight:800!important}
.mp-ribbon-game-action strong{color:var(--mk30-graphite)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.mp-ribbon-game-action b{
    width:24px!important;
    height:24px!important;
    margin-top:5px!important;
    border:1px solid rgba(24,29,33,.18)!important;
    background:rgba(24,29,33,.1)!important;
    color:var(--mk30-graphite)!important;
}
.mp-ribbon-game-card.is-popular .mp-ribbon-game-copy small{color:var(--mk30-lime)!important}
.mp-ribbon-popular{background:var(--mk30-lime)!important;color:var(--mk30-ink)!important}
.mp-ribbon-game-card:hover{border-color:rgba(185,242,39,.28)!important;transform:translateY(-3px)!important}

/* Catálogo: misma lógica visual, sin blanco protagonista. */
.mp-catalog-v28{
    min-height:calc(100vh - 70px)!important;
    background:
        linear-gradient(126deg,transparent 0 43%,rgba(255,255,255,.045) 43.2% 43.45%,transparent 43.65% 100%),
        linear-gradient(152deg,transparent 0 64%,rgba(255,255,255,.035) 64.15% 64.35%,transparent 64.55% 100%),
        linear-gradient(145deg,#303A43,#252D34 56%,#20272D)!important;
    color:#FFF!important;
}
.mp-catalog-hero h1{color:#FFF!important}
.mp-catalog-hero p{color:#B9C1C7!important}
.mp-catalog-count{border-color:rgba(255,255,255,.1)!important;background:rgba(18,23,27,.42)!important}
.mp-catalog-count strong{color:var(--mk30-lime)!important}.mp-catalog-count span{color:#AAB3BA!important}
.mp-catalog-search{border-color:rgba(255,255,255,.1)!important;background:#1B2227!important;color:#FFF!important}
.mp-catalog-search input{color:#FFF!important}.mp-catalog-search input::placeholder{color:#7F8A92!important}
.mp-catalog-search svg{color:var(--mk30-amber)!important}.mp-catalog-search button{color:var(--mk30-lime)!important}
.mp-catalog-ribbon-card{border-color:rgba(255,255,255,.1)!important;background:#171C20!important;box-shadow:0 14px 30px rgba(8,11,13,.14)!important}
.mp-catalog-ribbon-art{background:#293139!important}
.mp-catalog-ribbon-art img{filter:none!important;opacity:1!important}
.mp-catalog-ribbon-body{background:#181D21!important}
.mp-catalog-ribbon-body h2{color:#FFF!important}.mp-catalog-ribbon-body p{color:#A8B1B8!important}.mp-catalog-ribbon-body small{color:var(--mk30-amber-soft)!important}
.mp-catalog-ribbon-foot{border-color:rgba(255,255,255,.07)!important;color:#B4BDC4!important}
.mp-catalog-ribbon-foot strong{color:var(--mk30-lime)!important}.mp-catalog-ribbon-foot b{background:var(--mk30-lime)!important;color:var(--mk30-ink)!important}

/* --------------------------------------------------------------------------
   Métodos de pago: libres, sin franjas, filtros o tarjetas blancas.
   -------------------------------------------------------------------------- */
.mp-payments-zone-v23{
    position:relative!important;
    overflow:hidden!important;
    padding-top:40px!important;
    padding-bottom:42px!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    background:
        linear-gradient(118deg,transparent 0 64%,rgba(255,255,255,.045) 64.15% 64.35%,transparent 64.55% 100%),
        linear-gradient(145deg,#323B43,#293139)!important;
}
.mp-payments-zone-v23::before,
.mp-payments-zone-v23::after{display:none!important;content:none!important}
.mp-payments-zone-v23 .mp-section-title>div>span{color:var(--mk30-amber)!important}
.mp-payments-zone-v23 .mp-section-title h2{color:#FFF!important}
.mp-payments-zone-v23 .mp-section-title p{color:#B5BEC5!important}
.mp-payment-marquee,
.mp-payment-marquee-row{
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
}
.mp-payment-marquee-track{gap:0!important;align-items:center!important}
.mp-payment-chip{
    position:relative!important;
    display:flex!important;
    min-width:205px!important;
    min-height:58px!important;
    align-items:center!important;
    gap:10px!important;
    padding:7px 18px!important;
    border:0!important;
    border-right:1px solid rgba(255,255,255,.105)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#FFF!important;
    box-shadow:none!important;
    filter:none!important;
    opacity:1!important;
}
.mp-payment-chip:hover{background:rgba(255,255,255,.035)!important;transform:none!important}
.mp-payment-chip.is-wallet,
.mp-payment-chip.is-popular{border-color:rgba(255,255,255,.105)!important;background:transparent!important}
.mp-payment-chip-logo{
    display:grid!important;
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:11px!important;
    background:#1C2328!important;
    color:#FFF!important;
}
.mp-payment-chip-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:4px!important;
    object-fit:contain!important;
    filter:none!important;
    opacity:1!important;
}
.mp-wallet-chip-logo{border-color:rgba(185,242,39,.28)!important;background:rgba(185,242,39,.1)!important}
.mp-payment-chip>span:last-child{display:block!important;min-width:0!important}
.mp-payment-chip strong{display:block!important;color:#FFF!important;font-size:10.5px!important;line-height:1.2!important;white-space:nowrap!important}
.mp-payment-chip small{display:block!important;margin-top:3px!important;color:#AAB4BB!important;font-size:8px!important;line-height:1.2!important;white-space:nowrap!important}

/* --------------------------------------------------------------------------
   Página del juego: grafito azuloso; el blanco solo comunica y no domina.
   -------------------------------------------------------------------------- */
.store-section-compact{
    min-height:calc(100vh - 70px)!important;
    padding-top:18px!important;
    padding-bottom:54px!important;
    background:
        linear-gradient(126deg,transparent 0 22%,rgba(255,255,255,.04) 22.15% 22.35%,transparent 22.55% 100%),
        linear-gradient(155deg,transparent 0 73%,rgba(255,255,255,.035) 73.1% 73.3%,transparent 73.5% 100%),
        linear-gradient(145deg,#303A43,#252D34 55%,#20272D)!important;
    color:#FFF!important;
}
.store-section-compact .store-section-link{color:var(--mk30-lime)!important}
.store-section-compact .store-game-hero{
    height:108px!important;
    min-height:108px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:14px!important;
    background:#1D2429!important;
    box-shadow:0 13px 30px rgba(8,11,13,.14)!important;
}
.store-section-compact .store-game-hero-media,
.store-section-compact .store-game-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.store-section-compact .store-game-hero-overlay{background:linear-gradient(90deg,rgba(17,22,26,.88),rgba(17,22,26,.42) 54%,rgba(17,22,26,.08))!important}
.store-section-compact .store-game-hero-copy{height:100%!important;min-height:0!important;padding:12px 16px!important;justify-content:center!important}
.store-section-compact .store-game-hero-copy h1{color:#FFF!important;font-size:22px!important}
.store-section-compact .store-game-hero-copy .store-kicker{color:var(--mk30-amber)!important}
.store-section-compact .store-product-flow-main{gap:13px!important}
.store-section-compact .store-card,
.store-section-compact .store-form-card,
.store-section-compact .store-card-soft{
    border-color:rgba(255,255,255,.085)!important;
    background:linear-gradient(145deg,#20272D,#1B2227)!important;
    color:#FFF!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
.store-section-compact .store-form-card{padding:21px!important}
.store-section-compact .store-step-head h2{color:#FFF!important}
.store-section-compact .store-step-head p{color:#9FAAB2!important}
.store-section-compact .store-step-number{background:var(--mk30-lime)!important;color:var(--mk30-ink)!important}
.store-section-compact .store-field label,
.store-section-compact .store-field>span{color:#DCE1E4!important}
.store-section-compact .store-field label small{color:#87929A!important}
.store-section-compact .store-input,
.store-section-compact .store-select,
.store-section-compact .store-textarea{
    border-color:rgba(255,255,255,.105)!important;
    background:#151B20!important;
    color:#FFF!important;
}
.store-section-compact .store-input::placeholder,
.store-section-compact .store-textarea::placeholder{color:#707D86!important}
.store-section-compact .store-package,
.store-section-compact .store-payment-type,
.store-section-compact .store-payment-option{
    border-color:rgba(255,255,255,.085)!important;
    background:#171E23!important;
    color:#FFF!important;
}
.store-section-compact .store-package:hover,
.store-section-compact .store-payment-type:hover,
.store-section-compact .store-payment-option:hover{border-color:rgba(185,242,39,.25)!important;background:#1D252B!important}
.store-section-compact .store-package.is-selected,
.store-section-compact .store-payment-type.is-selected,
.store-section-compact .store-payment-option.is-selected{
    border-color:rgba(185,242,39,.58)!important;
    background:linear-gradient(145deg,rgba(185,242,39,.12),#1A2227)!important;
    box-shadow:0 0 0 2px rgba(185,242,39,.07)!important;
}
.store-section-compact .store-package b,
.store-section-compact .store-payment-type b,
.store-section-compact .store-payment-option b{color:#FFF!important}
.store-section-compact .store-package small,
.store-section-compact .store-payment-type small,
.store-section-compact .store-payment-option small{color:#929DA5!important}
.store-section-compact .store-package-prices strong{color:var(--mk30-lime)!important}
.store-section-compact .store-package-prices small{color:var(--mk30-amber-soft)!important}
.store-section-compact .store-payment-type-icon,
.store-section-compact .store-payment-icon{background:#2A333A!important;color:var(--mk30-lime)!important}
.store-section-compact .store-payment-subsection{border-color:rgba(255,255,255,.08)!important;background:#171E23!important}
.store-section-compact .store-payment-subsection-head b{color:#FFF!important}.store-section-compact .store-payment-subsection-head small{color:#929DA5!important}
.store-section-compact .store-wallet-nudge{border-color:rgba(242,138,46,.18)!important;background:rgba(242,138,46,.065)!important}.store-section-compact .store-wallet-nudge b{color:#FFF!important}.store-section-compact .store-wallet-nudge p{color:#A8B1B8!important}
.store-flow-actionbar{
    border-color:rgba(255,255,255,.09)!important;
    background:rgba(24,30,35,.94)!important;
    color:#FFF!important;
    box-shadow:0 16px 38px rgba(8,11,13,.22)!important;
    backdrop-filter:blur(14px)!important;
}
.store-flow-actionbar-copy span{color:#FFF!important}.store-flow-actionbar-copy small{color:#9DA8B0!important}

/* --------------------------------------------------------------------------
   Autenticación: gris azulado con líneas claras, sin panel blanco dominante.
   -------------------------------------------------------------------------- */
.store-auth-shell{
    position:relative!important;
    overflow:hidden!important;
    min-height:100vh!important;
    background:
        linear-gradient(126deg,transparent 0 21%,rgba(255,255,255,.09) 21.08% 21.22%,transparent 21.3% 100%),
        linear-gradient(145deg,transparent 0 67%,rgba(255,255,255,.065) 67.08% 67.22%,transparent 67.3% 100%),
        linear-gradient(82deg,transparent 0 83%,rgba(255,255,255,.045) 83.08% 83.2%,transparent 83.3% 100%),
        radial-gradient(circle at 14% 20%,rgba(185,242,39,.08),transparent 28%),
        radial-gradient(circle at 88% 78%,rgba(242,138,46,.07),transparent 27%),
        linear-gradient(145deg,#36414A,#29323A 53%,#20272D)!important;
}
.store-auth-wrap{
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:#1C2328!important;
    box-shadow:0 30px 80px rgba(7,10,12,.25)!important;
}
.store-auth-showcase{
    background:
        linear-gradient(138deg,transparent 0 68%,rgba(255,255,255,.045) 68.1% 68.3%,transparent 68.4% 100%),
        linear-gradient(145deg,#303A43,#222A31)!important;
}
.store-auth-showcase::before{
    background:radial-gradient(circle at 20% 22%,rgba(185,242,39,.1),transparent 34%),radial-gradient(circle at 84% 80%,rgba(242,138,46,.075),transparent 36%)!important;
}
.store-auth-copy .store-kicker{color:var(--mk30-amber)!important}
.store-auth-copy h1{color:#FFF!important}
.store-auth-copy p,.store-auth-benefits span{color:#B4BDC4!important}
.store-auth-benefits i{background:rgba(185,242,39,.11)!important;color:var(--mk30-lime)!important}
.store-auth-panel{background:#171D22!important}
.store-auth-card{border:0!important;background:transparent!important;color:#FFF!important;box-shadow:none!important}
.store-auth-card h2{color:#FFF!important}.store-auth-card>p{color:#9EA9B1!important}
.store-auth-card .store-field{color:#DCE1E4!important}
.store-auth-card .store-input{
    border-color:rgba(255,255,255,.11)!important;
    background:#10161A!important;
    color:#FFF!important;
}
.store-auth-card .store-input::placeholder{color:#6F7B84!important}
.store-auth-links{color:#8F9AA2!important}.store-auth-links a,.store-auth-card a{color:var(--mk30-lime)!important}
.store-auth-back{border-color:rgba(255,255,255,.1)!important;background:#1B2227!important;color:#FFF!important}
.store-auth-error{border-color:rgba(255,115,132,.22)!important;background:rgba(255,115,132,.08)!important;color:#FFB2BC!important}
.store-auth-status{border-color:rgba(185,242,39,.22)!important;background:rgba(185,242,39,.08)!important;color:#D9FF7A!important}

/* --------------------------------------------------------------------------
   Responsive final.
   -------------------------------------------------------------------------- */
@media(max-width:980px){
    .mp-ribbon-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .mp-home-v27 .mp-cinematic-shell{height:clamp(260px,36vw,335px)!important}
}

@media(max-width:760px){
    .store-zero-header{background:rgba(17,19,21,.98)!important}
    .mp-home-v27 .mp-hero-zone{padding-top:9px!important}
    .mp-home-v27 .mp-cinematic-shell{
        height:clamp(172px,43vw,205px)!important;
        border-radius:13px!important;
    }
    .mp-home-v27 .mpCinematicSlider,
    .mp-home-v27 .mp-cinematic-slide,
    .mp-home-v27 .mp-cinematic-slide picture,
    .mp-home-v27 .mp-cinematic-slide picture img{border-radius:13px!important}
    .mp-home-v27 .mp-cinematic-slide{
        opacity:1!important;
        transform:none!important;
        border-color:rgba(255,255,255,.11)!important;
    }
    .mp-home-v27 .mp-cinematic-slide picture img,
    .mp-home-v27 .mp-cinematic-slide>img{
        filter:none!important;
        opacity:1!important;
        transform:none!important;
        object-fit:cover!important;
        object-position:center center!important;
    }
    .mp-home-v27 .mp-cinematic-controls{
        left:50%!important;
        right:auto!important;
        bottom:6px!important;
        transform:translateX(-50%)!important;
        padding:4px 7px!important;
        background:rgba(17,21,24,.42)!important;
    }
    .mp-home-v27 .mp-cinematic-nav{display:none!important}
    .mp-home-v27 .mp-hero-ambient-slider{height:1010px!important}

    .mp-featured-product-mobile-rows{gap:11px!important;margin-right:-10px!important}
    .mp-featured-product-mobile-row{gap:10px!important;padding:2px 10px 10px 0!important}
    .mp-featured-product-card.is-mobile{flex-basis:47%!important;min-width:47%!important;padding:0 8px 8px 0!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-top{grid-template-columns:48px minmax(0,1fr)!important;min-height:66px!important;padding:7px!important;gap:7px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-media{width:47px!important;height:47px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-media img,
    .mp-featured-product-card.is-mobile .mp-featured-product-preset{width:42px!important;height:42px!important}
    .mp-featured-product-card.is-mobile .mp-featured-game-logo{height:21px!important}
    .mp-featured-product-card.is-mobile .mp-featured-game-logo img{max-width:92px!important;max-height:20px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-copy h3{font-size:9.5px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-copy p{font-size:7px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-bottom{min-height:31px!important;padding:4px 6px 4px 8px!important}
    .mp-featured-product-card.is-mobile .mp-featured-product-bottom b{font-size:11px!important}

    .mp-games-ribbon-section{padding-top:32px!important;padding-bottom:35px!important}
    .mp-ribbon-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
    .mp-ribbon-game-card{grid-template-rows:auto minmax(62px,auto)!important;border-radius:14px!important}
    .mp-ribbon-game-art{width:100%!important;aspect-ratio:16/9!important;min-height:0!important}
    .mp-ribbon-game-info{grid-template-columns:minmax(0,1fr) 61px!important;min-height:64px!important}
    .mp-ribbon-game-copy{padding:8px 7px 8px 9px!important}
    .mp-ribbon-game-copy small{font-size:5.5px!important;letter-spacing:.1em!important}
    .mp-ribbon-game-copy h3{margin:2px 0!important;font-size:12px!important;white-space:normal!important;line-height:1.05!important}
    .mp-ribbon-game-copy p{font-size:6.5px!important}
    .mp-ribbon-game-action{padding:8px 5px!important;align-items:center!important}
    .mp-ribbon-game-action span{font-size:5px!important}
    .mp-ribbon-game-action strong{font-size:9px!important}
    .mp-ribbon-game-action b{width:21px!important;height:21px!important;margin-top:4px!important;font-size:9px!important}

    .mp-payments-zone-v23{padding-top:31px!important;padding-bottom:33px!important}
    .mp-payment-chip{min-width:176px!important;min-height:52px!important;padding:6px 13px!important}
    .mp-payment-chip-logo{width:34px!important;height:34px!important;flex-basis:34px!important}
    .mp-payment-chip strong{font-size:9.5px!important}.mp-payment-chip small{font-size:7.5px!important}

    .store-section-compact{padding-top:12px!important;padding-bottom:92px!important}
    .store-section-compact .store-game-hero{height:78px!important;min-height:78px!important;border-radius:12px!important}
    .store-section-compact .store-game-hero-copy{padding:8px 11px!important}
    .store-section-compact .store-game-hero-copy h1{font-size:17px!important}
    .store-section-compact .store-form-card{padding:15px!important}
    .store-section-compact .store-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .store-section-compact .store-payment-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

    .store-auth-wrap{border-radius:18px!important}
    .store-auth-showcase{min-height:245px!important}
}

@media(max-width:390px){
    .mp-home-v27 .mp-cinematic-shell{height:166px!important}
    .mp-ribbon-game-grid{gap:7px!important}
    .mp-ribbon-game-info{grid-template-columns:minmax(0,1fr) 56px!important}
    .mp-ribbon-game-copy{padding:7px 5px 7px 7px!important}
    .mp-ribbon-game-copy h3{font-size:11px!important}
    .mp-ribbon-game-copy p{display:none!important}
    .mp-ribbon-game-action strong{font-size:8px!important}
    .mp-featured-product-card.is-mobile{flex-basis:48.5%!important;min-width:48.5%!important}
}

@media(min-width:1280px){
    .mp-home-v27 .mp-cinematic-shell{height:385px!important}
    .mp-ribbon-game-art{aspect-ratio:16/7.1!important}
}