/* Self-contained refraction intro: exact blue sampled from the client's swatch. */
:root{--prism-streaks:url('assets/solitaire-injambakkam-ecr-prismatic-loader-streaks-hq.webp');--prism-rays:url('assets/solitaire-injambakkam-ecr-prismatic-loader-rays-hq.webp');--prism-grain:url('assets/solitaire-injambakkam-ecr-loader-grain.svg')}
.js:not([data-image-tier]){--prism-streaks:none;--prism-rays:none}
html:is([data-image-tier=low],[data-image-tier=medium]){--prism-streaks:url('assets/solitaire-injambakkam-ecr-prismatic-loader-streaks-compact.webp');--prism-rays:url('assets/solitaire-injambakkam-ecr-prismatic-loader-rays-compact.webp')}
html.js:not(.is-ready){overflow:hidden}
.js:not(.is-ready) .preloader.crystal-loader{display:block;padding:0;background:transparent;color:#f8fbfd;clip-path:none;overflow:visible;isolation:isolate}
.crystal-curtain{position:absolute;inset:0;background:#16213e;overflow:hidden;will-change:transform;isolation:isolate}
/* Keep the prism photographs and grain in the existing moving curtain. */
.crystal-curtain::before{content:"";position:absolute;inset:-12% -2% -2%;background:var(--prism-streaks) center/100% 100% no-repeat;transform:translate(calc(var(--jewel-x,0px) * .35),calc(var(--jewel-y,0px) * .35));mix-blend-mode:screen;opacity:.52;pointer-events:none}
.loader-prism-halo{position:absolute;left:50%;top:46%;width:min(140vw,1100px);aspect-ratio:1;transform:translate(calc(-50% + var(--jewel-x,0px) * .55),calc(-50% + var(--jewel-y,0px) * .55));background:var(--prism-rays) center/contain no-repeat;mix-blend-mode:screen;opacity:.3;pointer-events:none}
.crystal-curtain::after{content:"";position:absolute;inset:0;z-index:2;background:var(--prism-grain) 0 0/180px 180px repeat;mix-blend-mode:overlay;opacity:.24;pointer-events:none}
.crystal-loader .loader-top{position:absolute;top:37px;left:var(--pad);right:var(--pad);z-index:3;align-items:center;justify-content:center}
.crystal-loader .loader-top>.mgp-logo{width:215px;height:auto}
.crystal-center{position:absolute;inset:12% 0 20%;overflow:hidden;z-index:1}
.loader-artwork{position:absolute;inset:0;display:grid;place-items:center}
.loader-artwork>span{font-size:21.5vw;letter-spacing:-.045em;font-weight:300;color:#f8fbfd;position:absolute}
.loader-artwork>img{width:min(59vw,690px);height:68%;object-fit:contain;z-index:1;opacity:.64;transform:translate(var(--jewel-x,0px),calc(-22px + var(--jewel-y,0px)));filter:drop-shadow(0 0 30px #589cff20)}
.crystal-tagline{position:absolute;left:20px;right:20px;top:calc(46% + min(18vw,18vh) + 24px);text-align:center;font-size:clamp(12px,1.05vw,17px);letter-spacing:.065em;color:#d1ddec;z-index:2}
.loader-ticket{position:absolute;bottom:32px;left:calc(50% - 210px);width:420px;height:145px;display:flex;flex-direction:column;justify-content:space-between;padding:27px 28px 22px;background:#f8fbfd;color:#16213e;clip-path:polygon(0 15px,62% 15px,62% 0,100% 0,100% calc(100% - 16px),94% calc(100% - 16px),94% 100%,0 100%);z-index:4;will-change:transform,width,height}
.ticket-brand{font-size:24px;font-weight:300;letter-spacing:.17em;line-height:1.2}
.js:not(.is-ready).is-morphing .hero-masthead{visibility:hidden}
.hero-masthead .ticket-brand{display:block;font:inherit;letter-spacing:inherit}
.ticket-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px}
.ticket-label{font-size:8px;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;max-width:170px}
.ticket-count{display:flex;gap:5px;align-items:start;font-variant-numeric:tabular-nums;line-height:1}
.ticket-count>span{font-size:32px;letter-spacing:-.035em;font-weight:300}
.ticket-count small{font-size:10px;margin-top:3px}
.ticket-track{height:1px;position:absolute;left:28px;right:28px;bottom:14px;background:#16213e20}
.ticket-track i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#16213e}
@media(max-width:700px){
 .crystal-loader .loader-top{top:27px}.crystal-loader .loader-top>.mgp-logo{width:170px}
 .crystal-curtain::before{inset:-16% -2% -2%;opacity:.48}.loader-prism-halo{top:43.5%;opacity:.36}
 .crystal-center{inset:10% 0 23%}.loader-artwork>img{width:83vw;height:68%}
 .crystal-tagline{font-size:11px;letter-spacing:.025em;top:calc(43.5% + 23vw + 24px)}
 .loader-ticket{width:260px;height:122px;left:calc(50% - 130px);bottom:49px;padding:26px 21px 21px}
 .ticket-brand{font-size:20px}.ticket-label{font-size:7px;max-width:130px}.ticket-count>span{font-size:28px}.ticket-track{left:21px;right:21px}
}
@media(max-height:620px) and (min-width:701px){.crystal-curtain::before{inset:-34% -2% -2%}.loader-prism-halo{top:35%}.crystal-center{inset:0 0 30%}.crystal-tagline{top:54%;font-size:11px}.loader-ticket{height:113px;width:330px;left:calc(50% - 165px);bottom:18px;padding:25px 24px 20px}.ticket-brand{font-size:21px}.ticket-count>span{font-size:25px}}