html {
    	background-image: url('./img/background-mapend.jpg');
  	background-position: relative;
	background-attachment: fixed;
  	background-size: 100% 100%;
}
body {
	font-family:sans-serif;
}
table {
    	color: white;
    	box-shadow: 0 4px 5px rgba(0,0,0,.0);
}
td {
    	color: #A9A9A9;
    	font-size:15px;
    	text-shadow: 0 1px 3px black;
}
table th { background: rgba(6, 6, 6, .7); }
#t1 td:hover { color:white; }
#t1 td {
    	color: #A9A9A9;
    	font-size:15px;
    	height:25px;
}
#s:hover { 
	color:white; 
	text-decoration: none;
}
#s { 
    	display:inline;
    	font-size:12px;
    	position:relative;
    	bottom:8px;
    	right:3px;
    	color: #A9A9A9;
    	text-shadow: 0 1px 3px black;
}
#b { background: rgba(6, 6, 6, .3); }
#t1 th:hover { color:white; }
#t1 th { 
    	color:yellow;
    	text-shadow: 1px 0 5px rgba(0,0,0,.9);
    	height:35px;
    	font-size:17px;
}
tr { text-align:center; }
#t1 th:first-child, #t1 td:first-child { 
	text-align:center;
	padding-right:3px;
	width:4%;
	max-width:4%;
}
td:nth-child(2) {  width: 65%; max-width:65%; }
th:last-child { width:10%; }
th {
	color:white;
	font-size:15px;
}
td:hover { color:yellow; }
td a:hover { text-decoration:underline; }
#a a:hover { text-decoration:none; color:white; }
td {
	color:white; 
    	font-weight: 700;
        text-align:center;
}
td a { 
	max-width:150px;
	text-decoration:none; 
}
td img { 
	max-width:25px;
	padding-right:5px;
}
#steam { 
	width:10px;
	padding-left:5px;
}
#new {
	height:15px;
	padding-left:10px; 
}
#i { 
	background: rgba(255, 255, 0, 0.2);
}
#sp { 
	white-space:nowrap; 
	text-align:left;
}
#a a { 
	color: #A9A9A9; 
    	font-weight: 100;
        text-align:center;
	padding-right:5px;
	padding-left: 5px;
}

#o1 a, #o0 a {
    	display: inline-block;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}
#hr1 {
    	border: 2px solid white;
    	border-style:inset;
    	border-radius:5px;
    	max-width:30%;
}
#hr2 { 
	border: 2px solid #c0c0c0;
    	border-radius:5px;
    	border-style:inset;
    	width:100%;
}
#t1 {
  	margin-left:auto; 
  	margin-right:auto;
  	margin-top: 20px;
  	margin-bottom: 20px;
  	width: 75%;
  	position:center;
  	background: rgba(6, 6, 6, .5);
  	box-shadow: 0 5px 5px rgba(0,0,0,.2);
    	border-style: inset;
    	border-width: 1px;
    	border-radius: 5px;
    	border-color: yellow;
    	border-spacing:0;
}
#th1 {
	font-size:20px;
    	max-width: 100%;
    	text-shadow: 1px 0 5px rgba(0,0,0,.4);
    	text-align:center;
}
#th2 {
  	font-size:17px;
  	text-align:left;
  	text-shadow: 1px 0 5px rgba(0,0,0,.4);
}
#th3:hover { color:white; }
#th3 {
	display: inline;
    	color:yellow;
    	text-shadow: 1px 0 5px rgba(0,0,0,.4);
    	margin-left:10px;
}
#th5:hover, #th6:hover, #th7:hover { color:white; }
#th5, #th6, #th7 {
	text-align:center;
    	font-size:25px;
    	text-shadow: 1px 0 5px rgba(0,0,0,.4);
    	box-shadow: 0 4px 5px rgba(0,0,0,.5);
}
#th5 { color:#ff4040; }
#th6 { color:#00bfff; }
#th7 { color:#f5f5f5; }
#t2 th{background: rgba(6, 6, 6, .0)}
#t2 {
  	margin-left:auto; 
  	margin-right:auto;
  	box-shadow: 0 4px 5px rgba(0,0,0,.0);
  	width: 75%;
}
#t4 th {background: rgba(6, 6, 6, .0)}
#t4 {
  	margin-left:auto; 
  	margin-right:auto;
  	width: 100%;
  	background: rgba(6, 6, 6, .5);
  	text-shadow: 1px 0 5px rgba(0,0,0,.4);
}
#t3 th { background: rgba(6, 6, 6, .0); }
#t3 {
  	margin: 20px auto;
	width:1px;
  	text-shadow: 1px 0 5px rgba(0,0,0,.4);
}
#t5 { 
	margin: auto;
	background: -webkit-linear-gradient(left, transparent, rgba(0,0,0,.3), transparent); 
	width:100%;
}
#td2:hover { color:white; }
#td2 {
	text-align:left;
	color:#a9a9a9;
    	height:1;
    	font-size:14px;
    	font-weight:700;
    	background: rgba(6, 6, 6, .0);
}
#td3:hover { color:white; }
#td3 {
    	text-align:right;
    	font-size:16px;
    	font-weight:800;
    	color:yellow;
}
#th4:hover { color:white; }
#th4 {
	text-align:left;
    	color:#dcdcdc;
    	font-size:25px;
    	padding-bottom:10px;
    	text-shadow: 1px 0 5px rgba(0,0,0,.4);
    	white-space:nowrap;
    	overflow:hidden;
}
#th4 a { 
	padding-left:5px;
	float:right;
}

#s:hover { color:white; }
#s { text-shadow: 0 1px 3px black; }

#r1:hover, #r2:hover, #r3:hover, #r4:hover, #r5:hover, #r6:hover, #r7:hover, #r8:hover, #r9:hover, #r10:hover, #r11:hover, #r12:hover, #r13:hover, #r14:hover, #r15:hover, #r16:hover, #r17:hover, #r18:hover, #r19:hover { -webkit-transform: scale(1.1); }
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    	background-repeat: no-repeat;
    	background-position: center;
    	background-size: 80%;
}

#r1 { background-image: url('./img/ranks/rank0.png'); }
#r2 { background-image: url('./img/ranks/rank1.png'); }
#r3 { background-image: url('./img/ranks/rank2.png'); }
#r4 { background-image: url('./img/ranks/rank3.png'); }
#r5 { background-image: url('./img/ranks/rank4.png'); }
#r6 { background-image: url('./img/ranks/rank5.png'); }
#r7 { background-image: url('./img/ranks/rank6.png'); }
#r8 { background-image: url('./img/ranks/rank7.png'); }
#r9 { background-image: url('./img/ranks/rank8.png'); }
#r10 { background-image: url('./img/ranks/rank9.png'); }
#r11 { background-image: url('./img/ranks/rank10.png'); }
#r12 { background-image: url('./img/ranks/rank11.png'); }
#r13 { background-image: url('./img/ranks/rank12.png'); }
#r14 { background-image: url('./img/ranks/rank13.png'); }
#r15 { background-image: url('./img/ranks/rank14.png'); }
#r16 { background-image: url('./img/ranks/rank15.png'); }
#r17 { background-image: url('./img/ranks/rank16.png'); }
#r18 { background-image: url('./img/ranks/rank17.png'); }
#r19 { background-image: url('./img/ranks/rank18.png'); }

#z:hover, #w:hover, #y:hover { -webkit-transform: scale(1.1); }
#z, #w, #y {
    	background-repeat: no-repeat;
    	background-position: center;
}
#z { background-image: url('./img/icon-first.png'); }
#w { background-image: url('./img/icon-second.png'); }
#y { background-image: url('./img/icon-third.png'); }

#o0, #o1 { 
	display:inline-block;
	background-repeat: no-repeat;
	background-position-y:center;
	padding-left:15px;
}
#o0 { background-image: url('./img/offline.png'); }
#o1 { background-image: url('./img/online.png'); }

#k, #d, #m, #kd {
    	background-repeat: no-repeat;
    	background-position: center;
    	box-shadow: 0px 4px 5px rgba(0,0,0,0 .9);
    	width:4%;
}
#k { background-image: url('./img/icon-kills.png'); }
#d { background-image: url('./img/icon-skull.png'); }
#kd { background-image: url('./img/icon-kd.png'); }
#m { background-image: url('./img/icon-star.png'); }

#p { font-weight:100; }


@media screen and (max-height: 515px) {
	#t1 {  	margin-bottom: 10px!important; }
	#t3 { margin: 15px auto!important; }
	#th4 { padding-bottom:5px!important; }
}

@media screen and (max-height: 480px) {
	#th1 { font-size:18px!important; }
	#th2 { font-size:15px!important; }
	#th5, #th6, #th7 { font-size:23px!important; }
	#t1 {  	margin-bottom: 10px!important; }
	#t1 th:first-child, #t1 td:first-child { 
		padding-right:10px!important; 
		padding-left:8px!important;
	}
	td img { 
		max-width:15px!important;
	}
	#steam { 
		width:9px!important; 
		padding-left:5px!important; 
	}
	#new { 
		max-width: 25px!important;
		height:15px!important; 
		padding-left:10px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:14px!important;
    		height:25px!important;
	}
	#t1 th { 
    		height:30px!important;
    		font-size:15px!important;
	}
	#s { 
		font-size:10px!important; 
		right:1px!important;
	}
	#o0, #o1 { 
		background-size:7px!important;
		padding-left:12px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#k { background-size:50px!important;  }
	#d { background-size:22px!important; }
	#kd { background-size:27px!important; }
	#m { background-size:20px!important; }
	#a a { padding-right: 5px!important; }
	#t3 { margin: 15px auto!important; line-height:22px!important; }
	#th4 { 
		font-size:23px!important; 
		padding-bottom:10px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:13px!important; }
	#td3 { font-size:14px!important; }
}

@media screen and (max-height: 450px) {
	#t2 { line-height:5px!important; }
	#hr1 { margin-top:15px!important; }
	#hr0 { margin-top:10px!important; }
	#t1 {  	margin-bottom: 10px!important; }
	td img { padding-right: 3px; }
	#t3 { margin: 15px auto!important; line-height:20px!important; }
	#th4 { padding-bottom:10px!important; }
}

@media screen and (max-height: 435px) {
	#th1 { font-size:17px!important; }
	#th2 { font-size:14px!important; }
	#th5, #th6, #th7 { font-size:22px!important; }
	#t1 { 
		margin-bottom: 10px!important; 
		margin-top: 15px!important;
	}
	#t1 th:first-child, #t1 td:first-child { 
		padding-right:8px!important; 
		padding-left:7px!important;
	}
	td img { 
		max-width:13px!important;
		padding-left:0!important;
	}
	#steam { 
		width:8px!important; 
		padding-left:5px!important; 
	}
	#new { 
		max-width: 25px!important;
		height:13px!important; 
		padding-left:10px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:13px!important;
    		height:23px!important;
	}
	#t1 th { 
    		height:28px!important;
    		font-size:14px!important;
	}
	#s { 
		font-size:10px!important; 
		right:1px!important;
	}
	#o0, #o1 { 
		background-size:7px!important;
		padding-left:12px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#z, #w, #y { background-size: 75%!important; }
	#k { background-size:47px!important;  }
	#d { background-size:20px!important; }
	#kd { background-size:25px!important; }
	#m { background-size:18px!important; }
	#a a { padding-right: 5px!important; padding-left: 5px!important; }
	#t3 { margin: 15px auto!important; line-height:19px!important; }
	#th4 { 
		font-size:22px!important; 
		padding-bottom:10px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:12px!important; }
	#td3 { font-size:13px!important; }
}

@media screen and (max-height: 400px) {
	#t2 { line-height:1px!important; }
	#hr1 { margin-top:15px!important; }
	#hr0 { margin-top:10px!important; }
	#th1 { font-size:14px!important; }
	#th2 { font-size:12px!important; }
	#th5, #th6, #th7 { font-size:19px!important; }
	#t1 {  	
		margin-top: 20px!important;
  		margin-bottom: 20px!important;
	}
	td img { 
		max-width:12px!important;
	}
	#steam { 
		width:8px!important; 
		padding-left:3px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:12px!important;
    		height:20px!important;
	}
	#t1 th { 
    		height:25px!important;
    		font-size:13px!important;
	}
	#s { 
		font-size:9px!important; 
		bottom:6px!important;
		right:0!important;
	}
	#o0, #o1 { 
		background-size:6px!important;
		padding-left:12px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#k { background-size:42px!important;  }
	#d { background-size:18px!important; }
	#kd { background-size:23px!important; }
	#m { background-size:17px!important; }
	#a a { padding-right: 5px!important; }
	#hr2 { border: 1px solid #c0c0c0!important; }
	#t3 { margin: 15px auto!important; line-height:16px!important; }
	#th4 { font-size:18px!important; }
	#th4 a { padding-left:0!important; }
	#td2 { font-size:11px!important; }
	#td3 { font-size:12px!important; }
}

@media screen and (max-height: 385px) {
	#t2 { line-height:1px!important; }
	#hr1 { margin-top:15px!important; }
	#hr0 { margin-top:10px!important; }
	#th1 { font-size:14px!important; }
	#th2 { font-size:12px!important; }
	#th5, #th6, #th7 { font-size:19px!important; }
	#t1 {  	
		margin-top: 15px!important;
  		margin-bottom: 15px!important;
	}
	td img { 
		max-width:12px!important;
	}
	#steam { 
		width:7px!important; 
		padding-left:5px!important; 
	}
	#new { 
		max-width: 25px!important;
		height:12px!important; 
		padding-left:10px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:12px!important;
    		height:20px!important;
	}
	#t1 th { 
    		height:25px!important;
    		font-size:13px!important;
	}
	#s { 
		font-size:9px!important; 
		bottom:6px!important;
		right:0!important;
	}
	#o0, #o1 { 
		background-size:6px!important;
		padding-left:12px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#z, #w, #y { background-size: 80%!important; }
	#k { background-size:42px!important;  }
	#d { background-size:18px!important; }
	#kd { background-size:23px!important; }
	#m { background-size:17px!important; }
	#a a { padding-right: 5px!important; }
	#hr2 { border: 1px solid #c0c0c0!important; }
	#t3 { margin: 15px auto!important; line-height:15px!important; }
	#th4 { 
		font-size:18px!important; 
		padding-bottom:10px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:11px!important; }
	#td3 { font-size:12px!important; }
}

@media screen and (max-height: 360px) {
	#t2 { line-height:0px!important; }
	#t1 { margin-top: 10px!important; margin-bottom: 10px!important; }
	#t3 { margin: 10px auto!important; line-height:15px!important; }
}

@media screen and (max-height: 332px) {
	#t2 { line-height:0px!important; }
	#hr1 { margin-top:15px!important; }
	#th1 { font-size:13px!important; }
	#th2 { font-size:11px!important; }
	#hr0 { margin-top:12px!important; }
	#th5, #th6, #th7 { font-size:17px!important; }
	#t1 {  	
		margin-top: 15px!important;
  		margin-bottom: 15px!important;
	}
	td img { 
		max-width:10px!important;
	}
	#steam { 
		width:6px!important; 
		padding-left:3px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:11px!important;
    		height:15px!important;
	}
	#t1 th { 
    		height:20px!important;
    		font-size:12px!important;
	}
	#s { 
		font-size:8px!important; 
		bottom:3px!important;
		right:0!important;
	}
	#o0, #o1 { 
		background-size:5px!important;
		padding-left:10px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#z, #w, #y { background-size: 70%!important; }
	#k { background-size:35px!important;  }
	#d { background-size:15px!important; }
	#kd { background-size:19px!important; }
	#m { background-size:14px!important; }
	#a a { padding-right: 5px!important; }
	#hr2 { border: 1px solid #c0c0c0!important; }
	#t3 { margin: 15px auto!important; line-height:12px!important; }
	#th4 { 
		font-size:17px!important; 
		padding-bottom:7px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:10px!important; }
	#td3 { font-size:11px!important; }
}

@media screen and (max-height: 330px) {
	#t2 { line-height:0px!important; }
	#hr1 { margin-top:10px!important; }
	#th1 { font-size:12px!important; }
	#th2 { font-size:10px!important; }
	#hr0 { margin-top:10px!important; }
	#th5, #th6, #th7 { font-size:15px!important; }
	#t1 {  	
		margin-top: 10px!important;
  		margin-bottom: 5px!important;
	}
	td img { 
		max-width:9px!important;
	}
	#steam { 
		width:6px!resimportant; 
		padding-left:3px!important; 
	}
	#new { 
		max-width: 25px!important;
		height:10px!important; 
		padding-left:7px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:10px!important;
    		height:10px!important;
	}
	#t1 th { 
    		height:20px!important;
    		font-size:10px!important;
	}
	#s { 
		font-size:8px!important; 
		bottom:3px!important;
		right:0!important;
	}
	#o0, #o1 { 
		background-size:4px!important;
		padding-left:7px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#z, #w, #y { background-size: contain!important; }
	#k { background-size:35px!important;  }
	#d { background-size:15px!important; }
	#kd { background-size:19px!important; }
	#m { background-size:14px!important; }
	#a a { padding-right: 5px!important; }
	#hr2 { border: 1px solid #c0c0c0!important; }
	#t3 { margin: 5px auto!important; line-height:12px!important; }
	#th4 { 
		font-size:14px!important; 
		padding-bottom:7px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:10px!important; }
	#td3 { font-size:11px!important; }
}

@media screen and (max-height: 265px) {
	#t2 { line-height:1px!important; }
	#th1 { font-size:10px!important; }
	#hr1 { 
		margin-top:10px!important;
		border: 1px solid white!important; 
		max-width:35%!important;
	}
	#th2 { font-size:8px!important; }
	#hr0 { margin-top:5px!important; }
	#th5, #th6, #th7 { font-size:12px!important; }
	#t1 {  	
		margin-top: 10px!important;
  		margin-bottom: 5px!important;
	}
	#t1 th:first-child, #t1 td:first-child { 
		padding-right:5px!important; 
		padding-left:5px!important;
	}
	td img { 
		max-width:7px!important;
	}
	#steam { 
		width:5px!important; 
		padding-left:3px!important; 
	}
	#new { 
		max-width: 25px!important;
		height:8px!important; 
		padding-left:5px!important; 
	}
	#t1 td {
    		color: #A9A9A9!important;
    		font-size:8px!important;
    		height:10px!important;
	}
	#t1 th { 
    		height:15px!important;
    		font-size:9px!important;
	}
	#s { 
		font-size:7px!important; 
		bottom:3px!important;
		right:0!important;
	}
	#o0, #o1 { 
		background-size:4px!important;
		padding-left:7px!important;
	}
	#r1, #r2, #r3, #r4, #r5, #r6, #r7, #r8, #r9, #r10, #r11, #r12, #r13, #r14, #r15, #r16, #r17, #r18, #r19  {
    		background-size: 85%!important;
	}
	#z, #w, #y { background-size: contain!important; }
	#k { background-size:27px!important;  }
	#d { background-size:12px!important; }
	#kd { background-size:16px!important; }
	#m { background-size:11px!important; }
	#a a { padding-right: 5px!important;}
	#hr2 { border: 1px solid #c0c0c0!important; }
	#t3 { margin: 5px auto!important; line-height:8px!important; }
	#th4 { 
		font-size:12px!important; 
		padding-bottom:7px!important;
	}
	#th4 a { padding-left:0!important; }
	#td2 { font-size:8px!important; }
	#td3 { font-size:9px!important; }
}

/* RSU custom cleanup: no GeoIP flags + original text colors */

/* Remove qualquer visual antigo de bandeira/GeoIP. */
[id="nn"], [id="br"], [class*="flag"], .flag, .country, .geoip {
    background-image: none !important;
}


/* RSU Top 5 colors - same style as Top15 */
#sp a, #sp a:link, #sp a:visited {
    color: #A9A9A9 !important;
    text-decoration: none !important;
}
#sp a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
#sp a.glow1, #sp a.glow1:link, #sp a.glow1:visited { color: #ff3b30 !important; }
#sp a.glow2, #sp a.glow2:link, #sp a.glow2:visited { color: #ff9500 !important; }
#sp a.glow3, #sp a.glow3:link, #sp a.glow3:visited { color: #4db8ff !important; }

/* RSU MapEnd: nomes sem link, mantendo cores do Top 5 */
#sp .map-player-name {
    color: #A9A9A9 !important;
    text-decoration: none !important;
    cursor: default !important;
}
#sp .map-player-name.glow1 { color: #ff3b30 !important; }
#sp .map-player-name.glow2 { color: #ff9500 !important; }
#sp .map-player-name.glow3 { color: #4db8ff !important; }
#sp .map-player-name:hover {
    text-decoration: none !important;
}
