/* =====================================
   MILLERRINGS PREMIUM GAME HUD
===================================== */


#premium-ui{

position:fixed;

inset:0;

z-index:999;

pointer-events:none;

font-family:
Georgia,
serif;

}



/* TOP GLASS PANEL */

#premium-ui .glass-top{

position:absolute;

top:24px;

left:50%;

transform:translateX(-50%);


display:flex;

align-items:center;

gap:14px;


padding:14px 22px;


background:

linear-gradient(
180deg,
rgba(35,40,50,.75),
rgba(10,12,16,.72)
);


backdrop-filter:blur(18px);


border:

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


border-radius:24px;


box-shadow:

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

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


}



#premium-ui .stat{


min-width:80px;

height:48px;


display:flex;

align-items:center;

justify-content:center;

gap:8px;


background:

rgba(255,255,255,.06);


border:

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


border-radius:16px;


color:#fff;


font-size:18px;


}



#premium-ui .actions{

display:flex;

gap:10px;

}



#premium-ui button{


width:48px;

height:48px;


border-radius:50%;


background:

rgba(255,255,255,.08);


border:

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


color:white;


font-size:20px;


}



/* OBJECTIVE */

#premium-ui .glass-bottom{


position:absolute;


bottom:34px;

left:50%;


transform:translateX(-50%);


padding:14px 55px;


background:

rgba(20,25,35,.75);


backdrop-filter:blur(16px);


border:

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


border-radius:22px;


box-shadow:

0 15px 40px rgba(0,0,0,.5);


}



#premium-ui .objective{


color:#ddd;


font-size:16px;


letter-spacing:.5px;


}



/* BRAND */


#premium-ui .brand-signature{


position:absolute;


right:55px;

bottom:35px;


font-size:18px;


letter-spacing:8px;


color:

rgba(240,210,130,.8);


text-shadow:

0 0 20px rgba(255,220,120,.35);


}



/* MOBILE CONTROLS LAYER */

.mobile-controls,
#mobile-controls{


z-index:1000!important;

}