/* LuRana Final UI */

#lurana-install-modal{
 display:none;
 position:fixed;
 inset:0;
 z-index:99999;
}

.lf-modal-backdrop{
 position:absolute;
 inset:0;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:24px;
 background:rgba(0,8,14,.82);
 backdrop-filter:blur(8px);
}

.lf-modal{
 position:relative;
 width:min(560px,100%);
 padding:30px;
 border:1px solid #19536d;
 border-radius:22px;
 background:#091b26;
 box-shadow:0 30px 90px rgba(0,0,0,.5);
}

.lf-close{
 position:absolute;
 top:14px;
 right:16px;
 width:40px;
 height:40px;
 border:0;
 border-radius:10px;
 background:#102d3a;
 color:white;
 font-size:25px;
 cursor:pointer;
}

.lf-eyebrow{
 color:#27c6ff;
 font-size:12px;
 font-weight:900;
 letter-spacing:2px;
}

.lf-modal h2{
 margin:8px 0 7px;
 font-size:28px;
}

.lf-modal>p{
 margin:0 0 24px;
 color:#8baebe;
 line-height:1.5;
}

.lf-label{
 display:block;
 margin:16px 0;
 color:#b8d1dd;
 font-weight:800;
}

.lf-label input{
 box-sizing:border-box;
 width:100%;
 height:50px;
 margin-top:8px;
 padding:0 14px;
 border:1px solid #19536d;
 border-radius:12px;
 outline:none;
 background:#061821;
 color:#fff;
 font-size:15px;
}

.lf-label input:focus{
 border-color:#27c6ff;
}

.lf-label small{
 display:block;
 margin-top:7px;
 color:#708f9e;
 font-weight:500;
}

.lf-warning{
 margin:16px 0;
 padding:13px 15px;
 border:1px solid #7b5420;
 border-radius:12px;
 background:#2a1d0b;
 color:#ffd188;
 line-height:1.45;
}

.lf-progress{
 margin:20px 0;
}

.lf-progress-track{
 height:8px;
 overflow:hidden;
 border-radius:999px;
 background:#15313e;
}

.lf-progress-track span{
 display:block;
 width:0;
 height:100%;
 background:#28c6ff;
 transition:width .3s ease;
}

.lf-progress-text{
 margin-top:9px;
 color:#9bbbc9;
 font-size:13px;
}

.lf-buttons{
 display:flex;
 justify-content:flex-end;
 gap:10px;
 margin-top:25px;
}

.lf-buttons button{
 min-height:46px;
 padding:0 19px;
 border-radius:11px;
 font-weight:900;
 cursor:pointer;
}

.lf-cancel{
 border:1px solid #244755;
 background:#102631;
 color:white;
}

.lf-primary{
 border:0;
 background:#27bff5;
 color:#021018;
}

.lf-primary:disabled{
 opacity:.55;
 cursor:not-allowed;
}

.lf-game-card{
 cursor:pointer!important;
 transition:
  transform .15s ease,
  border-color .15s ease,
  box-shadow .15s ease;
}

.lf-game-card:hover{
 transform:translateY(-3px);
 border-color:#25bff5!important;
 box-shadow:0 14px 35px rgba(0,0,0,.22);
}

.lf-ready-badge{
 background:#118754!important;
 color:white!important;
}