/* =====================================================================
   Esports Scoreboard v3.2 :: "2007 esports portal" skin
   Palette / type / layout in the style of mid-2000s esports portals.
   Esports Scoreboard branding only; no third-party artwork, logos or names.
   Sizes are ~1-2px larger than period originals for readability.
   ===================================================================== */
@font-face{font-family:"FragNet Sans";src:url("fonts/fn-sans-regular.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-024F,U+0300-036F,U+0400-045F,U+0490-0491,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-2122,U+2190-2195,U+221E,U+2212,U+25A0-25CF;}
@font-face{font-family:"FragNet Sans";src:url("fonts/fn-sans-bold.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0020-007E,U+00A0-024F,U+0300-036F,U+0400-045F,U+0490-0491,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-2122,U+2190-2195,U+221E,U+2212,U+25A0-25CF;}
@font-face{font-family:"FragNet Grotesk";src:url("fonts/fn-grotesk-regular.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-024F,U+0300-036F,U+0400-045F,U+0490-0491,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-2122,U+2190-2195,U+221E,U+2212,U+25A0-25CF;}
@font-face{font-family:"FragNet Grotesk";src:url("fonts/fn-grotesk-bold.woff2") format("woff2");font-weight:700;font-display:swap;unicode-range:U+0020-007E,U+00A0-024F,U+0300-036F,U+0400-045F,U+0490-0491,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-2122,U+2190-2195,U+221E,U+2212,U+25A0-25CF;}

:root{
  /* chrome */
  --page:#000000; --rail:#191919; --side:#474747; --side-line:#5E5E61; --side-dark:#2E2E2E;
  --util-a:#1F1F1F; --util-b:#121313; --util-link:#C3C7C5; --util-bullet:#82CAEF; --cream:#F9D9A0;
  --nav-a:#54595B; --nav-b:#434647; --nav-edge:#696D70; --nav-dark:#2E3030; --slate:#41535E; --slate-link:#B5E6FF;
  --hdr-a:#505456; --hdr-b:#2B2D2E; --hdr-text:#CEEFFF;
  --item:#D7D7D7; --item-hi:#FAFAFA; --item-lo:#A4A4A6; --item-hover:#2B5068; --count:#696969;
  /* content */
  --white:#FFFFFF; --alt:#EFEFEF; --line:#BDBDBD; --tline:#B9B9BC; --dotted:#CFCFCF; --forum-row:#F1F1F1;
  --beige:#E2DCCC; --link:#004A7E; --link-hover:#21608E; --navy:#164567; --pager:#2F6DB8; --pager-act:#0C3E83; --pager-hover:#DAEEFF;
  --win-bg:#E9FAFF; --red:#C62828; --rust:#8B301B; --green:#237A2A; --orange:#D95000; --grey:#333333;
  --ui:Tahoma,Verdana,"FragNet Sans",sans-serif;
  --data:Verdana,Tahoma,"FragNet Sans",sans-serif;
  --list:Arial,Helvetica,"FragNet Grotesk",sans-serif;
  --head:Helvetica,Arial,"FragNet Grotesk",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#000 repeating-linear-gradient(45deg,#0b0b0b 0 2px,#111 2px 4px);color:#000;font:12px/1.4 var(--ui)}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover);text-decoration:underline}
.hidden{display:none!important}
ul.menu{list-style:none;margin:0;padding:0}

/* ---------- container: 1100px with dark rails  ---------- */
#container{width:1100px;max-width:100%;margin:0 auto;background:#000;border-left:10px solid var(--rail);border-right:10px solid var(--rail);box-shadow:-1px 0 0 #2a2a2a,1px 0 0 #2a2a2a}

/* ---------- level one: utility bar ---------- */
#utilbar{display:flex;align-items:center;height:22px;background:linear-gradient(var(--util-a),var(--util-b));border-top:1px solid #1F1F1F;padding:0 8px}
#utilbar .menu{display:flex;flex-wrap:wrap;gap:0 12px}
#utilbar .menu a{color:var(--util-link);font:bold 10px/22px Verdana,"FragNet Sans",sans-serif}
#utilbar .menu a:hover{color:var(--cream);text-decoration:none}
#utilbar .bullet{color:var(--util-bullet)}
#utilbar .date{margin-left:auto;color:var(--cream);font:10px Verdana,"FragNet Sans",sans-serif;white-space:nowrap}

/* ---------- level two: banner ---------- */
#banner{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 0 0 18px;
  background:linear-gradient(180deg,#3a3c3d 0%,#1d1e1f 55%,#0d0d0d 100%);border-top:1px solid #000;border-bottom:1px solid #000;overflow:hidden}
.logo{display:block;text-decoration:none!important;line-height:1}
.logo-main{display:block;font:italic 900 38px/1 "Arial Black",Arial,"FragNet Grotesk",sans-serif;letter-spacing:-2px;color:#fff;
  text-shadow:2px 2px 0 #0E5DA0,3px 3px 0 #000}
.logo-net{color:var(--cream)}
.logo-sub{display:block;margin-top:4px;padding-left:3px;font:bold 11px var(--ui);letter-spacing:3px;text-transform:uppercase;color:var(--util-bullet)}
.searchbox{width:250px;height:76px;padding:9px 12px 0;background:linear-gradient(180deg,#2c2d2e,#161616);border-left:1px solid #000;box-shadow:inset 1px 0 0 #3d3f40}
.sb-label{font:bold 9px Verdana,"FragNet Sans",sans-serif;color:#AAE2FF;letter-spacing:1px;margin-bottom:3px}
.sb-row{display:flex;gap:4px}
.searchbox input{flex:1;min-width:0;background:#575757;border:1px solid #222;color:#ECECE4;font:12px var(--ui);padding:3px 6px;height:22px}
.searchbox input::placeholder{color:#d0d0d0}
.searchbox input:focus{outline:1px solid #82CAEF}
.searchbox button{height:22px;padding:0 9px;background:linear-gradient(#6b7072,#3f4243);border:1px solid #111;color:#fff;font:bold 10px var(--ui);cursor:pointer}
.searchbox button:hover{background:linear-gradient(#80878a,#4f5355)}
.sb-upd{font:10px var(--ui);color:#9a9a9a;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- level four: section nav ---------- */
#secnav{background:var(--side);border:1px solid var(--side-line);border-bottom-color:#000}
#secnav .menu{display:flex;flex-wrap:wrap;padding:0 8px}
#secnav .menu a{display:block;color:var(--util-link);font:12px/26px var(--list);padding:0 8px 0 0;margin-right:6px}
#secnav .menu a:hover{color:#fff;text-decoration:none}
#secnav .menu a.on{color:#fff;font-weight:bold}
#secnav .bullet{color:var(--cream);font-size:14px}
#ticker{display:flex;height:22px;background:var(--side-dark);border-bottom:1px solid #000;overflow:hidden}
.tk-label{font:bold 10px/22px Verdana,"FragNet Sans",sans-serif;color:var(--cream);padding:0 8px;background:#3F3F40;border-right:1px solid #000;white-space:nowrap}
.tk-viewport{flex:1;position:relative;overflow:hidden}
.tk-track{position:absolute;white-space:nowrap;font:11px/22px var(--list);animation:tk 300s linear infinite}
.tk-track:hover{animation-play-state:paused}
.tk-track .it{margin-right:34px;color:var(--util-link)}
.tk-track .it b{color:var(--util-bullet)}
.tk-track .it a{color:var(--util-link)} .tk-track .it a:hover{color:#fff}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}}

/* ---------- mesh: left 180 / middle / right 190 ---------- */
#mesh{display:grid;grid-template-columns:180px minmax(0,1fr) 190px;grid-template-areas:"left middle right";background:var(--side)}
#pane-left{grid-area:left;background:var(--side);border-right:1px solid #000;padding-bottom:14px;min-width:0}
#pane-middle{grid-area:middle;background:var(--white);min-width:0;padding:4px 4px 10px}
#pane-right{grid-area:right;background:var(--side);border-left:1px solid #000;padding-bottom:14px;min-width:0}

/* game navigation box (slate) */
.gamenav{background:var(--slate);border-bottom:1px solid #000}
.gn-item{display:block;border:1px solid var(--nav-edge);border-bottom-color:var(--nav-dark);background:linear-gradient(var(--nav-a),var(--nav-b));padding:4px 6px 4px 24px;position:relative}
.gn-item::before{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border:1px solid #1d2a31;background:linear-gradient(#9bc6dd,#3f6f8a)}
.gn-item.on::before{background:linear-gradient(#ffe6b5,#d9a440)}
.gn-item>a{color:#fff;font:bold 11px var(--ui);text-transform:uppercase;letter-spacing:.2px}
.gn-item>a:hover{color:#E0E0E0;text-decoration:none}
.gn-sub{margin:2px 0 1px;font:10.5px/1.6 var(--ui);color:#a9c7d6;overflow-wrap:anywhere}
.gn-sub .sep{color:#a9c7d6}
.gn-sub a{color:var(--slate-link);font-weight:bold}
.gn-sub a.on{color:#fff;text-decoration:underline}
.gn-sub .rg{color:#c9d6dc;font-weight:bold;margin-right:2px}
.gn-sep{height:3px;background:var(--side-dark);border-top:1px solid #000;border-bottom:1px solid #000}

/* side boxes */
.sidebox{margin-top:8px}
.side-header{height:22px;background:linear-gradient(#4c4c4f,#3F3F40 50%,#2f2f30);border-top:1px solid #5A5A5D;border-bottom:1px solid #000;
  color:#fff;font:bold 11px/21px var(--ui);text-transform:uppercase;letter-spacing:.5px;padding-left:8px}
.side-header .dash{color:#B4D6E8;margin-right:4px}
.side-menu{list-style:none;margin:0;padding:0}
.side-menu li{background:linear-gradient(#E2E2E2,var(--item));border-top:1px solid var(--item-hi);border-bottom:1px solid var(--item-lo);border-left:1px solid var(--item-lo);
  font:11.5px/1.35 var(--ui);padding:3px 5px;color:#000;display:flex;gap:4px;align-items:baseline;min-width:0}
.side-menu li a{color:#000;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.side-menu li a:hover{color:var(--item-hover)}
.side-menu li .cnt{color:#4a4a4a;font-size:10.5px;white-space:nowrap;flex:none}
.side-menu li.empty{display:block;color:#444;font-style:italic}
.side-menu li.note{display:block;color:var(--rust);font-size:10.5px;background:#F7F2E4}
.side-footer{height:13px;background:var(--side-dark);border-top:1px solid #000;border-bottom:1px solid #000;text-align:right}
.sf-btn{display:inline-block;height:11px;margin:0 3px;padding:0 5px;background:#000;color:#d6d6d6!important;font:bold 8.5px/11px Verdana,"FragNet Sans",sans-serif;letter-spacing:.5px;text-decoration:none!important;vertical-align:top}
.sf-btn:hover{color:#fff!important}
/* data status rows */
.st-sec{background:#C9C9C9;border-top:1px solid var(--item-hi);border-bottom:1px solid var(--item-lo);font:bold 10.5px var(--ui);padding:2px 5px;color:#2b2b2b;text-transform:uppercase}
.side-menu li.st{flex-wrap:wrap}
.side-menu li.st .st-why{flex-basis:100%;font-size:10.5px;color:var(--rust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px}
.st-upd{background:#F7F2E4;font:10px var(--ui);color:#555;padding:2px 5px;border-bottom:1px solid var(--item-lo);border-left:1px solid var(--item-lo)}
.ok,.miss-b{flex:none;display:inline-block;font:bold 9px/13px Verdana,"FragNet Sans",sans-serif;padding:0 3px;color:#fff;border:1px solid rgba(0,0,0,.35)}
.stale-b{flex:none;display:inline-block;font:bold 9px/13px Verdana,"FragNet Sans",sans-serif;padding:0 3px;color:#000;background:#E8B923;border:1px solid rgba(0,0,0,.35)}
.ok{background:var(--green)} .miss-b{background:var(--red)}
.t-miss{color:#C62828} .t-stale{color:#8a6100}

/* ---------- content containers (middle pane) ---------- */
.std{margin-bottom:6px}
.std-header{height:22px;background:linear-gradient(var(--hdr-a),var(--hdr-b));border:1px solid #000;border-bottom:none;display:flex;align-items:center;padding:0 6px;gap:8px}
.std-header h1,.std-header h2{margin:0;color:var(--hdr-text);font:bold 12px var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.std-header .meta{margin-left:auto;color:#d6e2e9;font:10.5px var(--ui);white-space:nowrap}
.std-header .meta a{color:var(--slate-link)}
.toolbar{background:var(--slate);border:1px solid #000;border-top:none;padding:3px 8px 4px;display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center}
.toolbar .grp{color:#fff;font:bold 11px var(--ui);text-transform:uppercase;opacity:.75}
.toolbar a{color:var(--slate-link);font:bold 11.5px var(--ui)}
.toolbar a .bullet{color:#fff;font-size:13px;margin-right:2px}
.toolbar a.on{color:#fff;text-decoration:underline}
.navbar{background:var(--side);border:1px solid #000;border-top:none;padding:3px 8px 4px;display:flex;flex-wrap:wrap;gap:2px 10px}
.navbar a{color:#FFF3CE;font:bold 11.5px var(--list)}
.navbar a.on{color:#fff;text-decoration:underline}
.srcline{border:1px solid var(--tline);border-top:none;background:#F9F9F9;color:#47494A;font:11px var(--list);padding:3px 6px}
.srcline a{color:var(--link)}
.infobox{border:1px solid var(--tline);border-top:none;background:#FFFCF2;padding:5px 7px;font:12px var(--list);color:#000}
.infobox b{color:var(--navy)}
.infobox .dim{color:#666}
.subhead{font:bold 15px/1.2 var(--head);letter-spacing:-.5px;color:#111;margin:10px 2px 3px;overflow-wrap:anywhere}
.subhead small{font:normal 11px var(--ui);letter-spacing:0;color:#555;margin-left:6px}
.empty{color:#555;font:italic 12px var(--ui);padding:8px 6px}
.note{font:11px var(--ui);color:#555;padding:4px 2px}

/* MISS badge + one line reason */
.miss{display:flex;align-items:center;gap:6px;border:1px solid var(--tline);border-top:none;background:#FFF5F2;padding:3px 6px;font:11.5px var(--ui);color:var(--rust);min-width:0}
.miss .why{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.miss.inline{display:inline-flex;border:none;background:none;padding:0}
.miss.stale{background:#FFF8E1;color:#5a4500}
.stale-note{color:#7a5600}
.std-cap{border:1px solid var(--tline);border-top:none}

/* ranking box (standings / rankings) */
.rankbox{border:1px solid var(--tline);border-radius:5px;padding:2px;margin:4px 0 6px;background:#fff;overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;font:12.5px/1.35 var(--data);color:#000}
.tbl thead th{background:linear-gradient(#FFFFFF,#E9E9EA);color:var(--navy);font:bold 12px var(--head);text-align:left;padding:4px 5px;border-bottom:1px solid var(--tline);white-space:nowrap}
.tbl thead th.first{border-radius:4px 0 0 0}
.tbl td{padding:4px 5px;border-top:1px dotted var(--dotted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;vertical-align:middle}
.tbl tbody tr:nth-child(even) td{background:#F6F6F6}
.tbl tbody tr:hover td{background:var(--pager-hover)}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums}
.tbl .c{text-align:center}
.tbl td.rk{width:46px;text-align:center;color:#333}
.tbl tr.r1 td.rk,.tbl tr.r2 td.rk,.tbl tr.r3 td.rk{font-weight:bold}
.tbl tr.r1 td.rk span,.tbl tr.r2 td.rk span,.tbl tr.r3 td.rk span{display:inline-block;min-width:22px;padding:0 3px;border:1px solid rgba(0,0,0,.25);border-radius:2px;color:#000}
.tbl tr.r1 td.rk span{background:linear-gradient(#FFE89A,#E8B923)}
.tbl tr.r2 td.rk span{background:linear-gradient(#F4F4F4,#B9BCC0)}
.tbl tr.r3 td.rk span{background:linear-gradient(#F1C9A0,#C98A4B)}
.tbl a{color:#000;text-decoration:underline}
.tbl a:hover{color:var(--navy)}
.tbl td.team a{font-weight:bold}
.tbl .w{color:var(--green);font-weight:bold}
.tbl .l{color:var(--red);font-weight:bold}
.tbl .lose{color:#555}
.tbl .win{background:var(--win-bg)!important;font-weight:bold}
.tbl .score{font-weight:bold;text-align:center;width:44px}
.tbl .score a{text-decoration:none;color:#000}
.tbl.res{table-layout:fixed}
.tbl.res td{max-width:none}
.tbl.res col.c-date{width:62px}
.tbl.res col.c-score{width:46px}
.tbl.res col.c-ev{width:30%}
.cc{color:#5c5c5c;font:10.5px var(--ui);margin-left:5px;font-weight:normal}
.cc.dq{color:#C62828;font-weight:bold}
.tbl .dim{color:#555}
.ally a{color:#0E5DA0!important} .horde a{color:#A52A2A!important}
.tbl tr.flash td{animation:flash 2.4s ease-out 1}
@keyframes flash{0%,45%{background:#FFF3B0}100%{}}

/* dense list items (news / headlines) */
.newsbox{background:var(--beige);border:1px solid var(--tline);border-top:none}
.newsbox .item{display:flex;gap:6px;align-items:baseline;padding:3px 6px 3px 8px;font:12px/1.4 var(--list);min-width:0}
.newsbox .item::before{content:"";flex:none;width:0;height:0;border-left:5px solid #7a6a45;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-1px)}
.newsbox .item a{color:#000;font-weight:bold;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.newsbox .item .src{color:var(--link);font-weight:bold;white-space:nowrap;flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis}
.fp-cols .tbl td{max-width:170px}
.newsbox .item.more{font-weight:bold}
.listbox{border:1px solid var(--line)}
.listbox .item{display:grid;grid-template-columns:62px 92px minmax(0,1fr) 120px;gap:8px;align-items:baseline;padding:3px 7px;border-bottom:1px solid var(--line);font:12px/1.4 var(--list);background:#fff}
.listbox .item:nth-child(odd){background:var(--alt)}
.listbox .item:hover{background:var(--pager-hover)}
.listbox .tag{font-weight:bold;text-transform:uppercase;color:#000;font-size:11px}
.listbox .tag.wow{color:#0E5DA0} .listbox .tag.val{color:var(--rust)} .listbox .tag.esports{color:#B34400} .listbox .tag.cs{color:var(--green)}
.listbox .item.is-stale .when::after{content:" (stale)";color:#7a5600}
.listbox .when{color:#555;font-size:11px;white-space:nowrap}
.listbox .ttl{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listbox .ttl:hover{color:#2B4890}
.listbox .src{color:var(--link);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.listbox .item.flash{animation:flash 2.4s ease-out 1}

/* front page two-column bars */
.fp-cols{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.fp-cols>*{min-width:0}

/* pager */
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px 2px;font:11px var(--head)}
.pager .title{font-weight:bold;text-transform:uppercase;color:#000;margin-right:2px}
.pager a,.pager span.act{display:inline-block;padding:1px 8px;border:1px solid #C0C0C0;color:var(--pager);background:#fff;text-decoration:none}
.pager a:hover{background:var(--pager-hover);font-weight:bold}
.pager span.act{border-color:var(--pager);color:var(--pager-act);font-weight:bold}
.pager .info{margin-left:auto;color:#555;font-family:var(--ui)}

/* search results */
.sr-group .sr-h{background:linear-gradient(#FFFFFF,#E9E9EA);border:1px solid var(--tline);border-top:none;font:bold 12px var(--head);color:var(--navy);padding:4px 6px}
.sr-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.sr-list li{display:flex;gap:8px;align-items:baseline;padding:3px 7px;border-bottom:1px solid var(--line);font:12px var(--list);background:#fff}
.sr-list li:nth-child(odd){background:var(--alt)}
.sr-list li a{font-weight:bold;color:#000;text-decoration:underline}
.sr-list li a{overflow-wrap:anywhere;min-width:0}
.sr-list .where{margin-left:auto;color:#555;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.sr-list .where a{font-weight:normal;color:var(--link);text-decoration:none}
mark{background:#FFE58A;color:#000;padding:0 1px}

/* ---------- forum tables (phpBB-style) ---------- */
.local-note{display:flex;gap:6px;align-items:center;border:1px solid #D9C27A;background:#FFFBE2;color:#5a4500;font:11.5px var(--ui);padding:4px 7px;margin:4px 0}
.local-note .lbl{flex:none;background:#D9A440;color:#000;font:bold 9px/13px Verdana,"FragNet Sans",sans-serif;padding:0 4px;border:1px solid rgba(0,0,0,.3)}
.crumbs{font:11.5px var(--ui);color:#333;padding:5px 2px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.crumbs a{color:var(--link);font-weight:bold}
.crumbs .act{margin-left:auto}
.crumbs .subj{overflow-wrap:anywhere;min-width:0}
.forum-table{width:100%;border-collapse:collapse;border-left:1px solid #909093;border-right:1px solid #909093;font:12px var(--ui)}
.forum-table tr.row-header td{background:linear-gradient(#FFFFFF,#E4E4E6);border:1px solid var(--tline);font-weight:bold;height:24px;padding:0 8px;color:#000}
.forum-table tr.row-header td .ic{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-2px;border:1px solid #3b6e95;background:linear-gradient(#cfe8ff,#5d93c4);border-radius:2px}
.forum-table tr.row-header td.c{text-align:center}
.forum-table tr.row-item td{background:linear-gradient(#FAFAFA,var(--forum-row));border:1px solid var(--tline);padding:8px 9px;vertical-align:middle}
.forum-table td.title{width:48%}
.forum-table td.title a.name{color:var(--link);font-weight:bold;font-size:12.5px}
.forum-table td.title .description{color:#000;margin-top:2px}
.forum-table td.title a.name{overflow-wrap:anywhere}
.forum-table td.num{text-align:center;width:9%}
.forum-table td.lastpost{width:25%;font-weight:bold}
.forum-table td.lastpost .time{font-weight:normal}
.forum-table td.lastpost a{color:#000}
.forum-table td.emptyrow{text-align:center;color:#555;font-style:italic;padding:14px}
.fbtn{display:inline-block;font:bold 11px var(--ui);background:linear-gradient(#fdfdfd,#dcdcdc);color:#000;border:1px solid #9a9a9a;padding:3px 10px;cursor:pointer;text-decoration:none!important}
.fbtn:hover{background:var(--pager-hover);border-color:var(--pager)}
.fbtn.danger{color:#8B1B1B;border-color:#c99}
/* post view (comments-item) */
.post{display:grid;grid-template-columns:150px minmax(0,1fr);border:1px solid #909093;margin-bottom:4px}
.post .ubox{background:#F1F1F1;border-right:1px solid #C7C7CA;padding:8px;font:11px var(--ui);color:#333}
.post .uname{font:bold 12px var(--ui);color:#000;word-break:break-word}
.post .urank{color:var(--orange);font-weight:bold;margin:2px 0 6px}
.post .av{width:56px;height:56px;border:1px solid var(--tline);background:repeating-linear-gradient(45deg,#e5e5e5 0 4px,#f5f5f5 4px 8px);display:flex;align-items:center;justify-content:center;font:bold 22px var(--head);color:#9a9a9a;margin-bottom:6px}
.post .pc{min-width:0;background:#fff}
.post .phead{background:linear-gradient(#FFFFFF,#E9E9EA);border-bottom:1px solid #C7C7CA;font:11px var(--ui);padding:4px 8px;color:#333}
.post .phead b{color:#000}
.post .pbody{padding:10px 14px 14px;font:12.5px/1.5 Verdana,Tahoma,"FragNet Sans",sans-serif;white-space:pre-wrap;word-break:break-word}
.fform{border:1px solid var(--tline);margin-top:6px}
.fform .fh{background:linear-gradient(var(--hdr-a),var(--hdr-b));color:var(--hdr-text);font:bold 12px var(--ui);padding:4px 7px}
.fform .fgrid{display:grid;grid-template-columns:110px minmax(0,1fr);gap:5px 8px;padding:8px;background:#FFFCF2}
.fform label{font:bold 11px var(--ui);text-align:right;padding-top:5px}
.fform input,.fform textarea{font:12.5px var(--ui);padding:4px 5px;border:1px solid #9a9a9a;background:#fff;color:#000}
.fform textarea{min-height:110px;resize:vertical}
.fform .factions{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fform .fh small{font-weight:normal;color:#cfd9de;margin-left:4px}
.ferr{flex-basis:100%;color:#8B1B1B;background:#FFF5F2;border:1px solid #e3b3a8;padding:3px 6px;font:11.5px var(--ui)}
.ferr[hidden]{display:none}

/* ---------- footer ---------- */
#footer{background:var(--side);border:1px solid var(--side-line);border-top:1px solid #000;padding:5px 8px 7px}
#footer .menu{display:flex;flex-wrap:wrap;gap:0 14px}
#footer .menu a{color:var(--util-link);font:11px var(--list)}
#footer .bullet{color:var(--cream)}
.foot-note{color:#c8c8c8;font:10.5px var(--ui);margin-top:4px}
.foot-note a{color:#e6e6e6;text-decoration:underline}
/* about page */
.about-p{font:12px/1.5 var(--list);padding:2px 4px 6px;color:#111}
.about-p.disclaimer{background:#F9F9F9;border:1px solid var(--tline);padding:6px 8px}
.tbl.about-src td,.tbl.about-st td{white-space:normal;max-width:none;overflow:visible;vertical-align:top}
.tbl.about-src td.team{width:150px}
.tbl.about-st td.c{width:70px}

/* ---------- keyboard focus / skip link ---------- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #FFB000;outline-offset:1px}
.searchbox input:focus-visible{outline:2px solid #FFB000}
#pane-middle:focus,#status-box:focus{outline:none}
.skip{position:absolute;left:-9999px;top:0;z-index:10;background:#FFB000;color:#000;font:bold 12px var(--ui);padding:6px 10px}
.skip:focus{left:8px;top:6px}
.noscript{background:#FFF5F2;color:#8B301B;padding:10px;font:12px var(--ui)}
/* v3.7 no-JS fallback: pre-rendered front-page snapshot */
.deep #view[data-prerender]{visibility:hidden}
.noscript-note{max-width:980px;margin:6px auto;padding:6px 10px;color:#555;font:11px var(--ui);text-align:center}
#view[data-prerender] .pre-st td.team a,#view[data-prerender] .res a{color:inherit}

/* ---------- responsive: stack panes ---------- */
@media (max-width:1120px){#container{border-left-width:0;border-right-width:0}}
@media (max-width:900px){
  #mesh{grid-template-columns:1fr;grid-template-areas:"middle" "right" "left"}
  #pane-left,#pane-right{border:none;border-top:1px solid #000}
  .fp-cols{grid-template-columns:1fr}
}
@media (max-width:600px){
  body{font-size:13px}
  #utilbar{height:auto;padding:2px 8px}
  #utilbar .date{display:none}
  #banner{height:auto;flex-wrap:wrap;padding:10px 0 0}
  .logo{padding:0 12px 10px}
  .logo-main{font-size:30px}
  .searchbox{width:100%;height:auto;padding:8px 10px;border-left:none;border-top:1px solid #000}
  #secnav .menu a{font-size:12.5px;line-height:28px}
  .tbl{font-size:12.5px}
  .tbl td{padding:5px 4px;max-width:140px}
  .tbl .hide-sm{display:none}
  .tbl.res col{width:auto!important}
  .tbl.res col.hide-sm{display:none}
  .listbox .item{grid-template-columns:52px minmax(0,1fr);row-gap:0}
  .listbox .item .when{grid-column:1} .listbox .item .ttl{grid-column:1/-1;white-space:normal}
  .listbox .item .src{grid-column:2;grid-row:1;text-align:right}
  .post{grid-template-columns:1fr}
  .post .ubox{border-right:none;border-bottom:1px solid #C7C7CA;display:flex;gap:10px;align-items:center}
  .post .av{width:34px;height:34px;font-size:14px;margin:0}
  .fform .fgrid{grid-template-columns:1fr} .fform label{text-align:left;padding-top:0} .fform .factions{grid-column:1}
  .forum-table td.lastpost,.forum-table tr.row-header td.lastc{display:none}
  .side-menu li{font-size:12.5px;padding:5px 6px}
}
/* ---------- detail pages (v3.3) ---------- */
.tbl .lose a{color:#555}
.tbl.kv th{width:130px;text-align:left;font:bold 12px var(--head);color:var(--navy);background:#F2F2F2;padding:4px 6px;border-top:1px dotted var(--dotted);white-space:nowrap;vertical-align:top}
.tbl.kv td{white-space:normal;max-width:none;overflow:visible;overflow-wrap:anywhere}
.tbl.kv tbody tr:nth-child(even) td{background:#fff}
.tbl.kv .ally{color:#0E5DA0;font-weight:bold} .tbl.kv .horde{color:#A52A2A;font-weight:bold}
@media (max-width:480px){.tbl.kv th{width:92px}}
/* ---------- CS2 results / upcoming (v3.4) ---------- */
.tbl.res col.c-map{width:17%}
.tbl.res col.c-div{width:20%}
.tbl.res col.c-when{width:104px}
.tbl.res.cs-res col.c-score{width:58px}
.tbl.res col.c-rd{width:16%}
.tbl.res.compact col.c-map{width:24%}
.tbl.cs-up .score a{color:#555;font-weight:normal}
@media (max-width:480px){.tbl.res col.c-when{width:84px}}
/* ---------- site status page (v3.4) ---------- */
.tbl.st-tbl col.c-st{width:58px}
.tbl.st-tbl col.c-src{width:34%}
.tbl.st-tbl col.c-cnt{width:62px}
.tbl.st-tbl col.c-when{width:118px}
.tbl.st-tbl td.st-why{white-space:normal;word-break:break-word;font-size:11px}
.tbl.st-tbl td:nth-child(2){white-space:normal;word-break:break-word}
.subhead small{font-weight:normal;color:#666;font-size:11px}
.note.upd-note{color:#555}
.tbl.sb th:first-child,.tbl.sb td:first-child{white-space:normal;overflow-wrap:anywhere}
/* ---------- Matches today (v3.5) ---------- */
.live-b{display:inline-block;background:var(--red);color:#fff;font:bold 9px/13px Verdana,"FragNet Sans",sans-serif;padding:0 4px;border:1px solid rgba(0,0,0,.35);letter-spacing:.5px}
.gtag{display:inline-block;font:bold 8.5px/12px Verdana,"FragNet Sans",sans-serif;color:#fff;background:#4a5a6a;padding:0 3px;margin-right:4px;vertical-align:1px}
.g-val .gtag{background:#8a3b3b}
.tbl.today col.c-when{width:62px}
.tbl.today tr.st-live td{background:#FFF6F3}
.tbl.today col.c-div{width:20%}
.tbl.today col.c-map{width:12%}
.tbl.today col.c-score{width:58px}
/* ---------- full standings paging (v3.6) ---------- */
.pager .show-all{margin-left:8px;font-weight:bold}
.pager-wrap .pager{flex-wrap:wrap}
.empty.loading{font-style:italic;color:#777}

/* v3.8 Valorant players: agents column truncates (full list in the tooltip) */
.ag{display:inline-block;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
@media (max-width:1100px){.val-pl .agc{display:none}}

/* =====================================================================
   v3.9 polish: hierarchy, stat tiles, foldable toolbars, phone chrome
   ===================================================================== */
#secnav .sh{display:none}
/* logo: stronger mark with an orange rule under the tagline */
.logo-main{font-size:40px}
.logo-sub{color:var(--cream);opacity:.9;border-top:2px solid var(--orange);padding-top:3px;display:inline-block}
/* section headers: taller bar, orange accent edge */
.std-header{height:26px;border-left:4px solid var(--orange);padding-left:8px;background:linear-gradient(#5a5f62,var(--hdr-b))}
.std-header h1,.std-header h2{font-size:13px;letter-spacing:.2px;text-shadow:1px 1px 0 #000}
.subhead{display:flex;align-items:baseline;gap:6px;border-bottom:2px solid #E3E3E3;padding-bottom:3px;margin-top:14px}
.subhead::before{content:"";flex:none;width:8px;height:8px;background:var(--orange);align-self:center;box-shadow:1px 1px 0 #7a2d00}
.subhead small{margin-left:0}
.toolbar{gap:4px 12px;padding:4px 8px 5px}
.toolbar a.on{color:#fff;text-decoration:none;border-bottom:2px solid var(--orange)}
/* folded long toolbar groups (e.g. 14 Valorant events) */
.tb-fold{position:relative}
.tb-fold summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:#fff;font:bold 11.5px var(--ui);padding:2px 8px;border:1px solid #23313a;background:#506470;border-radius:2px}
.tb-fold summary::-webkit-details-marker{display:none}
.tb-fold .tb-cur{color:var(--slate-link)}
.tb-fold .tb-caret{font-size:10px;color:var(--cream)}
.tb-fold[open] .tb-caret{transform:rotate(180deg)}
.tb-fold .tb-list{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 2px 2px}
/* tables: clearer header rule, rank chips for everyone */
.tbl thead th{border-bottom:2px solid #9FB6C6}
.tbl td.rk span{display:inline-block;min-width:22px;padding:0 3px;border-radius:2px}
/* stat tiles on team / player / guild pages */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;padding:6px;background:#E8ECEE;border:1px solid var(--tline);border-top:none}
.tile{background:linear-gradient(#fff,#F1F3F4);border:1px solid #C9D1D6;border-top:3px solid var(--slate);padding:5px 8px 4px;min-width:0}
.tile b{display:block;font:bold 20px/1.15 var(--head);color:#111;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.tile>span{display:block;font:bold 10px var(--ui);text-transform:uppercase;letter-spacing:.5px;color:#5b6770;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile.hi{border-top-color:var(--orange)}
.tile .w{color:var(--green)} .tile .l{color:var(--red)}
.tiles+.rankbox{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}
/* pager: bigger, clearer buttons */
.pager{gap:4px}
.pager a,.pager span.act{padding:2px 9px;border-radius:2px;font-size:12px}
.pager span.act{background:var(--pager);color:#fff}
/* footer */
#footer{padding:8px 10px 10px;border-top:3px solid var(--orange)}
#footer .menu{gap:2px 16px;margin-bottom:4px}
/* today board: wrap long team names instead of clipping */
.tbl.today td.tm{white-space:normal;overflow-wrap:anywhere;line-height:1.25}

@media (max-width:600px){
  /* compact phone chrome: one banner row, one scrollable tab strip */
  #utilbar{display:none}
  #banner{position:relative;padding:0;gap:0;flex-wrap:wrap}
  .logo{padding:8px 12px 6px}
  .logo-main{font-size:21px;letter-spacing:-1px;max-width:calc(100% - 96px)}
  .logo-sub{font-size:9px;letter-spacing:2px;margin-top:2px;padding-top:2px}
  .searchbox{padding:6px 10px 7px}
  .sb-label{display:none}
  .searchbox input{height:34px;font-size:16px;padding:4px 8px}
  .searchbox button{height:34px;padding:0 14px;font-size:12px}
  .sb-upd{position:absolute;top:12px;right:12px;max-width:44%;margin:0;color:#b7b7b7;text-align:right}
  #secnav .menu{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}
  #secnav .menu::-webkit-scrollbar{display:none}
  #secnav .menu li{flex:none}
  #secnav .menu a{line-height:40px;padding:0 8px;margin:0;font-size:13.5px;border-bottom:3px solid transparent}
  #secnav .menu a.on{border-bottom-color:var(--orange)}
  #secnav .bullet{display:none}
  #secnav .lg{display:none} #secnav .sh{display:inline}
  /* tap targets */
  .toolbar{gap:2px 4px;padding:4px 6px 6px}
  .toolbar .grp{width:100%;margin-top:2px}
  .toolbar a{display:inline-flex;align-items:center;min-height:34px;padding:0 7px;font-size:12.5px}
  .tb-fold{width:100%}
  .tb-fold summary{width:100%;padding:8px 10px;font-size:12.5px}
  .tb-fold .tb-cur{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tb-fold .tb-list{gap:2px 4px}
  .pager{gap:6px}
  .pager a,.pager span.act{min-width:36px;padding:8px 10px;text-align:center;font-size:13px}
  .pager .info{width:100%;margin-left:0}
  .side-menu li{padding:8px 6px}
  #footer .menu a{display:inline-block;padding:7px 0;font-size:12.5px}
  .tile b{font-size:18px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tbl.today col.c-when{width:44px!important}
  .tbl.today col.c-score{width:50px!important}
  .tbl.today td{padding-left:3px;padding-right:3px}
  .tbl.today td.tm{overflow-wrap:break-word;word-break:normal;hyphens:manual}
  .std-header .meta{font-size:10px}
}

/* =====================================================================
   v4.0 navigation: calm home hub, game -> section tabs, breadcrumbs
   ===================================================================== */
.crumbs{font:11.5px/1.4 var(--ui);color:#555;padding:3px 4px 6px;overflow-wrap:anywhere}
.crumbs a{color:var(--link);text-decoration:underline}
.crumbs .sep{color:var(--orange);font-weight:bold;margin:0 2px}
.crumbs .cur{color:#222;font-weight:bold}
#game-head .std-header{border-bottom:1px solid #000}
/* section tab bar */
.sectabs{display:flex;background:linear-gradient(#56656e,var(--slate));border:1px solid #000;border-top:none}
.sectabs a{flex:1 1 auto;text-align:center;color:var(--slate-link);font:bold 12px/32px var(--ui);padding:0 12px;border-right:1px solid rgba(0,0,0,.35);white-space:nowrap;text-decoration:none}
.sectabs a:last-child{border-right:none}
.sectabs a:hover{background:rgba(255,255,255,.08);color:#fff}
.sectabs a.on{background:#fff;color:var(--navy);box-shadow:inset 0 3px 0 var(--orange)}
/* segmented pickers (CS2 region / division) */
.segs{display:flex;flex-wrap:wrap;gap:6px 18px;padding:7px 8px;background:#E8ECEE;border:1px solid var(--tline);border-top:none}
.seg{display:inline-flex;align-items:center}
.seg-l{font:bold 10px var(--ui);text-transform:uppercase;letter-spacing:.5px;color:#5b6770;margin-right:6px}
.seg a{display:inline-block;padding:0 12px;font:bold 12px/28px var(--ui);color:var(--navy);background:linear-gradient(#fff,#EEF1F3);border:1px solid #9FB6C6;margin-left:-1px;text-decoration:none}
.seg a:first-of-type{border-radius:3px 0 0 3px;margin-left:0}
.seg a:last-child{border-radius:0 3px 3px 0}
.seg a.on{background:var(--pager);border-color:#2f62a8;color:#fff;position:relative}
.seg .sh,.sectabs .sh{display:none}
.ev-pick{border-top:none}
/* home hub: game cards */
.hub-intro{border-bottom:1px solid var(--tline)}
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0 8px}
.gcard{display:flex;flex-direction:column;background:#fff;border:1px solid #000;border-top:4px solid var(--orange);min-width:0}
.gcard.g-valorant{border-top-color:#C62828}
.gcard.g-wow{border-top-color:#0E5DA0}
.gc-head{display:block;padding:8px 10px 7px;background:linear-gradient(#5a5f62,var(--hdr-b));text-decoration:none!important}
.gc-name{display:block;font:bold 16px/1.15 var(--head);color:#fff;letter-spacing:-.3px;text-shadow:1px 1px 0 #000}
.gc-sub{display:block;font:bold 10px var(--ui);color:var(--cream);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.gc-head:hover .gc-name{color:var(--cream)}
.gc-teaser{padding:7px 10px;font:12px/1.45 var(--ui);color:#222;flex:1}
.gc-teaser b{color:var(--navy)}
.gc-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:0 8px 8px}
.gbtn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:32px;padding:4px;background:linear-gradient(#fff,#E6EBEE);border:1px solid #9FB6C6;border-radius:3px;font:bold 12px/1.2 var(--ui);color:var(--navy);text-decoration:none!important}
.gbtn:hover{background:var(--pager-hover);border-color:var(--pager);color:var(--navy)}
.note.see-all{font-weight:bold}
#home-news{margin-top:6px}
/* left sidebar: one collapsible game list */
details.gn-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center}
details.gn-item>summary::-webkit-details-marker{display:none}
details.gn-item>summary>a{color:#fff;font:bold 11px var(--ui);text-transform:uppercase;letter-spacing:.2px;flex:1}
.gn-caret{width:0;height:0;border-left:5px solid var(--cream);border-top:4px solid transparent;border-bottom:4px solid transparent;margin:0 2px 0 6px;transition:transform .15s}
details.gn-item[open] .gn-caret{transform:rotate(90deg)}
ul.gn-sub{list-style:none;padding:2px 0 2px;margin:2px 0 0}
ul.gn-sub li a{display:block;padding:2px 0;font:bold 11px var(--ui)}
@media (max-width:900px){.gcards{grid-template-columns:1fr}}
@media (max-width:600px){
  .crumbs{font-size:12px;padding:6px 4px}
  .sectabs{position:sticky;top:0;z-index:20;overflow-x:auto;scrollbar-width:none;box-shadow:0 2px 4px rgba(0,0,0,.25)}
  .sectabs::-webkit-scrollbar{display:none}
  .sectabs a{flex:1 0 auto;line-height:42px;font-size:13px;padding:0 10px}
  .segs{gap:6px 10px;padding:6px;flex-wrap:nowrap;justify-content:space-between}
  .seg-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .seg a{line-height:36px;min-width:44px;text-align:center;font-size:13px}
  .seg .lg,.sectabs .lg{display:none} .seg .sh,.sectabs .sh{display:inline}
  .gcards{gap:8px}
  .gc-btns{gap:6px}
  .gbtn{min-height:42px;font-size:13px}
  .gc-name{font-size:18px}
}

/* v4.1 form squares (last 5, newest right) */
.form{display:inline-flex;gap:2px;vertical-align:middle}
.fq{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font:bold 9.5px Verdana,"FragNet Sans",sans-serif;color:#fff;border-radius:2px;cursor:default}
.fq.w{background:#1E7B34} .fq.l{background:#C0392B} .fq.d{background:#7d8691}
.fq.ff{font-size:8px;letter-spacing:-.3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.tbl td.fcell{width:96px;overflow:visible}
@media (max-width:600px){.fq{width:14px;height:15px;line-height:15px;font-size:9px}.tbl td.fcell{width:84px}}

/* =====================================================================
   v4.2 "Esports Scoreboard 2026 Classic": flatter frame, two type families, cleaner
   tables, percentile colours; optional Night theme ([data-theme=night])
   ===================================================================== */
:root{
  --page:#0B0D10; --rail:#1A1D21; --side:#2A2E33; --side-line:#3a3f45; --side-dark:#1E2227;
  --link:#0B5394; --link-hover:#063C6E; --green:#1E7B34; --red:#C0392B;
  --win-tint:#EAF7EE; --loss-tint:#FCEDEC; --zebra:#F3F5F7; --rowline:#DDE2E7;
  --text:#1B1F24; --muted:#5B6470; --box:#FFFFFF;
  --ui:Verdana,"FragNet Sans",sans-serif; --data:Verdana,"FragNet Sans",sans-serif; --list:Verdana,"FragNet Sans",sans-serif;
  --head:"FragNet Grotesk",Arial,sans-serif;
  color-scheme:light;
}
body{background:var(--page);color:var(--text)}
#container{width:1240px;border-left-color:var(--rail);border-right-color:var(--rail);box-shadow:none}
@media (max-width:1260px){#container{border-left-width:0;border-right-width:0}}
@media (min-width:901px){#mesh{grid-template-columns:184px minmax(0,1fr) 200px}}
.std-header h1,.std-header h2{font-family:var(--head);letter-spacing:.04em}
.tk-track{animation:none!important;position:static}
.tk-viewport{overflow:hidden}
/* tables: 28px rows, light stripes, hairline rows, tabular figures */
.tbl{font:12.5px/1.35 var(--data);color:var(--text)}
.tbl td{padding:5px 6px;border-top:none;border-bottom:1px solid var(--rowline);font-variant-numeric:tabular-nums}
.tbl tbody tr:nth-child(even) td{background:var(--zebra)}
.tbl a{color:var(--text)}
.tbl .win{background:var(--win-tint)!important}
.tbl tr.row-win td{background:var(--win-tint)} .tbl tr.row-loss td{background:var(--loss-tint)}
.tbl .w{color:var(--green)} .tbl .l{color:var(--red)}
@media (min-width:601px){
  .rankbox{overflow:visible}
  .tbl thead th{position:sticky;top:0;z-index:3}
}
/* percentile chips (5 steps, red -> green) for K/D, ADR, rating; .pc3 = middle (plain) */
.pc{display:inline-block;min-width:36px;padding:0 4px;border-radius:2px;text-align:right}
.pc1{background:#F8D7D3;color:#8B1E14} .pc2{background:#FBE7C6;color:#6E4300}
.pc3{color:inherit} .pc4{background:#DDF0DC;color:#1F5A27} .pc5{background:#BFE5C8;color:#0F4D1F}
/* theme toggle (JS only) */
.theme-tg{background:none;border:1px solid #555;color:#cfd6dd;font:bold 10px var(--ui);padding:2px 7px;cursor:pointer;margin-top:4px;border-radius:2px}
.theme-tg:hover{color:#fff;border-color:#999}
@media (max-width:600px){.theme-tg{position:absolute;top:30px;right:12px;margin:0;padding:6px 10px;font-size:11px}}

/* ---------- Night: retro portal after dark (muted slate, same blue/orange, no glow) ---------- */
[data-theme=night]{
  --page:#0B0D10; --rail:#14171B; --side:#1E2227; --side-line:#2c3138; --side-dark:#14171B;
  --white:#1C2026; --alt:#222831; --zebra:#222831; --rowline:#2E353F; --line:#323943; --tline:#353C46; --dotted:#2E353F;
  --text:#D9DEE4; --muted:#8C96A3; --box:#1C2026;
  --link:#6CB4FF; --link-hover:#9CCBFF; --navy:#9CC7EE; --pager:#5C9BEA; --pager-act:#9CCBFF; --pager-hover:#26303B;
  --green:#4CC26B; --red:#FF6B5E; --win-tint:#15281C; --loss-tint:#2D1A1A; --win-bg:#15281C;
  --orange:#FF8A3D; --hdr-a:#2A2F36; --hdr-b:#1E2227; --beige:#232830; --forum-row:#20252C;
  --item:#262B32; --item-hi:#30363e; --item-lo:#14171b; --item-hover:#9CCBFF; --slate:#26323A;
  color-scheme:dark;
}
[data-theme=night] body{color:var(--text)}
[data-theme=night] #pane-middle{background:var(--white)}
[data-theme=night] .rankbox,[data-theme=night] .tbl,[data-theme=night] .listbox .item,[data-theme=night] .sr-list li,[data-theme=night] .post .pc{background:var(--box);color:var(--text)}
[data-theme=night] .tbl thead th,[data-theme=night] .sr-group .sr-h,[data-theme=night] .forum-table tr.row-header td,[data-theme=night] .post .phead{background:#262C34;color:var(--navy);border-bottom-color:#3A4552}
[data-theme=night] .tbl tbody tr:hover td{background:#26303B}
[data-theme=night] .tbl a,[data-theme=night] .newsbox .item a,[data-theme=night] .listbox .ttl,[data-theme=night] .sr-list li a,[data-theme=night] .forum-table td.lastpost a{color:var(--text)}
[data-theme=night] .tbl .lose,[data-theme=night] .tbl .lose a,[data-theme=night] .tbl .dim,[data-theme=night] .dim,[data-theme=night] .note,[data-theme=night] .empty,[data-theme=night] .cc,[data-theme=night] .listbox .when,[data-theme=night] .sr-list .where,[data-theme=night] .subhead small,[data-theme=night] .crumbs{color:var(--muted)}
[data-theme=night] .tbl .score a,[data-theme=night] .subhead,[data-theme=night] .crumbs .cur,[data-theme=night] .about-p,[data-theme=night] .tile b,[data-theme=night] .gc-teaser,[data-theme=night] .post .uname,[data-theme=night] .post .phead b,[data-theme=night] .forum-table td.title .description{color:var(--text)}
[data-theme=night] .tbl.kv th{background:#232932;color:var(--navy)}
[data-theme=night] .tbl.kv tbody tr:nth-child(even) td{background:var(--box)}
[data-theme=night] .infobox,[data-theme=night] .fform .fgrid{background:#20262E;color:var(--text)}
[data-theme=night] .infobox b{color:var(--navy)} [data-theme=night] .infobox .dim{color:var(--muted)}
[data-theme=night] .srcline{background:#1F242B;color:var(--muted)}
[data-theme=night] .newsbox{background:var(--beige)} [data-theme=night] .newsbox .item::before{border-left-color:#8c7a55}
[data-theme=night] .subhead{border-bottom-color:#2E353F}
[data-theme=night] .tiles,[data-theme=night] .segs{background:#171B20;border-color:var(--tline)}
[data-theme=night] .tile{background:#232932;border-color:#343C47}
[data-theme=night] .tile>span,[data-theme=night] .seg-l{color:var(--muted)}
[data-theme=night] .tile .w{color:var(--green)} [data-theme=night] .tile .l{color:var(--red)}
[data-theme=night] .gcard{background:var(--box)} [data-theme=night] .gc-teaser b{color:var(--navy)}
[data-theme=night] .gbtn,[data-theme=night] .seg a,[data-theme=night] .pager a,[data-theme=night] .fbtn{background:#262C34;border-color:#3A4552;color:#CFE3F7}
[data-theme=night] .gbtn:hover,[data-theme=night] .seg a:hover,[data-theme=night] .pager a:hover{background:#2E3946;color:#fff}
[data-theme=night] .seg a.on,[data-theme=night] .pager span.act{background:#2F6FB5;border-color:#4A86C8;color:#fff}
[data-theme=night] .pager span.act{background:#2F6FB5}
[data-theme=night] .pager .title,[data-theme=night] .pager .info{color:var(--muted)}
[data-theme=night] .sectabs{background:#20262D}
[data-theme=night] .sectabs a{color:#B9D3EA}
[data-theme=night] .sectabs a.on{background:var(--box);color:#fff}
[data-theme=night] .toolbar{background:#20262D}
[data-theme=night] .tb-fold summary{background:#2A3540;border-color:#3A4552}
[data-theme=night] .side-menu li{background:#232830;color:var(--text);border-top-color:#2c323a;border-bottom-color:#14171b;border-left-color:#14171b}
[data-theme=night] .side-menu li a{color:var(--text)} [data-theme=night] .side-menu li .cnt{color:var(--muted)}
[data-theme=night] .side-menu li.note,[data-theme=night] .st-upd{background:#2A2620;color:#E0B080}
[data-theme=night] .st-sec{background:#2A2F36;color:#C9D1DA}
[data-theme=night] .side-menu li.empty{color:var(--muted)}
[data-theme=night] .miss{background:#2B1E1E;color:#FF9A8E} [data-theme=night] .miss.stale{background:#2B2616;color:#E8C46A}
[data-theme=night] .local-note{background:#2B2616;color:#E8C46A;border-color:#5a4b20}
[data-theme=night] .forum-table tr.row-item td{background:var(--forum-row)}
[data-theme=night] .forum-table td.title a.name{color:var(--link)}
[data-theme=night] .post{border-color:#3A4552} [data-theme=night] .post .ubox{background:#20252C;color:var(--muted);border-color:#3A4552}
[data-theme=night] .about-p.disclaimer{background:#20262E}
[data-theme=night] mark{background:#6B5400;color:#fff}
[data-theme=night] .tbl tr.r1 td.rk span,[data-theme=night] .tbl tr.r2 td.rk span,[data-theme=night] .tbl tr.r3 td.rk span{color:#111}
[data-theme=night] .tbl.today tr.st-live td{background:#2A1E1A}
[data-theme=night] .pc1{background:#4A1F1B;color:#FFB4AB} [data-theme=night] .pc2{background:#45351A;color:#F5CF8E}
[data-theme=night] .pc4{background:#1D3A24;color:#A8E2B4} [data-theme=night] .pc5{background:#164A26;color:#C4F2CF}
[data-theme=night] .tbl tr.row-win td{background:var(--win-tint)} [data-theme=night] .tbl tr.row-loss td{background:var(--loss-tint)}
[data-theme=night] .tbl .win{background:var(--win-tint)!important}
[data-theme=night] .noscript-note{color:var(--muted)}
[data-theme=night] .fform input,[data-theme=night] .fform textarea{background:#14171B;color:var(--text);border-color:#3A4552}

/* v4.2 contrast fixes (WCAG AA in both themes) */
.form .fq,.tbl .form .fq.w,.tbl .form .fq.l{color:#fff;font-weight:bold}
.fq.d{background:#5F6873}
[data-theme=night] .tbl td.rk{color:var(--text)}
[data-theme=night] .listbox .tag.wow{color:#7DB8F0} [data-theme=night] .listbox .tag.val{color:#FF8A73} [data-theme=night] .listbox .tag.esports{color:#FF9A4D} [data-theme=night] .listbox .tag.cs{color:var(--green)}
[data-theme=night] .ok{background:#1E7B34} [data-theme=night] .miss-b{background:#B03A2E}
[data-theme=night] .ally a,[data-theme=night] .tbl.kv .ally{color:#7DB8F0!important} [data-theme=night] .horde a,[data-theme=night] .tbl.kv .horde{color:#FF8A80!important}
/* v4.2 toggle sits at the bottom-right of the header search box on wider screens */
@media (min-width:601px){
  .searchbox{position:relative}
  #theme-tg{position:absolute;right:12px;bottom:6px;height:auto;margin:0;padding:1px 7px;font:bold 9.5px/1.4 var(--ui);background:#1d1f21;border:1px solid #555;color:#cfd6dd}
  #theme-tg:hover{color:#fff;border-color:#999}
  .sb-upd{max-width:calc(100% - 78px)}
}

/* ---------- v4.3 My Teams: stars, followed-team matches, recently viewed (saved in this browser) ---------- */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.star{background:none;border:0;padding:0 4px 0 0;margin:0;font:14px/1 Arial,sans-serif;color:#5F6873;cursor:pointer;vertical-align:-1px}
.star:hover{color:#9A5800}
.star.on{color:#9A5800}
.star:focus-visible{outline:2px solid #FFB000;outline-offset:1px}
.std-header .meta .star-lg{margin-left:8px;padding:1px 7px;font:bold 10.5px/1.5 var(--ui);color:#fff;background:#3A4048;border:1px solid #5A626C;border-radius:2px;vertical-align:baseline}
.std-header .meta .star-lg.on{background:#7A4A00;border-color:#B87A1E;color:#fff}
.std-header .meta .star-lg:hover{background:#4A525C}
.std-header .meta .star-lg.on:hover{background:#8C5600}
.my-hint{margin:0 0 8px}
#my-matches .my-h{color:var(--muted);font:bold 10.5px var(--ui);text-transform:uppercase;letter-spacing:.04em;padding:6px 6px 3px}
.my-tbl .mine a{font-weight:bold}
.my-tbl col.c-when{width:110px}
.my-tbl col.c-div{width:24%}
.tbl.res.my-tbl col.c-score{width:84px!important}   /* room for 13:11 + the external-link arrow */
.my-teams .star{padding-left:3px}
.sr-group.recent .rv-clear{float:right;background:none;border:0;color:var(--link);font:11px var(--ui);text-decoration:underline;cursor:pointer;padding:0}
@media (max-width:600px){
  .star{padding:6px 6px 6px 0;font-size:16px}
  .std-header .meta .star-lg{padding:4px 9px;font-size:11px}
  .tbl.res.my-tbl col.c-when{width:70px!important}
  .tbl.res.my-tbl col.c-score{width:76px!important}
  .my-tbl td.when{white-space:normal;line-height:1.2;font-size:11px}
}
[data-theme=night] .star{color:#8C96A3} [data-theme=night] .star.on,[data-theme=night] .star:hover{color:#F0A63A}


/* ---------- v4.4 match pages + internal score links ---------- */
td.score a.sc{text-decoration:none;color:inherit}
td.score a.sc:hover{text-decoration:underline}
td.score a.xl{font-size:10px;text-decoration:none;color:var(--muted);margin-left:1px;vertical-align:1px}
td.score a.xl:hover{color:var(--link)}
.tbl.res col.c-score{width:60px}
.tbl.res.cs-res col.c-score{width:70px}
.mhead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 10px;background:var(--box,#fff);border:1px solid var(--tline);border-top:none}
.mhead .mt{font:bold 15px var(--head);overflow-wrap:anywhere}
.mhead .mt1{text-align:right} .mhead .mt2{text-align:left}
.mhead .mt.won a{color:var(--green)}
.mhead .ms{font:bold 26px/1 var(--head);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.mhead .ms .dash{color:var(--muted);margin:0 4px}
.mhead .msub{font:10.5px var(--ui);color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}
.infobox.veto{margin:4px 0;line-height:1.5}
.tbl.maps-tbl td.c{font-variant-numeric:tabular-nums;width:22%}
@media (max-width:600px){
  .mhead{gap:6px;padding:10px 6px}
  .mhead .mt{font-size:13px}
  .mhead .ms{font-size:22px}
  .tbl.res.cs-res col.c-score{width:66px!important}
}
[data-theme=night] .mhead{background:#1C2026}
/* v4.2 fit: tighter cells where the 28px rows ran out of width (player stats on phones, 1024px event tables) */
@media (max-width:1100px){.tbl td,.tbl thead th{padding-left:4px;padding-right:4px}}
@media (max-width:600px){.tbl.pstats td,.tbl.pstats thead th{padding-left:2px;padding-right:2px;font-size:11.5px}}
.tbl td.hide-sm:has(+ td.fcell){white-space:normal;min-width:70px}
[data-theme=night] .live-b{background:#B3261E;color:#fff}   /* AA on the lighter night red */
/* v4.6 sortable player boards */
.tbl thead th a.sortl{color:inherit;text-decoration:none;display:block}
.tbl thead th a.sortl:hover,.tbl thead th a.sortl:focus-visible{text-decoration:underline}
.tbl thead th.sorted{text-decoration:none}
.tbl thead th.sorted a.sortl{text-decoration:underline;text-underline-offset:2px}
.segs.segs2{flex-wrap:wrap;justify-content:flex-start}
.segs + .segs{border-top:1px dotted var(--tline)}
@media (max-width:600px){.segs2 .seg{flex-wrap:wrap;row-gap:4px} .segs2 .seg a{padding:0 9px;min-width:0}}
.pager .gap{padding:0 4px;color:inherit}
@media (min-width:601px) and (max-width:1100px){.tbl.val-pl.board .agc{display:none}}   /* agents column: room for long names at 768-1024 */
@media (min-width:601px) and (max-width:1100px){.tbl.val-pl.board td:nth-child(3),.tbl.val-pl.board td.team{white-space:normal}}
/* v5.0 community */
.forum-intro .forum-btns{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.forum-intro .gbtn,.discord-box a{display:inline-block}
.fdesc{font-size:11px;margin-top:2px;white-space:normal}
.tbl.forum-latest td.team,.tbl.forum-cats td.team{white-space:normal}
.comments{margin:6px 0 10px;min-height:60px}
.discord-box{margin:8px 0}