/* CSbePRO tools: Server Info, Demo Analyzer, Steam Server Stats, SteamID Lookup, Steam Players, Community Servers, More Steam Tools */

/* CS 1.6 Server Info */
.csi{--lime:#a2c600; --lime2:#b4dc0a; --amber:#d4a300; --gold:#ffd700; --red:#ef4444; --blue:#1e90ff;
  position:relative; margin:0 0 40px; font-family:Verdana,Geneva,sans-serif; font-size:16px; line-height:1.6; color:#e6e8e9;}
.csi [hidden]{display:none !important;}

/* the theme and .cs2-section style headings, lists and paragraphs - not inside the tool */
.csi h3,.csi .csi-h{position:relative; margin:0; padding:0; border:0; background:none;
  font-family:'Oswald','Arial Narrow',sans-serif; font-weight:600; line-height:1.2; letter-spacing:.3px; color:#fff;}
.csi h3::before{display:none;}
.csi ul,.csi ol,.csi li{margin:0; padding:0; list-style:none;}
.csi li::marker{content:none;}
.csi p{margin:0;}

/* code: the same look as .cs2-section code in this file */
.csi code{font-family:Consolas,monospace; font-weight:normal; color:#e6e8e9; background:#23282a;
  border:1px solid rgba(162,198,0,.45); border-radius:4px; padding:2px 7px; font-size:.95em; overflow-wrap:anywhere;}

/* buttons (override the theme's pink buttons) */
.csi .csi-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; margin:0; padding:10px 20px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; line-height:1.2; letter-spacing:.6px;
  text-transform:uppercase; text-decoration:none; white-space:nowrap;
  color:#e6e8e9; background:#191d1e; border:1px solid #3a4143; border-radius:4px; box-shadow:none; cursor:pointer;
  transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;}
.csi .csi-btn:hover,.csi .csi-btn:focus-visible{color:var(--lime); background:rgba(162,198,0,.10); border-color:var(--lime); transform:translateY(-2px); text-decoration:none;}
.csi .csi-btn:focus-visible{outline:2px solid var(--lime); outline-offset:2px;}
.csi .csi-btn:disabled{opacity:.55; cursor:wait; transform:none;}
.csi .csi-btn--accent,.csi a.csi-btn--accent{color:#0b0d0e; background:var(--lime); border-color:var(--lime);}
.csi .csi-btn--accent:hover,.csi .csi-btn--accent:focus-visible,
.csi a.csi-btn--accent:hover,.csi a.csi-btn--accent:focus-visible{color:#0b0d0e; background:var(--lime2); border-color:var(--lime2); box-shadow:0 0 22px rgba(162,198,0,.45);}
.csi .csi-btn--ghost{padding:7px 14px; font-size:14px; background:transparent;}
.csi .csi-btn.is-done{color:var(--lime); border-color:var(--lime);}

/* search panel */
.csi-hero{position:relative; padding:28px 30px 24px; margin:0 0 20px; overflow:hidden;
  background:radial-gradient(60% 140% at 0% 0%,rgba(162,198,0,.12),transparent 65%),radial-gradient(40% 120% at 100% 100%,rgba(162,198,0,.06),transparent 70%),#0b0d0e;
  border:1px solid #232829; border-radius:8px;}
.csi .csi-kicker{display:block; margin:0 0 12px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:600;
  letter-spacing:2px; text-transform:uppercase; color:var(--lime);}
.csi-search{display:flex; align-items:stretch;}
.csi .csi-input{flex:1; min-width:0; width:auto; height:60px; margin:0; padding:0 20px; box-sizing:border-box;
  font-family:Verdana,Geneva,sans-serif; font-size:19px; letter-spacing:.5px; color:#fff;
  background:#08090a; border:2px solid #3a4143; border-radius:10px; box-shadow:none; outline:none; transition:border-color .2s,box-shadow .2s;}
.csi .csi-input::placeholder{color:#5c6365;}
.csi .csi-input:focus{border-color:var(--lime); outline:none;}
.csi .csi-search .csi-input{border-right:0; border-radius:10px 0 0 10px;}
.csi .csi-search .csi-submit{height:60px; padding:0 38px; font-size:22px; border-width:2px; border-radius:0 10px 10px 0; transform:none;}
.csi .csi-search .csi-submit:hover{transform:none;}
.csi .csi-search:focus-within .csi-input{border-color:var(--lime); box-shadow:0 0 0 4px rgba(162,198,0,.10);}
.csi .csi-hint{margin:12px 0 0; font-size:15px; color:#9aa0a2;}
.csi .csi-hint code{white-space:nowrap;}

.csi-try{display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; margin:18px 0 0; padding:16px 0 0; border-top:1px solid #1c2122;}
.csi-try__label{margin-right:4px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:#6b7173;}
.csi .csi-chip{display:inline-flex; align-items:center; gap:8px; margin:0; padding:7px 14px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; font-weight:500; letter-spacing:.3px; line-height:1.2; text-transform:none;
  color:#e6e8e9; background:#15191a; border:1px solid #2a3132; border-radius:999px; cursor:pointer;
  transition:border-color .18s,color .18s,transform .18s,background-color .18s;}
.csi .csi-chip i{width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 3px rgba(162,198,0,.18);}
.csi .csi-chip:hover,.csi .csi-chip:focus-visible{color:var(--lime2); background:rgba(162,198,0,.08); border-color:var(--lime); transform:translateY(-2px);}

/* status line */
.csi-status{margin:0 0 20px; padding:12px 16px; font-size:15px; color:#c2c7c9;
  background:#0e1112; border-left:3px solid #3a4143; border-radius:0 6px 6px 0;}
.csi-status.is-wait{border-left-color:var(--lime);}
.csi-status.is-wait::before{content:""; display:inline-block; width:9px; height:9px; margin:0 10px 1px 0; border-radius:50%;
  background:var(--lime); animation:csiPulse 1s ease-in-out infinite;}
.csi-status.is-error{color:#f1a3a6; background:#1a0f10; border-left-color:#e5484d;}
.csi.is-busy .csi-result{opacity:.55; transition:opacity .2s;}

/* corners, like the blocks on the forum */
.csi-card::before,.csi-card::after,.csi-block::before,.csi-block::after{content:""; position:absolute; z-index:3; width:24px; height:24px;
  pointer-events:none; transition:width .25s,height .25s;}
.csi-card::before,.csi-block::before{bottom:-1px; left:-1px; border-bottom:2px solid var(--lime); border-left:2px solid var(--lime); border-bottom-left-radius:8px;}
.csi-card::after,.csi-block::after{top:-1px; right:-1px; border-top:2px solid var(--lime); border-right:2px solid var(--lime); border-top-right-radius:8px;}
.csi-card:hover::before,.csi-card:hover::after,.csi-block:hover::before,.csi-block:hover::after{width:44px; height:44px;}

/* server card */
.csi-card{position:relative; overflow:hidden; margin:0 0 14px; min-height:230px;
  background:radial-gradient(50% 140% at 0% 50%,rgba(162,198,0,.13),transparent 70%),#0b0d0e;
  border:1px solid #232829; border-radius:8px;}
.csi-card.is-offline{background:radial-gradient(50% 140% at 0% 50%,rgba(239,68,68,.12),transparent 70%),#0b0d0e;}
.csi-card.is-offline::before,.csi-card.is-offline::after{border-color:var(--red);}

/* big map name behind everything, like LVL 8 on the player page */
.csi-card__wm{position:absolute; right:-10px; bottom:-28px; z-index:0; pointer-events:none; white-space:nowrap;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:150px; font-weight:700; line-height:1; letter-spacing:-3px; text-transform:uppercase;
  color:rgba(255,255,255,.035);}
.csi-card__pic{position:absolute; top:0; right:0; bottom:0; width:55%; z-index:0; pointer-events:none;}
.csi-card__pic img{width:100%; height:100%; object-fit:cover; display:block; opacity:.45;}
.csi-card__pic::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0b0d0e 0%,rgba(11,13,14,.7) 40%,rgba(11,13,14,.2) 100%);}

.csi-card__body{position:relative; z-index:2; display:grid; grid-template-columns:150px minmax(0,1fr); gap:30px; align-items:center; padding:28px 30px;}
.csi-card__main{min-width:0;}

.csi-ring{position:relative; width:150px; height:150px;}
.csi-ring svg{width:100%; height:100%; transform:rotate(-90deg); overflow:visible;}
.csi-ring circle{fill:none; stroke-width:9;}
.csi-ring__bg{stroke:#1c2122;}
.csi-ring__fg{stroke:var(--lime); stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(162,198,0,.55)); transition:stroke-dashoffset 1.1s cubic-bezier(.2,.6,.2,1);}
.csi-ring.is-full .csi-ring__fg{stroke:var(--amber); filter:drop-shadow(0 0 6px rgba(212,163,0,.55));}
.csi-ring__mid{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1;}
.csi-ring__mid b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:50px; font-weight:700; color:#fff;}
.csi-ring__mid span{margin-top:4px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; color:#868d8f;}
.csi-ring__mid small{margin-top:6px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; color:var(--lime);}
.is-offline .csi-ring__mid small{color:var(--red);}

.csi-badges{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px;}
.csi-badge{display:inline-flex; align-items:center; gap:7px; padding:4px 10px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:13px; font-weight:500; letter-spacing:1px; text-transform:uppercase; line-height:1.2;
  color:#c2c7c9; background:rgba(8,9,10,.85); border:1px solid #2a3132; border-radius:4px;}
.csi-badge i{width:8px; height:8px; border-radius:50%; background:#6b7173;}
.csi-badge.is-on{color:var(--lime2); border-color:rgba(162,198,0,.45);}
.csi-badge.is-on i{background:var(--lime); animation:csiPing 2.2s infinite;}
.csi-badge.is-good{color:var(--lime2); border-color:rgba(162,198,0,.3);}
.csi-badge.is-good i{background:var(--lime);}
.csi-badge.is-warn{color:#f0c419; border-color:rgba(212,163,0,.45); background:rgba(212,163,0,.07);}
.csi-badge.is-warn i{background:var(--amber);}
.csi-badge.is-off{color:#ff7b7b; border-color:rgba(239,68,68,.5); background:rgba(239,68,68,.08);}
.csi-badge.is-off i{background:var(--red);}
.csi-badge.is-plain i{display:none;}

.csi .csi-card__name{font-size:40px; line-height:1.12; margin:0 0 10px; overflow-wrap:break-word;}
.csi-card__map{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 26px; margin:0 0 20px;}
.csi-card__pair{display:inline-flex; align-items:baseline; gap:10px;}
.csi-card__label{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:#6b7173;}
.csi-card__map b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; color:var(--lime);}
.csi-card__next{font-family:'Oswald','Arial Narrow',sans-serif; font-size:19px; color:#c2c7c9;}
.csi-card__down{font-size:16px; color:#ff7b7b;}

.csi-card__foot{display:flex; flex-wrap:wrap; align-items:stretch; gap:10px;}
.csi-addr{display:flex; align-items:center; gap:12px; min-width:0; max-width:100%; padding:5px 5px 5px 16px; background:rgba(8,9,10,.85); border:1px solid #2a3132; border-radius:6px;}
.csi .csi-addr code{min-width:0; padding:0; border:0; background:none; font-size:18px; letter-spacing:.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.csi .csi-play{padding:10px 40px; font-size:20px;}

/* updated ... ago, auto refresh, refresh */
.csi-meta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 18px; margin:0 0 14px; font-size:14px; color:#868d8f;}
.csi-meta__when b{color:#e6e8e9; font-weight:600;}
.csi-meta__cache{margin-left:10px; padding:2px 8px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1px; text-transform:uppercase;
  color:#38bdf8; border:1px solid rgba(56,189,248,.4); border-radius:4px; background:rgba(56,189,248,.07);}
.csi-meta__tools{display:flex; align-items:center; gap:16px;}
.csi .csi-switch{display:inline-flex; align-items:center; gap:10px; margin:0; cursor:pointer; font-size:14px; color:#c2c7c9; user-select:none;}
.csi .csi-switch input{position:absolute; opacity:0; width:1px; height:1px;}
.csi-switch__ui{position:relative; width:38px; height:20px; border-radius:20px; background:#232829; border:1px solid #3a4143; transition:background-color .2s,border-color .2s;}
.csi-switch__ui::after{content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#868d8f; transition:transform .2s,background-color .2s;}
.csi-switch input:checked + .csi-switch__ui{background:rgba(162,198,0,.2); border-color:var(--lime);}
.csi-switch input:checked + .csi-switch__ui::after{transform:translateX(18px); background:var(--lime);}
.csi-switch input:focus-visible + .csi-switch__ui{outline:2px solid var(--lime); outline-offset:2px;}

/* tiles, like the stat row on the player page */
.csi-tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:0 0 14px;}
.csi-tile{position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  min-height:104px; padding:16px 12px; text-align:center;
  background:#0b0d0e; border:1px solid #232829; border-radius:6px; transition:border-color .2s,transform .2s;}
.csi-tile:hover{border-color:rgba(162,198,0,.45); transform:translateY(-3px);}
.csi-tile__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; font-weight:600; line-height:1; color:#fff; white-space:nowrap;}
.csi-tile__l{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:#868d8f;}
.csi-tile.is-good .csi-tile__v,.csi-tile.is-clock .csi-tile__v{color:var(--lime);}
.csi-tile.is-warn .csi-tile__v{color:#f0c419;}
.csi-tile.is-bad .csi-tile__v{color:#ff6b6b;}
.csi-tile.is-ending .csi-tile__v{color:#f0c419; animation:csiPulse 1s ease-in-out infinite;}
.csi-tile[title]{cursor:help;}
.csi-mini{position:absolute; left:0; right:0; bottom:0; height:3px; background:#1c2122;}
.csi-mini span{display:block; height:100%; background:linear-gradient(90deg,#5c6b1f,var(--lime)); transition:width 1s linear;}

/* blocks */
.csi-cols{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:14px; align-items:start; margin:0 0 14px;}
.csi-side{display:grid; gap:14px;}
.csi-block{position:relative; padding:22px 22px 20px; background:#0b0d0e; border:1px solid #232829; border-radius:8px;}
.csi-block__head{position:relative; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 12px; margin:0 0 16px; padding-top:14px;}
.csi-block__head::before{content:""; position:absolute; top:0; left:0; width:26px; height:2px; background:var(--lime);}
.csi .csi-h{font-size:23px; z-index:0;}
/* soft lime streak behind the title, like the forum headings */
.csi .csi-h::after{content:""; position:absolute; z-index:-1; left:-4px; right:-60%; top:45%; bottom:-2px;
  background:linear-gradient(90deg,rgba(162,198,0,.16),rgba(162,198,0,.04) 50%,transparent);}
.csi-caption{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173; white-space:nowrap;}

/* players */
.csi-players{counter-reset:none;}
.csi .csi-player{position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) 64px 92px; align-items:center; gap:14px;
  margin:0; padding:10px 12px; border-bottom:1px solid #161a1b; border-left:3px solid transparent; border-radius:4px;
  transition:background-color .15s,border-color .15s;}
.csi .csi-player:last-child{border-bottom:0;}
.csi .csi-player:hover{background:#111415; border-left-color:var(--lime);}
.csi-player__rank{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; color:#4a5254; text-align:center;}
.csi-player__who{min-width:0;}
.csi-player__name{display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:16px; font-weight:700; color:#e6e8e9; overflow-wrap:anywhere;}
.csi-player__bar{height:5px; margin-top:7px; background:#1c2122; border-radius:3px; overflow:hidden;}
.csi-player__bar span{display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#5c6b1f,var(--lime)); transition:width .9s cubic-bezier(.2,.6,.2,1);}
.csi-player__score{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; color:#fff; text-align:right;}
.csi-player__time{font-size:14px; color:#868d8f; text-align:right; white-space:nowrap;}
.csi-player.is-top1 .csi-player__rank{color:var(--gold);}
.csi-player.is-top2 .csi-player__rank{color:#c2c7c9;}
.csi-player.is-top3 .csi-player__rank{color:#cd7f32;}
.csi-player.is-top1 .csi-player__bar span{background:linear-gradient(90deg,#8a6d00,var(--gold));}
.csi-player.is-top1{background:linear-gradient(90deg,rgba(255,215,0,.06),transparent 60%);}
.csi-tag{padding:2px 8px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-style:normal; font-weight:500; letter-spacing:1px; text-transform:uppercase;
  color:var(--gold); border:1px solid rgba(255,215,0,.4); border-radius:4px; background:rgba(255,215,0,.07);}
.csi-tag::before{content:"\265B  ";}

/* game settings */
.csi-sets{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
.csi-set{display:flex; flex-direction:column; gap:4px; padding:10px 12px; background:#08090a; border:1px solid #1a1e1f; border-radius:6px; transition:border-color .15s;}
.csi-set:hover{border-color:rgba(162,198,0,.4);}
.csi-set span{font-size:12px; color:#868d8f;}
.csi-set b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; line-height:1.1; color:#fff;}
.csi .csi-pill{align-self:flex-start; padding:2px 10px; font-size:14px; letter-spacing:1px; text-transform:uppercase; border-radius:4px; border:1px solid;}
.csi .csi-pill.is-on{color:var(--lime2); border-color:rgba(162,198,0,.5); background:rgba(162,198,0,.1);}
.csi .csi-pill.is-off{color:#9aa0a2; border-color:#3a4143; background:#15191a;}

/* software */
.csi-engine{display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 12px; font-size:13px; color:#868d8f;}
.csi-chips{display:flex; flex-wrap:wrap; gap:6px;}
.csi-soft{display:inline-flex; align-items:baseline; gap:7px; padding:5px 10px; background:#08090a; border:1px solid #2a3132; border-radius:4px; transition:border-color .15s,transform .15s;}
.csi-soft:hover{border-color:var(--lime); transform:translateY(-2px);}
.csi-soft b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; font-weight:500; color:#e6e8e9;}
.csi-soft span{font-family:Consolas,monospace; font-size:13px; color:var(--lime2);}
.csi-soft.is-core{border-color:rgba(162,198,0,.35); background:rgba(162,198,0,.05);}
.csi-sub{margin:16px 0 8px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173;}
.csi-soft:not(.is-core) b{color:#c2c7c9;}
.csi-soft:not(.is-core) span{color:#9aa0a2;}

/* details */
.csi .csi-facts li{display:flex; justify-content:space-between; align-items:baseline; gap:14px; padding:7px 0; font-size:14px; border-bottom:1px solid #161a1b;}
.csi .csi-facts li:last-child{border-bottom:0;}
.csi-facts span{flex:none; color:#868d8f;}
.csi .csi-facts strong{min-width:0; font-weight:700; color:#e6e8e9; text-align:right; overflow-wrap:anywhere;}

.csi .csi-empty{padding:10px 0; font-size:15px; color:#868d8f;}
.csi-empty--big{display:flex; flex-direction:column; align-items:center; gap:4px; padding:30px 0; text-align:center;}
.csi-empty--big b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; color:#c2c7c9;}
.csi .csi-note{margin:12px 0 0; font-size:13px; color:#6b7173;}

/* all cvars */
.csi-cvars{margin:0;}
.csi .csi-cvars>summary{margin:0; cursor:pointer; list-style:none; align-items:center; justify-content:flex-start;}
.csi-cvars>summary::-webkit-details-marker{display:none;}
.csi-cvars .csi-toggle{margin-left:auto; padding:4px 12px; color:var(--lime); border:1px solid rgba(162,198,0,.4); border-radius:4px; transition:background-color .15s;}
.csi-cvars>summary:hover .csi-toggle{background:rgba(162,198,0,.12);}
.csi-cvars:not([open])>summary{margin-bottom:0;}
.csi-count-pill{padding:2px 9px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; color:#0b0d0e; background:var(--lime); border-radius:999px;}
.csi .csi-filter{height:46px; max-width:420px; width:100%; margin:0 0 12px; padding:0 14px; font-size:15px; border-width:1px; border-radius:8px;}
.csi-cvar-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 14px;}
.csi-cvar{display:flex; justify-content:space-between; align-items:flex-start; gap:14px; padding:8px 10px; border-radius:4px; border-left:2px solid #232829; background:#08090a; transition:border-color .15s,background-color .15s;}
.csi-cvar:hover{border-left-color:var(--lime); background:#111415;}
.csi-cvar[title]{cursor:help;}
.csi-cvar__l{min-width:0; display:flex; flex-direction:column; gap:3px;}
.csi-cvar__r{flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:3px; max-width:45%;}
.csi .csi-cvar code{padding:0; border:0; background:none; font-size:14px;}
.csi .csi-cvar__k{color:#e6e8e9;}
.csi-cvar__d{font-size:12px; line-height:1.45; color:#868d8f;}
.csi .csi-cvar__v{color:var(--lime2); text-align:right;}
.csi-cvar__def{font-size:11px; color:#6b7173; white-space:nowrap;}
.csi-cvar.is-changed{border-left-color:var(--amber);}
.csi-cvar.is-changed .csi-cvar__v{color:#f0c419;}
.csi .csi-changed-only{display:flex; margin:0 0 12px;}
.csi-sources{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin:16px 0 0; padding-top:12px; border-top:1px solid #1c2122; font-size:13px; color:#6b7173;}
.csi .csi-sources a{color:var(--blue); text-decoration:none;}
.csi .csi-sources a:hover{color:#fff; text-decoration:underline;}
.csi-sources__lic{margin-left:auto; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1px; color:#6b7173;}
.csi .csi-cvar mark{color:#0b0d0e; background:var(--lime); border-radius:2px; padding:0 1px;}

/* links at the bottom of blocks, info status */
.csi .csi-more{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:16px 0 0; padding:12px 0 0;
  border-top:1px solid #1c2122; font-size:14px; color:var(--blue); text-decoration:none; transition:color .15s;}
.csi a.csi-more::after{content:"\2192"; flex:none; color:var(--lime); transition:transform .18s;}
.csi a.csi-more:hover{color:#fff; text-decoration:none;}
.csi a.csi-more:hover::after{transform:translateX(4px);}
.csi .csi-more.is-soon{color:#868d8f;}
.csi-more.is-soon em{flex:none; padding:2px 8px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-style:normal;
  letter-spacing:1px; text-transform:uppercase; color:var(--amber); border:1px solid rgba(212,163,0,.4); border-radius:4px;}
.csi a.csi-soft{text-decoration:none; cursor:pointer;}
.csi a.csi-soft:hover{text-decoration:none; background:rgba(162,198,0,.1);}
.csi-set[title]{cursor:help;}
.csi-status.is-info{color:#f0d77a; background:#17140a; border-left-color:var(--amber);}

/* mode tags, recent servers, other servers at the IP */
.csi-modes{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px;}
.csi-mode{padding:3px 10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:500; letter-spacing:.3px;
  color:#c2c7c9; background:rgba(30,144,255,.08); border:1px solid rgba(30,144,255,.35); border-radius:999px; cursor:help;}
.csi .csi-gt{color:var(--blue); border-color:rgba(30,144,255,.45);}
.csi .csi-gt:hover,.csi .csi-gt:focus-visible{color:#fff; background:rgba(30,144,255,.14); border-color:var(--blue);}
.csi-chip--recent span{max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.csi .csi-chip--recent{border-style:dashed;}
.csi .csi-clear{margin:0 0 0 4px; padding:2px 6px; font-size:12px; color:#6b7173; background:none; border:0; text-decoration:underline; cursor:pointer;}
.csi .csi-clear:hover{color:#e6e8e9; background:none;}
.csi .csi-other{font-family:inherit; cursor:pointer;}
.csi .csi-other:hover{background:rgba(162,198,0,.1); color:inherit;}
.csi-recent{margin-top:12px; padding-top:12px;}

/* country */
.csi-badge.is-geo{color:#e6e8e9;}
.csi-badge.is-geo i{display:none;}
.csi-flag{display:inline-flex; align-items:center;}
.csi-flag b{font-size:11px; letter-spacing:1px; color:#868d8f;}
.csi-flag img{display:none; width:20px; height:15px; object-fit:cover; border-radius:2px; box-shadow:0 0 0 1px rgba(255,255,255,.12);}
.csi-flag.has-img b{display:none;}
.csi-flag.has-img img{display:block;}
.csi .csi-credit{display:inline-block; margin:10px 0 0; font-size:12px; color:#6b7173; text-decoration:none;}
.csi .csi-credit:hover{color:var(--blue); text-decoration:underline;}

/* HLTV relay row, other servers at the IP */
.csi .csi-hltv{cursor:help;}
.csi .csi-hltv strong{display:inline-flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px;}
.csi .csi-hltv code{padding:0; border:0; background:none; font-size:13px;}
.csi .csi-mini-btn{margin:0; padding:2px 8px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-weight:500; letter-spacing:1px; line-height:1.4;
	text-transform:uppercase; color:var(--blue); background:transparent; border:1px solid rgba(30,144,255,.45); border-radius:4px; cursor:pointer;}
.csi .csi-mini-btn:hover,.csi .csi-mini-btn:focus-visible{color:#fff; background:rgba(30,144,255,.14); border-color:var(--blue);}
.csi .csi-mini-btn.is-done{color:var(--lime); border-color:var(--lime);}
.csi .csi-note--top{margin:-4px 0 8px;}
.csi .csi-other.is-copy span{color:var(--blue);}
.csi .csi-other.is-copy:hover{border-color:var(--blue); background:rgba(30,144,255,.1);}

/* banner for other sites */
.csi-block--banner{margin:14px 0 0;}
.csi-tabs{display:flex; gap:6px; margin:0 0 12px;}
.csi .csi-tab{margin:0; padding:6px 14px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:500; letter-spacing:.5px;
	color:#c2c7c9; background:#08090a; border:1px solid #2a3132; border-radius:4px; cursor:pointer;}
.csi .csi-tab:hover{color:#fff; background:#08090a; border-color:rgba(162,198,0,.5);}
.csi .csi-tab.is-on{color:#0b0d0e; background:var(--lime); border-color:var(--lime);}
.csi-banner{overflow-x:auto; margin:0 0 14px; padding:14px; background:#08090a; border:1px dashed #2a3132; border-radius:6px;}
.csi-banner img{display:block; max-width:none; margin:0; border:0; border-radius:0; box-shadow:none;}
.csi-codes{display:grid; gap:10px;}
.csi-code__top{display:flex; align-items:center; justify-content:space-between; margin:0 0 4px; font-size:12px; color:#868d8f;}
.csi .csi-code__text{display:block; width:100%; box-sizing:border-box; margin:0; padding:8px 10px; resize:none;
	font-family:Consolas,monospace; font-size:13px; line-height:1.5; color:#e6e8e9; background:#08090a; border:1px solid #2a3132; border-radius:6px;}
.csi .csi-code__text:focus{outline:none; border-color:var(--lime);}

/* smaller screens */
/* ping from other countries (Globalping) */
.csi .csi-pings{display:grid; grid-template-columns:minmax(170px,auto) minmax(0,1fr) auto; align-items:center; gap:12px 20px;
  margin:0 0 14px; padding:16px 18px; background:#0b0d0e; border:1px solid #232829; border-radius:6px;}
.csi .csi-pings__head{display:flex; flex-direction:column; gap:4px;}
.csi .csi-pings__title{font-family:'Oswald','Arial Narrow',sans-serif; font-size:13px; font-weight:600; letter-spacing:1.5px;
  text-transform:uppercase; color:#e6e8e9;}
.csi .csi-pings__sub{max-width:240px; font-size:12px; line-height:1.4; color:#6b7173;}
.csi .csi-pings__chips .csi-soft:hover{transform:none;}
.csi .csi-pings__act{display:flex; flex-direction:column; align-items:flex-end; gap:4px; text-align:right;}
.csi .csi-pings__btn{color:var(--blue); background:transparent; border-color:rgba(30,144,255,.45); white-space:nowrap;}
.csi .csi-pings__btn:hover,.csi .csi-pings__btn:focus-visible{color:#fff; background:rgba(30,144,255,.14); border-color:var(--blue);}
.csi .csi-pings__btn:disabled{opacity:.75; cursor:wait;}
.csi .csi-pings__when{font-size:12px; color:#868d8f; white-space:nowrap;}
.csi .csi-pings__act .csi-credit{margin:0;}
.csi .csi-pings__again{margin:0; padding:0; font-family:inherit; font-size:12px; color:var(--blue); background:none; border:0; cursor:pointer;}
.csi .csi-pings__again:hover,.csi .csi-pings__again:focus-visible{color:#fff; text-decoration:underline; background:none;}
.csi .csi-pings__again:disabled{color:#868d8f; text-decoration:none; cursor:wait;}
.csi .csi-pings__err{grid-column:1 / -1; margin:0;}
.csi .csi-soft.is-ping-good span{color:var(--lime2);}
.csi .csi-soft.is-ping-warn span{color:#f0c419;}
.csi .csi-soft.is-ping-bad span{color:#ff6b6b;}
.csi .csi-soft.is-ping-none span,.csi .csi-soft.is-ping-wait span{color:#6b7173;}
.csi .csi-soft.is-ping-wait b{color:#868d8f;}
.csi .csi-pings.is-loading .is-ping-wait{animation:csiPulse 1.2s ease-in-out infinite;}
.csi .csi-pings.is-loading .is-ping-wait:nth-child(2n){animation-delay:.3s;}
.csi .csi-pings.is-loading .is-ping-wait:nth-child(3n){animation-delay:.6s;}
@media (max-width:760px){
  .csi .csi-pings{grid-template-columns:minmax(0,1fr);}
  .csi .csi-pings__sub{max-width:none;}
  .csi .csi-pings__act{align-items:stretch; text-align:left;}
}

@media (max-width:980px){
  .csi-cols{grid-template-columns:minmax(0,1fr);}
  .csi-card__wm{font-size:110px;}
}
@media (max-width:700px){
  .csi-hero{padding:20px 18px 18px;}
  .csi .csi-input,.csi .csi-search .csi-submit{height:54px;}
  .csi .csi-input{font-size:17px; padding:0 14px;}
  .csi .csi-search .csi-submit{padding:0 20px; font-size:19px;}
  .csi-card__body{grid-template-columns:minmax(0,1fr); gap:18px; padding:22px 16px; text-align:center;}
  .csi-ring{width:130px; height:130px; margin:0 auto;}
  .csi-ring__mid b{font-size:42px;}
  .csi-badges,.csi-card__map,.csi-card__foot{justify-content:center;}
  .csi .csi-card__name{font-size:26px;}
  .csi-card__wm{font-size:80px; bottom:-14px;}
  /* address on its own line, the buttons share the rows below */
  .csi-addr{display:contents;}
  .csi .csi-addr code{flex:1 1 100%; padding:10px 12px; font-size:15px; text-align:center;
    background:rgba(8,9,10,.85); border:1px solid #2a3132; border-radius:6px;}
  .csi .csi-addr .csi-btn,.csi .csi-gt{flex:1 1 auto; padding:9px 12px; font-size:14px;}
  .csi .csi-play{flex:1 1 100%;}
  .csi-modes{justify-content:center;}
  .csi-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .csi-tile{min-height:90px;}
  .csi-tile__v{font-size:28px;}
  .csi-block{padding:18px 14px 16px;}
  .csi .csi-player{grid-template-columns:24px minmax(0,1fr) 44px; gap:10px; padding:10px 6px;}
  .csi-player__time{grid-column:2; text-align:left; margin-top:-4px;}
  .csi-player__score{grid-column:3; grid-row:1;}
  .csi-cvar-list{grid-template-columns:minmax(0,1fr);}
  .csi-meta__tools{width:100%; justify-content:space-between;}
}

@media (prefers-reduced-motion:reduce){
  .csi *,.csi *::before,.csi *::after{transition:none !important; animation:none !important;}
}


/* CS 1.6 Demo Analyzer */

.cdm{--ct:#4aa3ff; --t:#e3a91c; --ta:#b4dc0a; --tb:#aeb6b9;}
.cdm .cdm-c-ct{color:var(--ct);}
.cdm .cdm-c-t{color:var(--t);}
.cdm .cdm-c-x,.cdm .cdm-c-spec{color:#c2c7c9;}
.cdm .cdm-c-ta{color:var(--ta);}
.cdm .cdm-c-tb{color:var(--tb);}
.cdm-ring__ta{stroke:var(--ta); stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(162,198,0,.55));}
.cdm-ring__tb{stroke:#5c6365; stroke-linecap:round;}
.cdm-ring .csi-ring__mid .cdm-ring__names{max-width:118px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.cdm .cdm-result b{font-weight:600;}
.cdm-sb-head--ta .cdm-sb-team em{color:var(--ta);}
.cdm-sb-head--tb .cdm-sb-team em{color:var(--tb);}
.cdm-strip__r.is-ta{background:var(--ta);}
.cdm-strip__r.is-tb{background:#5c6365;}
.cdm-team--name{max-width:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.3px;}
.cdm .cdm-rounds--match .cdm-round{grid-template-columns:24px 64px minmax(0,1fr) 42px 40px;}

/* drop zone instead of the address field */
.cdm-drop{display:flex; align-items:center; gap:18px; min-height:96px; padding:16px 18px 16px 22px; box-sizing:border-box; cursor:pointer;
  background:#08090a; border:2px dashed #3a4143; border-radius:10px; transition:border-color .2s,background-color .2s,box-shadow .2s;}
.cdm-drop:hover,.cdm-drop:focus-visible,.cdm-drop.is-over{border-color:var(--lime); background:rgba(162,198,0,.05); outline:none;}
.cdm-drop.is-over{box-shadow:0 0 0 4px rgba(162,198,0,.12);}
.cdm-drop.is-busy{cursor:wait; opacity:.7;}
.cdm-drop__icon{flex:none; position:relative; width:42px; height:50px; border:2px solid var(--lime); border-radius:4px 14px 4px 4px;}
.cdm-drop__icon::before{content:".DEM"; position:absolute; left:0; right:0; bottom:7px; text-align:center;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-weight:600; letter-spacing:.5px; color:var(--lime);}
.cdm-drop__icon::after{content:""; position:absolute; left:50%; top:9px; width:2px; height:14px; margin-left:-1px; background:var(--lime); box-shadow:0 0 8px rgba(162,198,0,.6);}
.cdm-drop__text{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px;}
.cdm-drop__text b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; letter-spacing:.3px; color:#fff;}
.cdm-drop__text span{font-size:14px; color:#868d8f;}
.cdm .cdm-pick{flex:none; height:56px; padding:0 30px; font-size:20px;}

/* score ring: CT and T share the circle */
.cdm-ring circle{fill:none; stroke-width:9;}
.cdm-ring__ct{stroke:var(--ct); stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(74,163,255,.45));}
.cdm-ring__t{stroke:var(--t); stroke-linecap:round; filter:drop-shadow(0 0 6px rgba(227,169,28,.45));}
.cdm-ring .csi-ring__mid b{display:flex; align-items:baseline; gap:4px; font-size:42px;}
.cdm-ring .csi-ring__mid b em{font-style:normal;}
.cdm-ring .csi-ring__mid b i{font-style:normal; font-size:30px; color:#4a5254;}
.cdm-card .csi-card__name{font-size:34px;}
.cdm-card .csi-addr code{font-size:15px;}
.cdm .cdm-again{padding:10px 26px; font-size:17px;}
.cdm .cdm-note{margin:0 0 14px; font-size:14px;}

/* small CT / T labels */
.cdm-team{display:inline-flex; align-items:center; justify-content:center; min-width:30px; padding:1px 6px; box-sizing:border-box;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; line-height:1.5;
  color:#9aa0a2; border:1px solid #3a4143; border-radius:4px;}
.cdm-team--ct{color:var(--ct); border-color:rgba(74,163,255,.5); background:rgba(74,163,255,.08);}
.cdm-team--t{color:var(--t); border-color:rgba(227,169,28,.5); background:rgba(227,169,28,.08);}
.cdm-mini-tag{padding:1px 7px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-style:normal; font-weight:500; letter-spacing:1px;
  text-transform:uppercase; color:var(--lime2); border:1px solid rgba(162,198,0,.4); border-radius:4px;}
.cdm-mini-tag.is-bad{color:#ff7b7b; border-color:rgba(239,68,68,.45);}

/* scoreboard */
.cdm-sb-head,.cdm .cdm-sb-row{display:grid; grid-template-columns:minmax(0,1fr) repeat(3,40px) 52px 52px 50px; align-items:center; gap:8px;}
.cdm-sb-head{margin:18px 0 4px; padding:0 12px 8px 15px; border-bottom:1px solid #1c2122;}
.cdm-sb-head:first-of-type{margin-top:0;}
.cdm-sb-team{display:flex; align-items:center; gap:10px; min-width:0;}
.cdm-sb-team b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; letter-spacing:.4px; color:#e6e8e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cdm-sb-team em{font-style:normal; font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; line-height:1; color:#fff;}
.cdm-sb-head--ct .cdm-sb-team em{color:var(--ct);}
.cdm-sb-head--t .cdm-sb-team em{color:var(--t);}
.cdm-sb-head .cdm-sb-n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:1.2px; text-transform:uppercase; color:#6b7173;}
.cdm-sb-n{text-align:right; font-size:15px; color:#c2c7c9; white-space:nowrap;}
.cdm .cdm-sb-k{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; color:#fff;}
.cdm .cdm-sb-row{margin:0; padding:8px 12px; border-bottom:1px solid #161a1b; border-left:3px solid transparent; border-radius:4px; cursor:pointer;
  transition:background-color .15s,border-color .15s;}
.cdm .cdm-sb-row:last-child{border-bottom:0;}
.cdm .cdm-sb-row:hover,.cdm .cdm-sb-row:focus-visible{background:#111415; border-left-color:var(--lime); outline:none;}
.cdm .cdm-sb-row.is-focus{background:rgba(162,198,0,.08); border-left-color:var(--lime);}
.cdm-sb-who{min-width:0;}
.cdm-sb-who .csi-player__name{font-size:15px;}
.cdm-sb-who .csi-player__bar{height:4px; margin-top:6px;}
.cdm-sb--muted .cdm-sb-who .csi-player__name{color:#9aa0a2; font-weight:400;}
.cdm .cdm-sb-more{display:block; margin:10px 0 0 15px; font-size:14px;}

/* rounds */
.cdm-strip{display:flex; flex-wrap:wrap; gap:3px; margin:0 0 12px;}
.cdm-strip__r{width:14px; height:14px; border-radius:3px; background:#2a3132;}
.cdm-strip__r.is-ct{background:var(--ct);}
.cdm-strip__r.is-t{background:var(--t);}
.cdm-strip__r.is-draw{background:#868d8f;}
.cdm-strip__r.is-open{background:transparent; border:1px dashed #6b7173; box-sizing:border-box;}
.cdm-rounds{max-height:390px; overflow-y:auto; margin:0 -6px; padding:0 6px; scrollbar-width:thin; scrollbar-color:#3a4143 transparent;}
.cdm .cdm-round{display:grid; grid-template-columns:24px 34px minmax(0,1fr) 42px 40px; align-items:center; gap:8px; margin:0; padding:6px 6px;
  font-size:14px; border-bottom:1px solid #161a1b; border-radius:4px; cursor:pointer; transition:background-color .15s;}
.cdm .cdm-round:hover,.cdm .cdm-round:focus-visible{background:#111415; outline:none;}
.cdm-round__n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; color:#6b7173; text-align:right;}
.cdm-round__why{min-width:0; color:#e6e8e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cdm-round__c4{margin-left:8px; padding:0 5px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-style:normal; letter-spacing:1px;
  color:#ff7b7b; border:1px solid rgba(239,68,68,.45); border-radius:3px;}
.cdm-round__score{font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; color:#fff; text-align:right;}
.cdm-round__len{font-size:12px; color:#6b7173; text-align:right;}

/* details: checked files */
.cdm-checked{margin:14px 0 0; padding-top:12px; border-top:1px solid #1c2122;}
.cdm-checked>summary{cursor:pointer; font-size:14px; color:var(--blue);}
.cdm-checked>summary:hover{color:#fff;}
.cdm-checked .csi-chips{margin:10px 0 0;}
.cdm-checked .csi-soft b{font-family:Consolas,monospace; font-size:12px; font-weight:400;}

/* control rows */
.cdm-ctl{display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px; margin:0 0 14px;}
.cdm .cdm-select{height:40px; margin:0; padding:0 34px 0 12px; max-width:100%;
  font-family:Verdana,Geneva,sans-serif; font-size:14px; color:#e6e8e9; background:#08090a; border:1px solid #3a4143; border-radius:6px; cursor:pointer;
  appearance:none; -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#a2c600 50%),linear-gradient(135deg,#a2c600 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%; background-size:5px 5px; background-repeat:no-repeat;}
.cdm .cdm-select:focus{border-color:var(--lime); outline:none;}
.cdm .cdm-select:disabled{opacity:.5; cursor:default;}
.cdm .cdm-select--speed{width:76px;}
.cdm .cdm-playbtn{min-width:86px;}
.cdm .cdm-range{flex:1 1 180px; min-width:140px; height:24px; margin:0; accent-color:var(--lime); background:transparent; border:0; box-shadow:none;}
.cdm-time{min-width:96px; font-family:Consolas,monospace; font-size:14px; color:#c2c7c9; text-align:right;}
.cdm .cdm-search{flex:1 1 200px; height:40px; max-width:none; margin:0;}

/* map */
.cdm-canvas{position:relative; overflow:hidden; background:#08090a; border:1px solid #1c2122; border-radius:6px;}
.cdm-canvas canvas{display:block; max-width:100%; margin:0 auto;}
.cdm-tip{position:absolute; z-index:2; transform:translate(-50%,calc(-100% - 12px)); padding:3px 8px; pointer-events:none; white-space:nowrap;
  font-size:13px; color:#fff; background:rgba(11,13,14,.92); border:1px solid #3a4143; border-radius:4px;}
.cdm-focus{margin:0 0 10px; font-size:14px; color:#c2c7c9;}
.cdm-focus b{color:var(--lime2);}
.cdm .cdm-link{margin:0; padding:0; font:inherit; color:var(--blue); background:none; border:0; text-decoration:underline; cursor:pointer;}
.cdm .cdm-link:hover{color:#fff; background:none;}
.cdm-legend{display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:12px 0 0; font-size:13px; color:#868d8f;}
.cdm-lg{display:inline-flex; align-items:center; gap:7px;}
.cdm-lg::before{content:""; width:10px; height:10px; border-radius:50%;}
.cdm-lg--ct::before{background:var(--ct);}
.cdm-lg--t::before{background:var(--t);}
.cdm-legend .cdm-lg--x::before{content:"\2715"; width:auto; height:auto; border-radius:0; color:#c2c7c9; font-size:12px;}
.cdm-legend__note{flex:1 1 260px; text-align:right; color:#6b7173;}
.cdm-map{margin:0 0 14px;}

/* kill feed */
.cdm-feed{max-height:560px; overflow-y:auto; margin:0 -6px; padding:0 6px; scrollbar-width:thin; scrollbar-color:#3a4143 transparent;}
.cdm .cdm-feed__round{margin:14px 0 4px; padding:0 6px 4px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:13px; letter-spacing:1.2px;
  text-transform:uppercase; color:var(--lime); border-bottom:1px solid #1c2122;}
.cdm .cdm-feed__round:first-child{margin-top:0;}
.cdm .cdm-kill{display:grid; grid-template-columns:48px minmax(0,1fr) minmax(130px,max-content) minmax(0,1fr); align-items:center; gap:4px 12px;
  margin:0; padding:6px 6px; font-size:14px; border-radius:4px;}
.cdm .cdm-kill:hover{background:#111415;}
.cdm .cdm-kill.is-tk{background:rgba(239,68,68,.06);}
.cdm-kill__t{font-family:Consolas,monospace; font-size:12px; color:#6b7173;}
.cdm-kill__who{min-width:0; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cdm-kill__k{text-align:right;}
.cdm-kill__who.is-me{text-decoration:underline; text-decoration-color:var(--lime); text-underline-offset:3px;}
.cdm-kill__w{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px;}
.cdm-kill__w b{font-weight:400; color:#9aa0a2;}
.cdm-kill__a{grid-column:4; margin-top:-4px; font-size:12px; color:#868d8f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cdm-tg{padding:0 6px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-style:normal; font-weight:500; letter-spacing:.8px; line-height:1.6;
  text-transform:uppercase; color:#c2c7c9; border:1px solid #3a4143; border-radius:3px; cursor:help;}
.cdm-tg.is-hs{color:var(--gold); border-color:rgba(255,215,0,.45);}
.cdm-tg.is-bad{color:#ff7b7b; border-color:rgba(239,68,68,.45);}

/* players and SteamIDs */
.cdm-cols--even{grid-template-columns:repeat(2,minmax(0,1fr));}
.cdm-ids{max-height:640px; overflow-y:auto; margin:0 -6px; padding:0 6px; scrollbar-width:thin; scrollbar-color:#3a4143 transparent;}
.cdm .cdm-id{margin:0; padding:10px 8px; border-bottom:1px solid #161a1b; border-radius:4px;}
.cdm .cdm-id:hover{background:#111415;}
.cdm-id__head{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px;}
.cdm-id__name{min-width:0; font-size:15px; color:#e6e8e9; overflow-wrap:anywhere;}
.cdm-id__time{margin-left:auto; font-size:12px; color:#6b7173; white-space:nowrap;}
.cdm-id__ids{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:6px 0 0;}
.cdm .cdm-id__ids code{padding:0; border:0; background:none; font-size:13px; color:var(--lime2);}
.cdm .cdm-id__ids code+code{color:#9aa0a2;}
.cdm .cdm-id__ids a.csi-mini-btn{text-decoration:none;}
.cdm .cdm-id__more{margin:5px 0 0; font-size:12px; color:#868d8f;}
.cdm .cdm-id__more.is-link{color:#f0c419;}

/* ban check */
.cdm .cdm-bans-note{margin:0 0 12px; font-size:14px;}
.cdm-bans{display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin:8px 0 0;}
.cdm-bans .csi-badge{padding:2px 8px; font-size:12px;}
.cdm-bans__when,.cdm-bans__since{font-size:12px; color:#868d8f;}
.cdm .cdm-id.is-banned{background:linear-gradient(90deg,rgba(239,68,68,.08),transparent 70%); box-shadow:inset 3px 0 0 var(--red);}

/* chat */
.cdm-chat{max-height:640px; overflow-y:auto; margin:0 -6px; padding:0 6px; scrollbar-width:thin; scrollbar-color:#3a4143 transparent;}
.cdm .cdm-msg{display:grid; grid-template-columns:46px 58px minmax(0,1fr); align-items:baseline; gap:10px; margin:0; padding:5px 6px; font-size:14px; border-radius:4px;}
.cdm .cdm-msg:hover{background:#111415;}
.cdm-msg__t{font-family:Consolas,monospace; font-size:12px; color:#6b7173;}
.cdm-msg__ch{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:#6b7173; white-space:nowrap;}
.cdm-ch--team,.cdm-ch--team-dead{color:var(--lime);}
.cdm-ch--server{color:#38bdf8;}
.cdm-msg__body{min-width:0; color:#e6e8e9; overflow-wrap:anywhere;}
.cdm-msg__body b{margin-right:8px;}
.cdm .cdm-msg.is-server .cdm-msg__body{color:#9fb7c4;}
.cdm .cdm-msg.is-event .cdm-msg__body{font-size:13px; color:#6b7173;}

@media (max-width:980px){
  .cdm-cols--even{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:700px){
  .cdm-drop{flex-wrap:wrap; justify-content:center; text-align:center; padding:18px 14px;}
  .cdm-drop__icon{display:none;}
  .cdm-drop__text b{font-size:19px;}
  .cdm .cdm-pick{width:100%; height:50px;}
  .cdm-card .csi-card__name{font-size:24px;}
  .cdm-ring .csi-ring__mid b{font-size:34px;}
  .cdm-sb-head,.cdm .cdm-sb-row{grid-template-columns:minmax(0,1fr) repeat(3,32px); gap:6px;}
  .cdm-sb-x{display:none;}
  .cdm-sb-head--ct .cdm-sb-team b,.cdm-sb-head--t .cdm-sb-team b{display:none;}
  .cdm .cdm-sb-row{padding:8px 6px;}
  .cdm-sb-head{padding:0 6px 8px 9px;}
  .cdm .cdm-kill{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2px 10px; padding:8px 4px; border-bottom:1px solid #161a1b;}
  .cdm-kill__t{grid-column:1 / -1;}
  .cdm-kill__k{text-align:left;}
  .cdm-kill__w{grid-column:1 / -1; grid-row:3; justify-content:flex-start;}
  .cdm-kill__v{grid-column:2; grid-row:2; text-align:right;}
  .cdm-kill__a{grid-column:1 / -1; margin:0;}
  .cdm .cdm-msg{grid-template-columns:40px minmax(0,1fr); gap:2px 8px;}
  .cdm-msg__ch{grid-column:2;}
  .cdm-msg__body{grid-column:1 / -1;}
  .cdm-time{min-width:0; flex:1; text-align:left;}
  .cdm-legend__note{text-align:left;}
  .cdm .cdm-round{grid-template-columns:20px 32px minmax(0,1fr) 38px;}
  .cdm-round__len{display:none;}
}


/* CS 1.6 Steam Server Stats */

.col{--red2:#ff6b6b; --mono:Consolas,'SFMono-Regular',Menlo,monospace;}
.col a.col-link{color:var(--lime2); text-decoration:none; border-bottom:1px dashed rgba(162,198,0,.35); transition:color .15s,border-color .15s;}
.col a.col-link:hover{color:#fff; border-bottom-color:#fff;}
.col h1.csi-h{margin:0;}
.col h2.csi-h{font-size:23px; margin:0; padding:0; border:0; background:none;}
/* the lime streak behind block titles must not stick out on narrow screens */
.col .csi-block__head,.col .csi-card__main,.col .col-live__main{overflow:hidden;}
.col .csi-block__head{padding-right:2px;}
.col-page{padding-block:30px 60px;}
.col-page .cs-crumbs{margin-bottom:18px;}

/* live card on the hub, header card on map / maps pages */
.col-live{min-height:0;}
.col-live__spark{position:absolute; left:0; right:0; bottom:0; height:62%; z-index:0; pointer-events:none; opacity:.55;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);}
.col-spark{display:block; width:100%; height:100%;}
.col-live__body{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr); gap:30px; align-items:center; padding:30px;}
.col-live__main{min-width:0;}
.col-big{display:flex; flex-direction:column; gap:2px; margin:6px 0 8px;}
.col-big b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:96px; font-weight:700; line-height:.95; letter-spacing:-1px; color:#fff;
  text-shadow:0 0 28px rgba(162,198,0,.35); font-variant-numeric:tabular-nums; transition:color .3s,text-shadow .3s;}
.col-big b.is-tick{color:var(--lime2); text-shadow:0 0 36px rgba(162,198,0,.7);}
.col-big span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; letter-spacing:.4px; color:#c2c7c9;}
.col .col-live__sub{margin:6px 0 0; max-width:560px; font-size:14px; line-height:1.55; color:#868d8f;}
.col-live__sub b{color:#e6e8e9;}
.col-card--maps .col-live__body{grid-template-columns:minmax(0,1fr);}
.col-card--maps .csi-card__name{font-size:36px; margin:0 0 8px;}
.col .col-card--maps{min-height:0;}

/* blocks: tabs, legend */
.col .csi-block{margin:0 0 14px;}
.col .csi-cols{margin:0 0 0;}
.col .csi-cols>.csi-block{margin-bottom:14px;}
.col-cols--wide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;}
.col-cols--even{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.col-tabs{display:flex; flex-wrap:wrap; gap:4px; padding:3px; background:#08090a; border:1px solid #1c2122; border-radius:6px;}
.col .col-tab{margin:0; padding:6px 13px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:500; letter-spacing:.5px; line-height:1.2;
  color:#9aa0a2; background:transparent; border:0; border-radius:4px; cursor:pointer; transition:background-color .15s,color .15s;}
.col .col-tab:hover{color:#fff; background:#15191a;}
.col .col-tab.is-on{color:#0b0d0e; background:var(--lime); box-shadow:0 0 14px rgba(162,198,0,.35);}
.col-chart__bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 18px; margin:0 0 12px;}
.col-legend{display:flex; flex-wrap:wrap; gap:6px 16px; font-size:13px; color:#9aa0a2;}
.col-lg{display:inline-flex; align-items:center; gap:7px;}
.col-lg::before{content:""; width:18px; height:3px; border-radius:2px;}
.col-lg--real::before{background:var(--lime2); box-shadow:0 0 8px rgba(162,198,0,.8);}
.col-lg--rep::before{height:0; border-top:2px dashed var(--amber); background:none;}
.col-lg--gap::before{height:10px; background:repeating-linear-gradient(45deg,rgba(239,68,68,.55) 0 2px,rgba(239,68,68,.08) 2px 5px); border-radius:2px;}

/* the chart */
.col-chart__plot{position:relative; min-height:230px; background:radial-gradient(80% 120% at 50% 0%,rgba(162,198,0,.05),transparent 70%),#08090a; border:1px solid #1c2122; border-radius:6px; overflow:hidden;}
.col-chart.is-loading .col-chart__plot{opacity:.55; transition:opacity .2s;}
.col-chart__wait,.col-heat>.col-chart__wait{display:flex; align-items:center; justify-content:center; min-height:200px; font-size:14px; color:#6b7173;}
.col-svg{display:block; width:100%; height:auto;}
.col-grid{stroke:#1a1f20; stroke-width:1; stroke-dasharray:3 4;}
.col-grid.is-base{stroke:#2a3132; stroke-dasharray:none;}
.col-ax{font-family:var(--mono); font-size:11px; fill:#6b7173;}
.col-real{fill:none; stroke:var(--lime2); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round;}
.col-rep{fill:none; stroke:var(--amber); stroke-width:1.5; stroke-dasharray:5 4; opacity:.85;}
.col-max{fill:none; stroke:#3a4143; stroke-width:1; stroke-dasharray:1 3;}
.col-area{opacity:0; transition:opacity .9s ease .25s;}
.col-gap{opacity:0; transition:opacity .9s ease .5s;}
.col-svg.is-in .col-area,.col-svg.is-in .col-gap,.col-svg:not(.is-in) .col-area,.col-svg:not(.is-in) .col-gap{opacity:1;}
.col-dot__core{fill:#fff; stroke:var(--lime); stroke-width:2;}
.col-dot__ring{fill:none; stroke:var(--lime); stroke-width:2; transform-box:fill-box; transform-origin:center; animation:colPing 2s ease-out infinite;}
.col-mark__line{stroke:#f0c419; stroke-width:1; stroke-dasharray:4 4; opacity:.7;}
.col-mark__label{font-family:var(--mono); font-size:10px; fill:#f0c419; opacity:.85;}
.col-mark{cursor:help;}
.col-moved{color:#f0c419;}
.col-hov__line{stroke:rgba(230,232,233,.35); stroke-width:1; stroke-dasharray:2 3;}
.col-hov__real{fill:#0b0d0e; stroke:var(--lime2); stroke-width:2.5;}
.col-hov__rep{fill:#0b0d0e; stroke:var(--amber); stroke-width:2;}
.col-tip{position:absolute; z-index:3; min-width:170px; padding:9px 11px; pointer-events:none;
  background:rgba(11,13,14,.94); border:1px solid #2a3132; border-left:3px solid var(--lime); border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.5);}
.col-tip__t{margin:0 0 6px; font-family:var(--mono); font-size:12px; color:#9aa0a2;}
.col-tip__r{display:flex; justify-content:space-between; gap:16px; font-size:13px; line-height:1.6; color:#c2c7c9;}
.col-tip__r b{font-family:'Oswald','Arial Narrow',sans-serif; font-weight:600; font-size:15px; color:#fff;}
.col-tip__r.is-real b{color:var(--lime2);}
.col-tip__r.is-rep b{color:var(--amber);}
.col-tip__r.is-gap b,.col-tip__r.is-st b{color:var(--red2);}
.col-chart__foot{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0;}
.col-stat{display:flex; flex-direction:column; gap:2px; min-width:96px; padding:8px 12px; background:#08090a; border:1px solid #1a1e1f; border-radius:6px;}
.col-stat b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; line-height:1.1; color:#fff; font-variant-numeric:tabular-nums;}
.col-stat span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#6b7173;}
.col-stat[title]{cursor:help;}
.col-stat.is-bad b{color:var(--red2);}
.col-stat.is-up b{color:var(--lime2);}
.col-stat.is-down b{color:#f0c419;}

/* heat map */
.col-heat__grid{display:grid; grid-template-columns:34px repeat(24,minmax(0,1fr)); gap:3px; align-items:center;}
.col-heat__corner{display:block;}
.col-heat__h{font-family:var(--mono); font-size:10px; color:#6b7173; text-align:left; white-space:nowrap; overflow:visible;}
.col-heat__d{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:.5px; color:#868d8f;}
.col-heat__c{display:block; aspect-ratio:1; min-height:12px; border-radius:3px; cursor:help;
  background:rgba(162,198,0,calc(.05 + var(--a,0) * .9)); box-shadow:inset 0 0 0 1px rgba(162,198,0,calc(var(--a,0) * .35)); transition:transform .12s;}
.col-heat__c:hover{transform:scale(1.35); position:relative; z-index:2;}
.col-heat__c.is-best{box-shadow:0 0 12px rgba(162,198,0,.75), inset 0 0 0 1px #d6ff3a;}
.col-heat__c.is-now{outline:2px solid #fff; outline-offset:1px; animation:csiPulse 1.6s ease-in-out infinite;}
.col-heat__legend{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:12px 0 0; font-size:12px; color:#6b7173;}
.col-heat__legend i{width:90px; height:8px; border-radius:4px; background:linear-gradient(90deg,rgba(162,198,0,.06),rgba(162,198,0,.95));}
.col-heat__legend em{font-style:normal; color:#868d8f;}
.col-heat__sum{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:14px 0 0;}
.col-heat__sum .col-stat{min-width:0;}
.col-heat__sum .col-stat b{font-size:18px; white-space:nowrap;}

/* bar lists: modes, maps, countries, maps of a server */
.col .col-bars{display:grid; gap:2px;}
.col-bar{display:grid; grid-template-columns:22px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:10px; align-items:center;
  padding:6px 8px; border-radius:4px; text-decoration:none; color:inherit; transition:background-color .15s;}
a.col-bar:hover,.col-bar:hover{background:#111415;}
.col-bar__n{grid-row:span 2; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; color:#4a5254; text-align:right;}
.col-bar__who{display:flex; align-items:center; gap:8px; min-width:0; font-size:14px; color:#e6e8e9; white-space:nowrap; overflow:hidden;}
.col-bar__who>span,.col-bar__who>a{overflow:hidden; text-overflow:ellipsis;}
.col-bar__who small{margin-left:auto; padding-left:8px; font-size:12px; color:#6b7173;}
.col-bar__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#fff; text-align:right; font-variant-numeric:tabular-nums;}
.col-bar__line{grid-column:2 / 4; height:4px; margin-top:5px; background:#161a1b; border-radius:2px; overflow:hidden;}
.col-bar__line span{display:block; height:100%; border-radius:2px; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.col .col-bars li:first-child .col-bar__line span{background:linear-gradient(90deg,#7a8f00,var(--lime2)); box-shadow:0 0 10px rgba(162,198,0,.6);}
.col-flag{flex:none;}
.col .col-flag b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-weight:500; letter-spacing:1px; color:#868d8f;}
.col-bars--modes .col-bar{padding:4px 8px;}
.col-bars--modes .col-bar__line{margin-top:3px;}

/* server list */
/* the search box: the same panel the skins hub and the inventory use */
.col .col-find{position:relative; margin:0 0 16px; padding:22px 24px 20px; border:1px solid rgba(162,198,0,.4); border-radius:8px;
  background:radial-gradient(70% 120% at 50% 0%,rgba(162,198,0,.10),transparent 70%),#15191a;
  box-shadow:0 20px 50px -30px var(--lime),inset 0 1px 0 rgba(255,255,255,.03); transition:border-color .18s,background .18s;}
.col .col-find:focus-within{border-color:var(--lime); background:radial-gradient(80% 160% at 0% 0%,rgba(162,198,0,.12),transparent 60%),#15191a;}
.col .col-find__label{display:block; margin:0 0 10px; font-family:var(--mono); font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:var(--lime);}
.col-find__wrap{position:relative; overflow:hidden; border-radius:6px;}
.col .col-find__input{position:relative; z-index:1; display:block; width:100%; max-width:none; height:auto; margin:0; padding:18px 56px 18px 20px;
  font-family:var(--mono); font-size:18px; color:#e6e8e9; background:#08090a; border:1px solid #232829; border-radius:6px; box-shadow:none;
  -webkit-appearance:none; appearance:none; transition:border-color .18s,box-shadow .18s;}
.col .col-find__input::placeholder{color:#5c6365;}
.col .col-find__input:focus{outline:none; border-color:var(--lime); box-shadow:0 0 0 3px rgba(162,198,0,.18),0 0 26px rgba(162,198,0,.22);}
.col-find__sheen{position:absolute; z-index:2; top:0; bottom:0; left:-55%; width:55%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(162,198,0,.18),transparent); animation:colSheen 6s ease-in-out infinite;}
.col-find.is-used .col-find__sheen,.col-find__wrap:focus-within .col-find__sheen{animation:none; opacity:0;}
.col-find__icon{position:absolute; z-index:3; right:24px; top:50%; width:15px; height:15px; margin-top:-10px; border:2px solid var(--lime); border-radius:50%; opacity:.9; pointer-events:none;}
.col-find__icon::after{content:""; position:absolute; right:-7px; bottom:-5px; width:8px; height:2px; background:var(--lime); border-radius:1px; transform:rotate(45deg);}
.col-find__row{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; margin:14px 0 0;}
.col-find__chips{display:flex; flex-wrap:wrap; gap:6px;}
.col .col-chip{margin:0; padding:7px 13px; font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:1px; line-height:1.2; text-transform:uppercase;
  color:#9aa0a2; background:#0b0d0e; border:1px solid #232829; border-radius:4px; box-shadow:none; cursor:pointer; transition:color .18s,border-color .18s,background .18s,transform .18s;}
.col .col-chip:hover{color:#e6e8e9; border-color:rgba(162,198,0,.45); background:#0b0d0e; transform:translateY(-1px);}
.col .col-chip.is-on{color:var(--lime); border-color:var(--lime); background:rgba(162,198,0,.12);}
.col .col-chip i{margin-left:7px; padding:1px 6px; font-style:normal; color:#e6e8e9; background:rgba(255,255,255,.06); border-radius:3px;}
.col .col-chip.is-on i{color:#0b0d0e; background:var(--lime);}
.col-rank__sub{display:block; margin-top:1px; font-size:11px; color:#6b7173;}
.col-rank-range{display:inline-flex; margin:0 0 12px;}
.col-block--maps.is-loading table{transition:opacity .2s;}
.col .col-chip.is-bad.is-on{color:var(--red2); border-color:rgba(239,68,68,.7); background:rgba(239,68,68,.1);}
.col-find__selects{display:flex; flex-wrap:wrap; gap:8px;}
.col .col-select{display:inline-block; width:auto; min-width:170px; height:38px; margin:0; padding:0 34px 0 12px; max-width:100%;
  font-family:Verdana,Geneva,sans-serif; font-size:13px; color:#e6e8e9; background-color:#08090a; border:1px solid #232829; border-radius:4px; cursor:pointer;
  appearance:none; -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#a2c600 50%),linear-gradient(135deg,#a2c600 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%; background-size:5px 5px; background-repeat:no-repeat; transition:border-color .18s;}
.col .col-select:hover{border-color:rgba(162,198,0,.45);}
.col .col-select:focus{border-color:var(--lime); outline:none;}
.col-block--servers.is-loading .col-srvs{opacity:.5; transition:opacity .2s;}
.col .col-srv{display:grid; grid-template-columns:34px 58px minmax(0,1fr) 120px 130px; align-items:center; gap:12px; margin:0; padding:9px 10px;
  border-bottom:1px solid #161a1b; border-left:3px solid transparent; border-radius:4px; transition:background-color .15s,border-color .15s;}
.col .col-srv:hover{background:#111415; border-left-color:var(--lime);}
.col .col-srv:last-child{border-bottom:0;}
.col .col-srv.is-fake{opacity:.75;}
.col .col-srv.is-fake:hover{border-left-color:var(--red);}
.col-srv__n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#4a5254; text-align:center;}
.col .col-srv:nth-child(1) .col-srv__n{color:var(--gold);}
.col .col-srv:nth-child(2) .col-srv__n{color:#c2c7c9;}
.col .col-srv:nth-child(3) .col-srv__n{color:#cd7f32;}
.col a.col-srv__who{display:flex; flex-direction:column; gap:3px; min-width:0; text-decoration:none; color:inherit;}
.col-srv__who b{font-size:15px; font-weight:700; color:#e6e8e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .15s;}
.col a.col-srv__who:hover b{color:var(--lime2);}
.col-srv__who small{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:12px; color:#868d8f;}
.col .col-srv__who code{padding:0; border:0; background:none; font-size:12px; color:#6b7173;}
.col-srv__pl{display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:4px;}
.col-srv__pl b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; color:#fff; font-variant-numeric:tabular-nums;}
.col-srv__pl i{font-style:normal; font-size:13px; color:#6b7173;}
.col-srv__fill{grid-column:1 / -1; height:4px; margin-top:4px; background:#1c2122; border-radius:2px; overflow:hidden;}
.col-srv__fill span{display:block; height:100%; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.col-srv.is-fake .col-srv__fill span{background:repeating-linear-gradient(45deg,rgba(239,68,68,.7) 0 3px,rgba(239,68,68,.2) 3px 6px);}
.col-srv.is-fake .col-srv__pl b{color:var(--red2); text-decoration:line-through; text-decoration-thickness:2px;}
.col-srv__st{text-align:right;}
.col-srv__st .csi-badge{font-size:11px; padding:3px 8px;}
.col-pager{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin:14px 0 0;}
.col-pager:empty{display:none;}
.col-pager__info{font-size:13px; color:#868d8f;}
.col-foot-note{margin:6px 0 0; font-size:13px; color:#6b7173;}

/* server page */
.col .col-card .csi-addr{flex-wrap:wrap;}
.col .col-card .csi-addr .csi-btn{padding:6px 12px; font-size:13px;}
.col .col-why{margin:0 0 14px; line-height:1.6;}
.col .col-why b{color:#fff;}
.col .col-about p{margin:0 0 10px; font-size:15px; line-height:1.65; color:#c2c7c9;}
/* links inside prose look like the rest of the site: blue, underlined */
.col .col-split__text a,.col .col-why a,.col .col-about a,.col .col-foot-note a{color:#1e90ff; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; transition:color .18s cubic-bezier(.2,.6,.2,1);}
.col .col-split__text a:hover,.col .col-why a:hover,.col .col-about a:hover,.col .col-foot-note a:hover{color:#3aa3ff; text-decoration:none;}
.col-missing{min-height:0;}
.col-missing__body{position:relative; z-index:2; padding:30px;}
.col .col-missing__body p{margin:10px 0 18px; max-width:620px; color:#c2c7c9;}

/* maps page */
.col-maps-range{display:inline-flex; margin:0 0 12px;}
.col-block--maps.is-loading table{opacity:.5;}
.col-table-wrap{overflow-x:auto;}
.col .col-table{width:100%; margin:0; border-collapse:collapse; font-size:14px;}
.col .col-table th{padding:8px 10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase;
  color:#6b7173; text-align:left; background:none; border:0; border-bottom:1px solid #232829;}
.col .col-table td{padding:8px 10px; border:0; border-bottom:1px solid #161a1b; color:#c2c7c9; background:none; white-space:nowrap;}
.col .col-table tr:hover td{background:#111415;}
.col .col-table td b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; color:#fff;}
.col-table__n{width:34px; font-family:'Oswald','Arial Narrow',sans-serif; color:#4a5254 !important;}
.col-share{display:inline-block; width:80px; height:5px; margin-right:10px; vertical-align:middle; background:#1c2122; border-radius:3px; overflow:hidden;}
.col-share span{display:block; height:100%; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.col-trend.is-up{color:var(--lime2) !important;}
.col-trend.is-down{color:#f0c419 !important;}

/* heat map: hours with no checks yet */
.col .col-heat__c.is-none{background:repeating-linear-gradient(45deg,#121516 0 3px,#181c1d 3px 6px); box-shadow:none;}

/* the Steam list split: farms / the rest / real */
.col-split{display:flex; height:26px; border-radius:6px; overflow:hidden; background:#121516; box-shadow:inset 0 0 0 1px #202627;}
.col-split span{display:block; height:100%;}
.col-split__farm{background:repeating-linear-gradient(45deg,rgba(239,68,68,.55) 0 6px,rgba(239,68,68,.25) 6px 12px);}
.col-split__rest{background:#2a3031;}
.col-split__real{background:var(--lime2); box-shadow:0 0 14px rgba(180,220,10,.8);}
.col-split__legend{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:12px 0 0; padding:0; list-style:none;}
.col-split__legend li{margin:0; padding:2px 0 2px 12px; border-left:3px solid #2a3031;}
.col-split__legend li.is-farm{border-left-color:var(--red);}
.col-split__legend li.is-real{border-left-color:var(--lime2);}
.col-split__legend b{display:block; font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; line-height:1.15; color:#fff;}
.col-split__legend li.is-farm b{color:var(--red2);}
.col-split__legend li.is-real b{color:var(--lime2);}
.col-split__legend span{font-size:13px; color:#868d8f;}
.col .col-split__text{margin:14px 0 0; font-size:15px; line-height:1.6; color:#aeb6b9;}
.col .col-split__text b{color:var(--red2);}


/* live card: picture, funnel, the moment new numbers land */
.col .col-live{min-height:0;}
.col-live__bg{position:absolute; inset:0; z-index:0; pointer-events:none;}
.col-live__bg img{display:block; width:100%; height:100%; object-fit:cover; opacity:.42; transform:scale(1.02); animation:colDrift 28s ease-in-out infinite alternate;}
.col-live__bg::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(8,9,10,.92) 0%,rgba(8,9,10,.62) 45%,rgba(8,9,10,.82) 72%,rgba(8,9,10,.94) 100%),linear-gradient(0deg,rgba(8,9,10,.75) 0%,transparent 55%);}
.col .col-live{transition:box-shadow .4s;}
.col .col-live.is-fresh{animation:colFresh 1.6s ease-out;}
.col-next{cursor:help;}
.col.is-late .col-updated{color:#f0c419; border-color:rgba(240,196,25,.5);}
.col.is-late .csi-badge.is-on i{animation:none; background:#f0c419;}

.col .col-funnel{position:relative; display:grid; margin:0; padding:6px 0; list-style:none; background:rgba(8,9,10,.84); border:1px solid #232829; border-radius:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.45); backdrop-filter:blur(3px);}
.col .col-funnel li{position:relative; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; column-gap:12px; margin:0; padding:11px 16px; transition:background-color .18s;}
.col .col-funnel li+li{border-top:1px dashed #1f2425;}
.col .col-funnel li:hover{background:rgba(255,255,255,.025);}
.col-funnel__op{display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; border:1px solid #3a4143;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; line-height:1; color:#9aa0a2;}
.col-funnel li.is-start .col-funnel__op::before{content:""; width:6px; height:6px; border-radius:50%; background:#9aa0a2;}
.col-funnel li.is-bad .col-funnel__op{color:var(--red2); border-color:rgba(239,68,68,.55);}
.col-funnel li.is-warn .col-funnel__op{color:#f0c419; border-color:rgba(240,196,25,.5);}
.col-funnel li.is-real .col-funnel__op{color:#0b0d0e; background:var(--lime2); border-color:var(--lime2); box-shadow:0 0 12px rgba(162,198,0,.6);}
.col-funnel__t{min-width:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; letter-spacing:.3px; color:#e6e8e9;}
.col-funnel__t em{display:block; margin-top:1px; font-family:Verdana,Geneva,sans-serif; font-style:normal; font-size:12px; letter-spacing:0; line-height:1.45; color:#868d8f;}
.col-funnel__t em b{color:#c2c7c9; font-weight:400;}
.col-funnel__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; line-height:1; color:#fff; font-variant-numeric:tabular-nums; text-align:right; transition:color .3s,text-shadow .3s;}
.col-funnel li.is-bad .col-funnel__v{color:var(--red2);}
.col-funnel li.is-warn .col-funnel__v{color:#f0c419;}
.col .col-funnel li.is-real{margin-top:4px; border-top:1px solid rgba(162,198,0,.4); background:linear-gradient(90deg,rgba(162,198,0,.13),rgba(162,198,0,.02) 70%);}
.col-funnel li.is-real .col-funnel__t{color:var(--lime2);}
.col-funnel li.is-real .col-funnel__v{font-size:30px; color:var(--lime2); text-shadow:0 0 18px rgba(162,198,0,.45);}
.col-funnel__v.is-tick,.col-tile__v.is-tick{color:#fff !important; text-shadow:0 0 22px rgba(162,198,0,.8) !important;}

/* what is counted */
.col .col-scope{display:flex; flex-wrap:wrap; gap:6px 8px; margin:0 0 14px; padding:0; list-style:none;}
.col .col-scope li{display:inline-flex; align-items:center; gap:7px; margin:0; padding:5px 12px; font-size:12px; line-height:1.4; color:#c2c7c9;
  background:#0b0d0e; border:1px solid #1f2425; border-radius:999px; transition:border-color .18s,color .18s;}
.col .col-scope li:hover{border-color:rgba(162,198,0,.45); color:#fff;}
.col-scope li::before{content:"\2713"; font-size:12px; color:var(--lime2);}
.col .col-scope li.is-no{color:#868d8f;}
.col-scope li.is-no::before{content:"\2715"; color:var(--red2);}

/* tiles with a line of explanation, a light along the top */
.col .col-tiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px;}
.col .col-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.col .col-tile{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:5px; min-width:0; padding:16px 18px 18px;
  background:radial-gradient(90% 140% at 0% 100%,rgba(162,198,0,.05),transparent 60%),#0b0d0e; border:1px solid #232829; border-radius:8px;
  text-decoration:none; color:inherit; transition:transform .18s,border-color .18s,box-shadow .18s;}
.col .col-tile:hover{transform:translateY(-3px); border-color:rgba(162,198,0,.45); box-shadow:0 14px 30px rgba(0,0,0,.45);}
.col-tile::before{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--lime); transform:scaleX(0); transform-origin:left; transition:transform .25s cubic-bezier(.2,.6,.2,1);}
.col-tile:hover::before{transform:scaleX(1);}
.col-tile::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:colSweep 9s linear infinite; animation-delay:var(--d,0s);}
.col-tile:nth-child(2){--d:1.1s;} .col-tile:nth-child(3){--d:2.2s;} .col-tile:nth-child(4){--d:3.3s;} .col-tile:nth-child(5){--d:4.4s;} .col-tile:nth-child(6){--d:5.5s;}
.col-tile__l{font-family:var(--mono); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173;}
.col-tile__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; font-weight:600; line-height:1.05; color:#fff; font-variant-numeric:tabular-nums;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s,text-shadow .3s;}
.col-tile.is-good .col-tile__v{color:var(--lime2);}
.col-tile.is-warn .col-tile__v{color:#f0c419;}
.col-tile.is-text .col-tile__v{font-size:28px;}
a.col-tile:hover .col-tile__v{color:var(--lime2);}
.col-tile__s{display:block; font-size:13px; line-height:1.45; color:#9aa0a2;}
.col-tile__s .col-flag{display:inline-flex; vertical-align:-2px; margin-right:6px;}
.col-tile__s b{color:#e6e8e9; font-weight:400;}

/* map pictures */
.col .col-frame{position:relative; display:block; overflow:hidden; border:1px solid #232829; border-radius:8px; text-decoration:none;
  background:radial-gradient(60% 70% at 50% 45%,rgba(162,198,0,.10),transparent 65%),linear-gradient(160deg,#14180f,#0a0c08);
  box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(162,198,0,.06); transition:transform .25s,border-color .25s;}
.col .col-frame:hover{transform:translateY(-4px); border-color:rgba(162,198,0,.45);}
.col-frame__img{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; transition:transform .45s,filter .45s;}
.col-frame:hover .col-frame__img{transform:scale(1.05); filter:brightness(1.1);}
.col-frame__scan{position:absolute; inset:0; pointer-events:none; opacity:.45; background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);}
.col-frame::after{content:""; position:absolute; left:0; right:0; top:-35%; height:35%; pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(180,220,10,.12),transparent); animation:colScan 7s linear infinite;}
.col-frame__br{position:absolute; width:20px; height:20px; border:2px solid var(--lime); opacity:.85; pointer-events:none; transition:all .25s;}
.col-frame__br.is-tl{top:10px; left:10px; border-right:0; border-bottom:0;}
.col-frame__br.is-tr{top:10px; right:10px; border-left:0; border-bottom:0;}
.col-frame__br.is-bl{bottom:10px; left:10px; border-right:0; border-top:0;}
.col-frame__br.is-br{bottom:10px; right:10px; border-left:0; border-top:0;}
.col-frame:hover .col-frame__br{width:28px; height:28px;}
.col-frame__tag{position:absolute; left:10px; bottom:10px; padding:3px 9px; font-family:var(--mono); font-size:11px; letter-spacing:1px; color:var(--lime2);
  background:rgba(8,9,10,.85); border:1px solid rgba(162,198,0,.35); border-radius:4px;}
.col-bar__img.is-none,.col-srv__img.is-none,.col-maprow__img.is-none{filter:grayscale(1) brightness(.8);}

/* mode and country pages */
.col-flagframe{display:flex; align-items:center; justify-content:center; aspect-ratio:4/3;}
.col-flagframe__img{display:block; width:78%; height:auto; border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.5); transition:transform .45s;}
.col-flagframe:hover .col-flagframe__img{transform:scale(1.05);}
.col-flagframe__cc{position:absolute; right:14px; bottom:10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:40px; font-weight:700; letter-spacing:2px; color:rgba(230,232,233,.12);}
.col .col-siblings{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin:0 0 12px; padding:0; list-style:none;}
.col .col-siblings li{margin:0;}
.col .col-siblings a{position:relative; overflow:hidden; display:flex; align-items:center; gap:8px; padding:10px 12px; text-decoration:none; color:#e6e8e9;
  background:#08090a; border:1px solid #232829; border-radius:6px; transition:transform .18s,border-color .18s,background .18s;}
.col .col-siblings a:hover{transform:translateY(-2px); border-color:var(--lime); background:rgba(162,198,0,.06);}
.col-siblings b{flex:1; min-width:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.col-siblings span{font-family:var(--mono); font-size:12px; color:var(--lime2);}
.col-siblings a::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:colSweep 14s linear infinite; animation-delay:var(--d,0s);}
.col-siblings li:nth-child(3n+2) a{--d:2s;} .col-siblings li:nth-child(3n) a{--d:4s;}
.col .col-modelist{display:grid; gap:0; margin:0;}
.col .col-modelist>div{display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px; padding:14px 0; border-bottom:1px solid #1c2122;}
.col .col-modelist>div:last-child{border-bottom:0;}
.col .col-modelist dt{margin:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:18px; font-weight:500;}
.col .col-modelist dt a{color:var(--lime2); text-decoration:none;}
.col .col-modelist dt a:hover{color:#fff;}
.col .col-modelist dd{margin:0; font-size:15px; line-height:1.7; color:#c2c7c9;}
nav.col-tabs a.col-tab{text-decoration:none;}

/* map page: words and questions */
.col .col-about--map p{max-width:92ch; font-size:16px; line-height:1.75;}
.col .col-about--map p:last-child{margin-bottom:0; padding-top:12px; border-top:1px dashed #1f2425; color:#9aa0a2; font-size:15px;}
.col .col-faq details{border-bottom:1px solid #1c2122;}
.col .col-faq details:last-child{border-bottom:0;}
.col .col-faq summary{position:relative; padding:14px 0 14px 26px; cursor:pointer; list-style:none; font-family:'Oswald','Arial Narrow',sans-serif; font-size:18px; font-weight:500; letter-spacing:.3px; color:#e6e8e9; transition:color .18s;}
.col .col-faq summary::-webkit-details-marker{display:none;}
.col .col-faq summary::before{content:"+"; position:absolute; left:0; top:13px; width:18px; font-family:var(--mono); color:var(--lime); transition:transform .2s;}
.col .col-faq summary:hover{color:var(--lime2);}
.col .col-faq details[open] summary{color:var(--lime2);}
.col .col-faq details[open] summary::before{content:"\2212";}
.col .col-faq details p{margin:0 0 16px 26px; max-width:90ch; font-size:15px; line-height:1.7; color:#c2c7c9; animation:colIn .25s ease both;}

/* server card: picture of the current map on the right */
.col .col-card__body{grid-template-columns:150px minmax(0,1fr) 230px;}
.col-card__pic{align-self:center;}

/* map page: the hero with the picture */
.col-maphero{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,400px); gap:34px; align-items:center; padding:30px;}
.col-card--map .csi-card__name{font-size:52px; margin:6px 0 4px;}
.col-card--map .col-big b{font-size:80px;}
.col-card--map .col-big span{font-size:18px;}

/* other maps, as cards */
.col .col-mapcards{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 14px; padding:0; list-style:none;}
.col .col-mapcards li{margin:0;}
.col .col-mapcards a{position:relative; display:flex; flex-direction:column; height:100%; overflow:hidden; text-decoration:none; color:inherit;
  background:#08090a; border:1px solid #232829; border-radius:8px; transition:transform .25s,border-color .25s,box-shadow .25s;}
.col .col-mapcards a:hover{transform:translateY(-5px); border-color:var(--lime); box-shadow:0 14px 32px rgba(0,0,0,.5),0 0 0 1px rgba(162,198,0,.4);}
.col-mapcards__img{display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; transition:transform .35s,filter .35s;}
.col-mapcards a:hover .col-mapcards__img{transform:scale(1.06); filter:brightness(1.12);}
.col-mapcards a::before{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; z-index:2; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:colSweep 12s linear infinite; animation-delay:var(--d,0s);}
.col-mapcards li:nth-child(4n+2) a{--d:1.5s;} .col-mapcards li:nth-child(4n+3) a{--d:3s;} .col-mapcards li:nth-child(4n) a{--d:4.5s;}
.col-mapcards a::after{content:"OPEN \2192"; position:absolute; top:34%; left:50%; transform:translate(-50%,-50%) translateY(8px); padding:6px 16px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:600; letter-spacing:2px; color:#0b0d0e; background:var(--lime); border-radius:4px;
  opacity:0; pointer-events:none; transition:opacity .25s,transform .25s;}
.col-mapcards a:hover::after{opacity:1; transform:translate(-50%,-50%);}
.col-mapcards b{display:block; padding:12px 14px 0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#fff;}
.col-mapcards span{display:block; padding:2px 14px 14px; font-family:var(--mono); font-size:12px; color:var(--lime2);}

/* small pictures in lists */
.col-bar__img{flex:none; width:40px; height:30px; object-fit:cover; border-radius:3px; border:1px solid #232829; transition:transform .2s;}
.col-bar:hover .col-bar__img{transform:scale(1.12);}
.col-srv__pic{display:block; width:58px; height:44px; overflow:hidden; border-radius:4px; border:1px solid #232829; background:#08090a;}
.col-srv__img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s;}
.col .col-srv:hover .col-srv__img{transform:scale(1.1);}
.col .col-srv.is-fake .col-srv__pic{opacity:.5; filter:grayscale(1);}
.col a.col-maprow{display:inline-flex; align-items:center; gap:10px; color:var(--lime2); text-decoration:none;}
.col a.col-maprow:hover{color:#fff;}
.col-maprow__img{flex:none; width:44px; height:33px; object-fit:cover; border-radius:3px; border:1px solid #232829;}

/* blocks: corners open up on hover, and everything rises in as it scrolls into view */
.col .csi-block::before,.col .csi-block::after,.col .csi-card::before,.col .csi-card::after{transition:width .25s cubic-bezier(.2,.6,.2,1),height .25s cubic-bezier(.2,.6,.2,1);}
.col .csi-block:hover::before,.col .csi-block:hover::after,.col .csi-card:hover::before,.col .csi-card:hover::after{width:40px; height:40px;}
.col.is-anim .csi-block,.col.is-anim .col-tiles,.col.is-anim .col-scope{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.6,.2,1);}
.col.is-anim .csi-block:not(.is-seen),.col.is-anim .col-tiles:not(.is-seen),.col.is-anim .col-scope:not(.is-seen){opacity:0; transform:translateY(16px);}
.col .col-split span{transition:filter .2s;}
.col .col-split:hover span{filter:brightness(1.25);}

@media (max-width:1100px){
  .col .col-card__body{grid-template-columns:150px minmax(0,1fr);}
  .col-card__pic{display:none !important;}
}
@media (max-width:980px){
  .col .col-tiles,.col .col-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .col-maphero{grid-template-columns:minmax(0,1fr);}
  .col-maphero__pic{max-width:420px;}
  .col .col-mapcards{grid-template-columns:repeat(3,minmax(0,1fr));}
  .col-cols--wide,.col-cols--even{grid-template-columns:minmax(0,1fr) !important;}
  .col-live__body{grid-template-columns:minmax(0,1fr);}
  .col-big b{font-size:78px;}
}
@media (max-width:700px){
  .col-live__body{padding:22px 16px; gap:18px;}
  .col-live__spark{height:40%; opacity:.3;}
  .col-big b{font-size:60px;}
  .col-big span{font-size:16px;}
  .col-card--map .csi-card__name{font-size:32px;}
  .col-card--map .col-big b{font-size:56px;}
  .col-maphero{padding:22px 16px; gap:20px;}
  .col .col-tiles,.col .col-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .col .col-tile{padding:12px 12px 14px;}
  .col-tile__l{font-size:10px; letter-spacing:1px;}
  .col-tile__v{font-size:26px;}
  .col-tile.is-text .col-tile__v{font-size:22px;}
  .col-tile__s{font-size:12px;}
  .col .col-scope li{font-size:11px; padding:4px 10px;}
  .col .col-find{padding:16px;}
  .col .col-find__input{font-size:15px; padding:15px 46px 15px 14px;}
  .col-find__icon{right:16px;}
  .col-find__selects{width:100%;}
  .col .col-select{flex:1 1 140px; min-width:0;}
  .col .col-chip{padding:6px 10px; font-size:10px;}
  .col .col-modelist>div{grid-template-columns:minmax(0,1fr); gap:4px;}
  .col .col-siblings{grid-template-columns:repeat(2,minmax(0,1fr));}
  .col .col-mapcards{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .col-mapcards b{font-size:15px; padding:10px 10px 0;}
  .col-mapcards span{padding:2px 10px 10px; font-size:11px;}
  .col .col-funnel li{padding:10px 12px; column-gap:10px;}
  .col-funnel__v{font-size:21px;}
  .col-funnel li.is-real .col-funnel__v{font-size:26px;}
  .col-card--maps .csi-card__name{font-size:26px;}
  .col .col-srv{grid-template-columns:24px minmax(0,1fr) 70px; gap:8px; padding:9px 4px;}
  .col .col-srv__pic{display:none;}
  .col-srv__st{grid-column:2 / 4; text-align:left;}
  .col-srv__pl b{font-size:18px;}
  .col-heat__grid{grid-template-columns:26px repeat(24,minmax(0,1fr)); gap:2px;}
  .col-heat__c{min-height:8px; border-radius:2px;}
  .col-heat__h{font-size:8px;}
  .col-heat__sum{grid-template-columns:repeat(2,minmax(0,1fr));}
  .col-chart__bar{flex-direction:column; align-items:flex-start;}
  .col-hide-s{display:none;}
  .col-split__legend{grid-template-columns:minmax(0,1fr); gap:6px;}
  .col-split__legend b{display:inline; font-size:20px; margin-right:8px;}
  .col-share{width:34px; margin-right:6px;}
  .col .col-table td,.col .col-table th{padding:7px 6px;}
  .col .col-table td:nth-child(2){white-space:normal; word-break:break-all;}
  .col .col-tab{padding:6px 10px; font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
  .col-find__sheen{display:none;}
  .col *,.col *::before,.col *::after{transition:none !important; animation:none !important;}
  .col.is-anim .csi-block,.col.is-anim .col-tiles,.col.is-anim .col-scope{opacity:1 !important; transform:none !important;}
}


/* SteamID Lookup & Converter */
.sil{--online:#57cbde; --ingame:#b4dc0a; --red2:#ff6b6b; --mono:Consolas,'SFMono-Regular',Menlo,monospace;}
.sil h2.csi-h{font-size:23px;}
.sil .csi-block{margin:0 0 14px;}
.sil .csi-block__head,.sil .csi-card__main{overflow:hidden;}
.sil .csi-block__head{padding-right:2px;}
.sil-out:empty{display:none;}

/* search: one account / a list */
.sil .sil-hero{padding-top:22px;}
.sil-modes{display:inline-flex; flex-wrap:wrap; gap:4px; margin:0 0 18px; padding:3px; background:#08090a; border:1px solid #1c2122; border-radius:6px;}
.sil .sil-mode{margin:0; padding:7px 16px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; font-weight:500; letter-spacing:.5px; line-height:1.2;
  color:#9aa0a2; background:transparent; border:0; border-radius:4px; box-shadow:none; cursor:pointer; transition:background-color .15s,color .15s,box-shadow .15s;}
.sil .sil-mode:hover{color:#fff; background:#15191a;}
.sil .sil-mode.is-on{color:#0b0d0e; background:var(--lime); box-shadow:0 0 14px rgba(162,198,0,.35);}
.sil .sil-mode i{margin-left:6px; font-family:var(--mono); font-size:11px; font-style:normal; letter-spacing:0; opacity:.7;}
.sil .sil-search .csi-input{font-family:var(--mono); font-size:18px;}
.sil .sil-area{display:block; width:100%; max-width:none; min-height:170px; margin:0; padding:16px 18px; box-sizing:border-box; resize:vertical;
  font-family:var(--mono); font-size:15px; line-height:1.6; color:#e6e8e9; background:#08090a; border:2px solid #3a4143; border-radius:10px; box-shadow:none; outline:none;
  transition:border-color .2s,box-shadow .2s;}
.sil .sil-area::placeholder{color:#4f5658;}
.sil .sil-area:focus{border-color:var(--lime); box-shadow:0 0 0 4px rgba(162,198,0,.10);}
.sil-list-foot{display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px 20px; margin:12px 0 0;}
.sil-list-foot .csi-hint{flex:1 1 380px; margin:0;}
.sil .sil-go{height:52px; padding:0 34px; font-size:19px;}
.sil .csi-try[hidden]{display:none !important;}
.sil.is-busy .sil-out{opacity:.55; transition:opacity .2s;}

/* all formats */
.sil-fmts{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
.sil-fmt{position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"l b" "v v" "w w"; align-items:center; gap:4px 10px;
  min-width:0; padding:14px 16px 15px; background:radial-gradient(90% 140% at 0% 100%,rgba(162,198,0,.05),transparent 60%),#08090a;
  border:1px solid #1d2223; border-radius:8px; transition:border-color .18s,transform .18s,box-shadow .18s;}
.sil-fmt:hover{border-color:rgba(162,198,0,.45); transform:translateY(-2px); box-shadow:0 12px 26px rgba(0,0,0,.4);}
.sil-fmt::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:silSweep 10s linear infinite; animation-delay:var(--d,0s);}
.sil-fmt:nth-child(2){--d:1.6s;} .sil-fmt:nth-child(3){--d:3.2s;} .sil-fmt:nth-child(4){--d:4.8s;} .sil-fmt:nth-child(5){--d:6.4s;} .sil-fmt:nth-child(6){--d:8s;}
.sil-fmt__l{grid-area:l; font-family:var(--mono); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:var(--lime);}
.sil .sil-fmt__v{grid-area:v; display:block; min-width:0; margin:2px 0 0; padding:0; border:0; background:none;
  font-family:var(--mono); font-size:21px; letter-spacing:.3px; line-height:1.3; color:#fff; overflow-wrap:anywhere; cursor:copy; transition:color .15s,text-shadow .15s;}
.sil .sil-fmt__v:hover{color:var(--lime2);}
.sil-fmt__w{grid-area:w; font-size:12px; line-height:1.45; color:#6b7173;}
.sil .sil-copy{grid-area:b; justify-self:end;}
.sil .sil-fmt.is-main{border-color:rgba(162,198,0,.38); background:radial-gradient(90% 160% at 0% 0%,rgba(162,198,0,.14),transparent 65%),#08090a;}
.sil .sil-fmt.is-main .sil-fmt__v{font-size:25px; color:var(--lime2); text-shadow:0 0 18px rgba(162,198,0,.35);}

.sil-links{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:14px 0 0; padding:14px 0 0; border-top:1px solid #1c2122;}
.sil .sil-links .csi-btn--ghost{padding:7px 14px; font-size:14px;}
.sil-links__gap{flex:1 1 10px;}

/* player card */
.sil-player{display:block;}
.sil .sil-card{min-height:0; margin:0 0 14px;}
.sil-card__bg{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;}
.sil-card__bg img{display:block; width:100%; height:100%; object-fit:cover; opacity:.32; filter:blur(34px) saturate(1.4); transform:scale(1.25);}
.sil-card__bg::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(8,9,10,.55) 0%,rgba(8,9,10,.78) 45%,rgba(8,9,10,.92) 100%),linear-gradient(0deg,rgba(8,9,10,.7),transparent 60%);}
.sil-card__body{position:relative; z-index:2; display:grid; grid-template-columns:168px minmax(0,1fr); gap:30px; align-items:center; padding:30px;}
.sil .sil-card .csi-card__wm{font-size:130px; bottom:-22px; color:rgba(255,255,255,.04);}
.sil .sil-card .csi-card__name{display:inline-block; max-width:100%; margin:0 0 8px; font-size:42px; overflow-wrap:anywhere;}
.sil .sil-card .csi-card__name::after{right:-30%;}
.sil .sil-card .csi-card__foot{margin:18px 0 0;}
.sil .sil-card .csi-card__foot .csi-btn{padding:9px 18px; font-size:15px;}

.sil-ava{position:relative; width:168px; height:168px; border-radius:12px; background:#111415; border:2px solid #3a4143;
  box-shadow:0 18px 40px rgba(0,0,0,.55); transition:transform .25s,box-shadow .25s;}
.sil-ava img{display:block; width:100%; height:100%; object-fit:cover; border-radius:10px;}
.sil-ava:hover{transform:translateY(-3px) rotate(-1deg);}
.sil-ava__dot{position:absolute; right:-7px; bottom:-7px; width:22px; height:22px; border-radius:50%; background:#6b7173; border:4px solid #0b0d0e;}
.sil-ava.is-online{border-color:var(--online); box-shadow:0 0 0 1px rgba(87,203,222,.25),0 0 30px rgba(87,203,222,.25),0 18px 40px rgba(0,0,0,.55);}
.sil-ava.is-online .sil-ava__dot{background:var(--online);}
.sil-ava.is-ingame{border-color:var(--ingame); box-shadow:0 0 0 1px rgba(162,198,0,.3),0 0 36px rgba(162,198,0,.35),0 18px 40px rgba(0,0,0,.55);}
.sil-ava.is-ingame .sil-ava__dot{background:var(--ingame); animation:silDot 1.8s infinite;}
.sil-ava__img{display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:10px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:64px; color:#3a4143;}

.sil-meta{display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; font-size:14px; color:#9aa0a2;}
.sil-meta__i{display:inline-flex; align-items:center; gap:8px;}
.sil-meta__i+.sil-meta__i::before{content:""; width:4px; height:4px; margin-right:10px; border-radius:50%; background:#3a4143;}
.sil-meta__i.is-dim{color:#6b7173;}
.sil .sil-card__text{max-width:640px; margin:4px 0 0; font-size:15px; line-height:1.6; color:#c2c7c9;}

/* banned: red corners and a red glow */
.sil .sil-card.is-banned{background:radial-gradient(50% 140% at 0% 50%,rgba(239,68,68,.16),transparent 70%),#0b0d0e;}
.sil .sil-card.is-banned::before,.sil .sil-card.is-banned::after{border-color:var(--red);}
.sil .sil-card.is-banned .sil-ava{border-color:var(--red); box-shadow:0 0 0 1px rgba(239,68,68,.3),0 0 34px rgba(239,68,68,.3),0 18px 40px rgba(0,0,0,.55);}
.sil .sil-card.is-none::before,.sil .sil-card.is-none::after{border-color:#6b7173;}

/* waiting for Steam */
.sil .sil-card.is-wait .sil-ava,.sil .sil-card.is-wait .sil-wait{background:linear-gradient(100deg,#111415 30%,#1a1f20 50%,#111415 70%); background-size:300% 100%; animation:silShimmer 1.4s ease-in-out infinite;}
.sil .sil-card.is-wait .sil-ava{border-color:#232829;}
.sil .sil-wait{display:inline-block; margin:0; padding:10px 16px; font-size:15px; color:#9aa0a2; border-radius:6px;}
.sil .sil-card.is-fail .sil-wait{animation:none; background:#1a0f10; color:#f1a3a6;}
.sil .sil-card.is-fail .sil-ava{animation:none;}

/* playing now */
.sil .sil-now{border-color:rgba(162,198,0,.35); background:linear-gradient(90deg,rgba(162,198,0,.10),rgba(162,198,0,.02) 60%),#0b0d0e;}
.sil-now__head{display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:0 0 12px; overflow:hidden;}
.sil .sil-now__game{font-size:26px; color:#fff;}
.sil-now__srv{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.sil .sil-now__addr{margin-right:6px; padding:8px 14px; font-size:18px; background:#08090a; border:1px solid #2a3132; border-radius:6px;}
.sil .sil-now__srv .csi-btn{padding:8px 16px; font-size:14px;}
.sil .sil-now__note{margin:10px 0 0; font-size:14px; line-height:1.55; color:#9aa0a2;}

/* tiles: account age, level, bans */
.sil-tiles{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:0 0 14px;}
.sil-tile{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:5px; min-width:0; padding:16px 16px 18px;
  background:radial-gradient(90% 140% at 0% 100%,rgba(162,198,0,.05),transparent 60%),#0b0d0e; border:1px solid #232829; border-radius:8px;
  transition:transform .18s,border-color .18s,box-shadow .18s;}
.sil-tile:hover{transform:translateY(-3px); border-color:rgba(162,198,0,.45); box-shadow:0 14px 30px rgba(0,0,0,.45);}
.sil-tile::before{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--lime); transform:scaleX(0); transform-origin:left; transition:transform .25s cubic-bezier(.2,.6,.2,1);}
.sil-tile:hover::before{transform:scaleX(1);}
.sil-tile::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:silSweep 9s linear infinite; animation-delay:var(--d,0s);}
.sil-tile:nth-child(2){--d:1.1s;} .sil-tile:nth-child(3){--d:2.2s;} .sil-tile:nth-child(4){--d:3.3s;} .sil-tile:nth-child(5){--d:4.4s;} .sil-tile:nth-child(6){--d:5.5s;}
.sil-tile[title]{cursor:help;}
.sil-tile__l{font-family:var(--mono); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173;}
.sil-tile__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; font-weight:600; line-height:1.05; color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sil-tile__v small{font-size:17px; font-weight:500; color:#9aa0a2;}
.sil-tile__s{font-size:12px; line-height:1.45; color:#868d8f;}
.sil-tile.is-good .sil-tile__v{color:var(--lime2);}
.sil-tile.is-bad .sil-tile__v{color:var(--red2);}
.sil-tile.is-bad{border-color:rgba(239,68,68,.45); background:radial-gradient(90% 140% at 0% 100%,rgba(239,68,68,.10),transparent 60%),#0b0d0e;}
.sil-tile.is-bad::before{background:var(--red);}
.sil-tile.is-warn .sil-tile__v{color:#f0c419;}
.sil-tile.is-dim .sil-tile__v{color:#4a5254;}

/* hours in CS 1.6 and CS2 */
.sil .sil-games{grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; margin:0;}
.sil .sil-games>.csi-block{margin-bottom:14px; overflow:hidden;}
.sil-game__pic{position:absolute; top:0; right:0; bottom:0; width:52%; z-index:0; pointer-events:none;}
.sil-game__pic img{display:block; width:100%; height:100%; object-fit:cover; object-position:center 30%; opacity:.4; transition:transform .6s,opacity .4s;}
.sil-game__pic::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0b0d0e 0%,rgba(11,13,14,.75) 40%,rgba(11,13,14,.25) 100%),linear-gradient(0deg,#0b0d0e 0%,transparent 45%);}
.sil-game:hover .sil-game__pic img{transform:scale(1.05); opacity:.55;}
.sil-game>*:not(.sil-game__pic){position:relative; z-index:1;}
.sil .sil-game h3.csi-h{font-size:23px;}
.sil-game__big{display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin:0 0 12px;}
.sil-game__big b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:66px; font-weight:700; line-height:.95; letter-spacing:-1px; color:#fff;
  text-shadow:0 0 26px rgba(162,198,0,.35); font-variant-numeric:tabular-nums;}
.sil-game__big span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; letter-spacing:.4px; color:#c2c7c9;}
.sil-game__big.is-none b{font-size:44px; letter-spacing:0; color:#4a5254; text-shadow:none;}
.sil .sil-game .csi-facts{max-width:360px;}
.sil .sil-game .csi-facts strong.is-on{color:var(--lime2);}
.sil-game__bar{max-width:360px; height:5px; margin:10px 0 0; background:#1c2122; border-radius:3px; overflow:hidden; cursor:help;}
.sil-game__bar span{display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#5c6b1f,var(--lime2)); box-shadow:0 0 10px rgba(162,198,0,.6);}
.sil .sil-game__note{max-width:400px; margin:12px 0 0; font-size:13px; line-height:1.55; color:#868d8f;}
.sil .sil-foot-note{margin:6px 0 14px; font-size:13px; line-height:1.6; color:#6b7173;}

/* lists */
.sil-list__bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin:0 0 12px;}
.sil-filters{display:flex; flex-wrap:wrap; gap:6px;}
.sil .sil-filter{margin:0; padding:7px 12px; font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:1px; line-height:1.2; text-transform:uppercase;
  color:#9aa0a2; background:#0b0d0e; border:1px solid #232829; border-radius:4px; box-shadow:none; cursor:pointer; transition:color .18s,border-color .18s,background .18s,transform .18s;}
.sil .sil-filter:hover{color:#e6e8e9; border-color:rgba(162,198,0,.45); background:#0b0d0e; transform:translateY(-1px);}
.sil .sil-filter.is-on{color:var(--lime); border-color:var(--lime); background:rgba(162,198,0,.12);}
.sil .sil-filter i{margin-left:7px; padding:1px 6px; font-style:normal; color:#e6e8e9; background:rgba(255,255,255,.06); border-radius:3px;}
.sil .sil-filter.is-on i{color:#0b0d0e; background:var(--lime);}
.sil .sil-filter.is-bad i{color:#fff; background:rgba(239,68,68,.55);}
.sil-list__tools{display:flex; flex-wrap:wrap; gap:6px;}

.sil .sil-rows{display:grid; margin:0;}
.sil .sil-row{display:grid; grid-template-columns:30px minmax(0,1.3fr) minmax(0,1fr) 120px 150px 56px; align-items:center; gap:12px; margin:0; padding:9px 10px;
  border-bottom:1px solid #161a1b; border-left:3px solid transparent; border-radius:4px; transition:background-color .15s,border-color .15s;}
.sil .sil-row:last-child{border-bottom:0;}
.sil .sil-row:hover{background:#111415; border-left-color:var(--lime);}
.sil .sil-row[hidden]{display:none;}
.sil .sil-row.is-banned{background:linear-gradient(90deg,rgba(239,68,68,.09),transparent 70%); border-left-color:var(--red);}
.sil .sil-row.is-err,.sil .sil-row.is-none{opacity:.75;}
.sil-row__n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; color:#4a5254; text-align:center;}
.sil-row__who{display:flex; align-items:center; gap:12px; min-width:0;}
.sil-row__ava{flex:none; width:40px; height:40px; border-radius:6px; overflow:hidden; background:#15191a; border:1px solid #232829;}
.sil-row__ava img{display:block; width:100%; height:100%; object-fit:cover;}
.sil-row__txt{display:flex; flex-direction:column; gap:2px; min-width:0;}
.sil-row__txt b{font-size:15px; font-weight:700; color:#e6e8e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sil-row__txt b.is-in{font-family:var(--mono); font-weight:400; font-size:14px; color:#c2c7c9;}
.sil-row__txt small{font-size:12px; line-height:1.4; color:#868d8f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sil .sil-row.is-err .sil-row__txt small{white-space:normal; color:#f1a3a6;}
.sil-row__ids{display:flex; flex-direction:column; gap:2px; min-width:0;}
.sil .sil-row__ids code{padding:0; border:0; background:none; font-size:13px; color:var(--lime2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:copy; transition:color .15s;}
.sil .sil-row__ids code+code{color:#9aa0a2;}
.sil .sil-row__ids code:hover,.sil .sil-row__ids code.is-copied{color:#fff;}
.sil-row__st,.sil-row__bans{display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px;}
.sil-row__st .csi-badge,.sil-row__bans .csi-badge{padding:2px 7px; font-size:11px;}
.sil-row__bans small{font-size:11px; color:#868d8f;}
.sil-row__act{text-align:right;}
.sil .sil-row__act a.csi-mini-btn{text-decoration:none;}

/* the formats table on the page */
.cs-table.sil-table tbody td{text-align:left;}
.cs-table.sil-table td:nth-child(2){white-space:nowrap;}

/* blocks rise in as they scroll into view */
.sil.is-anim .csi-block,.sil.is-anim .csi-card,.sil.is-anim .sil-tiles{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.6,.2,1);}
.sil.is-anim .sil-out .csi-block:not(.is-seen),.sil.is-anim .sil-out .csi-card:not(.is-seen),.sil.is-anim .sil-tiles:not(.is-seen){opacity:0; transform:translateY(16px);}
.sil .csi-block::before,.sil .csi-block::after,.sil .csi-card::before,.sil .csi-card::after{transition:width .25s cubic-bezier(.2,.6,.2,1),height .25s cubic-bezier(.2,.6,.2,1);}

@media (max-width:1100px){
  .sil-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}
  .sil .sil-row{grid-template-columns:28px minmax(0,1.3fr) minmax(0,1fr) 130px 56px;}
  .sil .sil-row__bans{grid-column:4; grid-row:2; justify-content:flex-start;}
  .sil .sil-row__st{grid-column:4;}
}
@media (max-width:980px){
  .sil .sil-games{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:760px){
  .sil-fmts{grid-template-columns:minmax(0,1fr);}
  .sil .sil-fmt__v{font-size:18px;}
  .sil .sil-fmt.is-main .sil-fmt__v{font-size:21px;}
  .sil-links__gap{display:none;}
  .sil-card__body{grid-template-columns:minmax(0,1fr); gap:18px; padding:24px 16px; text-align:center;}
  .sil-ava{width:132px; height:132px; margin:0 auto;}
  .sil .sil-card .csi-card__name{font-size:30px;}
  .sil .sil-card .csi-card__wm{font-size:80px; bottom:-12px;}
  .sil .sil-card .csi-badges,.sil-meta,.sil .sil-card .csi-card__foot{justify-content:center;}
  .sil-meta__i+.sil-meta__i::before{display:none;}
  .sil .sil-card .csi-card__foot .csi-btn{flex:1 1 auto;}
  .sil-tiles{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .sil-tile{padding:12px 12px 14px;}
  .sil-tile__v{font-size:27px;}
  .sil-tile__l{font-size:10px; letter-spacing:1px;}
  .sil-game__big b{font-size:52px;}
  .sil-game__pic{width:70%;}
  .sil .sil-now__addr{flex:1 1 100%; margin:0 0 4px; text-align:center;}
  .sil .sil-now__srv .csi-btn{flex:1 1 auto;}
  .sil .sil-go{width:100%;}
  .sil-list__bar{flex-direction:column; align-items:stretch;}
  .sil .sil-row{grid-template-columns:24px minmax(0,1fr) auto; gap:6px 10px; padding:10px 4px;}
  .sil .sil-row__who{grid-column:2 / 4;}
  .sil .sil-row__ids{grid-column:2 / 4;}
  .sil .sil-row__ids{flex-direction:row; flex-wrap:wrap; gap:2px 14px;}
  .sil .sil-row__st{grid-column:2; grid-row:3;}
  .sil .sil-row__bans{grid-column:2; grid-row:4;}
  .sil .sil-row__act{grid-column:3; grid-row:3 / 5; align-self:center;}
  .sil .sil-row__n{align-self:start; padding-top:10px;}
}
@media (max-width:420px){
  .sil .sil-mode{padding:7px 12px; font-size:14px;}
  .sil .sil-search .csi-input{font-size:15px;}
  .sil .sil-search .csi-submit{padding:0 16px; font-size:17px;}
  .sil-tile__v{font-size:24px;}
  .sil .sil-card .csi-card__name{font-size:26px;}
}
@media (prefers-reduced-motion:reduce){
  .sil *,.sil *::before,.sil *::after{transition:none !important; animation:none !important;}
}


/* Steam Players  */
.spl{--red2:#ff6b6b; --mono:Consolas,'SFMono-Regular',Menlo,monospace;}
.spl h2.csi-h{font-size:23px;}
.spl .csi-block{margin:0 0 14px;}
.spl .csi-block__head,.spl .spl-live__main{overflow:hidden;}
.spl .csi-block__head{padding-right:2px;}
.spl .is-tick{color:#fff !important; text-shadow:0 0 22px rgba(162,198,0,.85) !important; transition:none;}
.spl [data-k]{transition:color .6s,text-shadow .6s;}

/* live card */
.spl .spl-live{min-height:0; transition:box-shadow .4s;}
.spl .spl-live.is-fresh{animation:splFresh 1.6s ease-out;}
.spl-live__bg{position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;}
.spl-live__bg img{display:block; position:absolute; right:0; top:0; width:60%; height:100%; object-fit:cover; object-position:center 25%; opacity:.42;
  animation:splDrift 30s ease-in-out infinite alternate;}
.spl-live__bg::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,#0b0d0e 0%,#0b0d0e 38%,rgba(11,13,14,.55) 70%,rgba(11,13,14,.85) 100%),linear-gradient(0deg,rgba(11,13,14,.8) 0%,transparent 55%);}
.spl-live__spark{position:absolute; left:0; right:0; bottom:0; height:58%; z-index:1; pointer-events:none; opacity:.6;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);}
.spl-spark{display:block; width:100%; height:100%;}
.spl-live__body{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr); gap:30px; align-items:center; padding:30px;}
.spl-big{display:flex; flex-direction:column; gap:2px; margin:6px 0 8px;}
.spl-big b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:100px; font-weight:700; line-height:.95; letter-spacing:-1px; color:#fff;
  text-shadow:0 0 30px rgba(162,198,0,.35); font-variant-numeric:tabular-nums; white-space:nowrap;}
.spl-big span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; letter-spacing:.4px; color:#c2c7c9;}
.spl .spl-live__sub{margin:8px 0 0; max-width:540px; font-size:14px; line-height:1.55; color:#868d8f;}
.spl.is-late .spl-upd,.spl .spl-live.is-late .spl-upd{color:#f0c419;}

.spl .spl-stats{display:grid; margin:0; padding:6px 0; list-style:none; background:rgba(8,9,10,.86); border:1px solid #232829; border-radius:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.45);}
.spl .spl-stats li{display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:12px; margin:0; padding:11px 16px; transition:background-color .18s;}
.spl .spl-stats li+li{border-top:1px dashed #1f2425;}
.spl .spl-stats li:hover{background:rgba(255,255,255,.025);}
.spl-stats span{min-width:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; letter-spacing:.3px; color:#e6e8e9;}
.spl-stats em{display:block; margin-top:1px; font-family:Verdana,Geneva,sans-serif; font-style:normal; font-size:12px; letter-spacing:0; color:#868d8f;}
.spl-stats b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; line-height:1; color:#fff; font-variant-numeric:tabular-nums; text-align:right;}
.spl .spl-stats li.is-peak{background:linear-gradient(90deg,rgba(162,198,0,.13),rgba(162,198,0,.02) 70%); border-top:0;}
.spl-stats li.is-peak span,.spl-stats li.is-peak b{color:var(--lime2);}
.spl-stats li.is-peak b{font-size:28px; text-shadow:0 0 18px rgba(162,198,0,.45);}
.spl-stats li.is-up b{color:var(--lime2);}
.spl-stats li.is-down b{color:#f0c419;}
.spl-stats li.is-wait b{color:#4a5254;}

/* tiles */
.spl-tiles{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 14px;}
.spl .spl-tile{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:5px; min-width:0; padding:16px 18px 18px; text-decoration:none; color:inherit;
  background:radial-gradient(90% 140% at 0% 100%,rgba(162,198,0,.05),transparent 60%),#0b0d0e; border:1px solid #232829; border-radius:8px;
  transition:transform .18s,border-color .18s,box-shadow .18s;}
.spl .spl-tile:hover{transform:translateY(-3px); border-color:rgba(162,198,0,.45); box-shadow:0 14px 30px rgba(0,0,0,.45);}
.spl-tile::before{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--lime); transform:scaleX(0); transform-origin:left; transition:transform .25s cubic-bezier(.2,.6,.2,1);}
.spl-tile:hover::before{transform:scaleX(1);}
.spl-tile::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:splSweep 9s linear infinite; animation-delay:var(--d,0s);}
.spl-tile:nth-child(2){--d:1.5s;} .spl-tile:nth-child(3){--d:3s;} .spl-tile:nth-child(4){--d:4.5s;}
.spl-tile[title]{cursor:help;}
.spl .spl-tile.is-link{cursor:pointer;}
.spl-tile__l{font-family:var(--mono); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173;}
.spl-tile__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; font-weight:600; line-height:1.05; color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.spl-tile__s{font-size:13px; line-height:1.45; color:#9aa0a2;}
.spl-tile__s b{color:#e6e8e9; font-weight:400;}
.spl-tile.is-good .spl-tile__v{color:var(--lime2);}
.spl-tile.is-gold .spl-tile__v{color:var(--gold); text-shadow:0 0 18px rgba(255,215,0,.25);}
.spl .spl-tile.is-link:hover .spl-tile__v{color:var(--lime2);}
.spl .spl-tile.is-link .spl-tile__l::after{content:" \2192"; color:var(--lime);}

/* chart */
.spl-tabs{display:flex; flex-wrap:wrap; gap:4px; padding:3px; background:#08090a; border:1px solid #1c2122; border-radius:6px;}
.spl .spl-tab{margin:0; padding:6px 13px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:500; letter-spacing:.5px; line-height:1.2;
  color:#9aa0a2; background:transparent; border:0; border-radius:4px; box-shadow:none; cursor:pointer; transition:background-color .15s,color .15s;}
.spl .spl-tab:hover{color:#fff; background:#15191a;}
.spl .spl-tab.is-on{color:#0b0d0e; background:var(--lime); box-shadow:0 0 14px rgba(162,198,0,.35);}
.spl-legend{display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; margin:0 0 12px; font-size:13px; color:#9aa0a2;}
.spl-lg{display:inline-flex; align-items:center; gap:7px;}
.spl-lg::before{content:""; width:18px; height:3px; border-radius:2px;}
.spl-lg--avg::before{background:var(--lime2); box-shadow:0 0 8px rgba(162,198,0,.8);}
.spl-lg--band::before{height:10px; background:linear-gradient(180deg,rgba(180,220,10,.35),rgba(162,198,0,.06));}
.spl-tz{margin-left:auto; font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase; color:#6b7173;}
.spl-plot{position:relative; min-height:230px; overflow:hidden; background:radial-gradient(80% 120% at 50% 0%,rgba(162,198,0,.05),transparent 70%),#08090a; border:1px solid #1c2122; border-radius:6px;}
.spl-plot.is-loading{opacity:.55; transition:opacity .2s;}
.spl .spl-wait{display:flex; align-items:center; justify-content:center; min-height:200px; padding:20px; font-size:14px; color:#6b7173; text-align:center;}
.spl-svg{display:block; width:100%; height:auto;}
.spl-grid{stroke:#1a1f20; stroke-width:1; stroke-dasharray:3 4;}
.spl-grid.is-v{stroke:#141819;}
.spl-ax{font-family:var(--mono); font-size:11px; fill:#6b7173;}
.spl-line{fill:none; stroke:var(--lime2); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(162,198,0,.55));}
.spl-band{opacity:.9;}
.spl-dot{fill:#fff; stroke:var(--lime); stroke-width:2;}
.spl-dot__ring{fill:none; stroke:var(--lime); stroke-width:2; transform-box:fill-box; transform-origin:center; animation:splPing 2s ease-out infinite;}
.spl-hov__line{stroke:rgba(230,232,233,.35); stroke-width:1; stroke-dasharray:2 3;}
.spl-hov__dot{fill:#0b0d0e; stroke:var(--lime2); stroke-width:2.5;}
.spl-tip{position:absolute; z-index:3; min-width:180px; padding:9px 11px; pointer-events:none;
  background:rgba(11,13,14,.95); border:1px solid #2a3132; border-left:3px solid var(--lime); border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.5);}
.spl-tip__t{margin:0 0 6px; font-family:var(--mono); font-size:12px; color:#9aa0a2;}
.spl-tip__r{display:flex; justify-content:space-between; gap:16px; font-size:13px; line-height:1.6; color:#c2c7c9;}
.spl-tip__r b{font-family:'Oswald','Arial Narrow',sans-serif; font-weight:600; font-size:15px; color:#fff;}
.spl-tip__r.is-avg b{color:var(--lime2);}
.spl-foot,.spl-heat__sum{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0;}
.spl-stat{display:flex; flex-direction:column; gap:2px; min-width:100px; padding:8px 12px; background:#08090a; border:1px solid #1a1e1f; border-radius:6px;}
.spl-stat b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; line-height:1.1; color:#fff; font-variant-numeric:tabular-nums; white-space:nowrap;}
.spl-stat span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#6b7173;}
.spl-stat[title]{cursor:help;}
.spl-stat.is-up b{color:var(--lime2);}
.spl-stat.is-down b{color:#f0c419;}

/* heat map and the two games */
.spl .spl-cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); margin:0;}
.spl-hgrid{display:grid; grid-template-columns:34px repeat(24,minmax(0,1fr)); gap:3px; align-items:center;}
.spl-hgrid__h{font-family:var(--mono); font-size:10px; color:#6b7173; white-space:nowrap; overflow:visible;}
.spl-hgrid__d{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:.5px; color:#868d8f;}
.spl-hgrid__c{display:block; aspect-ratio:1; min-height:10px; border-radius:3px; cursor:help;
  background:rgba(162,198,0,calc(.05 + var(--a,0) * .9)); box-shadow:inset 0 0 0 1px rgba(162,198,0,calc(var(--a,0) * .35)); transition:transform .12s;}
.spl-hgrid__c:hover{transform:scale(1.35); position:relative; z-index:2;}
.spl-hgrid__c.is-none{background:repeating-linear-gradient(45deg,#121516 0 3px,#181c1d 3px 6px); box-shadow:none;}
.spl-hgrid__c.is-best{box-shadow:0 0 12px rgba(162,198,0,.75),inset 0 0 0 1px #d6ff3a;}
.spl-hgrid__c.is-now{outline:2px solid #fff; outline-offset:1px; animation:csiPulse 1.6s ease-in-out infinite;}
.spl-hleg{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:12px 0 0; font-size:12px; color:#6b7173;}
.spl-hleg i{width:90px; height:8px; border-radius:4px; background:linear-gradient(90deg,rgba(162,198,0,.06),rgba(162,198,0,.95));}
.spl-hleg em{font-style:normal; color:#868d8f;}
.spl-hleg span{margin-left:auto;}
.spl-heat__sum .spl-stat{flex:1 1 120px;}

.spl .spl-vs__bars{display:grid; gap:14px; margin:0 0 14px; padding:0; list-style:none;}
.spl .spl-vs__bars li{display:grid; grid-template-columns:minmax(0,1fr) auto; row-gap:6px; margin:0;}
.spl-vs__n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; color:#e6e8e9;}
.spl-vs__bars b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; color:#fff; font-variant-numeric:tabular-nums;}
.spl-vs__bars i{grid-column:1 / -1; height:10px; background:#161a1b; border-radius:5px; overflow:hidden;}
.spl-vs__bars i span{display:block; height:100%; border-radius:5px; background:linear-gradient(90deg,#5c6b1f,var(--lime2)); box-shadow:0 0 12px rgba(162,198,0,.5); transition:width 1s cubic-bezier(.2,.6,.2,1);}
.spl-vs__bars li+li i span{background:linear-gradient(90deg,#7a5c00,var(--amber)); box-shadow:0 0 10px rgba(212,163,0,.5);}
.spl .spl-vs__text{margin:0 0 10px; font-size:15px; line-height:1.55; color:#c2c7c9;}
.spl-vs__text b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; color:var(--lime2);}
.spl .spl-vs__note{margin:0; padding-top:12px; border-top:1px solid #1c2122; font-size:13px; line-height:1.6; color:#868d8f;}
.spl .spl-vs__note a,.spl .spl-note a{color:#1e90ff; text-decoration:underline; text-underline-offset:2px;}
.spl .spl-vs__note a:hover,.spl .spl-note a:hover{color:#3aa3ff; text-decoration:none;}

/* months and days */
.spl-table-wrap{overflow-x:auto;}
.spl .spl-table{width:100%; margin:0; border-collapse:collapse; font-size:14px;}
.spl .spl-table th{padding:8px 10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase;
  color:#6b7173; text-align:right; background:none; border:0; border-bottom:1px solid #232829;}
.spl .spl-table td{padding:9px 10px; border:0; border-bottom:1px solid #161a1b; color:#c2c7c9; background:none; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums;}
.spl .spl-table th:first-child,.spl .spl-table td:first-child{text-align:left;}
.spl .spl-table tr:hover td{background:#111415;}
.spl .spl-table td b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; color:#fff;}
.spl .spl-table td small{margin-left:6px; padding:1px 6px; font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--amber); border:1px solid rgba(212,163,0,.4); border-radius:3px;}
.spl .spl-table td.is-up{color:var(--lime2);}
.spl .spl-table td.is-down{color:#f0c419;}
.spl-days{margin:14px 0 0;}
.spl .spl-days>summary{display:inline-flex; align-items:center; gap:10px; padding:8px 14px; cursor:pointer; list-style:none;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; letter-spacing:.4px; color:var(--lime); border:1px solid rgba(162,198,0,.4); border-radius:4px; transition:background-color .15s;}
.spl .spl-days>summary::-webkit-details-marker{display:none;}
.spl .spl-days>summary::after{content:"+"; font-family:var(--mono);}
.spl .spl-days[open]>summary::after{content:"\2212";}
.spl .spl-days>summary:hover{background:rgba(162,198,0,.1);}
.spl .spl-days[open]>summary{margin-bottom:10px;}
.spl .spl-note{margin:4px 0 14px; font-size:13px; line-height:1.6; color:#6b7173;}

/* the small card on hub pages */
.spl--card{margin:0 0 24px;}
.spl .spl-live--card{display:block; text-decoration:none; color:inherit; transition:border-color .2s,transform .2s,box-shadow .2s;}
.spl .spl-live--card:hover{border-color:rgba(162,198,0,.5); transform:translateY(-3px); box-shadow:0 18px 40px rgba(0,0,0,.5);}
.spl-live--card .spl-live__body{padding:26px 28px 14px;}
.spl-live--card .spl-big b{font-size:76px;}
.spl .spl-mini{display:grid; margin:0; padding:0; list-style:none;}
.spl .spl-mini li{display:flex; justify-content:space-between; align-items:baseline; gap:14px; margin:0; padding:8px 0; border-bottom:1px dashed #1f2425; font-size:14px; color:#9aa0a2;}
.spl .spl-mini li:last-child{border-bottom:0;}
.spl-mini b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; color:#fff; font-variant-numeric:tabular-nums;}
.spl-live__go{position:relative; z-index:2; display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:0 28px 18px; font-size:14px; color:#1e90ff;}
.spl-live__go i{font-style:normal; color:var(--lime); transition:transform .18s;}
.spl-live--card:hover .spl-live__go{color:#fff;}
.spl-live--card:hover .spl-live__go i{transform:translateX(4px);}

@media (max-width:980px){
  .spl-live__body{grid-template-columns:minmax(0,1fr);}
  .spl-big b{font-size:80px;}
  .spl-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .spl .spl-cols{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:700px){
  .spl-live__body{padding:22px 16px; gap:18px;}
  .spl-live__bg img{width:100%; opacity:.25;}
  .spl-big b{font-size:56px;}
  .spl-big span{font-size:16px;}
  .spl-live--card .spl-big b{font-size:50px;}
  .spl-live--card .spl-live__body{padding:20px 16px 10px;}
  .spl-live__go{padding:0 16px 16px;}
  .spl .spl-stats li{padding:10px 12px;}
  .spl-stats b{font-size:21px;}
  .spl-stats li.is-peak b{font-size:24px;}
  .spl-tiles{gap:8px;}
  .spl .spl-tile{padding:12px 12px 14px;}
  .spl-tile__l{font-size:10px; letter-spacing:1px;}
  .spl-tile__v{font-size:24px;}
  .spl-tile__s{font-size:12px;}
  .spl-tz{margin-left:0;}
  .spl .spl-tab{padding:6px 10px; font-size:13px;}
  .spl-hgrid{grid-template-columns:28px repeat(24,minmax(0,1fr)); gap:2px;}
  .spl-hgrid__c{min-height:7px; border-radius:2px;}
  .spl-hgrid__h{font-size:8px;}
  .spl .spl-table td,.spl .spl-table th{padding:7px 6px;}
  .spl-stat{min-width:0; flex:1 1 40%;}
}
@media (prefers-reduced-motion:reduce){
  .spl *,.spl *::before,.spl *::after{transition:none !important; animation:none !important;}
}


/* CS2 Community Servers */
.c2s{--red2:#ff6b6b; --mono:Consolas,'SFMono-Regular',Menlo,monospace;}
.c2s a.c2s-link{color:var(--lime2); text-decoration:none; border-bottom:1px dashed rgba(162,198,0,.35); transition:color .15s,border-color .15s;}
.c2s a.c2s-link:hover{color:#fff; border-bottom-color:#fff;}
.c2s h1.csi-h{margin:0;}
.c2s h2.csi-h{font-size:23px; margin:0; padding:0; border:0; background:none;}
/* the lime streak behind block titles must not stick out on narrow screens */
.c2s .csi-block__head,.c2s .csi-card__main,.c2s .c2s-live__main{overflow:hidden;}
.c2s .csi-block__head{padding-right:2px;}
.c2s-page{padding-block:30px 60px;}
.c2s-page .cs-crumbs{margin-bottom:18px;}

/* live card on the hub, header card on map / maps pages */
.c2s-live{min-height:0;}
.c2s-live__spark{position:absolute; left:0; right:0; bottom:0; height:62%; z-index:0; pointer-events:none; opacity:.55;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%); mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%);}
.c2s-spark{display:block; width:100%; height:100%;}
.c2s-live__body{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr); gap:30px; align-items:center; padding:30px;}
.c2s-live__main{min-width:0;}
.c2s-big{display:flex; flex-direction:column; gap:2px; margin:6px 0 8px;}
.c2s-big b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:96px; font-weight:700; line-height:.95; letter-spacing:-1px; color:#fff;
  text-shadow:0 0 28px rgba(162,198,0,.35); font-variant-numeric:tabular-nums; transition:color .3s,text-shadow .3s;}
.c2s-big b.is-tick{color:var(--lime2); text-shadow:0 0 36px rgba(162,198,0,.7);}
.c2s-big span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; letter-spacing:.4px; color:#c2c7c9;}
.c2s .c2s-live__sub{margin:6px 0 0; max-width:560px; font-size:14px; line-height:1.55; color:#868d8f;}
.c2s-live__sub b{color:#e6e8e9;}
.c2s-card--maps .c2s-live__body{grid-template-columns:minmax(0,1fr);}
.c2s-card--maps .csi-card__name{font-size:36px; margin:0 0 8px;}
.c2s .c2s-card--maps{min-height:0;}

/* blocks: tabs, legend */
.c2s .csi-block{margin:0 0 14px;}
.c2s .csi-cols{margin:0 0 0;}
.c2s .csi-cols>.csi-block{margin-bottom:14px;}
.c2s-cols--wide{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) !important;}
.c2s-cols--even{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.c2s-tabs{display:flex; flex-wrap:wrap; gap:4px; padding:3px; background:#08090a; border:1px solid #1c2122; border-radius:6px;}
.c2s .c2s-tab{margin:0; padding:6px 13px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; font-weight:500; letter-spacing:.5px; line-height:1.2;
  color:#9aa0a2; background:transparent; border:0; border-radius:4px; cursor:pointer; transition:background-color .15s,color .15s;}
.c2s .c2s-tab:hover{color:#fff; background:#15191a;}
.c2s .c2s-tab.is-on{color:#0b0d0e; background:var(--lime); box-shadow:0 0 14px rgba(162,198,0,.35);}
.c2s-chart__bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 18px; margin:0 0 12px;}
.c2s-legend{display:flex; flex-wrap:wrap; gap:6px 16px; font-size:13px; color:#9aa0a2;}
.c2s-lg{display:inline-flex; align-items:center; gap:7px;}
.c2s-lg::before{content:""; width:18px; height:3px; border-radius:2px;}
.c2s-lg--real::before{background:var(--lime2); box-shadow:0 0 8px rgba(162,198,0,.8);}
.c2s-lg--rep::before{height:0; border-top:2px dashed var(--amber); background:none;}
.c2s-lg--gap::before{height:10px; background:repeating-linear-gradient(45deg,rgba(239,68,68,.55) 0 2px,rgba(239,68,68,.08) 2px 5px); border-radius:2px;}

/* the chart */
.c2s-chart__plot{position:relative; min-height:230px; background:radial-gradient(80% 120% at 50% 0%,rgba(162,198,0,.05),transparent 70%),#08090a; border:1px solid #1c2122; border-radius:6px; overflow:hidden;}
.c2s-chart.is-loading .c2s-chart__plot{opacity:.55; transition:opacity .2s;}
.c2s-chart__wait,.c2s-heat>.c2s-chart__wait{display:flex; align-items:center; justify-content:center; min-height:200px; font-size:14px; color:#6b7173;}
.c2s-svg{display:block; width:100%; height:auto;}
.c2s-grid{stroke:#1a1f20; stroke-width:1; stroke-dasharray:3 4;}
.c2s-grid.is-base{stroke:#2a3132; stroke-dasharray:none;}
.c2s-ax{font-family:var(--mono); font-size:11px; fill:#6b7173;}
.c2s-real{fill:none; stroke:var(--lime2); stroke-width:2.4; stroke-linejoin:round; stroke-linecap:round;}
.c2s-rep{fill:none; stroke:var(--amber); stroke-width:1.5; stroke-dasharray:5 4; opacity:.85;}
.c2s-max{fill:none; stroke:#3a4143; stroke-width:1; stroke-dasharray:1 3;}
.c2s-area{opacity:0; transition:opacity .9s ease .25s;}
.c2s-gap{opacity:0; transition:opacity .9s ease .5s;}
.c2s-svg.is-in .c2s-area,.c2s-svg.is-in .c2s-gap,.c2s-svg:not(.is-in) .c2s-area,.c2s-svg:not(.is-in) .c2s-gap{opacity:1;}
.c2s-dot__core{fill:#fff; stroke:var(--lime); stroke-width:2;}
.c2s-dot__ring{fill:none; stroke:var(--lime); stroke-width:2; transform-box:fill-box; transform-origin:center; animation:c2sPing 2s ease-out infinite;}
.c2s-mark__line{stroke:#f0c419; stroke-width:1; stroke-dasharray:4 4; opacity:.7;}
.c2s-mark__label{font-family:var(--mono); font-size:10px; fill:#f0c419; opacity:.85;}
.c2s-mark{cursor:help;}
.c2s-moved{color:#f0c419;}
.c2s-hov__line{stroke:rgba(230,232,233,.35); stroke-width:1; stroke-dasharray:2 3;}
.c2s-hov__real{fill:#0b0d0e; stroke:var(--lime2); stroke-width:2.5;}
.c2s-hov__rep{fill:#0b0d0e; stroke:var(--amber); stroke-width:2;}
.c2s-tip{position:absolute; z-index:3; min-width:170px; padding:9px 11px; pointer-events:none;
  background:rgba(11,13,14,.94); border:1px solid #2a3132; border-left:3px solid var(--lime); border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.5);}
.c2s-tip__t{margin:0 0 6px; font-family:var(--mono); font-size:12px; color:#9aa0a2;}
.c2s-tip__r{display:flex; justify-content:space-between; gap:16px; font-size:13px; line-height:1.6; color:#c2c7c9;}
.c2s-tip__r b{font-family:'Oswald','Arial Narrow',sans-serif; font-weight:600; font-size:15px; color:#fff;}
.c2s-tip__r.is-real b{color:var(--lime2);}
.c2s-tip__r.is-rep b{color:var(--amber);}
.c2s-tip__r.is-gap b,.c2s-tip__r.is-st b{color:var(--red2);}
.c2s-chart__foot{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0;}
.c2s-stat{display:flex; flex-direction:column; gap:2px; min-width:96px; padding:8px 12px; background:#08090a; border:1px solid #1a1e1f; border-radius:6px;}
.c2s-stat b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:20px; font-weight:600; line-height:1.1; color:#fff; font-variant-numeric:tabular-nums;}
.c2s-stat span{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#6b7173;}
.c2s-stat[title]{cursor:help;}
.c2s-stat.is-bad b{color:var(--red2);}
.c2s-stat.is-up b{color:var(--lime2);}
.c2s-stat.is-down b{color:#f0c419;}

/* heat map */
.c2s-heat__grid{display:grid; grid-template-columns:34px repeat(24,minmax(0,1fr)); gap:3px; align-items:center;}
.c2s-heat__corner{display:block;}
.c2s-heat__h{font-family:var(--mono); font-size:10px; color:#6b7173; text-align:left; white-space:nowrap; overflow:visible;}
.c2s-heat__d{font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; letter-spacing:.5px; color:#868d8f;}
.c2s-heat__c{display:block; aspect-ratio:1; min-height:12px; border-radius:3px; cursor:help;
  background:rgba(162,198,0,calc(.05 + var(--a,0) * .9)); box-shadow:inset 0 0 0 1px rgba(162,198,0,calc(var(--a,0) * .35)); transition:transform .12s;}
.c2s-heat__c:hover{transform:scale(1.35); position:relative; z-index:2;}
.c2s-heat__c.is-best{box-shadow:0 0 12px rgba(162,198,0,.75), inset 0 0 0 1px #d6ff3a;}
.c2s-heat__c.is-now{outline:2px solid #fff; outline-offset:1px; animation:csiPulse 1.6s ease-in-out infinite;}
.c2s-heat__legend{display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:12px 0 0; font-size:12px; color:#6b7173;}
.c2s-heat__legend i{width:90px; height:8px; border-radius:4px; background:linear-gradient(90deg,rgba(162,198,0,.06),rgba(162,198,0,.95));}
.c2s-heat__legend em{font-style:normal; color:#868d8f;}
.c2s-heat__sum{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:14px 0 0;}
.c2s-heat__sum .c2s-stat{min-width:0;}
.c2s-heat__sum .c2s-stat b{font-size:18px; white-space:nowrap;}

/* bar lists: modes, maps, countries, maps of a server */
.c2s .c2s-bars{display:grid; gap:2px;}
.c2s-bar{display:grid; grid-template-columns:22px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:10px; align-items:center;
  padding:6px 8px; border-radius:4px; text-decoration:none; color:inherit; transition:background-color .15s;}
a.c2s-bar:hover,.c2s-bar:hover{background:#111415;}
.c2s-bar__n{grid-row:span 2; font-family:'Oswald','Arial Narrow',sans-serif; font-size:14px; color:#4a5254; text-align:right;}
.c2s-bar__who{display:flex; align-items:center; gap:8px; min-width:0; font-size:14px; color:#e6e8e9; white-space:nowrap; overflow:hidden;}
.c2s-bar__who>span,.c2s-bar__who>a{overflow:hidden; text-overflow:ellipsis;}
.c2s-bar__who small{margin-left:auto; padding-left:8px; font-size:12px; color:#6b7173;}
.c2s-bar__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#fff; text-align:right; font-variant-numeric:tabular-nums;}
.c2s-bar__line{grid-column:2 / 4; height:4px; margin-top:5px; background:#161a1b; border-radius:2px; overflow:hidden;}
.c2s-bar__line span{display:block; height:100%; border-radius:2px; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.c2s .c2s-bars li:first-child .c2s-bar__line span{background:linear-gradient(90deg,#7a8f00,var(--lime2)); box-shadow:0 0 10px rgba(162,198,0,.6);}
.c2s-flag{flex:none;}
.c2s .c2s-flag b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:11px; font-weight:500; letter-spacing:1px; color:#868d8f;}
.c2s-bars--modes .c2s-bar{padding:4px 8px;}
.c2s-bars--modes .c2s-bar__line{margin-top:3px;}

/* server list */
/* the search box: the same panel the skins hub and the inventory use */
.c2s .c2s-find{position:relative; margin:0 0 16px; padding:22px 24px 20px; border:1px solid rgba(162,198,0,.4); border-radius:8px;
  background:radial-gradient(70% 120% at 50% 0%,rgba(162,198,0,.10),transparent 70%),#15191a;
  box-shadow:0 20px 50px -30px var(--lime),inset 0 1px 0 rgba(255,255,255,.03); transition:border-color .18s,background .18s;}
.c2s .c2s-find:focus-within{border-color:var(--lime); background:radial-gradient(80% 160% at 0% 0%,rgba(162,198,0,.12),transparent 60%),#15191a;}
.c2s .c2s-find__label{display:block; margin:0 0 10px; font-family:var(--mono); font-size:12px; letter-spacing:1.6px; text-transform:uppercase; color:var(--lime);}
.c2s-find__wrap{position:relative; overflow:hidden; border-radius:6px;}
.c2s .c2s-find__input{position:relative; z-index:1; display:block; width:100%; max-width:none; height:auto; margin:0; padding:18px 56px 18px 20px;
  font-family:var(--mono); font-size:18px; color:#e6e8e9; background:#08090a; border:1px solid #232829; border-radius:6px; box-shadow:none;
  -webkit-appearance:none; appearance:none; transition:border-color .18s,box-shadow .18s;}
.c2s .c2s-find__input::placeholder{color:#5c6365;}
.c2s .c2s-find__input:focus{outline:none; border-color:var(--lime); box-shadow:0 0 0 3px rgba(162,198,0,.18),0 0 26px rgba(162,198,0,.22);}
.c2s-find__sheen{position:absolute; z-index:2; top:0; bottom:0; left:-55%; width:55%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(162,198,0,.18),transparent); animation:c2sSheen 6s ease-in-out infinite;}
.c2s-find.is-used .c2s-find__sheen,.c2s-find__wrap:focus-within .c2s-find__sheen{animation:none; opacity:0;}
.c2s-find__icon{position:absolute; z-index:3; right:24px; top:50%; width:15px; height:15px; margin-top:-10px; border:2px solid var(--lime); border-radius:50%; opacity:.9; pointer-events:none;}
.c2s-find__icon::after{content:""; position:absolute; right:-7px; bottom:-5px; width:8px; height:2px; background:var(--lime); border-radius:1px; transform:rotate(45deg);}
.c2s-find__row{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 16px; margin:14px 0 0;}
.c2s-find__chips{display:flex; flex-wrap:wrap; gap:6px;}
.c2s .c2s-chip{margin:0; padding:7px 13px; font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:1px; line-height:1.2; text-transform:uppercase;
  color:#9aa0a2; background:#0b0d0e; border:1px solid #232829; border-radius:4px; box-shadow:none; cursor:pointer; transition:color .18s,border-color .18s,background .18s,transform .18s;}
.c2s .c2s-chip:hover{color:#e6e8e9; border-color:rgba(162,198,0,.45); background:#0b0d0e; transform:translateY(-1px);}
.c2s .c2s-chip.is-on{color:var(--lime); border-color:var(--lime); background:rgba(162,198,0,.12);}
.c2s .c2s-chip i{margin-left:7px; padding:1px 6px; font-style:normal; color:#e6e8e9; background:rgba(255,255,255,.06); border-radius:3px;}
.c2s .c2s-chip.is-on i{color:#0b0d0e; background:var(--lime);}
.c2s-rank__sub{display:block; margin-top:1px; font-size:11px; color:#6b7173;}
.c2s-rank-range{display:inline-flex; margin:0 0 12px;}
.c2s-block--maps.is-loading table{transition:opacity .2s;}
.c2s .c2s-chip.is-bad.is-on{color:var(--red2); border-color:rgba(239,68,68,.7); background:rgba(239,68,68,.1);}
.c2s-find__selects{display:flex; flex-wrap:wrap; gap:8px;}
.c2s .c2s-select{display:inline-block; width:auto; min-width:170px; height:38px; margin:0; padding:0 34px 0 12px; max-width:100%;
  font-family:Verdana,Geneva,sans-serif; font-size:13px; color:#e6e8e9; background-color:#08090a; border:1px solid #232829; border-radius:4px; cursor:pointer;
  appearance:none; -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#a2c600 50%),linear-gradient(135deg,#a2c600 50%,transparent 50%);
  background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%; background-size:5px 5px; background-repeat:no-repeat; transition:border-color .18s;}
.c2s .c2s-select:hover{border-color:rgba(162,198,0,.45);}
.c2s .c2s-select:focus{border-color:var(--lime); outline:none;}
.c2s-block--servers.is-loading .c2s-srvs{opacity:.5; transition:opacity .2s;}
.c2s .c2s-srv{display:grid; grid-template-columns:34px 58px minmax(0,1fr) 120px 130px; align-items:center; gap:12px; margin:0; padding:9px 10px;
  border-bottom:1px solid #161a1b; border-left:3px solid transparent; border-radius:4px; transition:background-color .15s,border-color .15s;}
.c2s .c2s-srv:hover{background:#111415; border-left-color:var(--lime);}
.c2s .c2s-srv:last-child{border-bottom:0;}
.c2s .c2s-srv.is-fake{opacity:.75;}
.c2s .c2s-srv.is-fake:hover{border-left-color:var(--red);}
.c2s-srv__n{font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#4a5254; text-align:center;}
.c2s .c2s-srv:nth-child(1) .c2s-srv__n{color:var(--gold);}
.c2s .c2s-srv:nth-child(2) .c2s-srv__n{color:#c2c7c9;}
.c2s .c2s-srv:nth-child(3) .c2s-srv__n{color:#cd7f32;}
.c2s a.c2s-srv__who{display:flex; flex-direction:column; gap:3px; min-width:0; text-decoration:none; color:inherit;}
.c2s-srv__who b{font-size:15px; font-weight:700; color:#e6e8e9; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .15s;}
.c2s a.c2s-srv__who:hover b{color:var(--lime2);}
.c2s-srv__who small{display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; font-size:12px; color:#868d8f;}
.c2s .c2s-srv__who code{padding:0; border:0; background:none; font-size:12px; color:#6b7173;}
.c2s-srv__pl{display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:4px;}
.c2s-srv__pl b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:22px; font-weight:600; color:#fff; font-variant-numeric:tabular-nums;}
.c2s-srv__pl i{font-style:normal; font-size:13px; color:#6b7173;}
.c2s-srv__fill{grid-column:1 / -1; height:4px; margin-top:4px; background:#1c2122; border-radius:2px; overflow:hidden;}
.c2s-srv__fill span{display:block; height:100%; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.c2s-srv.is-fake .c2s-srv__fill span{background:repeating-linear-gradient(45deg,rgba(239,68,68,.7) 0 3px,rgba(239,68,68,.2) 3px 6px);}
.c2s-srv.is-fake .c2s-srv__pl b{color:var(--red2); text-decoration:line-through; text-decoration-thickness:2px;}
.c2s-srv__st{text-align:right;}
.c2s-srv__st .csi-badge{font-size:11px; padding:3px 8px;}
.c2s-pager{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; margin:14px 0 0;}
.c2s-pager:empty{display:none;}
.c2s-pager__info{font-size:13px; color:#868d8f;}
.c2s-foot-note{margin:6px 0 0; font-size:13px; color:#6b7173;}

/* server page */
.c2s .c2s-card .csi-addr{flex-wrap:wrap;}
.c2s .c2s-card .csi-addr .csi-btn{padding:6px 12px; font-size:13px;}
.c2s .c2s-why{margin:0 0 14px; line-height:1.6;}
.c2s .c2s-why b{color:#fff;}
.c2s .c2s-about p{margin:0 0 10px; font-size:15px; line-height:1.65; color:#c2c7c9;}
/* links inside prose look like the rest of the site: blue, underlined */
.c2s .c2s-split__text a,.c2s .c2s-why a,.c2s .c2s-about a,.c2s .c2s-foot-note a{color:#1e90ff; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px; transition:color .18s cubic-bezier(.2,.6,.2,1);}
.c2s .c2s-split__text a:hover,.c2s .c2s-why a:hover,.c2s .c2s-about a:hover,.c2s .c2s-foot-note a:hover{color:#3aa3ff; text-decoration:none;}
.c2s-missing{min-height:0;}
.c2s-missing__body{position:relative; z-index:2; padding:30px;}
.c2s .c2s-missing__body p{margin:10px 0 18px; max-width:620px; color:#c2c7c9;}

/* maps page */
.c2s-maps-range{display:inline-flex; margin:0 0 12px;}
.c2s-block--maps.is-loading table{opacity:.5;}
.c2s-table-wrap{overflow-x:auto;}
.c2s .c2s-table{width:100%; margin:0; border-collapse:collapse; font-size:14px;}
.c2s .c2s-table th{padding:8px 10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:500; letter-spacing:1.2px; text-transform:uppercase;
  color:#6b7173; text-align:left; background:none; border:0; border-bottom:1px solid #232829;}
.c2s .c2s-table td{padding:8px 10px; border:0; border-bottom:1px solid #161a1b; color:#c2c7c9; background:none; white-space:nowrap;}
.c2s .c2s-table tr:hover td{background:#111415;}
.c2s .c2s-table td b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; font-weight:600; color:#fff;}
.c2s-table__n{width:34px; font-family:'Oswald','Arial Narrow',sans-serif; color:#4a5254 !important;}
.c2s-share{display:inline-block; width:80px; height:5px; margin-right:10px; vertical-align:middle; background:#1c2122; border-radius:3px; overflow:hidden;}
.c2s-share span{display:block; height:100%; background:linear-gradient(90deg,#5c6b1f,var(--lime));}
.c2s-trend.is-up{color:var(--lime2) !important;}
.c2s-trend.is-down{color:#f0c419 !important;}

/* heat map: hours with no checks yet */
.c2s .c2s-heat__c.is-none{background:repeating-linear-gradient(45deg,#121516 0 3px,#181c1d 3px 6px); box-shadow:none;}

/* the Steam list split: farms / the rest / real */
.c2s-split{display:flex; height:26px; border-radius:6px; overflow:hidden; background:#121516; box-shadow:inset 0 0 0 1px #202627;}
.c2s-split span{display:block; height:100%;}
.c2s-split__farm{background:repeating-linear-gradient(45deg,rgba(239,68,68,.55) 0 6px,rgba(239,68,68,.25) 6px 12px);}
.c2s-split__rest{background:#2a3031;}
.c2s-split__legacy{background:repeating-linear-gradient(45deg,rgba(212,163,0,.55) 0 6px,rgba(212,163,0,.22) 6px 12px);}
.c2s-split__real{background:var(--lime2); box-shadow:0 0 14px rgba(180,220,10,.8);}
.c2s-split__legend{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0 0; padding:0; list-style:none;}
.c2s-split__legend li{margin:0; padding:2px 0 2px 12px; border-left:3px solid #2a3031;}
.c2s-split__legend li.is-farm{border-left-color:var(--red);}
.c2s-split__legend li.is-real{border-left-color:var(--lime2);}
.c2s-split__legend li.is-legacy{border-left-color:var(--amber);}
.c2s-split__legend li.is-legacy b{color:var(--gold);}
.c2s-split__legend b{display:block; font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; line-height:1.15; color:#fff;}
.c2s-split__legend li.is-farm b{color:var(--red2);}
.c2s-split__legend li.is-real b{color:var(--lime2);}
.c2s-split__legend span{font-size:13px; color:#868d8f;}
.c2s .c2s-split__text{margin:14px 0 0; font-size:15px; line-height:1.6; color:#aeb6b9;}
.c2s .c2s-split__text b{color:var(--red2);}


/* live card: picture, funnel, the moment new numbers land */
.c2s .c2s-live{min-height:0;}
.c2s-live__bg{position:absolute; inset:0; z-index:0; pointer-events:none;}
.c2s-live__bg img{display:block; width:100%; height:100%; object-fit:cover; opacity:.42; transform:scale(1.02); animation:c2sDrift 28s ease-in-out infinite alternate;}
.c2s-live__bg::after{content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(8,9,10,.92) 0%,rgba(8,9,10,.62) 45%,rgba(8,9,10,.82) 72%,rgba(8,9,10,.94) 100%),linear-gradient(0deg,rgba(8,9,10,.75) 0%,transparent 55%);}
.c2s .c2s-live{transition:box-shadow .4s;}
.c2s .c2s-live.is-fresh{animation:c2sFresh 1.6s ease-out;}
.c2s-next{cursor:help;}
.c2s.is-late .c2s-updated{color:#f0c419; border-color:rgba(240,196,25,.5);}
.c2s.is-late .csi-badge.is-on i{animation:none; background:#f0c419;}

.c2s .c2s-funnel{position:relative; display:grid; margin:0; padding:6px 0; list-style:none; background:rgba(8,9,10,.84); border:1px solid #232829; border-radius:8px;
  box-shadow:0 18px 40px rgba(0,0,0,.45); backdrop-filter:blur(3px);}
.c2s .c2s-funnel li{position:relative; display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:center; column-gap:12px; margin:0; padding:11px 16px; transition:background-color .18s;}
.c2s .c2s-funnel li+li{border-top:1px dashed #1f2425;}
.c2s .c2s-funnel li:hover{background:rgba(255,255,255,.025);}
.c2s-funnel__op{display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:50%; border:1px solid #3a4143;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; line-height:1; color:#9aa0a2;}
.c2s-funnel li.is-start .c2s-funnel__op::before{content:""; width:6px; height:6px; border-radius:50%; background:#9aa0a2;}
.c2s-funnel li.is-bad .c2s-funnel__op{color:var(--red2); border-color:rgba(239,68,68,.55);}
.c2s-funnel li.is-warn .c2s-funnel__op{color:#f0c419; border-color:rgba(240,196,25,.5);}
.c2s-funnel li.is-real .c2s-funnel__op{color:#0b0d0e; background:var(--lime2); border-color:var(--lime2); box-shadow:0 0 12px rgba(162,198,0,.6);}
.c2s-funnel__t{min-width:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; letter-spacing:.3px; color:#e6e8e9;}
.c2s-funnel__t em{display:block; margin-top:1px; font-family:Verdana,Geneva,sans-serif; font-style:normal; font-size:12px; letter-spacing:0; line-height:1.45; color:#868d8f;}
.c2s-funnel__t em b{color:#c2c7c9; font-weight:400;}
.c2s-funnel__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:24px; font-weight:600; line-height:1; color:#fff; font-variant-numeric:tabular-nums; text-align:right; transition:color .3s,text-shadow .3s;}
.c2s-funnel li.is-bad .c2s-funnel__v{color:var(--red2);}
.c2s-funnel li.is-warn .c2s-funnel__v{color:#f0c419;}
.c2s .c2s-funnel li.is-real{margin-top:4px; border-top:1px solid rgba(162,198,0,.4); background:linear-gradient(90deg,rgba(162,198,0,.13),rgba(162,198,0,.02) 70%);}
.c2s-funnel li.is-real .c2s-funnel__t{color:var(--lime2);}
.c2s-funnel li.is-real .c2s-funnel__v{font-size:30px; color:var(--lime2); text-shadow:0 0 18px rgba(162,198,0,.45);}
.c2s-funnel__v.is-tick,.c2s-tile__v.is-tick{color:#fff !important; text-shadow:0 0 22px rgba(162,198,0,.8) !important;}

/* what is counted */
.c2s .c2s-scope{display:flex; flex-wrap:wrap; gap:6px 8px; margin:0 0 14px; padding:0; list-style:none;}
.c2s .c2s-scope li{display:inline-flex; align-items:center; gap:7px; margin:0; padding:5px 12px; font-size:12px; line-height:1.4; color:#c2c7c9;
  background:#0b0d0e; border:1px solid #1f2425; border-radius:999px; transition:border-color .18s,color .18s;}
.c2s .c2s-scope li:hover{border-color:rgba(162,198,0,.45); color:#fff;}
.c2s-scope li::before{content:"\2713"; font-size:12px; color:var(--lime2);}
.c2s .c2s-scope li.is-no{color:#868d8f;}
.c2s-scope li.is-no::before{content:"\2715"; color:var(--red2);}

/* tiles with a line of explanation, a light along the top */
.c2s .c2s-tiles{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 14px;}
.c2s .c2s-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.c2s .c2s-tile{position:relative; overflow:hidden; display:flex; flex-direction:column; gap:5px; min-width:0; padding:16px 18px 18px;
  background:radial-gradient(90% 140% at 0% 100%,rgba(162,198,0,.05),transparent 60%),#0b0d0e; border:1px solid #232829; border-radius:8px;
  text-decoration:none; color:inherit; transition:transform .18s,border-color .18s,box-shadow .18s;}
.c2s .c2s-tile:hover{transform:translateY(-3px); border-color:rgba(162,198,0,.45); box-shadow:0 14px 30px rgba(0,0,0,.45);}
.c2s-tile::before{content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--lime); transform:scaleX(0); transform-origin:left; transition:transform .25s cubic-bezier(.2,.6,.2,1);}
.c2s-tile:hover::before{transform:scaleX(1);}
.c2s-tile::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:c2sSweep 9s linear infinite; animation-delay:var(--d,0s);}
.c2s-tile:nth-child(2){--d:1.1s;} .c2s-tile:nth-child(3){--d:2.2s;} .c2s-tile:nth-child(4){--d:3.3s;} .c2s-tile:nth-child(5){--d:4.4s;} .c2s-tile:nth-child(6){--d:5.5s;}
.c2s-tile__l{font-family:var(--mono); font-size:11px; letter-spacing:1.4px; text-transform:uppercase; color:#6b7173;}
.c2s-tile__v{font-family:'Oswald','Arial Narrow',sans-serif; font-size:34px; font-weight:600; line-height:1.05; color:#fff; font-variant-numeric:tabular-nums;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s,text-shadow .3s;}
.c2s-tile.is-good .c2s-tile__v{color:var(--lime2);}
.c2s-tile.is-warn .c2s-tile__v{color:#f0c419;}
.c2s-tile.is-text .c2s-tile__v{font-size:28px;}
a.c2s-tile:hover .c2s-tile__v{color:var(--lime2);}
.c2s-tile__s{display:block; font-size:13px; line-height:1.45; color:#9aa0a2;}
.c2s-tile__s .c2s-flag{display:inline-flex; vertical-align:-2px; margin-right:6px;}
.c2s-tile__s b{color:#e6e8e9; font-weight:400;}

/* map pictures */
.c2s .c2s-frame{position:relative; display:block; overflow:hidden; border:1px solid #232829; border-radius:8px; text-decoration:none;
  background:radial-gradient(60% 70% at 50% 45%,rgba(162,198,0,.10),transparent 65%),linear-gradient(160deg,#14180f,#0a0c08);
  box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(162,198,0,.06); transition:transform .25s,border-color .25s;}
.c2s .c2s-frame:hover{transform:translateY(-4px); border-color:rgba(162,198,0,.45);}
.c2s-frame__img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform .45s,filter .45s;}
.c2s-frame:hover .c2s-frame__img{transform:scale(1.05); filter:brightness(1.1);}
.c2s-frame__scan{position:absolute; inset:0; pointer-events:none; opacity:.45; background:repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px);}
.c2s-frame::after{content:""; position:absolute; left:0; right:0; top:-35%; height:35%; pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(180,220,10,.12),transparent); animation:c2sScan 7s linear infinite;}
.c2s-frame__br{position:absolute; width:20px; height:20px; border:2px solid var(--lime); opacity:.85; pointer-events:none; transition:all .25s;}
.c2s-frame__br.is-tl{top:10px; left:10px; border-right:0; border-bottom:0;}
.c2s-frame__br.is-tr{top:10px; right:10px; border-left:0; border-bottom:0;}
.c2s-frame__br.is-bl{bottom:10px; left:10px; border-right:0; border-top:0;}
.c2s-frame__br.is-br{bottom:10px; right:10px; border-left:0; border-top:0;}
.c2s-frame:hover .c2s-frame__br{width:28px; height:28px;}
.c2s-frame__tag{position:absolute; left:10px; bottom:10px; padding:3px 9px; font-family:var(--mono); font-size:11px; letter-spacing:1px; color:var(--lime2);
  background:rgba(8,9,10,.85); border:1px solid rgba(162,198,0,.35); border-radius:4px;}
.c2s-bar__img.is-none,.c2s-srv__img.is-none,.c2s-maprow__img.is-none{filter:grayscale(1) brightness(.8);}

/* mode and country pages */
.c2s-flagframe{display:flex; align-items:center; justify-content:center; aspect-ratio:16/9;}
.c2s-flagframe__img{display:block; width:78%; height:auto; border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.5); transition:transform .45s;}
.c2s-flagframe:hover .c2s-flagframe__img{transform:scale(1.05);}
.c2s-flagframe__cc{position:absolute; right:14px; bottom:10px; font-family:'Oswald','Arial Narrow',sans-serif; font-size:40px; font-weight:700; letter-spacing:2px; color:rgba(230,232,233,.12);}
.c2s .c2s-siblings{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin:0 0 12px; padding:0; list-style:none;}
.c2s .c2s-siblings li{margin:0;}
.c2s .c2s-siblings a{position:relative; overflow:hidden; display:flex; align-items:center; gap:8px; padding:10px 12px; text-decoration:none; color:#e6e8e9;
  background:#08090a; border:1px solid #232829; border-radius:6px; transition:transform .18s,border-color .18s,background .18s;}
.c2s .c2s-siblings a:hover{transform:translateY(-2px); border-color:var(--lime); background:rgba(162,198,0,.06);}
.c2s-siblings b{flex:1; min-width:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:15px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.c2s-siblings span{font-family:var(--mono); font-size:12px; color:var(--lime2);}
.c2s-siblings a::after{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:c2sSweep 14s linear infinite; animation-delay:var(--d,0s);}
.c2s-siblings li:nth-child(3n+2) a{--d:2s;} .c2s-siblings li:nth-child(3n) a{--d:4s;}
.c2s .c2s-modelist{display:grid; gap:0; margin:0;}
.c2s .c2s-modelist>div{display:grid; grid-template-columns:180px minmax(0,1fr); gap:16px; padding:14px 0; border-bottom:1px solid #1c2122;}
.c2s .c2s-modelist>div:last-child{border-bottom:0;}
.c2s .c2s-modelist dt{margin:0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:18px; font-weight:500;}
.c2s .c2s-modelist dt a{color:var(--lime2); text-decoration:none;}
.c2s .c2s-modelist dt a:hover{color:#fff;}
.c2s .c2s-modelist dd{margin:0; font-size:15px; line-height:1.7; color:#c2c7c9;}
nav.c2s-tabs a.c2s-tab{text-decoration:none;}

/* map page: words and questions */
.c2s .c2s-about--map p{max-width:92ch; font-size:16px; line-height:1.75;}
.c2s .c2s-about--map p:last-child{margin-bottom:0; padding-top:12px; border-top:1px dashed #1f2425; color:#9aa0a2; font-size:15px;}
.c2s .c2s-faq details{border-bottom:1px solid #1c2122;}
.c2s .c2s-faq details:last-child{border-bottom:0;}
.c2s .c2s-faq summary{position:relative; padding:14px 0 14px 26px; cursor:pointer; list-style:none; font-family:'Oswald','Arial Narrow',sans-serif; font-size:18px; font-weight:500; letter-spacing:.3px; color:#e6e8e9; transition:color .18s;}
.c2s .c2s-faq summary::-webkit-details-marker{display:none;}
.c2s .c2s-faq summary::before{content:"+"; position:absolute; left:0; top:13px; width:18px; font-family:var(--mono); color:var(--lime); transition:transform .2s;}
.c2s .c2s-faq summary:hover{color:var(--lime2);}
.c2s .c2s-faq details[open] summary{color:var(--lime2);}
.c2s .c2s-faq details[open] summary::before{content:"\2212";}
.c2s .c2s-faq details p{margin:0 0 16px 26px; max-width:90ch; font-size:15px; line-height:1.7; color:#c2c7c9; animation:colIn .25s ease both;}

/* server card: picture of the current map on the right */
.c2s .c2s-card__body{grid-template-columns:150px minmax(0,1fr) 230px;}
.c2s-card__pic{align-self:center;}

/* map page: the hero with the picture */
.c2s-maphero{position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,400px); gap:34px; align-items:center; padding:30px;}
.c2s-card--map .csi-card__name{font-size:52px; margin:6px 0 4px;}
.c2s-card--map .c2s-big b{font-size:80px;}
.c2s-card--map .c2s-big span{font-size:18px;}

/* other maps, as cards */
.c2s .c2s-mapcards{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 14px; padding:0; list-style:none;}
.c2s .c2s-mapcards li{margin:0;}
.c2s .c2s-mapcards a{position:relative; display:flex; flex-direction:column; height:100%; overflow:hidden; text-decoration:none; color:inherit;
  background:#08090a; border:1px solid #232829; border-radius:8px; transition:transform .25s,border-color .25s,box-shadow .25s;}
.c2s .c2s-mapcards a:hover{transform:translateY(-5px); border-color:var(--lime); box-shadow:0 14px 32px rgba(0,0,0,.5),0 0 0 1px rgba(162,198,0,.4);}
.c2s-mapcards__img{display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; transition:transform .35s,filter .35s;}
.c2s-mapcards a:hover .c2s-mapcards__img{transform:scale(1.06); filter:brightness(1.12);}
.c2s-mapcards a::before{content:""; position:absolute; top:0; left:-40%; width:40%; height:2px; z-index:2; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:c2sSweep 12s linear infinite; animation-delay:var(--d,0s);}
.c2s-mapcards li:nth-child(4n+2) a{--d:1.5s;} .c2s-mapcards li:nth-child(4n+3) a{--d:3s;} .c2s-mapcards li:nth-child(4n) a{--d:4.5s;}
.c2s-mapcards a::after{content:"OPEN \2192"; position:absolute; top:34%; left:50%; transform:translate(-50%,-50%) translateY(8px); padding:6px 16px;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:12px; font-weight:600; letter-spacing:2px; color:#0b0d0e; background:var(--lime); border-radius:4px;
  opacity:0; pointer-events:none; transition:opacity .25s,transform .25s;}
.c2s-mapcards a:hover::after{opacity:1; transform:translate(-50%,-50%);}
.c2s-mapcards b{display:block; padding:12px 14px 0; font-family:'Oswald','Arial Narrow',sans-serif; font-size:17px; font-weight:600; color:#fff;}
.c2s-mapcards span{display:block; padding:2px 14px 14px; font-family:var(--mono); font-size:12px; color:var(--lime2);}

/* small pictures in lists */
.c2s-bar__img{flex:none; width:48px; height:27px; object-fit:cover; border-radius:3px; border:1px solid #232829; transition:transform .2s;}
.c2s-bar:hover .c2s-bar__img{transform:scale(1.12);}
.c2s-srv__pic{display:block; width:64px; height:36px; overflow:hidden; border-radius:4px; border:1px solid #232829; background:#08090a;}
.c2s-srv__img{display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s;}
.c2s .c2s-srv:hover .c2s-srv__img{transform:scale(1.1);}
.c2s .c2s-srv.is-fake .c2s-srv__pic{opacity:.5; filter:grayscale(1);}
.c2s a.c2s-maprow{display:inline-flex; align-items:center; gap:10px; color:var(--lime2); text-decoration:none;}
.c2s a.c2s-maprow:hover{color:#fff;}
.c2s-maprow__img{flex:none; width:48px; height:27px; object-fit:cover; border-radius:3px; border:1px solid #232829;}

/* blocks: corners open up on hover, and everything rises in as it scrolls into view */
.c2s .csi-block::before,.c2s .csi-block::after,.c2s .csi-card::before,.c2s .csi-card::after{transition:width .25s cubic-bezier(.2,.6,.2,1),height .25s cubic-bezier(.2,.6,.2,1);}
.c2s .csi-block:hover::before,.c2s .csi-block:hover::after,.c2s .csi-card:hover::before,.c2s .csi-card:hover::after{width:40px; height:40px;}
.c2s.is-anim .csi-block,.c2s.is-anim .c2s-tiles,.c2s.is-anim .c2s-scope{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.6,.2,1);}
.c2s.is-anim .csi-block:not(.is-seen),.c2s.is-anim .c2s-tiles:not(.is-seen),.c2s.is-anim .c2s-scope:not(.is-seen){opacity:0; transform:translateY(16px);}
.c2s .c2s-split span{transition:filter .2s;}
.c2s .c2s-split:hover span{filter:brightness(1.25);}

@media (max-width:1100px){
  .c2s .c2s-card__body{grid-template-columns:150px minmax(0,1fr);}
  .c2s-card__pic{display:none !important;}
}
@media (max-width:980px){
  .c2s .c2s-tiles,.c2s .c2s-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .c2s-maphero{grid-template-columns:minmax(0,1fr);}
  .c2s-maphero__pic{max-width:420px;}
  .c2s .c2s-mapcards{grid-template-columns:repeat(3,minmax(0,1fr));}
  .c2s-cols--wide,.c2s-cols--even{grid-template-columns:minmax(0,1fr) !important;}
  .c2s-live__body{grid-template-columns:minmax(0,1fr);}
  .c2s-big b{font-size:78px;}
}
@media (max-width:700px){
  .c2s-live__body{padding:22px 16px; gap:18px;}
  .c2s-live__spark{height:40%; opacity:.3;}
  .c2s-big b{font-size:60px;}
  .c2s-big span{font-size:16px;}
  .c2s-card--map .csi-card__name{font-size:32px;}
  .c2s-card--map .c2s-big b{font-size:56px;}
  .c2s-maphero{padding:22px 16px; gap:20px;}
  .c2s .c2s-tiles,.c2s .c2s-tiles--4{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
  .c2s .c2s-tile{padding:12px 12px 14px;}
  .c2s-tile__l{font-size:10px; letter-spacing:1px;}
  .c2s-tile__v{font-size:26px;}
  .c2s-tile.is-text .c2s-tile__v{font-size:22px;}
  .c2s-tile__s{font-size:12px;}
  .c2s .c2s-scope li{font-size:11px; padding:4px 10px;}
  .c2s .c2s-find{padding:16px;}
  .c2s .c2s-find__input{font-size:15px; padding:15px 46px 15px 14px;}
  .c2s-find__icon{right:16px;}
  .c2s-find__selects{width:100%;}
  .c2s .c2s-select{flex:1 1 140px; min-width:0;}
  .c2s .c2s-chip{padding:6px 10px; font-size:10px;}
  .c2s .c2s-modelist>div{grid-template-columns:minmax(0,1fr); gap:4px;}
  .c2s .c2s-siblings{grid-template-columns:repeat(2,minmax(0,1fr));}
  .c2s .c2s-mapcards{grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;}
  .c2s-mapcards b{font-size:15px; padding:10px 10px 0;}
  .c2s-mapcards span{padding:2px 10px 10px; font-size:11px;}
  .c2s .c2s-funnel li{padding:10px 12px; column-gap:10px;}
  .c2s-funnel__v{font-size:21px;}
  .c2s-funnel li.is-real .c2s-funnel__v{font-size:26px;}
  .c2s-card--maps .csi-card__name{font-size:26px;}
  .c2s .c2s-srv{grid-template-columns:24px minmax(0,1fr) 70px; gap:8px; padding:9px 4px;}
  .c2s .c2s-srv__pic{display:none;}
  .c2s-srv__st{grid-column:2 / 4; text-align:left;}
  .c2s-srv__pl b{font-size:18px;}
  .c2s-heat__grid{grid-template-columns:26px repeat(24,minmax(0,1fr)); gap:2px;}
  .c2s-heat__c{min-height:8px; border-radius:2px;}
  .c2s-heat__h{font-size:8px;}
  .c2s-heat__sum{grid-template-columns:repeat(2,minmax(0,1fr));}
  .c2s-chart__bar{flex-direction:column; align-items:flex-start;}
  .c2s-hide-s{display:none;}
  .c2s-split__legend{grid-template-columns:minmax(0,1fr); gap:6px;}
  .c2s-split__legend b{display:inline; font-size:20px; margin-right:8px;}
  .c2s-share{width:34px; margin-right:6px;}
  .c2s .c2s-table td,.c2s .c2s-table th{padding:7px 6px;}
  .c2s .c2s-table td:nth-child(2){white-space:normal; word-break:break-all;}
  .c2s .c2s-tab{padding:6px 10px; font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
  .c2s-find__sheen{display:none;}
  .c2s *,.c2s *::before,.c2s *::after{transition:none !important; animation:none !important;}
  .c2s.is-anim .csi-block,.c2s.is-anim .c2s-tiles,.c2s.is-anim .c2s-scope{opacity:1 !important; transform:none !important;}
}


/* hosting note on a server page: many servers on one IP, each checked on its own */
.c2s .c2s-host{display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin:14px 0 0; padding:10px 14px; font-size:13px; color:#aeb6b9; background:rgba(8,9,10,.6); border:1px dashed #2a3031; border-radius:6px;}
.c2s .c2s-host b{font-family:'Oswald','Arial Narrow',sans-serif; font-size:18px; color:var(--lime2);}
.c2s .c2s-host code{font-family:var(--mono); color:#c2c7c9;}
.c2s .csi-badge.is-legacy{color:var(--gold); border-color:rgba(212,163,0,.45); background:rgba(212,163,0,.08);}
.c2s .csi-badge.is-legacy i{background:var(--amber); box-shadow:none;}
.c2s .c2s-srv.is-legacy .c2s-srv__pic{opacity:.7; filter:sepia(.6);}
.c2s .c2s-srv.is-legacy .c2s-srv__pl b{color:var(--gold);}
@media (max-width:640px){.c2s-split__legend{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* More Steam Tools  [csbepro_steam_tools]  prefix cst- */
.cst{--mono:Consolas,'SFMono-Regular',Menlo,monospace;}
.cst-grid{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none;}
.cst-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.cst-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.cst-grid--1{grid-template-columns:minmax(0,480px);}
.cst-grid li{display:flex; margin:0; padding:0; list-style:none;}

/* a card: dark panel, lime bracket corners, rises and lights up on hover, a light runs along the top now and then */
.cst a.cst-card{position:relative; display:flex; flex:1 1 auto; flex-direction:column; gap:8px; min-height:168px; padding:20px 20px 16px; overflow:hidden;
  color:#e6e8e9; text-decoration:none; background:linear-gradient(180deg,#15191a 0%,#0e1213 100%); border:1px solid #232829; border-radius:6px;
  transition:border-color .25s,transform .25s,box-shadow .25s;}
.cst a.cst-card::before{content:''; position:absolute; left:-40%; top:0; width:40%; height:1px; opacity:0; pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--lime2),transparent); animation:cstSweep 14s linear infinite; animation-delay:var(--d,0s);}
.cst a.cst-card:hover{transform:translateY(-4px); border-color:rgba(162,198,0,.45); box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(162,198,0,.08);}
.cst-card__br{position:absolute; width:12px; height:12px; border:2px solid var(--lime); opacity:0; transition:opacity .25s;}
.cst-card__br.is-tl{left:-1px; top:-1px; border-right:0; border-bottom:0; border-radius:6px 0 0 0;}
.cst-card__br.is-br{right:-1px; bottom:-1px; border-left:0; border-top:0; border-radius:0 0 6px 0;}
.cst a.cst-card:hover .cst-card__br{opacity:1;}
.cst-card__kicker{font-family:var(--mono); font-size:11px; letter-spacing:1px; text-transform:uppercase; color:var(--lime);}
.cst-card__title{display:block; font-family:'Oswald','Arial Narrow',sans-serif; font-weight:600; font-size:20px; line-height:1.15; color:#fff; letter-spacing:.2px;}
.cst-card__desc{font-family:Verdana,sans-serif; font-size:13px; line-height:1.55; color:#9aa0a2;}
.cst-card__foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:12px; border-top:1px solid #1c2122;}
.cst-card__meta{font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:#6b7173;}
.cst-card__arrow{font-family:var(--mono); font-size:12px; color:var(--lime); opacity:0; transform:translateX(-4px); transition:opacity .18s,transform .18s;}
.cst a.cst-card:hover .cst-card__arrow{opacity:1; transform:none;}
@media (prefers-reduced-motion:reduce){.cst a.cst-card::before{animation:none;} .cst a.cst-card:hover{transform:none;}
}
@media (max-width:1024px){.cst-grid,.cst-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){.cst-grid,.cst-grid--3,.cst-grid--2{grid-template-columns:minmax(0,1fr);} .cst a.cst-card{min-height:0;}
}