/* V478 shares the established gtaup477 cascade layer so important layout rules win. */
@layer gtaup477 {
/* GTAUP V478 — scoped Chrome motion and case layout. Includes user-built cards. */
/* Existing hidden/case navigation behavior must remain authoritative. */
#page-cases [hidden],#caseCatalogHomeV215[hidden],#v329CustomDetail[hidden]{display:none!important}
#page-cases .case-catalog-grid-v214{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:clamp(12px,1.5vw,22px)!important;max-width:100%!important;width:100%!important}
#page-cases .case-catalog-grid-v214 > .case-preview-v214,
#page-cases .case-catalog-grid-v214 > [data-v327-custom]{min-width:0!important;width:100%!important;max-width:none!important;height:clamp(315px,28vw,385px)!important;min-height:315px!important;display:grid!important;grid-template-rows:minmax(180px,1fr) auto auto!important;overflow:hidden!important}
#page-cases .case-catalog-grid-v214 .case-preview-art-v214{grid-row:1!important;min-height:180px!important;width:100%!important;max-height:none!important;padding:14px 18px!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;overflow:hidden!important}
#page-cases .case-catalog-grid-v214 .case-preview-art-v214 img{display:block!important;width:100%!important;height:100%!important;max-height:255px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 10px 14px #030b1670)!important}
#page-cases .case-catalog-grid-v214 .case-preview-top-v214{grid-row:2!important;min-height:56px!important;padding:10px 16px!important;box-sizing:border-box!important}
#page-cases .case-catalog-grid-v214 .case-preview-bottom-v214{grid-row:3!important;min-height:45px!important;padding:7px 0 10px!important;margin:0 16px!important}
#page-cases .case-stage-v196:not([hidden]),#page-cases .v329-custom-stage:not([hidden]){display:grid!important;grid-template-columns:minmax(175px,.9fr) minmax(230px,1.15fr) minmax(245px,1fr)!important;min-width:0!important;max-width:100%!important;gap:clamp(12px,1.7vw,24px)!important;align-items:center!important;padding:clamp(16px,2vw,28px)!important}
#page-cases .case-stage-art-v196{min-width:0!important;width:100%!important;min-height:230px!important;max-height:none!important;overflow:visible!important}
#page-cases .case-stage-art-v196 img{max-height:290px!important;width:100%!important;height:100%!important;object-fit:contain!important}
#page-cases .case-stage-buy-v196{min-width:0!important;box-sizing:border-box!important;width:100%!important}
#page-cases .case-items-grid-v188{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;gap:12px!important}
#page-cases .case-item-card-v188{min-height:215px!important;overflow:hidden!important}
#page-cases .case-item-card-v188 .case-item-img-v188{height:118px!important;min-height:118px!important}
#page-cases .case-item-img-v188 img{max-height:112px!important;height:112px!important;object-fit:contain!important}
@media(max-width:1120px){#page-cases .case-catalog-grid-v214{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-cases .case-stage-v196:not([hidden]),#page-cases .v329-custom-stage:not([hidden]){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#page-cases .case-stage-buy-v196{grid-column:1/-1!important}}
@media(max-width:600px){#page-cases .case-catalog-grid-v214{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}#page-cases .case-catalog-grid-v214 > .case-preview-v214,#page-cases .case-catalog-grid-v214 > [data-v327-custom]{height:310px!important;min-height:310px!important}#page-cases .case-stage-v196:not([hidden]),#page-cases .v329-custom-stage:not([hidden]){grid-template-columns:minmax(0,1fr)!important}#page-cases .case-stage-buy-v196{grid-column:1!important}#page-cases .case-items-grid-v188{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}#page-cases .case-item-card-v188{min-width:0!important}}
/* Chrome animation: the reactor stays visible during the rupture/burst phases. */
#page-mystery[data-mm-phase=burst] .mx-art{visibility:visible!important;opacity:1!important}
#page-mystery[data-mm-phase=charge] .mx-art,#page-mystery[data-mm-phase=rupture] .mx-art{visibility:visible!important}
#page-mystery[data-mm-phase=burst] .mx-flyers,#page-mystery[data-mm-phase=burst] .mx-sparks{opacity:1!important;z-index:5!important}
#page-mystery .mx-art,#page-mystery .mx-flyers,#page-mystery .mx-final{backface-visibility:hidden;transform-style:flat}
#page-mystery .mx-chamber{isolation:isolate;contain:layout style}
/* Server outcome is not animated by the CSS. Long reel duration in JS is authoritative. */
#page-cases .v469-unknown-reel{border:2px solid #d6b9ff!important;background:radial-gradient(circle,#49357c,#152340 66%)!important}
#page-cases .case-reel-window-v188{overflow:hidden!important;max-width:100%!important}
.v469-secret-overlay .v468-secret-reel{max-width:100%!important;min-width:0!important}
.v469-secret-overlay .v468-secret-track{transform:translate3d(0,0,0);max-width:none!important}
@media(prefers-reduced-motion:reduce){#page-mystery .mx-art{visibility:visible}#page-mystery .mx-flyers>div{animation:none!important;opacity:.65!important}}

}