/* Splash / intro screen — মূল ডিজাইন স্ক্রিনশট (1080px প্রস্থ) থেকে মাপা শতকরা মান */
.hg-splash{
    position:fixed;inset:0;z-index:2147483000;
    background:linear-gradient(180deg,#ff8a8a 0%,#ff9491 25%,#ffb3a5 60%,#fec3b1 80%,#ffd1ba 100%);
    opacity:1;transition:opacity .45s ease;
    overflow:hidden;touch-action:none;
}
.hg-splash.hg-out{opacity:0;pointer-events:none}
.hg-splash-inner{position:relative;width:100%;max-width:430px;height:100%;margin:0 auto}

/* খেলোয়াড়দের ছবি: প্রস্থ ৯৩%, উপর থেকে ~১৭.৫% */
.hg-splash-players{
    position:absolute;left:50%;top:17.5%;
    width:min(93%,47vh);height:auto;
    transform:translateX(-50%) scale(.94);opacity:0;
    animation:hgPop .7s .05s cubic-bezier(.2,.8,.2,1) forwards;
}
/* ট্যাগলাইন: লাল, বোল্ড, ~৬১% উচ্চতায় */
.hg-splash-tag{
    position:absolute;left:0;right:0;top:60.6%;transform:translateY(-50%);
    text-align:center;font-weight:700;color:#ff3b3b;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:min(5.1vw,22px);line-height:1.2;letter-spacing:.2px;
    opacity:0;animation:hgFade .6s .35s ease forwards;
}
/* লোগো: প্রস্থ ৫০%, ~৭৭.৫% উচ্চতায় */
.hg-splash-logo{
    position:absolute;left:50%;top:77.5%;
    width:50%;height:auto;transform:translate(-50%,-50%);
    opacity:0;animation:hgFade .6s .5s ease forwards;
}
@keyframes hgPop{to{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes hgFade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
    .hg-splash-players,.hg-splash-tag,.hg-splash-logo{animation-duration:.01s;animation-delay:0s}
}

/* ===== লগইন / রেজিস্টার লোডিং ওভারলে (পেজ ~৩০% অন্ধকার + ঘুরন্ত লাল রিং + লোগো) ===== */
.hg-loader{
    position:fixed;inset:0;z-index:997;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.30);
    opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;
    touch-action:none;
}
.hg-loader.show{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s}
/* রিং: স্ক্রিন প্রস্থের ৩৭.৫% (স্ক্রিনশট থেকে মাপা), লোগো: ৩১.৫% */
.hg-loader-box{position:relative;width:min(37.5vw,161px);aspect-ratio:1/1}
.hg-loader-ring{position:absolute;inset:0;width:100%;height:100%;animation:hgSpin 1s linear infinite;will-change:transform}
.hg-loader-logo{position:absolute;left:50%;top:50%;width:84%;height:auto;transform:translate(-50%,-50%)}
@keyframes hgSpin{to{transform:rotate(360deg)}}