/* Rank System - shared style (CS 1.6 MOTD = old Chromium: tables + inline-block only) */

*{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}
body{overflow-x:hidden;overflow-y:auto;font-family:"Rajdhani","Segoe UI",Tahoma,Verdana,sans-serif;font-weight:600;color:#e7eaf0;font-size:14px;
 background:#07080c;
 background:-webkit-linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%),#07080c;
 background:linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%),#07080c;
 background-size:22px 22px;padding:8px 12px}
.bebas{font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400}

/* header */
.head{width:100%;border-collapse:collapse;margin-bottom:8px}
.head td{vertical-align:middle;padding:0}
.logo{font-family:"Bebas Neue",Impact,sans-serif;font-size:38px;letter-spacing:3px;color:#fff;line-height:1;white-space:nowrap;padding-right:18px;text-shadow:0 0 18px rgba(245,179,1,.35)}
.logo span{color:#f5b301}
.ttl h1{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:24px;letter-spacing:2px;color:#fff;line-height:1}
.ttl p{margin:2px 0 0;color:#7d869a;font-size:12px;font-weight:600}
.tabs{text-align:right;white-space:nowrap}
.tabs a{display:inline-block;margin-left:4px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#9aa3b5;background:#11141c;border:1px solid #1f2533}
.tabs a.on{color:#111;background:#f5b301;background:-webkit-linear-gradient(135deg,#f5b301,#ff6a3d);background:linear-gradient(135deg,#f5b301,#ff6a3d);border-color:#f5b301;box-shadow:0 0 14px rgba(245,179,1,.4)}

/* podium */
.podium{width:100%;border-collapse:collapse;margin-bottom:8px}
.pod-cell{vertical-align:bottom;padding:0 5px;width:33.3%}
.pod-cell.p2{padding-left:0}.pod-cell.p3{padding-right:0}
.pod{position:relative;text-align:center;border-radius:12px;padding:6px 10px 6px;border:1px solid #232a38;overflow:hidden;
 background:#11141c;background:-webkit-linear-gradient(top,#171b26,#0d1017);background:linear-gradient(180deg,#171b26,#0d1017)}
.pod:before{content:"";position:absolute;left:0;right:0;top:0;height:3px}
.pod.gold{border-color:#7a5d12;box-shadow:0 0 24px rgba(255,200,40,.18),inset 0 0 40px rgba(255,200,40,.06)}
.pod.gold:before{background:#ffcc33}
.pod.silver{border-color:#4a5262}.pod.silver:before{background:#cfd6e2}
.pod.bronze{border-color:#5e3d22}.pod.bronze:before{background:#d98a4a}
.p1 .pod{padding-top:10px;padding-bottom:8px}
.crown{position:absolute;left:50%;top:4px;margin-left:-15px}
.pod-pos{position:absolute;left:10px;top:8px;font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;line-height:1;color:#2b3242}
.gold .pod-pos{color:#ffcc33}.silver .pod-pos{color:#cfd6e2}.bronze .pod-pos{color:#d98a4a}
.pod-av{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:11px;font-size:16px;font-weight:700;color:#fff;margin-top:10px;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.p1 .pod-av{width:48px;height:48px;line-height:48px;font-size:19px}
.gold .pod-av{box-shadow:0 0 0 2px #ffcc33,0 4px 16px rgba(255,200,40,.35)}
.silver .pod-av{box-shadow:0 0 0 2px #cfd6e2}.bronze .pod-av{box-shadow:0 0 0 2px #d98a4a}
.pod-name{margin-top:4px;font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gold .pod-name{color:#ffd24a}
.pod-name .ver{vertical-align:middle;margin-left:4px}
.pod-rank{margin:2px 0}
.rk-big{width:84px;height:34px}
.pod-stats{width:100%;border-collapse:collapse;margin-top:2px}
.pod-stats td{text-align:center;padding:4px 2px 0;border-top:1px solid #1d2330}
.pod-stats b{display:block;font-size:17px;color:#fff;line-height:1.1}
.pod-stats span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7d869a}

/* list */
.card{border-radius:12px;border:1px solid #1d2330;overflow:hidden;background:#0e1118;background:-webkit-linear-gradient(top,#121620,#0b0d13);background:linear-gradient(180deg,#121620,#0b0d13);box-shadow:0 14px 40px rgba(0,0,0,.55)}
.bar{height:3px;background:#f5b301;background:-webkit-linear-gradient(left,#f5b301,#ff6a3d,#7c5cff);background:linear-gradient(90deg,#f5b301,#ff6a3d,#7c5cff)}
.list{width:100%;border-collapse:collapse}
.list th{height:28px;padding:0 8px;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:#f5b301;font-weight:700;text-align:center;background:#0b0e14;border-bottom:1px solid #1d2330}
.list th.l{text-align:left}
.list td{padding:1px 8px;text-align:center;white-space:nowrap;border-bottom:1px solid #161b26;vertical-align:middle}
.list tr.alt td{background:#11151e}
.list tr:hover td{background:#1c1a13}
.list tr.you td{background:#2f2710;border-bottom-color:#4a3c14}
.list tr.you td.c-pos{box-shadow:inset 3px 0 0 #f5b301}
.list tr.top3{display:none}
.c-pos{width:44px}
.pos{display:inline-block;min-width:26px;font-family:"Bebas Neue",Impact,sans-serif;font-size:20px;color:#8a93a6}
.c-name{text-align:left !important;width:30%}
.c-name > *{vertical-align:middle}
.flag{display:inline-block;width:19px;height:12px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.45);margin-right:6px;position:relative}
.flag i{display:block;height:4px}
.flag.v i{float:left;width:6px;height:12px}.flag.v i+i{width:7px}.flag.v i+i+i{width:6px}
.flag.mk{background:#d20000}.flag.mk i{position:absolute;left:6px;top:3px;width:7px;height:6px;border-radius:50%;background:#f8e92e}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.dot.on{background:#22c55e;box-shadow:0 0 6px #22c55e}.dot.off{background:#e5484d}
.av{display:inline-block;width:24px;height:24px;line-height:24px;border-radius:6px;text-align:center;font-size:11px;font-weight:700;color:#fff;margin-right:8px}
.nm{display:inline-block;font-weight:700;font-size:16px;color:#fff;max-width:260px;overflow:hidden;text-overflow:ellipsis;margin-right:5px}
.ver{display:inline-block;margin-right:5px}
.new{display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;color:#fff;background:#dc2626;padding:0 5px;border-radius:4px}
.lvl{display:inline-block;padding:2px 9px 2px 2px;border-radius:7px;text-align:left;background:#151a24;border:1px solid #222938;white-space:nowrap}
.lvl b{display:inline-block;vertical-align:middle;width:28px;height:21px;line-height:21px;border-radius:5px;font-size:13px;color:#fff;text-align:center;margin-right:6px}
.lvl span{display:inline-block;vertical-align:middle;font-size:13px;font-weight:700;color:#cfd6e4}
.l-purple b{background:#7c3aed;background:-webkit-linear-gradient(135deg,#a855f7,#6d28d9);background:linear-gradient(135deg,#a855f7,#6d28d9)}
.l-blue b{background:#2563eb;background:-webkit-linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.l-grey b{background:#6b7280}
.c-num{font-weight:700;font-size:16px;color:#eef1f6}
.dim{color:#8f98ab}.good{color:#4ade80}
.elo{color:#f5b301}
.hs{display:inline-block;width:76px;vertical-align:middle}
.hs span{display:block;font-size:13px;font-weight:700;margin-bottom:2px}
.hs i{display:block;height:4px;border-radius:4px;background:#232a37;overflow:hidden}
.hs b{display:block;height:4px;border-radius:4px;background:#f5b301;background:-webkit-linear-gradient(left,#f5b301,#ff6a3d);background:linear-gradient(90deg,#f5b301,#ff6a3d)}
.rk{display:inline-block;width:80px;height:32px;vertical-align:middle}
.foot{width:100%;border-collapse:collapse;background:#0b0e14;border-top:1px solid #1d2330}
.foot td{padding:6px 12px;vertical-align:middle}
.pages a{display:inline-block;min-width:26px;height:26px;line-height:26px;text-align:center;border-radius:6px;margin-right:4px;color:#c7cdd9;font-weight:700;text-decoration:none;background:#151a24;border:1px solid #232a38}
.pages a.on{background:#f5b301;color:#111;border-color:#f5b301}
.search{text-align:right;white-space:nowrap}
.search input{width:220px;height:28px;border-radius:7px;border:1px solid #2a3243;background:#090b10;color:#fff;padding:0 10px;font-size:13px;font-family:inherit;vertical-align:middle}
.search button{height:28px;border:0;border-radius:7px;padding:0 14px;font-weight:700;font-family:inherit;color:#111;cursor:pointer;background:#f5b301;vertical-align:middle;letter-spacing:1px}

/* width: fewer columns on smaller CS resolutions */
@media (max-width:1180px){ .h1{display:none} .nm{max-width:170px} .tabs a{padding:5px 9px} }
@media (max-width:920px){ .h2,.tabs,.flag,.av,.lvl .xp{display:none} .nm{max-width:140px;font-size:14px} .ttl p{display:none} .pod-stats td:nth-child(4){display:none} }
/* height: short windows show 1-3 in the list instead of the podium */
@media (max-height:720px){
 .podium{display:none} .list tr.top3{display:table-row}
 .rk{width:60px;height:24px} .lvl b{height:18px;line-height:18px} .av{width:20px;height:20px;line-height:20px}
 .logo{font-size:30px} .ttl h1{font-size:20px}
}
/* 15 rows and the page buttons still fit: smaller rows */
@media (max-height:600px){ .rk{width:50px;height:20px} .lvl b{height:16px;line-height:16px;width:24px} .lvl{padding:1px 7px 1px 1px} .av{width:18px;height:18px;line-height:18px} .pos{font-size:17px} .hs span{font-size:12px;margin-bottom:1px} .list th{height:22px} .logo{font-size:26px} .ttl h1{font-size:18px} .foot td{padding:3px 10px} .pages a{height:22px;line-height:22px}
 .list td{line-height:1.05} .nm,.c-num{font-size:14.5px} .lvl span{font-size:12px} .hs i{height:3px} .hs b{height:3px} }
@media (max-height:470px){ .list td{padding:0 6px;line-height:1} .nm,.c-num{font-size:13px} .rk{width:40px;height:15px} .lvl b{height:13px;line-height:13px;width:20px;font-size:11px} .lvl{border:0;background:none;padding:0} .av{width:15px;height:15px;line-height:15px;font-size:9px;margin-right:5px} .pos{font-size:15px} .hs span{font-size:11.5px;margin:0} .me-tag{display:none} .list th{height:18px;font-size:10px} .foot td{padding:2px 8px} .pages a{height:18px;line-height:18px;min-width:20px} .logo{font-size:22px} }
@media (max-height:470px){ body{padding:5px 8px} .rk{width:48px;height:19px} .hs i{display:none} .nm,.c-num{font-size:13.5px} .ttl,.tabs{display:none} }
/* big windows */
@media (min-width:1600px) and (min-height:880px){
 body{font-size:16px} .logo{font-size:46px} .ttl h1{font-size:28px}
 .nm,.c-num{font-size:18px} .nm{max-width:320px} .rk{width:96px;height:39px} .rk-big{width:120px;height:49px}
 .pod-av{width:56px;height:56px;line-height:56px} .p1 .pod-av{width:66px;height:66px;line-height:66px}
 .pod-name{font-size:21px} .pod-stats b{font-size:20px}
}

.wf{padding-top:8px !important}
.wf-label{font-size:11px;letter-spacing:2px;color:#7d869a;font-weight:700}
.gold .wf-label{color:#f5b301}
.wf-icon{height:46px;line-height:46px;margin-top:4px}
.wi-big{height:38px;vertical-align:middle}
.p1 .wi-big{height:44px}
.gold .wi-big{-webkit-filter:drop-shadow(0 0 8px rgba(245,179,1,.6));filter:drop-shadow(0 0 8px rgba(245,179,1,.6))}
.wf-big{font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;line-height:1;color:#fff;margin:2px 0 2px}
.gold .wf-big{color:#f5b301}
.wf-big span{font-family:"Rajdhani",Tahoma,sans-serif;font-size:12px;letter-spacing:1px;color:#7d869a;margin-left:6px;text-transform:uppercase}
.c-wpn{text-align:left !important;width:20%}
.c-wpn > *{vertical-align:middle}
.wi{display:inline-block;height:22px;width:76px;margin-right:12px;opacity:.95}
.wn{display:inline-block;font-weight:700;font-size:16px;color:#fff}
.kb{display:inline-block;width:150px;text-align:left;vertical-align:middle}
.kb span{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.kb i{display:block;height:5px;border-radius:4px;background:#232a37;overflow:hidden}
.kb b{display:block;height:5px;border-radius:4px;background:#f5b301;background:-webkit-linear-gradient(left,#ff6a3d,#f5b301);background:linear-gradient(90deg,#ff6a3d,#f5b301)}
.c-best{text-align:left !important}
.c-best > *{vertical-align:middle}
.bk{display:inline-block;margin-left:6px;font-size:12px;color:#7d869a}
.bk:before{content:"\00b7  "}
@media (max-width:920px){ .wi{width:56px;height:18px;margin-right:8px} .kb{width:100px} .c-best .av{display:none} }

.wf{padding-top:8px !important}
.wf-label{font-size:11px;letter-spacing:2px;color:#7d869a;font-weight:700}
.gold .wf-label{color:#f5b301}
.wf-icon{margin-top:6px}
.wf-big{font-family:"Bebas Neue",Impact,sans-serif;font-size:30px;line-height:1;color:#fff;margin:2px 0}
.gold .wf-big{color:#f5b301}
.wf-big span{font-family:"Rajdhani",Tahoma,sans-serif;font-size:12px;letter-spacing:1px;color:#7d869a;margin-left:6px;text-transform:uppercase}
/* map tile: 2 letters + the map type */
.mt,.mt-big{display:inline-block;position:relative;border-radius:7px;text-align:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.45);overflow:hidden}
.mt{width:46px;height:26px;margin-right:10px}
.mt b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:17px;line-height:19px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.mt i{display:block;font-style:normal;font-size:7.5px;line-height:7px;letter-spacing:1px;font-weight:700;opacity:.85}
.mt-big{width:84px;height:46px}
.mt-big b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:30px;line-height:34px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.4)}
.mt-big i{display:block;font-style:normal;font-size:10px;line-height:10px;letter-spacing:2px;font-weight:700;opacity:.9}
.gold .mt-big{box-shadow:0 0 0 2px #f5b301,0 0 18px rgba(245,179,1,.45)}
.c-map{text-align:left !important;width:22%}
.c-map > *{vertical-align:middle}
.mn{display:inline-block;font-weight:700;font-size:16px;color:#fff}
.kb{display:inline-block;width:140px;text-align:left;vertical-align:middle}
.kb span{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:2px}
.kb i{display:block;height:5px;border-radius:4px;background:#232a37;overflow:hidden}
.kb b{display:block;height:5px;border-radius:4px;background:#f5b301;background:-webkit-linear-gradient(left,#ff6a3d,#f5b301);background:linear-gradient(90deg,#ff6a3d,#f5b301)}
/* CT / T wins */
.wb{display:inline-block;width:150px;vertical-align:middle}
.wb-l{display:block;font-size:11.5px;font-weight:700;margin-bottom:2px;overflow:hidden}
.wb-l em{font-style:normal}
.wb-l .ct{float:left;color:#60a5fa}.wb-l .t{float:right;color:#f87171}
.wb i{display:block;height:6px;border-radius:4px;overflow:hidden;background:#232a37;white-space:nowrap;font-size:0}
.wb b{display:inline-block;height:6px}
.bct{background:#3b82f6}.bt{background:#ef4444}
.c-best{text-align:left !important}
.c-best > *{vertical-align:middle}
.c-last{font-size:13px;white-space:nowrap}
.c-last.live{color:#4ade80;font-weight:700;letter-spacing:1px}
@media (max-width:920px){ .kb{width:96px} .mt{width:38px} }

body{overflow-y:auto}
.prof{margin-bottom:8px}
/* map tiles (as on the Maps page) */
.mt{display:inline-block;position:relative;border-radius:7px;text-align:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 3px 8px rgba(0,0,0,.45);overflow:hidden;width:46px;height:26px;vertical-align:middle}
.mt b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:17px;line-height:19px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.mt i{display:block;font-style:normal;font-size:7.5px;line-height:7px;letter-spacing:1px;font-weight:700;opacity:.85}
.fl{height:100%}
.panel{position:relative}
.pt{width:100%;border-collapse:collapse}
.pt td{vertical-align:middle;padding:10px 14px}
.p-av{width:90px}
.big-av{display:inline-block;width:72px;height:72px;line-height:72px;border-radius:16px;text-align:center;font-size:26px;font-weight:700;color:#fff;
 box-shadow:0 0 0 3px #f5b301,0 6px 22px rgba(245,179,1,.35)}
.p-name{font-family:"Bebas Neue",Impact,sans-serif;font-size:36px;line-height:1;letter-spacing:2px;color:#fff}
.p-name .ver{width:20px;height:20px;vertical-align:middle;margin-left:6px}
.p-meta{color:#8b93a7;font-size:13px;margin-top:3px}
.p-meta > *{vertical-align:middle}
.p-lvl{margin-top:7px;white-space:nowrap}
.p-lvl > *{vertical-align:middle}
.xpbar{display:inline-block;width:260px;margin-left:10px}
.xpt{display:block;font-size:12px;color:#cfd6e4;margin-bottom:2px}
.xpbar i{display:block;height:7px;border-radius:5px;background:#232a37;overflow:hidden}
.xpbar b{display:block;height:7px;border-radius:5px;background:#3b82f6;background:-webkit-linear-gradient(left,#3b82f6,#a855f7);background:linear-gradient(90deg,#3b82f6,#a855f7)}
.p-place,.p-elo{text-align:center;width:150px;border-left:1px solid #1d2330}
.big-num{font-family:"Bebas Neue",Impact,sans-serif;font-size:44px;line-height:1;color:#fff}
.big-num.acc{color:#f5b301}
.p-place span,.p-elo span{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#7d869a}
.p-place em,.p-elo em{display:block;font-style:normal;font-size:13px;font-weight:700;margin-top:2px;color:#f5b301}
.p-elo em.up{color:#4ade80}.p-elo em.down{color:#f87171}
.p-rank{text-align:center;width:190px;border-left:1px solid #1d2330}
.rk-hero{width:150px;height:61px;-webkit-filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.rk-name{font-size:13px;letter-spacing:1px;color:#cfd6e4;margin-top:2px;text-transform:uppercase}
.tiles{width:100%;border-collapse:collapse;margin-bottom:8px}
.tc{padding:0 4px;width:16.6%}.tc:first-child{padding-left:0}.tc:last-child{padding-right:0}
.tile{background:#11141c;background:-webkit-linear-gradient(top,#161a24,#0e1118);background:linear-gradient(180deg,#161a24,#0e1118);
 border:1px solid #1d2330;border-radius:12px;text-align:center;padding:10px 6px}
.tile b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:34px;line-height:1;color:#fff}
.tile span{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#7d869a;margin-top:2px}
.tile em{display:block;font-style:normal;font-size:12px;color:#9aa3b5;margin-top:2px}
.tile.good b{color:#4ade80}.tile.dimv b{color:#cbd2de}
.tc:first-child .tile{border-color:#5a4612;box-shadow:inset 0 0 26px rgba(245,179,1,.08)}
.tc:first-child .tile b{color:#f5b301}
.cols{width:100%;border-collapse:collapse}
.col{vertical-align:top;width:37%;padding:0 4px}.col:first-child{padding-left:0}.col:last-child{padding-right:0}
.col.nar{width:26%}
.panel{padding:0 0 6px}
.ph{font-size:12px;letter-spacing:2px;font-weight:700;color:#f5b301;padding:9px 12px 6px;border-bottom:1px solid #1d2330}
.ph.sub{border-top:1px solid #1d2330;margin-top:6px}
.fl{width:100%;border-collapse:collapse}
.fl td{padding:6px 10px;border-bottom:1px solid #161b26;vertical-align:middle;white-space:nowrap}
.fl tr:last-child td{border-bottom:0}
.f-ic{width:86px}
.wi{display:inline-block;width:76px;height:22px}
.f-n{font-weight:700;font-size:15px;color:#fff}
.kb{display:inline-block;width:130px;vertical-align:middle}
.kb span{display:block;font-size:13px;font-weight:700;color:#e7eaf0;margin-bottom:2px}
.kb i{display:block;height:5px;border-radius:4px;background:#232a37;overflow:hidden}
.kb b{display:block;height:5px;border-radius:4px;background:#f5b301;background:-webkit-linear-gradient(left,#ff6a3d,#f5b301);background:linear-gradient(90deg,#ff6a3d,#f5b301)}
.f-hs,.f-k{text-align:right;color:#9aa3b5;font-size:14px;font-weight:700}
.f-hs.good{color:#4ade80}
.rp{width:100%;border-collapse:collapse;margin-top:8px}
.rp td{text-align:center;vertical-align:middle;padding:0 4px}
.rp span{display:block;font-size:11px;color:#9aa3b5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;margin-left:auto;margin-right:auto}
.rk-mid{width:96px;height:39px}
.dimimg{opacity:.45}
.arrow{font-size:26px;color:#f5b301;width:24px}
.rpbar{padding:8px 12px 2px}
.rpbar i{display:block;height:7px;border-radius:5px;background:#232a37;overflow:hidden}
.rpbar b{display:block;height:7px;border-radius:5px;background:#f5b301;background:-webkit-linear-gradient(left,#ff6a3d,#f5b301);background:linear-gradient(90deg,#ff6a3d,#f5b301)}
.rpbar span{display:block;font-size:11.5px;color:#9aa3b5;margin-top:3px;text-align:right}
.recs{width:100%;border-collapse:collapse}
.form{padding:10px 12px 4px;white-space:nowrap}
.fr{display:inline-block;width:8.6%;margin-right:1.4%;height:26px;line-height:26px;border-radius:5px;text-align:center;font-size:12px;font-weight:700;color:#fff}
.fr:last-child{margin-right:0}
.fr.w{background:#16a34a;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}.fr.l{background:#dc2626;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.form-sum{padding:2px 12px 6px;font-size:12px;color:#9aa3b5;text-align:right}
.rec{text-align:center;padding:6px 2px 2px}
.rec b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;font-size:28px;line-height:1;color:#fff}
.rec span{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#7d869a}
@media (max-width:1180px){ .h1{display:none} .tc{width:20%} .xpbar{width:170px} .kb{width:90px} .p-rank{width:150px} .rk-hero{width:120px;height:49px} }
@media (max-width:920px){ .col.nar,.p-elo{display:none} .col{width:50%} .f-hs{display:none} .p-av{display:none} }
@media (max-height:700px){ .pt td{padding:6px 12px} .big-av{width:56px;height:56px;line-height:56px;font-size:20px} .p-name{font-size:30px}
 .tile{padding:6px} .tile b{font-size:28px} .fl td{padding:4px 10px} .ph{padding:6px 12px 4px} }
@media (min-width:1600px) and (min-height:880px){ .tile b{font-size:42px} .big-num{font-size:54px} .p-name{font-size:44px} .fl td{padding:9px 12px} .f-n{font-size:17px} }

/* rank as text when it has no picture */
.rlabel{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;color:#fff;
 background:#1d2330;border:1px solid #2c3446;white-space:nowrap;text-transform:uppercase}
.rk-big.rlabel,.rk-hero.rlabel{width:auto;height:auto;font-size:15px;padding:6px 12px}
/* a text label is as wide as its text, not as the picture it stands for */
.rlabel.rk,.rlabel.rk-mid{width:auto;height:auto;line-height:1.2;vertical-align:middle}
.nmlink{cursor:pointer;text-decoration:none}
.nmlink:hover .nm{text-decoration:underline}
.tabs span{display:inline-block;margin-left:4px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;color:#7d869a;background:#11141c;border:1px solid #1f2533}
.tabs span.on{color:#111;background:#f5b301;border-color:#f5b301}
.back{display:inline-block;margin-right:10px;padding:5px 12px;border-radius:6px;background:#11141c;border:1px solid #2a3243;color:#cfd6e4;font-weight:700;text-decoration:none}
.empty{padding:40px;text-align:center;color:#7d869a;font-size:16px}
.me-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1px;color:#111;background:#f5b301;padding:0 5px;border-radius:4px;margin-left:4px}
.me-row td{background:#2f2710 !important}
/* map end */
.me2{width:100%;border-collapse:collapse}
.me2 > tbody > tr > td{vertical-align:top;width:50%;padding:0 4px}
.me2 > tbody > tr > td:first-child{padding-left:0}.me2 > tbody > tr > td:last-child{padding-right:0}
.teamh{font-family:"Bebas Neue",Impact,sans-serif;font-size:26px;letter-spacing:3px;padding:8px 14px;color:#fff}
.teamh.ct{background:#1e3a8a;background:-webkit-linear-gradient(left,#1e40af,#0f172a);background:linear-gradient(90deg,#1e40af,#0f172a)}
.teamh.t{background:#7f1d1d;background:-webkit-linear-gradient(left,#b91c1c,#1c0f0f);background:linear-gradient(90deg,#b91c1c,#1c0f0f)}
.nmlink > *{vertical-align:middle}
.me2 .list td{padding:2px 8px}

/* compare */
.vs{margin-bottom:8px}
.vst{width:100%;border-collapse:collapse}
.vst td{vertical-align:middle;padding:10px 14px}
.vs-p{width:42%;white-space:nowrap}.vs-p.b{text-align:right}
.vs-p > *{vertical-align:middle}
.vs-av.a{box-shadow:0 0 0 3px #f5b301,0 6px 22px rgba(245,179,1,.35)}
.vs-av.b{box-shadow:0 0 0 3px #3b82f6,0 6px 22px rgba(59,130,246,.35)}
.vs-info{display:inline-block;margin:0 14px;text-align:left}.vs-info.b{text-align:right}
.vs-name{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:32px;line-height:1;letter-spacing:2px;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.vs-meta{display:block;margin-top:5px}
.vs-meta > *{vertical-align:middle}
.vs-sub{display:block;margin-top:4px;font-size:13px;color:#8b93a7}
.pres{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;color:#111;
 background:#f5b301;background:-webkit-linear-gradient(135deg,#ffd24a,#ff6a3d);background:linear-gradient(135deg,#ffd24a,#ff6a3d)}
.vs-mid{text-align:center}
.vs-score{font-family:"Bebas Neue",Impact,sans-serif;font-size:56px;line-height:1;color:#5b6375;white-space:nowrap}
.vs-score b{font-weight:400;color:#cfd6e4}.vs-score b.w{color:#4ade80}
.vs-score span{margin:0 8px}
.vs-word{font-size:11px;letter-spacing:3px;color:#7d869a}
.cmp th.ca{text-align:right;color:#f5b301}.cmp th.cb{text-align:left;color:#60a5fa}
.cmp td.ca,.cmp td.cb{width:42%}
.cmp td.ca{text-align:right}.cmp td.cb{text-align:left}
.cmp td.cl{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#9aa3b5}
.cv{display:inline-block;min-width:70px;font-size:18px;font-weight:700;color:#cfd6e4}
.cv.win{color:#4ade80}
.cbar{display:inline-block;width:62%;height:7px;border-radius:4px;background:#232a37;overflow:hidden;vertical-align:middle;margin:0 10px}
.cbar b{display:block;height:7px;border-radius:4px}
.cbar.l b{float:right;background:#f5b301;background:-webkit-linear-gradient(left,#ff6a3d,#f5b301);background:linear-gradient(90deg,#ff6a3d,#f5b301)}
.cbar.r b{background:#3b82f6;background:-webkit-linear-gradient(left,#3b82f6,#a855f7);background:linear-gradient(90deg,#3b82f6,#a855f7)}
@media (max-width:1180px){ .cbar{width:45%} .vs-pic{display:none} }
@media (max-width:920px){ .vs-av{display:none} .vs-name{font-size:24px;max-width:180px} .vs-score{font-size:40px} .cbar{width:30%} }

/* history */
#hcols .col{width:50%}
.chart{height:220px}
.chart svg{display:block}
.sg{stroke:#1d2330;stroke-width:1}
.sx{fill:#7d869a;font-size:11px;font-family:"Rajdhani",Tahoma,sans-serif;font-weight:700}
.sl{fill:none;stroke:#f5b301;stroke-width:2.5;stroke-linejoin:round}
.sd{fill:#0b0d13;stroke:#f5b301;stroke-width:2}
.bk2{fill:#f5b301}.bd2{fill:#e5484d;fill-opacity:.8}
.lk{color:#f5b301}.ld{color:#e5484d}
@media (max-width:920px){ #hcols .col{width:50%;display:table-cell} }

/* hall of fame */
.hof-season{font-size:10px;letter-spacing:2px;color:#7d869a;margin-top:2px}
.gold .hof-season{color:#f5b301}
.hofpod .pod-stats .rk{width:60px;height:24px}
.hof .c-name{width:30%}
.hx{display:inline-block;font-size:13px;margin-left:4px}
.md{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}
.md.gold{background:#ffcc33}.md.silver{background:#cfd6e2}.md.bronze{background:#d98a4a}

/* Steam: the avatar covers the letters, the icon follows the name */
.av,.pod-av,.big-av{position:relative;overflow:hidden;vertical-align:middle}
.avi{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:inherit;background:#0b0d13}
.stm{display:inline-block;margin-left:6px;vertical-align:middle;line-height:0}
.stm svg{display:block;-webkit-filter:drop-shadow(0 0 3px rgba(102,192,244,.55));filter:drop-shadow(0 0 3px rgba(102,192,244,.55))}
.p-name .stm svg,.vs-name .stm svg{width:22px;height:22px}
.vs-name .stm{display:inline-block}

/* history drawn on the server (rank.php): the charts keep their own height */
.chart.chart-s{height:auto;padding:4px 6px}
/* top list: the page buttons */
.pages .gap{display:inline-block;min-width:14px;text-align:center;margin-right:4px;color:#6b7385;font-weight:700}
.pghint{text-align:right;white-space:nowrap;color:#8f98ab;font-size:13px}
.pghint b{color:#fff}
@media (max-width:920px){ .pages a{min-width:22px;margin-right:2px} .pghint{font-size:12px} }
@media (max-height:470px){ .foot td{padding:3px 10px} .pages a{height:22px;line-height:22px} }