.dz52{
 color:#f4f8fc;
 padding:16px 18px 45px;
 max-width:1700px;
 margin:auto;
}

.dz52-hero{
 min-height:190px;
 padding:34px;
 box-sizing:border-box;
 border:1px solid #21374a;
 border-radius:20px;
 background:
  linear-gradient(
   90deg,
   rgba(5,15,25,.97),
   rgba(5,15,25,.60)
  ),
  url('/assets/games/dayz.jpg')
  center 40%/cover;
}

.dz52-hero h1{
 font-size:34px;
 margin:8px 0;
}

.dz52-hero p,
.dz52-browser p,
.dz52-orderhead p{
 color:#8da8c0;
}

.dz52-kicker{
 color:#25c7ff;
 font-size:12px;
 font-weight:900;
 letter-spacing:2px;
}

.dz52-pills{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-top:20px;
}

.dz52-pills span{
 background:#0c2131d9;
 border:1px solid #28465e;
 border-radius:999px;
 padding:7px 12px;
 font-size:12px;
 font-weight:800;
}

.dz52-browser{
 margin-top:18px;
 padding:25px;
 background:#101e2b;
 border:1px solid #24394c;
 border-radius:18px;
}

.dz52-browser-title,
.dz52-orderhead,
.dz52-listhead{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
}

.dz52-browser h2,
.dz52-orderhead h2,
.dz52-listhead h2{
 margin:6px 0;
}

.dz52-steam{
 text-align:right;
 color:#617f98;
 font-weight:900;
 font-size:12px;
 letter-spacing:1px;
}

.dz52-searchrow,
.dz52-direct{
 display:grid;
 grid-template-columns:1fr auto;
 gap:10px;
 margin-top:15px;
}

.dz52-searchrow input,
.dz52-direct input{
 min-width:0;
 background:#071521 !important;
 color:#eef8ff !important;
 border:1px solid #2b455b !important;
 border-radius:11px !important;
 padding:14px !important;
}

.dz52-searchrow button,
.dz52-direct button,
#dz52-refresh{
 border:0;
 border-radius:10px;
 background:#21baf1;
 color:#04131d;
 padding:0 20px;
 font-weight:900;
 cursor:pointer;
}

.dz52-orderhead{
 margin:22px 0 12px;
 padding:18px 22px;
 background:#101e2b;
 border:1px solid #24394c;
 border-radius:16px;
}

#dz52-refresh{
 min-height:42px;
}

.dz52-columns{
 display:grid;
 grid-template-columns:minmax(0,1.6fr) minmax(380px,.85fr);
 gap:16px;
}

.dz52-listbox{
 background:#101e2b;
 border:1px solid #24394c;
 border-radius:17px;
 overflow:hidden;
}

.dz52-listhead{
 padding:18px 22px;
 border-bottom:1px solid #22384b;
}

.dz52-counter{
 color:#24c8ff;
 border:1px solid #28475f;
 background:#071723;
 border-radius:999px;
 padding:7px 11px;
 font-weight:900;
}

.dz52-list{
 max-height:650px;
 overflow:auto;
 padding:7px;
 scrollbar-width:thin;
 scrollbar-color:#31516a #091722;
}

.dz52-list::-webkit-scrollbar{
 width:8px;
}

.dz52-list::-webkit-scrollbar-track{
 background:#091722;
}

.dz52-list::-webkit-scrollbar-thumb{
 background:#31516a;
 border-radius:10px;
}

.dz52-row{
 display:grid;
 grid-template-columns:
  30px 30px 42px minmax(160px,1fr)
  48px 34px 34px 34px;
 gap:8px;
 align-items:center;
 min-height:61px;
 padding:6px 8px;
 border-bottom:1px solid #203548;
}

.dz52-row:hover{
 background:#142637;
}

.dz52-row.dragging{
 opacity:.35;
 outline:2px dashed #24c8ff;
}

.dz52-grip{
 cursor:grab;
 font-size:19px;
 color:#64849d;
 text-align:center;
}

.dz52-pos{
 text-align:center;
 color:#658098;
 font-size:11px;
}

.dz52-icon{
 width:37px;
 height:37px;
 display:grid;
 place-items:center;
 border:1px solid #28506a;
 border-radius:9px;
 color:#25c8ff;
 background:#0d2637;
 font-size:10px;
 font-weight:900;
}

.dz52-icon.private{
 color:#62d8ff;
}

.dz52-title{
 display:flex;
 gap:7px;
 align-items:center;
 flex-wrap:wrap;
 font-weight:900;
}

.dz52-meta{
 color:#6f8da5;
 font-size:11px;
 margin-top:3px;
}

.dz52-badge{
 font-size:9px;
 border-radius:999px;
 padding:3px 7px;
}

.dz52-badge.active{
 color:#60efbb;
 background:#103b30;
 border:1px solid #1f6753;
}

.dz52-badge.private{
 color:#58d6ff;
 background:#10344b;
 border:1px solid #21627f;
}

.dz52-badge.off{
 color:#bbc7d0;
 background:#303b44;
}

.dz52-small{
 width:32px;
 height:32px;
 border:1px solid #2c4a61;
 border-radius:9px;
 background:#112637;
 color:#d7eaf8;
 cursor:pointer;
}

.dz52-small:disabled{
 opacity:.25;
}

.dz52-switch input{
 display:none;
}

.dz52-switch span{
 display:block;
 width:38px;
 height:21px;
 border-radius:999px;
 background:#405261;
 position:relative;
 cursor:pointer;
}

.dz52-switch span:after{
 content:'';
 position:absolute;
 width:15px;
 height:15px;
 left:3px;
 top:3px;
 background:white;
 border-radius:50%;
 transition:.15s;
}

.dz52-switch input:checked+span{
 background:#11aa79;
}

.dz52-switch input:checked+span:after{
 transform:translateX(17px);
}

#dz52-results{
 margin-top:18px;
}

.dz52-loading{
 text-align:center;
 padding:25px;
 background:#091722;
 border:1px dashed #29475f;
 border-radius:12px;
 color:#8aa7be;
}

.dz52-loading.error{
 color:#ff9ca7;
}

.dz52-resulthead{
 display:flex;
 justify-content:space-between;
 color:#8da9c0;
 margin-bottom:10px;
}

.dz52-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:11px;
}

.dz52-card{
 background:#091722;
 border:1px solid #284157;
 border-radius:13px;
 overflow:hidden;
}

.dz52-image{
 aspect-ratio:16/9;
 background:#102b3f;
 display:grid;
 place-items:center;
 color:#29c9ff;
 font-weight:900;
}

.dz52-image img{
 width:100%;
 height:100%;
 object-fit:cover;
}

.dz52-cardbody{
 padding:12px;
}

.dz52-cardbody strong{
 display:block;
 min-height:39px;
}

.dz52-cardbody small{
 display:block;
 color:#7d99af;
 margin-top:5px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}

.dz52-cardbody>span{
 display:block;
 color:#30c8fa;
 font-size:11px;
 margin-top:7px;
}

.dz52-cardbuttons{
 display:grid;
 grid-template-columns:1fr 40px;
 gap:7px;
 margin-top:11px;
}

.dz52-cardbuttons button{
 min-height:38px;
 border:0;
 border-radius:9px;
 background:#20baf1;
 color:#04131d;
 font-weight:900;
 cursor:pointer;
}

.dz52-cardbuttons button:last-child{
 background:#142b3c;
 color:white;
 border:1px solid #31536c;
}

.dz52-protect{
 margin-top:15px;
 padding:16px 18px;
 border:1px solid #234258;
 border-radius:13px;
 background:#0c1b27;
 color:#86a3ba;
}

#dz52-toast{
 position:fixed;
 right:25px;
 bottom:25px;
 z-index:999999;
 padding:13px 18px;
 background:#112a3c;
 border:1px solid #32708e;
 border-radius:11px;
 color:white;
 opacity:0;
 transform:translateY(15px);
 transition:.2s;
 pointer-events:none;
}

#dz52-toast.show{
 opacity:1;
 transform:none;
}

#dz52-toast.error{
 background:#421d25;
 border-color:#a34855;
}

@media(max-width:1200px){
 .dz52-grid{
  grid-template-columns:repeat(3,1fr);
 }

 .dz52-columns{
  grid-template-columns:1fr;
 }
}

@media(max-width:800px){
 .dz52-grid{
  grid-template-columns:repeat(2,1fr);
 }

 .dz52{
  padding:10px;
 }
}

@media(max-width:560px){
 .dz52-grid{
  grid-template-columns:1fr;
 }

 .dz52-searchrow,
 .dz52-direct{
  grid-template-columns:1fr;
 }

 .dz52-row{
  grid-template-columns:25px 25px 38px 1fr 45px;
 }

 .dz52-small{
  display:none;
 }
}

/* ===== LuRana DayZ V5.3 ===== */

.dz53-topbar{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:14px;
 margin-bottom:14px;
}

.dz53-back{
 border:1px solid #2c4b63;
 background:#102536;
 color:#eef8ff;
 border-radius:11px;
 padding:11px 17px;
 font-weight:900;
 cursor:pointer;
}

.dz53-back:hover{
 border-color:#25c8ff;
}

.dz53-slotbox{
 display:flex;
 align-items:center;
 gap:8px;
 background:#0d1e2b;
 border:1px solid #29455b;
 border-radius:11px;
 padding:6px;
}

.dz53-slotbox label{
 color:#829db3;
 font-size:11px;
 font-weight:900;
 margin:0 5px;
}

.dz53-slotbox input{
 width:72px !important;
 padding:8px !important;
 margin:0 !important;
 background:#071521 !important;
 color:#fff !important;
 border:1px solid #31536c !important;
 border-radius:8px !important;
 text-align:center;
}

.dz53-slotbox button{
 border:0;
 border-radius:8px;
 padding:9px 14px;
 background:#20baf1;
 color:#04131d;
 font-weight:900;
 cursor:pointer;
}

.dz53-slotnote{
 color:#7894aa;
 font-size:10px;
 margin-top:5px;
 text-align:right;
}

.dz53-menu{
 position:fixed;
 z-index:999999;
 min-width:235px;
 background:#0e202e;
 border:1px solid #31536b;
 border-radius:12px;
 padding:6px;
 box-shadow:0 20px 60px #000b;
}

.dz53-menu button{
 display:block;
 width:100%;
 padding:10px 12px;
 border:0;
 border-radius:8px;
 background:transparent;
 color:#e3f1fb;
 text-align:left;
 cursor:pointer;
}

.dz53-menu button:hover{
 background:#183349;
}

@media(max-width:700px){
 .dz53-topbar{
  flex-direction:column;
  align-items:stretch;
 }

 .dz53-slotbox{
  justify-content:space-between;
 }

 .dz53-slotnote{
  text-align:left;
 }
}

/* ==========================================================
   LuRana DayZ Workshop V5.4
   Single-render protection
   ========================================================== */

body.lurana-dayz-v54 .workshop-grid,
body.lurana-dayz-v54 .mods-grid,
body.lurana-dayz-v54 .installed-mods-grid,
body.lurana-dayz-v54 .workshop-mod-grid,
body.lurana-dayz-v54 [data-old-workshop-grid="1"]{
    display:none !important;
}

/*
 * Unsere neue Oberfläche darf niemals durch obige Regeln
 * betroffen sein.
 */
body.lurana-dayz-v54 .dz52,
body.lurana-dayz-v54 .dz52 *{
    box-sizing:border-box;
}

.dz54-guard{
    display:none !important;
}