.dz5-page{
 padding:18px 28px 50px;
 max-width:1700px;
 margin:auto;
 color:#f5f8fc
}
.dz5-back{
 background:#111d2a;
 border:1px solid #243548;
 color:#fff;
 border-radius:12px;
 padding:13px 20px;
 font-weight:800;
 cursor:pointer;
 margin-bottom:14px
}
.dz5-hero{
 min-height:205px;
 border:1px solid #243548;
 border-radius:22px;
 overflow:hidden;
 background:
 linear-gradient(90deg,rgba(5,16,27,.96),rgba(5,16,27,.58)),
 url('/assets/games/dayz.jpg') center 42%/cover;
 box-shadow:0 18px 50px rgba(0,0,0,.18)
}
.dz5-hero-shade{padding:40px 36px}
.dz5-kicker{
 color:#20c4ff;
 font-size:12px;
 font-weight:900;
 letter-spacing:2px;
 text-transform:uppercase
}
.dz5-hero h1{
 font-size:36px;
 margin:10px 0
}
.dz5-hero p,.dz5-browser p,.dz5-toolbar p{
 color:#94acc4
}
.dz5-hero-stats{
 display:flex;
 gap:10px;
 flex-wrap:wrap;
 margin-top:22px
}
.dz5-hero-stats span{
 background:rgba(14,33,49,.85);
 border:1px solid #29445b;
 border-radius:999px;
 padding:8px 13px;
 font-size:13px;
 font-weight:800
}
.dz5-tabs{
 display:flex;
 gap:7px;
 background:#101c28;
 border:1px solid #243548;
 padding:7px;
 border-radius:15px;
 margin:18px 0 24px;
 overflow:auto
}
.dz5-tabs button{
 background:transparent;
 border:0;
 color:#93abc1;
 font-weight:800;
 padding:12px 18px;
 border-radius:10px;
 cursor:pointer;
 white-space:nowrap
}
.dz5-tabs button.active{
 background:#15283b;
 color:#fff;
 box-shadow:inset 0 -2px #20c4ff
}
.dz5-browser,.dz5-stack-card,.dz5-toolbar,.dz5-safety{
 background:#111e2b;
 border:1px solid #25384b;
 border-radius:18px
}
.dz5-browser{padding:28px}
.dz5-browser-head,.dz5-stack-head,.dz5-toolbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px
}
.dz5-browser h2,.dz5-toolbar h2,.dz5-stack-head h2{
 margin:7px 0
}
.dz5-steam-mark{
 text-align:right;
 color:#617b93;
 font-size:13px;
 font-weight:900;
 letter-spacing:1px
}
.dz5-searchbar{
 display:grid;
 grid-template-columns:minmax(260px,1fr) 260px;
 gap:12px;
 margin-top:22px
}
.dz5-search{
 display:flex;
 align-items:center;
 background:#091521;
 border:1px solid #294057;
 border-radius:12px;
 padding:0 14px
}
.dz5-search span{
 font-size:25px;
 color:#20c4ff;
 margin-right:10px
}
.dz5-search input,.dz5-searchbar select,.dz5-install-row input{
 width:100%;
 border:0!important;
 outline:0;
 background:transparent!important;
 color:#eaf4fc!important;
 padding:15px!important;
 margin:0!important
}
.dz5-searchbar select{
 background:#091521!important;
 border:1px solid #294057!important;
 border-radius:12px!important
}
.dz5-install-row{
 display:grid;
 grid-template-columns:1fr auto;
 gap:12px;
 margin-top:12px
}
.dz5-install-row input{
 background:#091521!important;
 border:1px solid #294057!important;
 border-radius:12px!important
}
.dz5-primary,.dz5-secondary,.dz5-mini,.dz5-more{
 border-radius:10px;
 font-weight:900;
 cursor:pointer
}
.dz5-primary{
 border:0;
 background:#1eb9f1;
 color:#04131e;
 padding:13px 20px
}
.dz5-secondary{
 border:1px solid #34506a;
 background:#132536;
 color:#eaf5ff;
 padding:12px 17px
}
.dz5-browser-note{
 margin-top:18px;
 padding:14px 16px;
 background:#0b1824;
 border-left:3px solid #20c4ff;
 color:#8fa8bf;
 border-radius:8px
}
.dz5-toolbar{
 margin:24px 0 14px;
 padding:22px 25px
}
.dz5-toolbar-actions{
 display:flex;
 gap:9px;
 flex-wrap:wrap
}
.dz5-columns{
 display:grid;
 grid-template-columns:minmax(0,1.55fr) minmax(370px,.85fr);
 gap:16px
}
.dz5-stack-card{overflow:hidden}
.dz5-stack-head{
 padding:20px 22px;
 border-bottom:1px solid #23374a
}
.dz5-count{
 min-width:70px;
 text-align:center;
 background:#0a1722;
 border:1px solid #294057;
 border-radius:999px;
 padding:8px 12px;
 font-weight:900;
 color:#20c4ff
}
.dz5-stack{
 padding:8px;
 max-height:760px;
 overflow:auto
}
.dz5-mod-row{
 display:grid;
 grid-template-columns:32px 36px 42px minmax(170px,1fr) 50px 36px 36px 36px;
 align-items:center;
 gap:8px;
 min-height:67px;
 padding:8px 9px;
 border-bottom:1px solid #1f3345;
 background:#101d29;
 transition:.12s
}
.dz5-mod-row:hover{
 background:#152638
}
.dz5-mod-row.dragging{
 opacity:.4;
 outline:2px dashed #20c4ff
}
.dz5-drag{
 cursor:grab;
 color:#69859e;
 font-size:20px;
 text-align:center
}
.dz5-position{
 color:#607d96;
 font-size:12px;
 text-align:center
}
.dz5-mod-icon{
 width:38px;
 height:38px;
 border-radius:9px;
 display:grid;
 place-items:center;
 background:linear-gradient(145deg,#14334b,#0b1a27);
 color:#20c4ff;
 font-size:10px;
 font-weight:900;
 border:1px solid #2b465d
}
.dz5-mod-title{
 display:flex;
 align-items:center;
 gap:8px;
 flex-wrap:wrap;
 font-weight:850
}
.dz5-mod-meta{
 color:#6f8ca5;
 font-size:12px;
 margin-top:4px
}
.dz5-badge{
 font-size:9px;
 letter-spacing:.7px;
 border-radius:999px;
 padding:4px 7px;
 font-weight:900
}
.dz5-badge.active{
 color:#5ff0ba;
 background:#10392f;
 border:1px solid #1e6551
}
.dz5-badge.private{
 color:#55d5ff;
 background:#10324a;
 border:1px solid #1c607e
}
.dz5-badge.disabled{
 color:#c0cad4;
 background:#29323a
}
.dz5-mini,.dz5-more{
 width:34px;
 height:34px;
 padding:0;
 border:1px solid #2d455a;
 background:#142535;
 color:#d9e9f5
}
.dz5-mini:disabled{opacity:.25}
.dz5-switch input{display:none}
.dz5-switch span{
 display:block;
 width:38px;
 height:21px;
 border-radius:999px;
 background:#34485a;
 position:relative;
 cursor:pointer
}
.dz5-switch span:after{
 content:'';
 width:15px;
 height:15px;
 background:white;
 border-radius:50%;
 position:absolute;
 left:3px;
 top:3px;
 transition:.15s
}
.dz5-switch input:checked+span{
 background:#10a978
}
.dz5-switch input:checked+span:after{
 transform:translateX(17px)
}
.dz5-empty{
 padding:35px;
 text-align:center;
 color:#708aa1
}
.dz5-safety{
 margin-top:16px;
 padding:17px 20px;
 color:#8fa9c0
}
#dz5-toast{
 position:fixed;
 right:25px;
 bottom:25px;
 background:#13283a;
 color:#fff;
 border:1px solid #2b506b;
 border-radius:12px;
 padding:14px 20px;
 opacity:0;
 transform:translateY(20px);
 pointer-events:none;
 transition:.2s;
 z-index:99999;
 box-shadow:0 15px 45px #0008
}
#dz5-toast.show{
 opacity:1;
 transform:none
}
#dz5-toast.error{
 border-color:#9a3e49;
 background:#3c1d25
}
@media(max-width:1000px){
 .dz5-columns{grid-template-columns:1fr}
 .dz5-searchbar{grid-template-columns:1fr}
}
@media(max-width:700px){
 .dz5-page{padding:12px}
 .dz5-install-row{grid-template-columns:1fr}
 .dz5-toolbar,.dz5-browser-head{align-items:flex-start;flex-direction:column}
 .dz5-mod-row{
   grid-template-columns:25px 28px 38px 1fr 44px;
 }
 .dz5-mini,.dz5-more{display:none}
}

/* =========================================================
   DAYZ WORKSHOP V5.1
   ========================================================= */

.dz5-stack{
 scrollbar-width:thin;
 scrollbar-color:#27465e #0b1722;
}

.dz5-stack::-webkit-scrollbar{
 width:8px;
}

.dz5-stack::-webkit-scrollbar-track{
 background:#0b1722;
 border-radius:10px;
}

.dz5-stack::-webkit-scrollbar-thumb{
 background:#27465e;
 border-radius:10px;
}

.dz5-stack::-webkit-scrollbar-thumb:hover{
 background:#20aee6;
}

.dz51-results{
 margin-top:18px;
 display:none;
}

.dz51-results.visible{
 display:block;
}

.dz51-results-head{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:15px;
 margin-bottom:12px;
}

.dz51-results-head h3{
 margin:0;
}

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

.dz51-card{
 background:#0b1722;
 border:1px solid #253d52;
 border-radius:14px;
 overflow:hidden;
 min-width:0;
 display:flex;
 flex-direction:column;
 transition:.15s;
}

.dz51-card:hover{
 transform:translateY(-2px);
 border-color:#28739b;
 box-shadow:0 14px 35px rgba(0,0,0,.22);
}

.dz51-image{
 aspect-ratio:16/9;
 background:
 linear-gradient(145deg,#132c40,#09141e);
 overflow:hidden;
 position:relative;
}

.dz51-image img{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}

.dz51-noimage{
 width:100%;
 height:100%;
 display:grid;
 place-items:center;
 color:#2fc8ff;
 font-size:28px;
 font-weight:900;
}

.dz51-card-body{
 padding:13px;
 display:flex;
 flex-direction:column;
 flex:1;
}

.dz51-card-title{
 font-weight:900;
 line-height:1.25;
 min-height:40px;
}

.dz51-card-author{
 color:#7794ac;
 font-size:12px;
 margin-top:5px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.dz51-card-id{
 color:#4fcdf8;
 font-size:11px;
 margin-top:8px;
}

.dz51-card-actions{
 display:grid;
 grid-template-columns:1fr 42px;
 gap:7px;
 margin-top:13px;
}

.dz51-card-actions button{
 min-height:39px;
}

.dz51-install{
 border:0;
 border-radius:9px;
 background:#1eb9f1;
 color:#03141e;
 font-weight:900;
 cursor:pointer;
}

.dz51-info{
 border:1px solid #315069;
 border-radius:9px;
 background:#122536;
 color:#fff;
 font-weight:900;
 cursor:pointer;
}

.dz51-loading{
 padding:30px;
 text-align:center;
 color:#83a0b8;
 background:#0b1722;
 border:1px dashed #2b465c;
 border-radius:13px;
}

.dz51-search-actions{
 display:flex;
 gap:8px;
}

.dz51-search-button{
 border:0;
 border-radius:11px;
 padding:0 20px;
 font-weight:900;
 background:#1eb9f1;
 color:#04131d;
 cursor:pointer;
}

.dz51-status{
 color:#7691a7;
 font-size:12px;
}

.dz51-context{
 position:fixed;
 min-width:220px;
 background:#10202e;
 border:1px solid #315069;
 border-radius:12px;
 padding:6px;
 box-shadow:0 18px 55px #000b;
 z-index:100000;
}

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

.dz51-context button:hover{
 background:#193247;
}

.dz51-context button.danger{
 color:#ff9da7;
}

@media(max-width:1300px){
 .dz51-results-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
}

@media(max-width:900px){
 .dz51-results-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

@media(max-width:600px){
 .dz51-results-grid{
  grid-template-columns:1fr;
 }
}