/* =========================================================
   LuRana Gameserver Platform V4.2
   Admin / Library / Node Monitoring
   ========================================================= */

:root{
 --v42-card:#0c1922;
 --v42-card2:#10232e;
 --v42-line:#233b49;
 --v42-orange:#ff7417;
 --v42-green:#26ca72;
 --v42-red:#ef5350;
 --v42-yellow:#f6b73c;
 --v42-muted:#91a5b2;
}

.v42-node-hero{
 display:grid;
 grid-template-columns:1.4fr .6fr;
 gap:20px;
 padding:25px;
 margin-bottom:20px;
 border:1px solid var(--v42-line);
 border-radius:14px;
 background:
  radial-gradient(circle at 85% 20%,rgba(255,116,23,.18),transparent 35%),
  linear-gradient(145deg,#102531,#08131b);
 box-shadow:0 20px 50px #0005;
}

.v42-node-title{
 display:flex;
 align-items:center;
 gap:15px;
}

.v42-node-icon{
 width:58px;
 height:58px;
 display:grid;
 place-items:center;
 border-radius:14px;
 background:#ff74171c;
 border:1px solid #ff741755;
 font-size:29px;
}

.v42-node-title h2{
 margin:0 0 5px;
 font-size:25px;
}

.v42-node-title p{margin:0;color:var(--v42-muted)}

.v42-node-status{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:9px;
 font-weight:800;
}

.v42-dot{
 width:10px;
 height:10px;
 border-radius:50%;
 background:var(--v42-green);
 box-shadow:0 0 13px var(--v42-green);
}

.v42-node-offline .v42-dot{
 background:var(--v42-red);
 box-shadow:0 0 13px var(--v42-red);
}

.v42-metrics{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
 margin:18px 0 26px;
}

.v42-metric{
 position:relative;
 overflow:hidden;
 min-height:135px;
 padding:20px;
 border-radius:12px;
 border:1px solid var(--v42-line);
 background:linear-gradient(145deg,#10232e,#09161e);
}

.v42-metric:after{
 content:"";
 position:absolute;
 right:-35px;
 bottom:-50px;
 width:120px;
 height:120px;
 border-radius:50%;
 background:#ff74170c;
}

.v42-metric small{
 display:block;
 color:var(--v42-muted);
 text-transform:uppercase;
 letter-spacing:1.2px;
 font-size:10px;
}

.v42-metric strong{
 display:block;
 margin:7px 0 3px;
 font-size:27px;
}

.v42-meter{
 height:7px;
 margin-top:13px;
 background:#071018;
 border-radius:10px;
 overflow:hidden;
}

.v42-meter i{
 display:block;
 height:100%;
 width:0;
 max-width:100%;
 background:linear-gradient(90deg,#ff7417,#ffa15f);
 border-radius:10px;
}

.v42-server-list{
 display:grid;
 gap:12px;
}

.v42-server-row{
 display:grid;
 grid-template-columns:minmax(240px,1.6fr) .7fr .7fr .7fr .7fr auto;
 gap:15px;
 align-items:center;
 padding:17px 18px;
 border:1px solid var(--v42-line);
 border-radius:11px;
 background:linear-gradient(135deg,#0e202b,#09151d);
}

.v42-server-row h3{
 margin:0 0 5px;
 font-size:16px;
}

.v42-server-row small{color:var(--v42-muted)}

.v42-value span{
 display:block;
 color:var(--v42-muted);
 font-size:10px;
 text-transform:uppercase;
 letter-spacing:.7px;
}

.v42-value b{
 display:block;
 margin-top:4px;
 font-size:14px;
}

.v42-library-head{
 display:flex;
 align-items:end;
 justify-content:space-between;
 gap:20px;
 margin-bottom:18px;
}

.v42-library-head h1{margin-bottom:5px}

.v42-library-tools{
 display:flex;
 gap:10px;
}

.v42-search{
 min-width:260px;
 padding:12px 14px;
 color:#fff;
 border:1px solid var(--v42-line);
 border-radius:8px;
 background:#07131b;
}

.v22-library{
 grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
 gap:16px!important;
}

.v22-game{
 min-height:270px!important;
 border-radius:13px!important;
 border:1px solid #29404e!important;
 background-color:#0b1821;
 background-position:center!important;
 background-size:cover!important;
 overflow:hidden;
 position:relative;
 transition:.18s ease;
}

.v22-game:before{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,rgba(4,10,14,.05) 20%,rgba(4,10,14,.96) 90%);
}

.v22-game:hover{
 transform:translateY(-4px);
 border-color:#ff7417!important;
 box-shadow:0 17px 35px #0007;
}

.v22-game.selected{
 border-color:#ff7417!important;
 box-shadow:0 0 0 2px #ff741733,0 18px 40px #0008;
}

.v22-game-copy{
 position:relative;
 z-index:2;
}

.v22-game-copy h3{
 font-size:23px!important;
 margin-bottom:5px!important;
}

.v42-game-state{
 display:inline-flex;
 margin-top:8px;
 padding:5px 8px;
 border-radius:5px;
 font-size:10px;
 font-weight:900;
 letter-spacing:.6px;
 background:#126c42;
 color:#9affc6;
}

.v42-game-state.test{
 background:#624512;
 color:#ffd67b;
}

.v42-game-state.soon{
 background:#394650;
 color:#d6e0e5;
}

.v42-install-progress{
 margin-top:15px;
 padding:14px;
 border:1px solid #213947;
 border-radius:8px;
 background:#07131b;
}

.v42-install-progress .v42-meter{margin-top:9px}

.v42-config-note{
 margin:13px 0;
 padding:12px;
 border-left:3px solid var(--v42-orange);
 background:#ff74170b;
 color:#c8d4da;
}

.v42-admin-server-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
 gap:14px;
 margin-top:18px;
}

.v42-admin-server{
 padding:18px;
 border:1px solid var(--v42-line);
 border-radius:11px;
 background:linear-gradient(145deg,#10222d,#08151d);
}

.v42-admin-server-top{
 display:flex;
 justify-content:space-between;
 gap:12px;
}

.v42-admin-server h3{margin:0 0 4px}

.v42-admin-actions{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin-top:15px;
}

.v42-admin-actions button{
 padding:8px 11px;
}

.v42-badge{
 display:inline-block;
 padding:5px 8px;
 border-radius:5px;
 background:#142a36;
 color:#bed0da;
 font-size:11px;
 font-weight:800;
}

.v42-warning{
 border-color:#72511f!important;
 background:linear-gradient(145deg,#251d0e,#0c151b)!important;
}

@media(max-width:1100px){
 .v42-metrics{grid-template-columns:repeat(2,1fr)}
 .v42-server-row{grid-template-columns:1.4fr repeat(2,.7fr)}
 .v42-server-row .v42-hide-tablet{display:none}
}

@media(max-width:700px){
 .v42-node-hero{grid-template-columns:1fr}
 .v42-node-status{justify-content:flex-start}
 .v42-metrics{grid-template-columns:1fr}
 .v42-library-head{display:block}
 .v42-search{width:100%;min-width:0;margin-top:12px}
 .v42-server-row{grid-template-columns:1fr 1fr}
}

/* =========================================================
   V4.2.1 - Game Library Feinschliff
   ========================================================= */

.v22-library{
 align-items:stretch!important;
}

.v22-game{
 height:305px!important;
 min-height:305px!important;
 padding:0!important;
 display:flex!important;
 align-items:flex-end!important;
 justify-content:stretch!important;
 background-position:center center!important;
}

.v22-game:before{
 background:
   linear-gradient(
     180deg,
     rgba(4,10,14,.02) 0%,
     rgba(4,10,14,.10) 38%,
     rgba(4,10,14,.82) 72%,
     rgba(4,10,14,.98) 100%
   )!important;
}

.v22-game-copy{
 width:100%!important;
 padding:20px!important;
 position:relative!important;
 z-index:2!important;
}

.v22-game-copy h3{
 margin:0 0 7px!important;
 padding:0!important;
 line-height:1.15!important;
 font-size:25px!important;
 white-space:normal!important;
 overflow:visible!important;
}

.v22-game-copy p{
 margin:0 0 9px!important;
}

.v42-game-state{
 margin-top:3px!important;
}

.v22-game.v42-warning{
 opacity:.78;
}

@media(max-width:1450px){
 .v22-library{
   grid-template-columns:repeat(4,minmax(200px,1fr))!important;
 }
}

@media(max-width:1100px){
 .v22-library{
   grid-template-columns:repeat(3,minmax(200px,1fr))!important;
 }
}

@media(max-width:760px){
 .v22-library{
   grid-template-columns:repeat(2,minmax(180px,1fr))!important;
 }
}

@media(max-width:500px){
 .v22-library{
   grid-template-columns:1fr!important;
 }
}

/* =========================================================
   LuRana V4.2.2 Game Library
   ========================================================= */

.v22-library{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
 gap:18px!important;
}

.v22-game{
 position:relative!important;
 height:340px!important;
 min-height:340px!important;

 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-position:center!important;

 border-radius:14px!important;
 overflow:hidden!important;

 border:1px solid #294452!important;

 display:flex!important;
 align-items:flex-end!important;

 cursor:pointer!important;
}

.v22-game::before{
 content:""!important;

 position:absolute!important;
 inset:0!important;

 background:
 linear-gradient(
  180deg,
  rgba(3,8,12,.04) 0%,
  rgba(3,8,12,.08) 35%,
  rgba(3,8,12,.72) 68%,
  rgba(3,8,12,.98) 100%
 )!important;
}

.v22-game-copy{
 position:relative!important;
 z-index:3!important;

 width:100%!important;
 padding:22px!important;
}

.v22-game-copy h3{
 display:block!important;

 margin:0 0 6px!important;
 padding:0!important;

 font-size:27px!important;
 line-height:1.1!important;

 overflow:visible!important;
 white-space:normal!important;
}

.v22-game-copy p{
 margin:0 0 10px!important;
 color:#bdcbd3!important;
}

.v22-game:hover{
 transform:translateY(-5px)!important;

 border-color:#ff7417!important;

 box-shadow:
 0 22px 45px rgba(0,0,0,.55),
 0 0 0 1px rgba(255,116,23,.2)!important;
}

.v22-game.selected{
 border-color:#ff7417!important;

 box-shadow:
 0 0 0 2px rgba(255,116,23,.28),
 0 22px 45px rgba(0,0,0,.6)!important;
}

.v42-game-state{
 display:inline-flex!important;
}

@media(max-width:1500px){

 .v22-library{
   grid-template-columns:
   repeat(4,minmax(210px,1fr))!important;
 }

}

@media(max-width:1100px){

 .v22-library{
   grid-template-columns:
   repeat(3,minmax(200px,1fr))!important;
 }

}

@media(max-width:760px){

 .v22-library{
   grid-template-columns:
   repeat(2,minmax(180px,1fr))!important;
 }

}

@media(max-width:520px){

 .v22-library{
   grid-template-columns:1fr!important;
 }

}