@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

* {
    font-size: 14px;
    font-family: Montserrat;
    color: white;
    padding: 0;
    margin: 0;
    user-select: none;
}

.font-russo {
    font-family: 'Russo One';
}

body {
    background-color: #1a1a1a;
    overflow: hidden; 
}

table {
    border-collapse: separate;
    border-spacing: 0 1px;
    width: 100%; 
}

td {
    padding: 2px;
    text-align: center;  
    background-color: #1a1a1a;
    transition: background-color 0.3s, border-color 0.3s;
}

table tr:nth-child(even) td {
    background-color: #2a2a2a;
}

tr:hover td {
    background-color: #222;
    border-color: #6b6b6b;
}

#td1 td {
    border-color: #aa9101;
}
#td1:hover td {
    border-color: #ffd700;
}

#td2 td {
    border-color: #a0a0a0;
}
#td2:hover td {
    border-color: #c8c8c8;
}

#td3 td {
    border-color: #7a3d00;
}
#td3:hover td {
    border-color: #b45a00;
}

.color {
    color: #0cd29d;
}

.img {
    width: 32px;
    height: 32px;
}

.imgrang {
    width: 60px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tooltip-container img {
    width: 28px;
    height: 28px;
    opacity: 0.85;
    transition: opacity 0.2s, transform 0.2s;
    display: block; 
    margin: 0 auto;
}

.tooltip-container:hover img {
    opacity: 1;
    transform: scale(1.05);
}

.tooltip-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -30px; 
    left: 0; 
    background-color: #1e1e1e;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 6px;
    white-space: nowrap;
    box-shadow: 0 0 10px rgba(12, 210, 157, 0.3);
    border: 1px solid #0cd29d;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    z-index: 20;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 10px;
    border-width: 5px;
    border-style: solid;
    border-color: #0cd29d transparent transparent transparent;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateY(5px);
}

.search-container-inline {
    display: inline-block;
    vertical-align: middle;
}

.search-container-inline form {
    display: inline-block;
    border: 1px solid #0cd29d;
    border-radius: 5px;
    overflow: hidden;
    background-color: #1a1a1a; 
    white-space: nowrap;
    font-size: 0;
}

.search-container-inline input[type="text"],
.search-input {
    border: none; 
    padding: 4px 8px;
    font-size: 14px;
    color: #ffffff;
    background: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: none;
    transition: background-color 0.2s, color 0.2s;
}

.search-container-inline input[type="text"]:focus,
.search-input:focus {
    background-color: #1e1e1e;
    color: #ffffff;
}

.search-container-inline button {
    border: none;
    padding: 4px 12px;
    font-size: 14px;
    color: #0cd29d;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, transform 0.2s;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.search-container-inline button:hover {
    background-color: #0cd29d;
    color: #1a1a1a;
    transform: scale(1.05);
}

.pagination-container {
    text-align: left;
    margin: 0;
    width: 100%;
}

.pagination-container a, .pagination-container span {
    display: inline-block;
    padding: 3px 6px;
    background-color: #1a1a1a;
    color: #0cd29d;
    text-decoration: none;
    border: 1px solid #0cd29d;
    border-radius: 5px;
    transition: background-color 0.2s, color 0.2s, transform 0.2s;
    margin: 0 2px;
}

.pagination-container a:hover {
    background-color: #0cd29d;
    color: #1a1a1a;
    transform: scale(1.05);
}

.pagination-container .current {
    background-color: #0cd29d;
    color: #1a1a1a;
    pointer-events: none;
}

td.left-align {
    text-align: left;
    padding-left: 10px !important; 
}

td.points-col {
    padding-right: 2px;
}

td.nick-col {
    padding-left: -10px;
}

td:nth-child(1) { width: 1%; }
td:nth-child(2) { width: 5%; }
td:nth-child(12) { width: 10%; }

.player-link {
    text-decoration: none; 
    color: inherit;
    transition: color 0.3s;
}

.player-link:hover {
    color: #0cd29d;  
}

.rank-bar {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rank-bar .imgrang {
    width: 48px;
    height: 48px;
    background-size: contain;
    background-repeat: no-repeat;
}

.motd-rankbox {
    width: 300px;
    margin: 4px auto;
    text-align: center;
    white-space: nowrap;
}

.rank-header {
    margin-bottom: 4px;
}

.motd-avatar img {
    width: 40px;
    height: 40px;
    border: 1px solid #444;
    display: block;
    margin: 0 auto 2px;
}

.motd-nick {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.rank-text {
    font-size: 11px;
    margin-bottom: 4px;
    color: #e5e7eb;
}

.rank-row {
    white-space: nowrap;
    text-align: center;
}

.rank-left,
.rank-right {
    display: inline-block;
    width: 60px;
    text-align: center;
    vertical-align: middle;
}

.rank-left img,
.rank-right img {
    width: 32px;
    height: auto;
}


.motd-bar-container {
    display: inline-block;
    width: 180px; 
    vertical-align: middle;
}

.motd-bar {
    width: 100%;
    height: 12px;
    background: #222;
    border: 1px solid #444;
    display: block;
}

.motd-bar .fill {
    height: 100%;
    background: #6b7280;
    display: block;
}

.motd-cs {
    width: 640px;
    height: 320px;
    padding: 6px;
    box-sizing: border-box;
    color: #e0e0e0;
    font-size: 11px;
    line-height: 1.2;
}


.motd-header {
    margin-bottom: 4px;
}

.motd-header img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    border: 1px solid #444;
}

.motd-nick {
    font-weight: bold;
    font-size: 13px;
    margin-left: 6px;
}

.motd-rank {
    font-size: 12px;
    margin: 2px 0;
}

.motd-bar {
    height: 4px;
    background: #333;
    margin-bottom: 4px;
}

.motd-bar .fill {
    height: 100%;
    background: #777;
}

.motd-col {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 1%;
}

.motd-col div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

footer {
    text-align: center;
    font-family: Arial, sans-serif; 
    font-size: 12px;
    color: #888;
    margin: 10px 0;
}

footer .color {
    color: #0cd29d;
    font-weight: bold;
    font-family: inherit;
    font-size: inherit;
}

footer span {
    display: inline-block;
    vertical-align: middle;
}

footer:hover .color {
    color: #0beeb1;
    transition: color 0.3s ease;
}

.flag {
    width: 20px;
    height: 14px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    border-radius: 2px;
}

.flag.nn { background-image: url('./countries/nn.png'); }
.flag.ad { background-image: url('./countries/ad.png'); }
.flag.ae { background-image: url('./countries/ae.png'); }
.flag.af { background-image: url('./countries/af.png'); }
.flag.ag { background-image: url('./countries/ag.png'); }
.flag.ai { background-image: url('./countries/ai.png'); }
.flag.al { background-image: url('./countries/al.png'); }
.flag.am { background-image: url('./countries/am.png'); }
.flag.ao { background-image: url('./countries/ao.png'); }
.flag.aq { background-image: url('./countries/aq.png'); }
.flag.ar { background-image: url('./countries/ar.png'); }
.flag.as { background-image: url('./countries/as.png'); }
.flag.at { background-image: url('./countries/at.png'); }
.flag.au { background-image: url('./countries/au.png'); }
.flag.aw { background-image: url('./countries/aw.png'); }
.flag.az { background-image: url('./countries/az.png'); }
.flag.ba { background-image: url('./countries/ba.png'); }
.flag.bb { background-image: url('./countries/bb.png'); }
.flag.bd { background-image: url('./countries/bd.png'); }
.flag.be { background-image: url('./countries/be.png'); }
.flag.bf { background-image: url('./countries/bf.png'); }
.flag.bg { background-image: url('./countries/bg.png'); }
.flag.bh { background-image: url('./countries/bh.png'); }
.flag.bi { background-image: url('./countries/bi.png'); }
.flag.bj { background-image: url('./countries/bj.png'); }
.flag.bm { background-image: url('./countries/bm.png'); }
.flag.bn { background-image: url('./countries/bn.png'); }
.flag.bo { background-image: url('./countries/bo.png'); }
.flag.br { background-image: url('./countries/br.png'); }
.flag.bs { background-image: url('./countries/bs.png'); }
.flag.bt { background-image: url('./countries/bt.png'); }
.flag.bw { background-image: url('./countries/bw.png'); }
.flag.by { background-image: url('./countries/by.png'); }
.flag.bz { background-image: url('./countries/bz.png'); }
.flag.ca { background-image: url('./countries/ca.png'); }
.flag.cc { background-image: url('./countries/cc.png'); }
.flag.cd { background-image: url('./countries/cd.png'); }
.flag.cf { background-image: url('./countries/cf.png'); }
.flag.cg { background-image: url('./countries/cg.png'); }
.flag.ch { background-image: url('./countries/ch.png'); }
.flag.ci { background-image: url('./countries/ci.png'); }
.flag.ck { background-image: url('./countries/ck.png'); }
.flag.cl { background-image: url('./countries/cl.png'); }
.flag.cm { background-image: url('./countries/cm.png'); }
.flag.cn { background-image: url('./countries/cn.png'); }
.flag.co { background-image: url('./countries/co.png'); }
.flag.cr { background-image: url('./countries/cr.png'); }
.flag.cu { background-image: url('./countries/cu.png'); }
.flag.cw { background-image: url('./countries/cw.png'); }
.flag.cx { background-image: url('./countries/cx.png'); }
.flag.cy { background-image: url('./countries/cy.png'); }
.flag.cz { background-image: url('./countries/cz.png'); }
.flag.de { background-image: url('./countries/de.png'); }
.flag.dj { background-image: url('./countries/dj.png'); }
.flag.dk { background-image: url('./countries/dk.png'); }
.flag.dm { background-image: url('./countries/dm.png'); }
.flag.do { background-image: url('./countries/do.png'); }
.flag.dz { background-image: url('./countries/dz.png'); }
.flag.ec { background-image: url('./countries/ec.png'); }
.flag.ee { background-image: url('./countries/ee.png'); }
.flag.eg { background-image: url('./countries/eg.png'); }
.flag.eh { background-image: url('./countries/eh.png'); }
.flag.er { background-image: url('./countries/er.png'); }
.flag.es { background-image: url('./countries/es.png'); }
.flag.et { background-image: url('./countries/et.png'); }
.flag.fi { background-image: url('./countries/fi.png'); }
.flag.fj { background-image: url('./countries/fj.png'); }
.flag.fk { background-image: url('./countries/fk.png'); }
.flag.fo { background-image: url('./countries/fo.png'); }
.flag.fr { background-image: url('./countries/fr.png'); }
.flag.ga { background-image: url('./countries/ga.png'); }
.flag.gb { background-image: url('./countries/gb.png'); }
.flag.gd { background-image: url('./countries/gd.png'); }
.flag.ge { background-image: url('./countries/ge.png'); }
.flag.gg { background-image: url('./countries/gg.png'); }
.flag.gh { background-image: url('./countries/gh.png'); }
.flag.gi { background-image: url('./countries/gi.png'); }
.flag.gl { background-image: url('./countries/gl.png'); }
.flag.gm { background-image: url('./countries/gm.png'); }
.flag.gn { background-image: url('./countries/gn.png'); }
.flag.gq { background-image: url('./countries/gq.png'); }
.flag.gr { background-image: url('./countries/gr.png'); }
.flag.gt { background-image: url('./countries/gt.png'); }
.flag.gu { background-image: url('./countries/gu.png'); }
.flag.gw { background-image: url('./countries/gw.png'); }
.flag.gy { background-image: url('./countries/gy.png'); }
.flag.hk { background-image: url('./countries/hk.png'); }
.flag.hn { background-image: url('./countries/hn.png'); }
.flag.hr { background-image: url('./countries/hr.png'); }
.flag.ht { background-image: url('./countries/ht.png'); }
.flag.hu { background-image: url('./countries/hu.png'); }
.flag.id { background-image: url('./countries/id.png'); }
.flag.ie { background-image: url('./countries/ie.png'); }
.flag.il { background-image: url('./countries/il.png'); }
.flag.im { background-image: url('./countries/im.png'); }
.flag.in { background-image: url('./countries/in.png'); }
.flag.io { background-image: url('./countries/io.png'); }
.flag.iq { background-image: url('./countries/iq.png'); }
.flag.ir { background-image: url('./countries/ir.png'); }
.flag.is { background-image: url('./countries/is.png'); }
.flag.it { background-image: url('./countries/it.png'); }
.flag.je { background-image: url('./countries/je.png'); }
.flag.jm { background-image: url('./countries/jm.png'); }
.flag.jo { background-image: url('./countries/jo.png'); }
.flag.jp { background-image: url('./countries/jp.png'); }
.flag.ke { background-image: url('./countries/ke.png'); }
.flag.kg { background-image: url('./countries/kg.png'); }
.flag.kh { background-image: url('./countries/kh.png'); }
.flag.ki { background-image: url('./countries/ki.png'); }
.flag.km { background-image: url('./countries/km.png'); }
.flag.kn { background-image: url('./countries/kn.png'); }
.flag.kp { background-image: url('./countries/kp.png'); }
.flag.kr { background-image: url('./countries/kr.png'); }
.flag.kw { background-image: url('./countries/kw.png'); }
.flag.ky { background-image: url('./countries/ky.png'); }
.flag.kz { background-image: url('./countries/kz.png'); }
.flag.la { background-image: url('./countries/la.png'); }
.flag.lb { background-image: url('./countries/lb.png'); }
.flag.lc { background-image: url('./countries/lc.png'); }
.flag.li { background-image: url('./countries/li.png'); }
.flag.lk { background-image: url('./countries/lk.png'); }
.flag.lr { background-image: url('./countries/lr.png'); }
.flag.ls { background-image: url('./countries/ls.png'); }
.flag.lt { background-image: url('./countries/lt.png'); }
.flag.lu { background-image: url('./countries/lu.png'); }
.flag.lv { background-image: url('./countries/lv.png'); }
.flag.ly { background-image: url('./countries/ly.png'); }
.flag.ma { background-image: url('./countries/ma.png'); }
.flag.mc { background-image: url('./countries/mc.png'); }
.flag.md { background-image: url('./countries/md.png'); }
.flag.me { background-image: url('./countries/me.png'); }
.flag.mg { background-image: url('./countries/mg.png'); }
.flag.mh { background-image: url('./countries/mh.png'); }
.flag.mk { background-image: url('./countries/mk.png'); }
.flag.ml { background-image: url('./countries/ml.png'); }
.flag.mm { background-image: url('./countries/mm.png'); }
.flag.mn { background-image: url('./countries/mn.png'); }
.flag.mp { background-image: url('./countries/mp.png'); }
.flag.mr { background-image: url('./countries/mr.png'); }
.flag.ms { background-image: url('./countries/ms.png'); }
.flag.mt { background-image: url('./countries/mt.png'); }
.flag.mu { background-image: url('./countries/mu.png'); }
.flag.mv { background-image: url('./countries/mv.png'); }
.flag.mw { background-image: url('./countries/mw.png'); }
.flag.mx { background-image: url('./countries/mx.png'); }
.flag.my { background-image: url('./countries/my.png'); }
.flag.mz { background-image: url('./countries/mz.png'); }
.flag.na { background-image: url('./countries/na.png'); }
.flag.ne { background-image: url('./countries/ne.png'); }
.flag.ng { background-image: url('./countries/ng.png'); }
.flag.ni { background-image: url('./countries/ni.png'); }
.flag.nl { background-image: url('./countries/nl.png'); }
.flag.np { background-image: url('./countries/np.png'); }
.flag.nr { background-image: url('./countries/nr.png'); }
.flag.nu { background-image: url('./countries/nu.png'); }
.flag.nz { background-image: url('./countries/nz.png'); }
.flag.om { background-image: url('./countries/om.png'); }
.flag.pa { background-image: url('./countries/pa.png'); }
.flag.pe { background-image: url('./countries/pe.png'); }
.flag.pf { background-image: url('./countries/pf.png'); }
.flag.pg { background-image: url('./countries/pg.png'); }
.flag.ph { background-image: url('./countries/ph.png'); }
.flag.pk { background-image: url('./countries/pk.png'); }
.flag.pl { background-image: url('./countries/pl.png'); }
.flag.pn { background-image: url('./countries/pn.png'); }
.flag.pr { background-image: url('./countries/pr.png'); }
.flag.pt { background-image: url('./countries/pt.png'); }
.flag.pw { background-image: url('./countries/pw.png'); }
.flag.py { background-image: url('./countries/py.png'); }
.flag.qa { background-image: url('./countries/qa.png'); }
.flag.ro { background-image: url('./countries/ro.png'); }
.flag.rs { background-image: url('./countries/rs.png'); }
.flag.ru { background-image: url('./countries/ru.png'); }
.flag.rw { background-image: url('./countries/rw.png'); }
.flag.sa { background-image: url('./countries/sa.png'); }
.flag.sb { background-image: url('./countries/sb.png'); }
.flag.sc { background-image: url('./countries/sc.png'); }
.flag.sd { background-image: url('./countries/sd.png'); }
.flag.se { background-image: url('./countries/se.png'); }
.flag.sg { background-image: url('./countries/sg.png'); }
.flag.sh { background-image: url('./countries/sh.png'); }
.flag.si { background-image: url('./countries/si.png'); }
.flag.sj { background-image: url('./countries/sj.png'); }
.flag.sk { background-image: url('./countries/sk.png'); }
.flag.sl { background-image: url('./countries/sl.png'); }
.flag.sm { background-image: url('./countries/sm.png'); }
.flag.sn { background-image: url('./countries/sn.png'); }
.flag.so { background-image: url('./countries/so.png'); }
.flag.sr { background-image: url('./countries/sr.png'); }
.flag.ss { background-image: url('./countries/ss.png'); }
.flag.st { background-image: url('./countries/st.png'); }
.flag.sv { background-image: url('./countries/sv.png'); }
.flag.sx { background-image: url('./countries/sx.png'); }
.flag.sy { background-image: url('./countries/sy.png'); }
.flag.sz { background-image: url('./countries/sz.png'); }
.flag.tc { background-image: url('./countries/tc.png'); }
.flag.td { background-image: url('./countries/td.png'); }
.flag.tg { background-image: url('./countries/tg.png'); }
.flag.th { background-image: url('./countries/th.png'); }
.flag.tj { background-image: url('./countries/tj.png'); }
.flag.tk { background-image: url('./countries/tk.png'); }
.flag.tm { background-image: url('./countries/tm.png'); }
.flag.tn { background-image: url('./countries/tn.png'); }
.flag.to { background-image: url('./countries/to.png'); }
.flag.tr { background-image: url('./countries/tr.png'); }
.flag.tt { background-image: url('./countries/tt.png'); }
.flag.tv { background-image: url('./countries/tv.png'); }
.flag.tw { background-image: url('./countries/tw.png'); }
.flag.tz { background-image: url('./countries/tz.png'); }
.flag.ua { background-image: url('./countries/ua.png'); }
.flag.ug { background-image: url('./countries/ug.png'); }
.flag.us { background-image: url('./countries/us.png'); }
.flag.uy { background-image: url('./countries/uy.png'); }
.flag.uz { background-image: url('./countries/uz.png'); }
.flag.vc { background-image: url('./countries/vc.png'); }
.flag.ve { background-image: url('./countries/ve.png'); }
.flag.vn { background-image: url('./countries/vn.png'); }
.flag.vu { background-image: url('./countries/vu.png'); }
.flag.wf { background-image: url('./countries/wf.png'); }
.flag.ws { background-image: url('./countries/ws.png'); }
.flag.ye { background-image: url('./countries/ye.png'); }
.flag.yt { background-image: url('./countries/yt.png'); }
.flag.xk { background-image: url('./countries/xk.png'); }
.flag.za { background-image: url('./countries/za.png'); }
.flag.zm { background-image: url('./countries/zm.png'); }
.flag.zw { background-image: url('./countries/zw.png'); }

/* ==================== CSGO ==================== */
#r0-csgo { background-image: url('./CSGO/0.png'); }
#r1-csgo { background-image: url('./CSGO/1.svg'); }
#r2-csgo { background-image: url('./CSGO/2.svg'); }
#r3-csgo { background-image: url('./CSGO/3.svg'); }
#r4-csgo { background-image: url('./CSGO/4.svg'); }
#r5-csgo { background-image: url('./CSGO/5.svg'); }
#r6-csgo { background-image: url('./CSGO/6.svg'); }
#r7-csgo { background-image: url('./CSGO/7.svg'); }
#r8-csgo { background-image: url('./CSGO/8.svg'); }
#r9-csgo { background-image: url('./CSGO/9.svg'); }
#r10-csgo { background-image: url('./CSGO/10.svg'); }
#r11-csgo { background-image: url('./CSGO/11.svg'); }
#r12-csgo { background-image: url('./CSGO/12.svg'); }
#r13-csgo { background-image: url('./CSGO/13.svg'); }
#r14-csgo { background-image: url('./CSGO/14.svg'); }
#r15-csgo { background-image: url('./CSGO/15.svg'); }
#r16-csgo { background-image: url('./CSGO/16.svg'); }
#r17-csgo { background-image: url('./CSGO/17.svg'); }
#r18-csgo { background-image: url('./CSGO/18.svg'); }

/* ==================== CS2 ==================== */
#r0-cs2 { background-image: url('./CS2/0.png'); }
#r1-cs2 { background-image: url('./CS2/1.png'); }
#r2-cs2 { background-image: url('./CS2/2.png'); }
#r3-cs2 { background-image: url('./CS2/3.png'); }
#r4-cs2 { background-image: url('./CS2/4.png'); }
#r5-cs2 { background-image: url('./CS2/5.png'); }
#r6-cs2 { background-image: url('./CS2/6.png'); }

#r0-cs2-text::before { content: "Common"; }
#r1-cs2-text::before { content: "Uncommon"; }
#r2-cs2-text::before { content: "Rare"; }
#r3-cs2-text::before { content: "Mythical"; }
#r4-cs2-text::before { content: "Legendary"; }
#r5-cs2-text::before { content: "Ancient"; }
#r6-cs2-text::before { content: "Unusual"; }

/* ==================== DangerZone ==================== */
#r0-dz { background-image: url('./DANGERZONE/0.svg'); }
#r1-dz { background-image: url('./DANGERZONE/1.svg'); }
#r2-dz { background-image: url('./DANGERZONE/2.svg'); }
#r3-dz { background-image: url('./DANGERZONE/3.svg'); }
#r4-dz { background-image: url('./DANGERZONE/4.svg'); }
#r5-dz { background-image: url('./DANGERZONE/5.svg'); }
#r6-dz { background-image: url('./DANGERZONE/6.svg'); }
#r7-dz { background-image: url('./DANGERZONE/7.svg'); }
#r8-dz { background-image: url('./DANGERZONE/8.svg'); }
#r9-dz { background-image: url('./DANGERZONE/9.svg'); }
#r10-dz { background-image: url('./DANGERZONE/10.svg'); }
#r11-dz { background-image: url('./DANGERZONE/11.svg'); }
#r12-dz { background-image: url('./DANGERZONE/12.svg'); }
#r13-dz { background-image: url('./DANGERZONE/13.svg'); }
#r14-dz { background-image: url('./DANGERZONE/14.svg'); }

/* ==================== Faceit ==================== */
#r0-faceit { background-image: url('./FACEIT/0.png'); }
#r1-faceit { background-image: url('./FACEIT/1.svg'); }
#r2-faceit { background-image: url('./FACEIT/2.svg'); }
#r3-faceit { background-image: url('./FACEIT/3.svg'); }
#r4-faceit { background-image: url('./FACEIT/4.svg'); }
#r5-faceit { background-image: url('./FACEIT/5.svg'); }
#r6-faceit { background-image: url('./FACEIT/6.svg'); }
#r7-faceit { background-image: url('./FACEIT/7.svg'); }
#r8-faceit { background-image: url('./FACEIT/8.svg'); }
#r9-faceit { background-image: url('./FACEIT/9.svg'); }
#r10-faceit { background-image: url('./FACEIT/10.svg'); }
#r11-faceit { background-image: url('./FACEIT/11.svg'); }
#r12-faceit { background-image: url('./FACEIT/12.svg'); }
#r13-faceit { background-image: url('./FACEIT/13.svg'); }
#r14-faceit { background-image: url('./FACEIT/14.svg'); }
#r15-faceit { background-image: url('./FACEIT/15.svg'); }
#r16-faceit { background-image: url('./FACEIT/16.svg'); }
#r17-faceit { background-image: url('./FACEIT/17.svg'); }
#r18-faceit { background-image: url('./FACEIT/18.svg'); }
#r19-faceit { background-image: url('./FACEIT/19.svg'); }
#r20-faceit { background-image: url('./FACEIT/20.svg'); }
#r21-faceit { background-image: url('./FACEIT/21.svg'); }
#r22-faceit { background-image: url('./FACEIT/22.svg'); }
#r23-faceit { background-image: url('./FACEIT/23.svg'); }
#r24-faceit { background-image: url('./FACEIT/24.svg'); }
#r25-faceit { background-image: url('./FACEIT/25.svg'); }
#r26-faceit { background-image: url('./FACEIT/26.svg'); }
#r27-faceit { background-image: url('./FACEIT/27.svg'); }
#r28-faceit { background-image: url('./FACEIT/28.svg'); }
#r29-faceit { background-image: url('./FACEIT/29.svg'); }
#r30-faceit { background-image: url('./FACEIT/30.svg'); }
#r31-faceit { background-image: url('./FACEIT/31.svg'); }
#r32-faceit { background-image: url('./FACEIT/32.svg'); }
#r33-faceit { background-image: url('./FACEIT/33.svg'); }
#r34-faceit { background-image: url('./FACEIT/34.svg'); }
#r35-faceit { background-image: url('./FACEIT/35.svg'); }
#r36-faceit { background-image: url('./FACEIT/36.svg'); }
#r37-faceit { background-image: url('./FACEIT/37.svg'); }
#r38-faceit { background-image: url('./FACEIT/38.svg'); }
#r39-faceit { background-image: url('./FACEIT/39.svg'); }
#r40-faceit { background-image: url('./FACEIT/40.svg'); }

/* ==================== Status online/offline ==================== */
.player-status {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.player-online {
    background-image: url('./mRanks_Premium_Status_Player_Online.png');
}

.player-offline {
    background-image: url('./mRanks_Premium_Status_Player_Offline.png');
}

.img-text {
    width: 100px; 
    height: 24px; 
    position: relative;
    display: inline-block;
}

.text {
    margin: 0;
    position: absolute;
    top: 3%;
    left: 23%;
    font-size: 16px;
}

.rank {
    width: 100px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.skill-badge {
    border-radius: 3px;
    display: inline-flex;
    font-weight: bold;
    font-size: 12px;
    align-items: stretch;
    box-sizing: border-box;
    overflow: hidden;
}

.skill-name {
    padding: 0 2px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.skill-value {
    color: #fff;
    padding: 0 2px;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.back-link {
    font-size: 12px;
    opacity: .7;
    text-decoration: none;
    color: white;
    display: inline-block;
    margin-bottom: 10px;
}

.title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.top-title {
    font-size: 19px;
}

.search-form {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0cd29d;
    border-radius: 5px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}

.search-btn {
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 14px;
}

.steam-name-container {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.steam-icon {
    width: 9px;
    height: 9px;
    cursor: default;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-select: none;
}

.points-main {
    font-size: 20px;
}

.points-decimal {
    font-size: 14px;
}

.player-avatar {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}

.hs-ratio {
    font-size: 11px;
    margin-left: 4px;
    position: relative;
    top: -2px;
}

.bottom-table td{
    width: 100% !important;
}

@media screen and (max-height: 900px) {
    * { font-size: 13px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important;}
    table { border-spacing: 0 1px !important; }
    td { padding: 2px !important; font-size: 13px !important; }
    .top-title { font-size: 18px !important; }
    .points-main { font-size: 19px !important; }
    .points-decimal { font-size: 13px !important; }
    .search-input, .search-btn { font-size: 13px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 3px 6px !important; font-size: 13px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 31px !important; height: 31px !important; }
    .rank { width: 99px !important; height: 24px !important; }
    .flag { width: 20px !important; height: 14px !important; }
    .hs-ratio { font-size: 10px !important; }
    .skill-badge { font-size: 11px !important; }
    .back-link { font-size: 11px !important; }
    .imgrang { width: 59px !important; height: 23px !important; }
    .img-text { width: 99px !important; height: 23px !important; }
    .rank-bar { gap: 7px !important; }
    .rank-bar .imgrang { width: 47px !important; height: 47px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 800px) {
    * { font-size: 13px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 2px !important; font-size: 13px !important; }
    .top-title { font-size: 18px !important; }
    .points-main { font-size: 19px !important; }
    .points-decimal { font-size: 13px !important; }
    .search-input, .search-btn { font-size: 13px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 13px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 31px !important; height: 31px !important; }
    .rank { width: 98px !important; height: 24px !important; }
    .flag { width: 20px !important; height: 14px !important; }
    .hs-ratio { font-size: 10px !important; }
    .skill-badge { font-size: 11px !important; }
    .back-link { font-size: 11px !important; }
    .imgrang { width: 58px !important; height: 23px !important; }
    .img-text { width: 98px !important; height: 23px !important; }
    .rank-bar { gap: 7px !important; }
    .rank-bar .imgrang { width: 46px !important; height: 46px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 700px) {
    * { font-size: 13px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 2px !important; font-size: 13px !important; }
    .top-title { font-size: 17px !important; }
    .points-main { font-size: 18px !important; }
    .points-decimal { font-size: 13px !important; }
    .search-input, .search-btn { font-size: 13px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 13px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 31px !important; height: 31px !important; }
    .rank { width: 97px !important; height: 23px !important; }
    .flag { width: 19px !important; height: 13px !important; }
    .hs-ratio { font-size: 10px !important; }
    .skill-badge { font-size: 11px !important; }
    .back-link { font-size: 11px !important; }
    .imgrang { width: 57px !important; height: 22px !important; }
    .img-text { width: 97px !important; height: 22px !important; }
    .rank-bar { gap: 7px !important; }
    .rank-bar .imgrang { width: 45px !important; height: 45px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 600px) {
    * { font-size: 12px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 12px !important; }
    .top-title { font-size: 16px !important; }
    .points-main { font-size: 17px !important; }
    .points-decimal { font-size: 12px !important; }
    .search-input, .search-btn { font-size: 12px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 12px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 30px !important; height: 30px !important; }
    .rank { width: 96px !important; height: 23px !important; }
    .flag { width: 19px !important; height: 13px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 56px !important; height: 22px !important; }
    .img-text { width: 96px !important; height: 22px !important; }
    .rank-bar { gap: 6px !important; }
    .rank-bar .imgrang { width: 44px !important; height: 44px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 515px) {
    * { font-size: 12px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 12px !important; }
    .top-title { font-size: 16px !important; }
    .points-main { font-size: 17px !important; }
    .points-decimal { font-size: 12px !important; }
    .search-input, .search-btn { font-size: 12px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 12px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 30px !important; height: 30px !important; }
    .rank { width: 95px !important; height: 23px !important; }
    .flag { width: 19px !important; height: 13px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 55px !important; height: 21px !important; }
    .img-text { width: 95px !important; height: 21px !important; }
    .rank-bar { gap: 6px !important; }
    .rank-bar .imgrang { width: 43px !important; height: 43px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 500px) {
    * { font-size: 12px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 12px !important; }
    .top-title { font-size: 16px !important; }
    .points-main { font-size: 17px !important; }
    .points-decimal { font-size: 12px !important; }
    .search-input, .search-btn { font-size: 12px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 12px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 30px !important; height: 30px !important; }
    .rank { width: 95px !important; height: 23px !important; }
    .flag { width: 19px !important; height: 13px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 55px !important; height: 21px !important; }
    .img-text { width: 95px !important; height: 21px !important; }
    .rank-bar { gap: 6px !important; }
    .rank-bar .imgrang { width: 43px !important; height: 43px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 495px) {
    * { font-size: 12px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 12px !important; }
    .top-title { font-size: 16px !important; }
    .points-main { font-size: 17px !important; }
    .points-decimal { font-size: 12px !important; }
    .search-input, .search-btn { font-size: 12px !important; padding: 4px 8px !important; }
    .pagination-container { margin: 0 !important; gap: 5px !important; }
    .pagination-container a, .pagination-container span { margin: 0 3px !important; padding: 5px 8px !important; font-size: 12px !important; }
    .player-avatar { width: 23px !important; height: 23px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 30px !important; height: 30px !important; }
    .rank { width: 90px !important; height: 22px !important; }
    .flag { width: 18px !important; height: 12px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 54px !important; height: 20px !important; }
    .img-text { width: 90px !important; height: 20px !important; }
    .rank-bar { gap: 5px !important; }
    .rank-bar .imgrang { width: 42px !important; height: 42px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 450px) {
    * { font-size: 12px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 12px !important; }
    .top-title { font-size: 16px !important; }
    .points-main { font-size: 17px !important; }
    .points-decimal { font-size: 12px !important; }
    .search-input, .search-btn { padding: 3px 6px !important; font-size: 12px !important; }
    .pagination-container { margin: 0 !important; gap: 4px !important; }
    .pagination-container a, .pagination-container span { padding: 4px 6px !important; margin: 0 2px !important; font-size: 12px !important; }
    .player-avatar { width: 13px !important; height: 13px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 28px !important; height: 28px !important; }
    .rank { width: 80px !important; height: 20px !important; }
    .flag { width: 17px !important; height: 12px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 50px !important; height: 19px !important; }
    .img-text { width: 80px !important; height: 19px !important; }
    .rank-bar { gap: 5px !important; }
    .rank-bar .imgrang { width: 40px !important; height: 40px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 435px) {
    * { font-size: 11px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 11px !important; }
    .top-title { font-size: 15px !important; }
    .points-main { font-size: 16px !important; }
    .points-decimal { font-size: 11px !important; }
    .search-form { border-radius: 4px !important; }
    .search-input, .search-btn { font-size: 11px !important; padding: 2px 5px !important; }
    .pagination-container { margin: 0 !important; gap: 4px !important; }
    .pagination-container a, .pagination-container span { padding: 3px 5px !important; font-size: 11px !important; }
    .player-avatar { width: 12px !important; height: 12px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 24px !important; height: 24px !important; }
    .rank { width: 70px !important; height: 18px !important; }
    .flag { width: 16px !important; height: 11px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 45px !important; height: 17px !important; }
    .img-text { width: 70px !important; height: 17px !important; }
    .rank-bar { gap: 4px !important; }
    .rank-bar .imgrang { width: 36px !important; height: 36px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 400px) {
    * { font-size: 10px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 1px !important; }
    td { padding: 0px !important; font-size: 10px !important; }
    .top-title { font-size: 14px !important; }
    .points-main { font-size: 15px !important; }
    .points-decimal { font-size: 10px !important; }
    .search-input, .search-btn { font-size: 10px !important; padding: 2px 5px !important; }
    .pagination-container { margin: 0 !important; gap: 3px !important; }
    .pagination-container a, .pagination-container span { padding: 3px 5px !important; font-size: 10px !important; }
    .player-avatar { width: 11px !important; height: 11px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 20px !important; height: 20px !important; }
    .rank { width: 60px !important; height: 16px !important; }
    .flag { width: 14px !important; height: 10px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 10px !important; }
    .back-link { font-size: 10px !important; }
    .imgrang { width: 40px !important; height: 15px !important; }
    .img-text { width: 60px !important; height: 15px !important; }
    .rank-bar { gap: 4px !important; }
    .rank-bar .imgrang { width: 32px !important; height: 32px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 385px) {
    * { font-size: 10px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { padding: 0px !important; font-size: 10px !important; }
    .top-title { font-size: 14px !important; }
    .points-main { font-size: 15px !important; }
    .points-decimal { font-size: 10px !important; }
    .search-input, .search-btn { font-size: 10px !important; padding: 2px 4px !important; }
    .pagination-container { margin: 0px 0 !important; gap: 3px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 10px !important; }
    .player-avatar { width: 11px !important; height: 11px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 19px !important; height: 19px !important; }
    .rank { width: 55px !important; height: 14px !important; }
    .flag { width: 13px !important; height: 9px !important; }
    .hs-ratio { font-size: 9px !important; }
    .skill-badge { font-size: 9px !important; }
    .back-link { font-size: 9px !important; }
    .imgrang { width: 38px !important; height: 14px !important; }
    .img-text { width: 55px !important; height: 14px !important; }
    .rank-bar { gap: 3px !important; }
    .rank-bar .imgrang { width: 30px !important; height: 30px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 360px) {
    * { font-size: 9px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { padding: 0px !important; font-size: 9px !important; }
    .top-title { font-size: 13px !important; }
    .points-main { font-size: 14px !important; }
    .points-decimal { font-size: 9px !important; }
    .search-input, .search-btn { font-size: 10px !important; padding: 1px 4px !important; }
    .pagination-container { margin: 0px 0 !important; gap: 2px !important; }
    .pagination-container a, .pagination-container span { padding: 2px 4px !important; font-size: 9px !important; }
    .player-avatar { width: 10px !important; height: 10px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 18px !important; height: 18px !important; }
    .rank { width: 50px !important; height: 12px !important; }
    .flag { width: 12px !important; height: 8px !important; }
    .hs-ratio { font-size: 8px !important; }
    .skill-badge { font-size: 9px !important; }
    .back-link { font-size: 9px !important; }
    .imgrang { width: 35px !important; height: 13px !important; }
    .img-text { width: 50px !important; height: 13px !important; }
    .rank-bar { gap: 3px !important; }
    .rank-bar .imgrang { width: 28px !important; height: 28px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 332px) {
    * { font-size: 8px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { padding: 0px !important; font-size: 8px !important; }
    .top-title { font-size: 11px !important; }
    .points-main { font-size: 12px !important; }
    .points-decimal { font-size: 8px !important; }
    .search-input, .search-btn { font-size: 9px !important; padding: 1px 3px !important; }
    .pagination-container { margin: 0 !important; gap: 2px !important; }
    .pagination-container a, .pagination-container span { padding: 1px 3px !important; font-size: 8px !important; }
    .player-avatar { width: 10px !important; height: 10px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 14px !important; height: 14px !important; }
    .rank { width: 40px !important; height: 10px !important; }
    .flag { width: 11px !important; height: 7px !important; }
    .hs-ratio { font-size: 7px !important; }
    .skill-badge { font-size: 8px !important; }
    .back-link { font-size: 8px !important; }
    .imgrang { width: 30px !important; height: 11px !important; }
    .img-text { width: 40px !important; height: 11px !important; }
    .rank-bar { gap: 2px !important; }
    .rank-bar .imgrang { width: 24px !important; height: 24px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 330px) {
    * { font-size: 8px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { border-top: none !important; border-bottom: none !important; padding: 0px !important; font-size: 8px !important; }
    .top-title { font-size: 11px !important; }
    .points-main { font-size: 12px !important; }
    .points-decimal { font-size: 8px !important; }
    .search-input, .search-btn { font-size: 9px !important; padding: 1px 3px !important; }
    .pagination-container { margin: 0 !important; gap: 2px !important; }
    .pagination-container a, .pagination-container span { padding: 1px 3px !important; font-size: 8px !important; }
    .player-avatar { width: 10px !important; height: 10px !important; }
    .steam-icon { width: 9px !important; height: 9px !important; }
    .player-status { width: 8px !important; height: 8px !important; }
    .img { width: 14px !important; height: 14px !important; }
    .rank { width: 40px !important; height: 10px !important; }
    .flag { width: 11px !important; height: 7px !important; }
    .hs-ratio { font-size: 7px !important; }
    .skill-badge { font-size: 8px !important; }
    .back-link { font-size: 8px !important; }
    .imgrang { width: 30px !important; height: 11px !important; }
    .img-text { width: 40px !important; height: 11px !important; }
    .rank-bar { gap: 2px !important; }
    .rank-bar .imgrang { width: 24px !important; height: 24px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 288px) {
    * { font-size: 7px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { padding: 0px !important; font-size: 9px !important; }
    .top-title { font-size: 10px !important; }
    .points-main { font-size: 9px !important; }
    .points-decimal { font-size: 7px !important; }
    .search-input, .search-btn { font-size: 8px !important; padding: 0px 2px !important; }
    .pagination-container { margin: 1px 0 !important; gap: 1px !important; }
    .pagination-container a, .pagination-container span { padding: 0px 2px !important; font-size: 7px !important; }
    .player-avatar { width: 9px !important; height: 9px !important; }
    .steam-icon { width: 6px !important; height: 6px !important; }
    .player-status { width: 5px !important; height: 5px !important; }
    .img { width: 12px !important; height: 12px !important; }
    .rank { width: 35px !important; height: 9px !important; }
    .flag { width: 9px !important; height: 6px !important; }
    .hs-ratio { font-size: 6px !important; }
    .skill-badge { font-size: 5px !important; }
    .back-link { font-size: 8px !important; }
    .imgrang { width: 30px !important; height: 11px !important; }
    .img-text { width: 35px !important; height: 9px !important; }
    .rank-bar { gap: 4px !important; }
    .rank-bar .imgrang { width: 25px !important; height: 25px !important; }
    footer { font-size: 6px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}

@media screen and (max-height: 265px) {
    * { font-size: 6px !important; }
    body { overflow-x: hidden !important; overflow-y: hidden !important; }
    table { border-spacing: 0 0px !important; }
    td { padding: 0px !important; font-size: 7px !important; }
    .top-title { font-size: 9px !important; }
    .points-main { font-size: 8px !important; }
    .points-decimal { font-size: 5px !important; }
    .search-input, .search-btn { font-size: 7px !important; padding: 0px 1px !important; }
    .pagination-container { margin: 0px 0 !important; gap: 1px !important; }
    .pagination-container a, .pagination-container span { padding: 0 1px !important; font-size: 7px !important; }
    .player-avatar { width: 8px !important; height: 8px !important; }
    .steam-icon { width: 5px !important; height: 5px !important; }
    .player-status { width: 4px !important; height: 4px !important; }
    .img { width: 10px !important; height: 10px !important; }
    .rank { width: 30px !important; height: 8px !important; }
    .flag { width: 8px !important; height: 5px !important; }
    .hs-ratio { font-size: 5px !important; }
    .skill-badge { font-size: 5px !important; }
    .back-link { font-size: 7px !important; }
    .imgrang { width: 20px !important; height: 8px !important; }
    .img-text { width: 30px !important; height: 8px !important; }
    .rank-bar { gap: 1px !important; }
    .rank-bar .imgrang { width: 16px !important; height: 16px !important; }
    footer { font-size: 4px !important; margin: 0px 0 !important; }
    footer .color { font-size: inherit !important; }
}