/* Ovoko Gaming theme for HLstatsX:CE — matches the one-pager (http://116.202.30.189/)
   Loaded after hlstats.css. Icons: hlstatsimg/icons/ovoko (copy of sourcebans set). */

:root{--bg:#0b0d10;--card:#13161b;--card2:#171b21;--line:#262a31;--text:#d8d8d8;--muted:#8a8f98;--accent:#ff8a00;--on:#3ecf6e;--off:#e5484d}

/* ---------- Base ---------- */
html,body{background:var(--bg);color:var(--text)}
body{margin:0;font:14px/1.5 Tahoma,Verdana,system-ui,sans-serif}
tr,td,div,span,body,th,p,li{font-family:Tahoma,Verdana,system-ui,sans-serif;font-size:13px}
td{font:13px/1.45 Tahoma,Verdana,system-ui,sans-serif}
h1,h2,h3{font-family:Tahoma,Verdana,system-ui,sans-serif;color:#fff}
h1{font-size:24px}h2,h3{font-size:15px}
b,strong{color:#fff}

a:link,a:visited,a:active{color:var(--text);text-decoration:none}
a:hover{color:var(--accent);text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.fHeading{font-size:13px;font-weight:bold;color:#fff}
.fTitle{font-size:16px;font-weight:bold;color:#fff}
.fSmall{font-size:12px;color:var(--muted)}
.fNormal{font-size:13px;font-weight:normal;padding-left:0}
tt{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#7fd17f}

.content{background:var(--bg);color:var(--text);max-width:1100px;margin:0 auto 32px;padding:0 16px;box-sizing:border-box}
.block{margin:0 auto;max-width:1100px}
.subblock{margin:0 auto;width:100%}

ul{margin-left:0;padding-left:0}
li{margin-bottom:0}
img{border:none;vertical-align:middle}
.headertabs ul,.location ul,.fancyNav,#main ul.subsection_tabs,.navbar{list-style:none}

/* ---------- Header ---------- */
.headerblock{background:var(--bg);height:auto;border-bottom:1px solid var(--line);padding:30px 0 18px;max-width:1068px;width:calc(100% - 32px);margin:0 auto;box-sizing:border-box}
.title{margin:0;padding:0}
.title a img{display:none}
.title a::before{content:"Ovoko Gaming";display:block;font-size:clamp(26px,4.5vw,40px);font-weight:bold;color:var(--accent);letter-spacing:.5px;line-height:1.1}
.title::after{content:"Stats & rankings";display:block;color:var(--muted);font-size:14px;margin-top:4px}

.headertabs{margin:16px 0 0;padding:0}
.headertabs ul{display:flex;gap:10px;flex-wrap:wrap}
.headertabs li{margin:0}
.headertabs li a{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--text)!important;font-size:13px;line-height:1.2}
.headertabs li a:hover{border-color:var(--accent)}
.headertabs li a img{display:none}
.headertabs li:nth-child(1) a::before{content:"Contents"}
.headertabs li:nth-child(2) a::before{content:"Search"}
.headertabs li:last-child a::before{content:"Help"}

.header_gameslist{padding:0}

/* Breadcrumb */
.location{background:none;height:auto;color:var(--muted);max-width:1068px;width:calc(100% - 32px)!important;margin:0 auto;padding:10px 0 0;box-sizing:border-box}
.location ul{padding:0;margin:0;color:var(--muted)}
.location ul{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.location li{margin:0;display:inline}
.location a:link,.location a:visited,.location a:active{color:var(--muted)}
.location a:hover{color:var(--accent)}
.location strong{color:#fff}
.location .arrow{color:var(--line);font-size:13px}
.location_under{display:none}

/* Main nav (Servers / Players / ...) */
nav{max-width:1100px;margin:18px auto 22px;padding:0;box-sizing:border-box;text-align:left}
.fancyNav{display:flex;flex-wrap:wrap;gap:8px;background:none;border:0;box-shadow:none;border-radius:0;padding:0;height:auto}
.fancyNav li{background:none;border:0;box-shadow:none;height:auto;padding:0;margin:0;float:none}
.fancyNav li:after,.fancyNav li:first-child:after,.fancyNav li:last-child:after{display:none!important}
.fancyNav li a{display:inline-block;padding:9px 16px;border-radius:6px;border:1px solid var(--line);background:var(--card);color:var(--text)!important;font-size:14px;font-weight:normal;text-shadow:none;height:auto;line-height:1.2}
.fancyNav li a:hover{border-color:var(--accent);color:#fff!important}
.fancyNav li.selected a{background:var(--accent);border-color:var(--accent);color:#111!important;font-weight:bold}

/* ---------- Tables ---------- */
.data-table,.livestats-table{background:var(--card);border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;width:100%}
.data-table td{border:0;border-top:1px solid var(--line);padding:8px 10px;color:var(--text)}
.data-table tr:first-child td{border-top:0}
.data-table-head,.data-table-head td{background:var(--card2)!important;background-image:none!important;color:var(--muted)!important;border-color:var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:normal}
.data-table-head a:link,.data-table-head a:visited,.data-table-head a:active{color:var(--muted)}
.data-table-head a:hover{color:var(--accent)}
.data-table-row,.data-table-row td{background:var(--card2);color:#fff;border-color:var(--line)}
.bg1{background-color:var(--card)}
.bg2{background-color:#101318}
.data-table tr:hover td.bg1,.data-table tr:hover td.bg2{background-color:#1a1f26}

.game-table-row{background:var(--card);border:1px solid var(--line)}
.game-table-row-hover{background:#1a1f26;color:#fff}
.game-table-cell{color:var(--text);border:1px solid var(--line);padding:8px 10px}
.game-table-cell a{color:#fff}
.livestats-table td{color:var(--text)}
.border,.table_border{border-color:var(--line)!important}

/* Section headings with the little arrow ("Participating Servers") */
.fancyNav + *, .subblock .fHeading{color:#fff}
img[src*="downarrow"],img[src*="rightarrow"]{filter:invert(55%) sepia(90%) saturate(900%) hue-rotate(360deg)}

/* Server graphs: drawn light by PHP (graphbg_load ECE9E4 / graphtxt_load 272727 in Options), inverted to dark here.
   Player trend graph (pChart) is drawn dark directly (graphbg_trend 13161B / graphtxt_trend D8D8D8). */
img[src*="show_graph.php"]{filter:invert(1) hue-rotate(180deg);border-radius:8px;max-width:100%;height:auto}
img[src*="trend_graph.php"]{border-radius:8px;max-width:100%;height:auto}

/* Sub tabs on player / clan / awards pages */
#main ul.subsection_tabs{border-bottom:1px solid var(--line);height:auto;display:flex;flex-wrap:wrap;gap:6px;padding-bottom:22px!important;margin-bottom:6px}
#main ul.subsection_tabs li{float:none;margin:0;padding:0}
#main ul.subsection_tabs li a{height:auto;width:auto;padding:7px 14px;border-radius:6px;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:13px}
#main ul.subsection_tabs li a:hover{border-color:var(--accent);color:#fff}
#main ul.subsection_tabs li a.active{background:var(--accent);border-color:var(--accent);color:#111}

/* Forms */
input,textarea,select{font-family:Tahoma,Verdana,system-ui,sans-serif;font-size:13px;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px}
input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}
input.submit,input.smallsubmit,input[type=submit],button{height:auto;background:var(--accent);border-color:var(--accent);color:#111;font-weight:bold;cursor:pointer;padding:6px 14px}
input.submit:hover,input[type=submit]:hover{filter:brightness(1.1)}

/* Meters / bars */
meter,meter::-webkit-meter-bar{background:#1d2229;box-shadow:none;border-radius:4px}
meter::-webkit-meter-optimum-value{background:var(--on)}
meter::-webkit-meter-suboptimum-value{background:var(--accent)}
meter::-webkit-meter-even-less-good-value{background:var(--off)}
meter:-moz-meter-optimum::-moz-meter-bar{background:var(--on)}
meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--accent)}
meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--off)}

/* Messages */
.warning{border:1px solid var(--accent);background:var(--card);border-radius:10px;color:var(--text)}
.errorhead{background:var(--off);color:#fff}
.errortext{background:var(--card);color:var(--text)}
.helpwindow{background:var(--card);border:1px solid var(--line);color:var(--text)}
.gmapstab a{color:var(--accent);text-decoration:none}
.gmapstab a:link,.gmapstab a:visited,.gmapstab a:active{color:var(--accent)}
.gmapstabtitle{color:#fff}

/* Footer */
#footer,.footer{color:var(--muted);border-top:1px solid var(--line);margin:40px auto 0;padding:18px 16px 30px;max-width:1100px;width:auto;box-sizing:border-box}
#footer img[src*="footer"],#footer a img{filter:grayscale(1) brightness(.8);opacity:.6}
a.footer_link:link,a.footer_link:visited{color:var(--muted)}
a.footer_link:hover{color:var(--accent);text-decoration:none}

/* Mobile: wide tables scroll inside themselves instead of stretching the page */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:760px){
  .data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:calc(100vw - 32px)}
  .content,.block,.subblock{max-width:100vw;box-sizing:border-box}
  .headerblock,.location{padding-left:0;padding-right:0}
  .fancyNav li a{padding:7px 11px;font-size:13px}
  [style*="float:right"],[style*="float: right"],[style*="float:left"]{float:none!important}
  [style*="float:left"][style*="width:"],[style*="float:right"][style*="width:"]{width:100%!important;margin-left:0!important;margin-bottom:16px}
}

/* In-game MOTD pages (ingame.php: /servers, /rank, /top10 ...) */
#ingame .ingame-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
#ingame .ingame-brand{color:var(--accent);font-weight:bold;font-size:20px;line-height:1.2}
#ingame .ingame-brand small{color:var(--muted);font-weight:normal;font-size:13px;margin-left:8px}
#ingame .ingame-back{color:var(--muted);font-size:13px;white-space:nowrap}
#ingame .ingame-back:hover{color:var(--accent);text-decoration:none}
#ingame .ingame-foot{color:var(--muted);font-size:12px;text-align:center;border-top:1px solid var(--line);margin-top:24px;padding:14px 16px}
#ingame td[style*="#EFEFEF"]{background:transparent!important;color:var(--muted)!important}