/* =====================================================
   MillerRings PREMIUM BRAND UI
   ===================================================== */


.brand-title{

    text-align:center;

    font-family:
        "Georgia",
        serif;

    font-size:22px;

    font-weight:600;

    letter-spacing:9px;

    color:#d4af37;

    text-transform:uppercase;

    opacity:.95;

    margin-bottom:18px;

    animation:
        brandFade 1.8s ease;

}



.brand-title span{

    display:block;

    margin-top:8px;

    font-size:16px;

    letter-spacing:6px;

    color:#f4f1e8;

    opacity:.9;

}




.game-title{

    text-align:center;

    font-family:
        "Georgia",
        serif;

    font-size:58px;

    font-weight:700;

    letter-spacing:1px;

    color:#d4af37;


    text-shadow:

        0 0 10px rgba(212,175,55,.5),

        0 0 35px rgba(212,175,55,.35),

        0 0 70px rgba(212,175,55,.2);


    animation:
        titleGlow 3s infinite alternate;

}



.game-subtitle{

    margin-top:22px;

    text-align:center;

    font-size:16px;

    letter-spacing:3px;

    color:#eee;

    opacity:.85;

}




button{

    font-family:
        "Georgia",
        serif;

}




.premium-button{

    background:

        linear-gradient(
            135deg,
            #8b6508,
            #d4af37
        );


    color:white;

    border:

        1px solid
        rgba(255,255,255,.35);


    box-shadow:

        0 0 25px
        rgba(212,175,55,.45);


    transition:.35s;

}



.premium-button:hover{

    transform:
        translateY(-3px)
        scale(1.03);


    box-shadow:

        0 0 45px
        rgba(212,175,55,.8);

}




@keyframes titleGlow{

from{

    filter:
        brightness(1);

}

to{

    filter:
        brightness(1.25);

}

}




@keyframes brandFade{

from{

    opacity:0;

    transform:
        translateY(-20px);

}

to{

    opacity:1;

    transform:
        translateY(0);

}

}




/* HUD */

#premium-hud{

    backdrop-filter:
        blur(20px);


    background:

        rgba(10,10,10,.55);


    border:

        1px solid
        rgba(212,175,55,.18);

}






/* YETI³ SIGNATURE FIX */

#premium-ui .brand-footer {

    position: fixed;

    right: 28px;
    bottom: 24px;

    display:flex;

    align-items:center;

    gap:8px;

    pointer-events:auto;

    z-index:99999;

}



#premium-ui .brand-footer {

    display:flex !important;

    position:fixed !important;

    right:28px !important;

    bottom:24px !important;

    z-index:999999 !important;

    pointer-events:auto !important;

    visibility:visible !important;

    opacity:1 !important;

}


#premium-ui .brand-footer-name {

    color:#d8c27a;

    font-size:22px;

    font-weight:700;

}


#premium-ui .brand-footer-label {

    color:rgba(255,255,255,.55);

    font-size:10px;

}



/* =====================================================
   YETI³ FINAL SIGNATURE
===================================================== */


#premium-ui .brand-footer {

    position: fixed !important;

    right: 32px !important;

    bottom: 32px !important;


    display: flex !important;

    align-items:center;

    gap:10px;


    padding:12px 22px;


    opacity:1 !important;

    visibility:visible !important;


    color:white;


    background:

    linear-gradient(
        135deg,
        rgba(255,255,255,.16),
        rgba(255,255,255,.04)
    );


    border:

    1px solid
    rgba(255,220,130,.35);


    border-radius:22px;


    backdrop-filter:

    blur(20px);


    box-shadow:

    0 15px 50px
    rgba(0,0,0,.6),

    0 0 35px
    rgba(255,215,120,.25);


    text-decoration:none;


    z-index:999999 !important;


    pointer-events:auto !important;


    animation:

    yetiFloat 4s ease-in-out infinite;

}



#premium-ui .brand-footer-name {


    font-family:

    Georgia,
    serif;


    font-size:24px;


    letter-spacing:5px;


    font-weight:700;


    background:

    linear-gradient(
        90deg,
        #ffffff,
        #d9c27a,
        #ffffff
    );


    -webkit-background-clip:text;

    color:transparent;


}



#premium-ui .brand-footer-label {


    font-size:10px;

    letter-spacing:2px;

    color:

    rgba(255,255,255,.55);

}



@keyframes yetiFloat {


    0%,100% {

        transform:translateY(0);

    }


    50% {

        transform:translateY(-5px);

    }

}


.brand-footer {
    position: fixed !important;
    right: 20px !important;
    bottom: 20px !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2147483647 !important;
    transform: none !important;
    color:white !important;
}



/* FIX PREMIUM UI ROOT */

#premium-ui {

    position: fixed !important;

    inset:0 !important;

    width:100vw !important;

    height:100vh !important;

    pointer-events:none;

    z-index:9999;

}


#premium-ui .brand-footer {

    position:fixed !important;

    right:32px !important;

    bottom:32px !important;

    display:flex !important;

    pointer-events:auto !important;

}



#premium-ui .brand-footer {

    display:flex !important;

    position:fixed !important;

    right:40px !important;

    bottom:40px !important;

    width:auto !important;

    height:auto !important;

    padding:20px !important;

    background:red !important;

    color:white !important;

    border:5px solid yellow !important;

    opacity:1 !important;

    visibility:visible !important;

    z-index:2147483647 !important;

}



/* =====================================================
   YETI³ PREMIUM BRAND FOOTER
   ===================================================== */


#premium-ui .brand-footer {

    position: fixed !important;

    right: 36px !important;
    bottom: 36px !important;

    display: flex !important;

    flex-direction: column;

    align-items: center;

    justify-content: center;


    min-width: 170px;

    padding: 14px 24px;


    border-radius: 18px;


    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.02)
        );


    border:

        1px solid

        rgba(212,170,60,.35);



    box-shadow:

        0 0 40px rgba(212,170,60,.18),

        inset 0 0 25px rgba(255,255,255,.05);



    backdrop-filter:

        blur(16px);



    text-decoration:none;


    opacity:.85;


    transform:

        translateY(0);



    transition:

        all .5s ease;



    overflow:hidden;


    z-index:99999;

}




#premium-ui .brand-footer::before {


    content:"";


    position:absolute;


    inset:-100%;


    background:

        linear-gradient(
            120deg,
            transparent,
            rgba(255,220,120,.35),
            transparent
        );


    transform:

        rotate(25deg);


    animation:

        yeti-shine 5s infinite;



}




#premium-ui .brand-footer:hover {


    transform:

        translateY(-8px)
        scale(1.05);



    box-shadow:

        0 0 60px rgba(255,210,90,.45),

        inset 0 0 30px rgba(255,255,255,.15);



}




.brand-footer-label {


    position:relative;


    z-index:2;


    font-family:

        Georgia,
        serif;


    font-size:

        10px;



    letter-spacing:

        3px;



    color:

        rgba(255,255,255,.55);


    text-transform:

        uppercase;


}




.brand-footer-name {


    position:relative;


    z-index:2;


    margin-top:5px;


    font-family:

        Georgia,
        serif;


    font-size:

        22px;


    font-weight:

        700;



    letter-spacing:

        5px;



    color:

        #d8b44a;



    text-shadow:


        0 0 12px rgba(255,215,100,.8),

        0 0 30px rgba(255,180,40,.4);



    animation:

        yeti-pulse 3s infinite;


}



@keyframes yeti-shine {


    0% {

        transform:
            translateX(-120%)
            rotate(25deg);

    }


    30% {

        transform:
            translateX(120%)
            rotate(25deg);

    }


    100% {

        transform:
            translateX(120%)
            rotate(25deg);

    }

}




@keyframes yeti-pulse {


    0%,
    100% {

        filter:

            brightness(1);

    }


    50% {

        filter:

            brightness(1.35);

    }

}





/* =====================================
   FINAL YETI SIGNATURE RESET
===================================== */


#premium-ui .brand-footer {

    position: fixed !important;

    right: 34px !important;

    bottom: 28px !important;


    display:block !important;


    padding:0 !important;


    width:auto !important;

    height:auto !important;


    background:transparent !important;


    border:none !important;


    border-radius:0 !important;


    box-shadow:none !important;


    opacity:.55;


    text-decoration:none;


    z-index:9999;

}



#premium-ui .brand-footer span {


    font-family:
        "Cinzel",
        "Times New Roman",
        serif;


    font-size:18px;


    letter-spacing:7px;


    color:#d7c58a;


    text-shadow:

        0 0 12px rgba(215,197,138,.3);


}



#premium-ui .brand-footer:hover {

    opacity:1;

    transform:translateY(-3px);

}