*{box-sizing:border-box}
body{margin:0;background:#030503;color:#eee;font-family:Arial,Helvetica,sans-serif}
.top{height:350px;background:url('/assets/header.png') center top/cover no-repeat}
.quick{max-width:1450px;margin:-35px auto 25px;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.quick a{background:rgba(2,10,6,.96);border:1px solid #008f32;border-radius:10px;padding:22px;color:#66ff22;text-decoration:none;font-size:24px;box-shadow:0 0 22px rgba(0,255,80,.18)}
.quick small{display:block;color:#eee;font-size:15px;margin-top:6px}
.layout{max-width:1450px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr .9fr;gap:18px;padding:0 40px}
.panel{background:rgba(3,7,4,.97);border:1px solid #008f32;border-radius:10px;padding:25px;box-shadow:0 0 24px rgba(0,255,80,.12)}
.panel h2{margin-top:0;border-bottom:2px solid #39ff14;padding-bottom:12px;color:#fff}
.online{font-size:34px;font-weight:900;color:#66ff22;text-shadow:0 0 18px #1aff00;margin:25px 0}
.panel p span{display:inline-block;width:105px;color:#66ff22}
.map{display:flex;flex-direction:column;justify-content:center}
.map-img{height:280px;background:url('/assets/maps/de_dust2.jpg') center/cover no-repeat;border:1px solid #39ff14;border-radius:8px}
.map-title{text-align:center;background:#050505;padding:14px;border:1px solid #39ff14;border-top:0}
.links a{display:block;color:#66ff22;text-decoration:none;padding:8px 0}
footer{max-width:1450px;margin:30px auto 0;border-top:1px solid #39ff14;padding:25px 40px;color:#bbb;text-align:center}
@media(max-width:900px){.quick,.layout{grid-template-columns:1fr;padding:0 15px}.top{height:230px}.quick{margin-top:15px}}

.map-img{
height:280px;
background:url('/assets/maps/de_dust2.jpg') center center/cover no-repeat;
border:1px solid #39ff14;
border-radius:8px;
}

.map-title{
display:none;
}

.map{
justify-content:center;
}


.map-img{
background:#080808 !important;
height:280px;
border:1px solid #39ff14;
}


.map-img{
height:280px !important;
background:#050805 !important;
border:1px solid #39ff14 !important;
border-radius:8px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}


.map-title{
display:none !important;
}


/* FIX MAP PANEL */
.map-img{
height:280px !important;
background:url('/assets/maps/de_dust2.jpg') center center/cover no-repeat !important;
border:1px solid #39ff14 !important;
border-radius:8px !important;
display:block !important;
}

.map-img::after{
content:none !important;
display:none !important;
}

.map-title{
display:block !important;
text-align:center;
background:#050505;
padding:14px;
border:1px solid #39ff14;
border-top:0;
}


footer{
max-width:none !important;
margin:35px 0 0 !important;
border-top:1px solid #1aff00 !important;
background:linear-gradient(90deg,#020202,#090d08,#020202);
padding:18px 70px !important;
display:flex !important;
align-items:center;
justify-content:space-between;
color:#aaa;
box-shadow:0 -8px 30px rgba(0,255,80,.12);
}

.footer-logo{
font-size:28px;
font-weight:900;
color:#66ff22;
}

.footer-logo:before{
content:"♟ ";
color:#fff;
}

footer div:nth-child(2){
font-weight:bold;
color:#fff;
}

footer div:nth-child(2)::before{
content:"💬 ";
color:#66ff22;
}

footer div:nth-child(2)::after{
content:"  |  🛡️ BANY  |  📊 STATYSTYKI";
color:#fff;
}

footer div:nth-child(3){
text-align:right;
}

footer div:nth-child(3)::after{
content:"   ⚙ STEAM";
font-weight:bold;
color:#ccc;
margin-left:30px;
}

@media(max-width:900px){
footer{
padding:20px !important;
display:block !important;
text-align:center;
}
footer div{
margin:10px 0;
}
}

.site-footer{
max-width:none !important;
margin:35px 0 0 !important;
border-top:1px solid #39ff14 !important;
background:linear-gradient(90deg,#020202,#090d08,#020202) !important;
padding:18px 70px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
color:#aaa !important;
box-shadow:0 -8px 30px rgba(0,255,80,.15) !important;
}

.site-footer a{
color:#fff !important;
text-decoration:none !important;
font-weight:900 !important;
margin:0 18px !important;
}

.footer-logo{
font-size:28px !important;
font-weight:900 !important;
color:#66ff22 !important;
}

.footer-logo span{
color:#ddd !important;
}

.footer-logo:before{
content:"♟ ";
color:#fff;
}

.footer-copy{
text-align:right !important;
font-size:14px !important;
}

.footer-copy:after{
content:"  ⚙ STEAM";
font-weight:900;
color:#ccc;
margin-left:25px;
font-size:18px;
}

.footer-copy span{
color:#777;
}

@media(max-width:900px){
.site-footer{
display:block !important;
text-align:center !important;
padding:20px !important;
}
.footer-links,.footer-copy,.footer-logo{
margin:12px 0 !important;
text-align:center !important;
}
}

/* CLEAN FINAL FOOTER */
.site-footer,
.site-footer *{
box-sizing:border-box !important;
}

.site-footer{
max-width:none !important;
margin:35px 0 0 !important;
padding:16px 70px !important;
height:auto !important;
background:#020302 !important;
border-top:1px solid #39ff14 !important;
display:grid !important;
grid-template-columns:1fr 1fr 1fr !important;
align-items:center !important;
box-shadow:0 -8px 30px rgba(0,255,80,.12) !important;
}

.site-footer::before,
.site-footer::after,
.footer-links::before,
.footer-links::after,
.footer-copy::before,
.footer-copy::after,
.footer-logo::before,
.footer-logo::after{
content:none !important;
display:none !important;
}

.footer-logo{
font-size:30px !important;
font-weight:900 !important;
color:#66ff22 !important;
text-align:left !important;
}

.footer-logo span{
color:#eee !important;
}

.footer-links{
text-align:center !important;
white-space:nowrap !important;
}

.footer-links a{
color:#fff !important;
text-decoration:none !important;
font-weight:900 !important;
margin:0 18px !important;
font-size:16px !important;
}

.footer-copy{
text-align:right !important;
color:#ddd !important;
font-size:15px !important;
}

.footer-copy small{
color:#777 !important;
}

@media(max-width:900px){
.site-footer{
grid-template-columns:1fr !important;
gap:12px !important;
padding:20px !important;
text-align:center !important;
}
.footer-logo,.footer-links,.footer-copy{
text-align:center !important;
}
}