/* CSGO Matchmaking — shared styles (all pages) */
[hidden]{display:none!important}
:root{
  --black:#000;
  --hull:#070C16;        /* page panels */
  --deck:#0C1526;        /* raised surfaces */
  --line:#18253D;
  --line-hi:#24375A;
  --blue:#2F7BFF;        /* primary action */
  --blue-deep:#1647B8;
  --ice:#A9C8FF;         /* highlights on dark */
  --text:#E6ECF7;
  --muted:#7C89A3;
  --dim:#4A5672;
  --gold:#E8B84A;        /* rank 1 only */
  --display:"Big Shoulders Display",Impact,sans-serif;
  --body:"Archivo",system-ui,sans-serif;
  --r-sm:4px; --r-md:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--black);color:var(--text);font:15px/1.5 var(--body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--ice);outline-offset:2px;border-radius:2px}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}

/* ---------- top bar ---------- */
.top{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:32px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font:800 24px/1 var(--display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.brand-mark{width:26px;height:26px;flex:none}
.brand b{color:var(--blue);font-weight:800}
.nav{display:flex;gap:4px;flex:1;align-items:center}
.nav a{padding:8px 12px;border-radius:var(--r-sm);color:var(--muted);font-weight:500;font-size:14px;white-space:nowrap;position:relative}
.nav a:hover{color:var(--text)}
.nav a[aria-current]{color:var(--text)}
.nav a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:-13px;height:2px;background:var(--blue)}
.tag{font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px;margin-left:6px;background:var(--blue-deep);color:#fff;vertical-align:1px}
.more{position:relative}
.more-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:var(--deck);border:1px solid var(--line-hi);border-radius:var(--r-md);padding:6px;display:none}
.more[data-open] .more-menu{display:block}
.more-menu a{display:block;padding:8px 10px;border-radius:var(--r-sm);color:var(--text)}
.more-menu a:hover{background:var(--line)}
.more-menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.auth{display:flex;gap:8px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-ghost{color:var(--text)}
.btn-ghost:hover{background:var(--deck)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:#4A8CFF}
.btn-line{border:1px solid var(--line-hi);color:var(--text)}
.btn-line:hover{border-color:var(--blue);background:rgba(47,123,255,.08)}
.burger{display:none;width:40px;height:40px;border-radius:var(--r-sm)}

/* ---------- live strip ---------- */
.strip{border-bottom:1px solid var(--line);background:var(--hull)}
.strip .wrap{display:flex;gap:28px;align-items:center;height:40px;font-size:13px;color:var(--muted);overflow-x:auto;scrollbar-width:none}
.strip strong{color:var(--text);font-weight:600;margin-right:4px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 0 0 rgba(47,123,255,.6);animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,123,255,.55)}70%{box-shadow:0 0 0 7px rgba(47,123,255,0)}100%{box-shadow:0 0 0 0 rgba(47,123,255,0)}}
.strip span{white-space:nowrap}

/* ---------- layout ---------- */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding-top:24px;padding-bottom:56px}
.rail{display:flex;flex-direction:column;gap:16px}

/* ---------- lobby (the one loud thing) ---------- */
.lobby{position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--hull)}
.lobby-art{position:absolute;inset:0 0 auto 0;height:340px;background:url(/assets/img/inferno.jpg) center 40%/cover;filter:grayscale(1) contrast(1.15) brightness(.55)}
.lobby-art::before{content:"";position:absolute;inset:0;background:var(--blue-deep);mix-blend-mode:color}
.lobby-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,22,.15) 0%,rgba(7,12,22,.7) 60%,var(--hull) 100%)}
.lobby-in{position:relative;padding:40px 40px 32px}
.lobby-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.lobby h1{font:900 clamp(56px,8vw,104px)/.86 var(--display);text-transform:uppercase;letter-spacing:-.005em;max-width:9ch}
.lobby h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--ice)}
.partner{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}
.partner img{height:22px;width:auto;opacity:.85}
.lobby-sub{margin-top:18px;color:#B7C3DA;max-width:46ch}

.party{display:flex;align-items:center;gap:10px;margin-top:32px}
.slot{width:64px;height:64px;border-radius:var(--r-sm);border:1px dashed var(--line-hi);background:rgba(0,0,0,.35);display:grid;place-items:center;color:var(--dim);transition:border-color .15s,color .15s}
.slot:hover{border-color:var(--blue);color:var(--ice)}
.slot svg{width:20px;height:20px}
.slot.you{border-style:solid;border-color:var(--blue);background:linear-gradient(160deg,#173468,#0A1730);color:var(--ice);font:800 20px var(--display)}
.party-meta{margin-left:10px;font-size:13px;color:var(--muted);line-height:1.35}
.party-meta strong{display:block;color:var(--text);font-weight:600;font-size:14px}

.go{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.go .btn{height:52px;font-size:15px}
.btn-steam{background:#000;border:1px solid var(--line-hi)}
.btn-steam:hover{border-color:var(--ice)}
.btn-steam img{width:20px;height:20px}
.fine{margin-top:12px;font-size:13px;color:var(--muted);max-width:70ch}

.lobby-sect{border-top:1px solid var(--line);padding:24px 40px}
.sect-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;gap:16px}
.h2{font:700 22px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.hint{font-size:13px;color:var(--muted)}

.modes{display:inline-flex;background:#000;border:1px solid var(--line);border-radius:var(--r-md);padding:4px;gap:4px;flex-wrap:wrap}
.modes button{height:40px;padding:0 18px;border-radius:var(--r-sm);font-weight:600;font-size:14px;color:var(--muted)}
.modes button:hover{color:var(--text)}
.modes button[aria-pressed="true"]{background:var(--blue);color:#fff}
.mode-note{margin-top:10px;font-size:13px;color:var(--muted)}

.servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}
.srv{display:grid;grid-template-columns:30px minmax(0,1fr) auto 64px;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--r-sm);text-align:left;border:1px solid transparent}
.srv:hover{background:var(--deck)}
.srv[aria-checked="true"]{background:rgba(47,123,255,.1);border-color:rgba(47,123,255,.45)}
.cc{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.srv .name{font-weight:500}
.bars{display:flex;gap:2px;align-items:flex-end;height:14px}
.bars i{width:3px;background:var(--line-hi);border-radius:1px}
.bars i:nth-child(1){height:5px}.bars i:nth-child(2){height:8px}.bars i:nth-child(3){height:11px}.bars i:nth-child(4){height:14px}
.bars[data-q="4"] i,.bars[data-q="3"] i:nth-child(-n+3),.bars[data-q="2"] i:nth-child(-n+2),.bars[data-q="1"] i:nth-child(1){background:var(--blue)}
.bars[data-q="4"] i{background:var(--ice)}
.ms{white-space:nowrap;font-size:13px;color:var(--muted);text-align:right}
.ms b{color:var(--text);font-weight:600}
.srv.off .name,.srv.off .cc{color:var(--dim)}

/* ---------- live server ---------- */
.live{display:flex;align-items:center;gap:20px;margin-top:24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--hull);overflow:hidden}
.live-thumb{width:168px;align-self:stretch;background:url(/assets/img/inferno.jpg) center/cover;filter:saturate(.7);position:relative;flex:none}
.live-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,var(--hull))}
.live-body{flex:1;padding:18px 0;min-width:0}
.live-title{font:700 24px/1.05 var(--display);text-transform:uppercase}
.live-meta{font-size:13px;color:var(--muted);margin-top:4px}
.live-meta b{color:var(--ice);font-weight:600}
.live .btn{margin-right:20px}

/* ---------- rankings ---------- */
.board{margin-top:24px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--hull);overflow:hidden}
.board-head{display:flex;justify-content:space-between;align-items:baseline;padding:20px 24px 14px}
.board-head a{font-size:14px;color:var(--ice);font-weight:500}
.board-head a:hover{text-decoration:underline}
table{width:100%;border-collapse:collapse}
th{font-size:12px;font-weight:500;color:var(--dim);text-align:left;padding:8px 24px;border-bottom:1px solid var(--line)}
td{padding:14px 24px;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
tbody tr:hover{background:var(--deck)}
.num{text-align:right}
.rk{font:800 22px/1 var(--display);color:var(--dim);width:56px}
tr:nth-child(1) .rk{color:var(--gold)}
tr:nth-child(2) .rk,tr:nth-child(3) .rk{color:var(--ice)}
.who{display:flex;align-items:center;gap:12px;font-weight:600}
.who:hover{color:var(--ice)}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--display);background:var(--deck);border:1px solid var(--line-hi);color:var(--ice);text-transform:uppercase}
.rating{font-weight:700}
.wr{display:inline-flex;align-items:center;gap:10px}
.wr-bar{width:56px;height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.wr-bar i{display:block;height:100%;background:var(--blue)}

/* ---------- rail cards ---------- */
.card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--hull);padding:20px}
.card-k{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}
.card h3{font:800 26px/1 var(--display);text-transform:uppercase;margin-top:6px}
.card p{font-size:14px;color:var(--muted);margin-top:6px}
.card .btn{height:38px;margin-top:16px}

.tourney{padding:0;overflow:hidden;border-color:var(--line-hi)}
.tourney-top{display:flex;gap:16px;padding:20px;background:linear-gradient(140deg,#0E2552 0%,var(--hull) 70%)}
.tourney-top img{width:64px;height:64px;border-radius:var(--r-sm);flex:none;object-fit:cover}
.prize{font:900 48px/1 var(--display);color:#fff;margin-top:16px}
.prize small{font:500 14px var(--body);color:var(--muted);margin-left:6px}
.fill{height:6px;background:#000;border-radius:3px;margin-top:14px;overflow:hidden}
.fill i{display:block;height:100%;background:var(--blue);width:96.9%}
.tourney-bot{padding:0 20px 20px}
.tourney-bot .row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:8px}
.tourney-bot .row b{color:var(--text);font-weight:600}
.tourney .btn{width:100%}

.ladder .amt{font:900 40px/1 var(--display);margin-top:10px}
.ladder .divs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.ladder .divs span{font-size:12px;text-align:center;padding:6px 0;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--muted)}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.split .card{min-width:0}
.mini{padding:16px}
.mini h3{font-size:20px}
.mini .btn{width:100%;height:34px;font-size:13px}

.discord{display:flex;gap:14px;align-items:center}
.discord .ico{width:44px;height:44px;border-radius:var(--r-md);background:#5865F2;display:grid;place-items:center;flex:none}
.discord .ico svg{width:24px;height:24px;fill:#fff}
.discord>div{min-width:0}
.discord .counts{font-size:13px;color:var(--muted)}
.discord .counts b{color:var(--text);font-weight:600}
.discord .btn{margin:0 0 0 auto}

.ad{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--hull);position:relative}
.ad-label{position:absolute;top:8px;right:8px;font-size:11px;color:var(--muted);background:rgba(0,0,0,.7);padding:2px 7px;border-radius:3px}
.ad img{width:100%;height:auto}
.ad-wide{margin-top:24px}
.ad-sky{position:sticky;top:88px}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);background:var(--hull)}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr) 1.3fr;gap:32px;padding-top:48px;padding-bottom:40px}
.foot p{color:var(--muted);font-size:14px;margin-top:14px;max-width:34ch}
.social{display:flex;gap:8px;margin-top:20px}
.social a{width:38px;height:38px;border:1px solid var(--line-hi);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--muted)}
.social a:hover{color:var(--text);border-color:var(--blue)}
.social svg{width:17px;height:17px;fill:currentColor}
.foot h4{font:700 17px/1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:14px}
.foot ul{list-style:none;display:grid;gap:9px}
.foot li a,.foot li button{font-size:14px;color:var(--muted)}
.foot li a:hover,.foot li button:hover{color:var(--text)}
.promo{display:block;border:1px solid var(--line);border-radius:var(--r-md);padding:16px;margin-bottom:10px}
.promo:hover{border-color:var(--line-hi);background:var(--deck)}
.promo strong{font:700 19px/1 var(--display);text-transform:uppercase}
.promo span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.promo em{font-style:normal;color:var(--ice);font-weight:600}
.legal{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:24px;font-size:13px;color:var(--dim);flex-wrap:wrap}
.legal nav{display:flex;gap:20px}
.legal a:hover{color:var(--text)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--deck);border:1px solid var(--blue);padding:10px 16px;border-radius:var(--r-md);font-size:14px;transition:.2s;pointer-events:none;z-index:50}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* page-load: one orchestrated moment on the headline only */
@media (prefers-reduced-motion:no-preference){
  .lobby h1{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
  .lobby h1 span{animation:rise .7s .12s cubic-bezier(.2,.7,.2,1) both}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .grid{grid-template-columns:minmax(0,1fr)}
  .rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail .ad-sky-wrap{display:none}
  .foot{grid-template-columns:repeat(3,1fr)}
  .foot .f-brand,.foot .f-promo{grid-column:span 3}
}
@media (max-width:900px){
  .nav,.auth .btn-ghost{display:none}
  .burger{display:grid;place-items:center;margin-left:auto}
  .top .wrap{gap:12px}
  .nav.open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#000;border-bottom:1px solid var(--line);padding:12px 16px}
  .nav.open a[aria-current]::after{display:none}
  .nav.open .more-menu{position:static;display:block;border:0;background:none;padding:0 0 0 12px}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .lobby-in{padding:28px 20px 24px}
  .lobby-sect{padding:20px}
  .partner{display:none}
  .slot{width:52px;height:52px}
  .party{gap:8px;flex-wrap:wrap}
  .party-meta{flex-basis:100%;margin:6px 0 0}
  .go{grid-template-columns:1fr}
  .servers{grid-template-columns:1fr}
  .rail{grid-template-columns:1fr}
  .live-thumb{display:none}
  .live{padding:0 20px 18px;flex-direction:column;align-items:stretch;gap:12px}
  .live .btn{margin:0}
  .av{display:none}
  .rk{width:36px}
  td{font-size:14px}
  th,td{padding-left:12px;padding-right:12px}
  .hide-sm{display:none}
  .foot{grid-template-columns:1fr 1fr}
  .foot .f-brand,.foot .f-promo{grid-column:span 2}
  .auth .btn-blue{padding:0 12px;height:36px}
  .brand{font-size:21px}
  .burger{margin-left:0}
  .auth{margin-left:auto}
}
.empty-row{text-align:center;color:var(--muted);padding:28px 24px!important}

.brand{min-width:0;overflow:hidden}.burger,.top .auth{flex:none}

/* logged-in header */
.auth-in{gap:10px}
.hdr-wallet{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 12px;border:1px solid var(--line-hi);border-radius:var(--r-sm);font-size:13px;color:var(--muted);white-space:nowrap}
.hdr-wallet b{color:var(--text);font-weight:700}
.hdr-wallet:hover{border-color:var(--ice)}
.umenu{position:relative}
.umenu-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 4px;border:1px solid var(--line-hi);border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--text)}
.umenu-btn:hover{border-color:var(--ice)}
.umenu-av{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(160deg,#173468,#0A1730);color:var(--ice);font:800 15px var(--display)}
.umenu-av img{width:100%;height:100%;object-fit:cover}
.umenu-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umenu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:190px;padding:6px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--deck);box-shadow:0 14px 40px rgba(0,0,0,.6);display:grid}
.umenu-list[hidden]{display:none}
.umenu-list a,.umenu-list button{display:block;text-align:left;padding:9px 12px;border-radius:var(--r-sm);font-size:14px;color:var(--text);width:100%}
.umenu-list a:hover,.umenu-list button:hover{background:var(--line)}
.umenu-list [data-logout]{color:#FF8A8D;border-top:1px solid var(--line);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:4px}
@media (max-width:980px){.hdr-wallet{display:none}.umenu-name{display:none}.umenu-btn{padding:0 4px}}

.cm-notice{position:fixed;top:76px;right:16px;z-index:90;max-width:min(380px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;padding:12px 10px 12px 14px;border:1px solid var(--line-hi);border-left:3px solid var(--blue);border-radius:var(--r-sm);background:var(--deck);color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.55);font-size:14px;line-height:1.45;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease}
.cm-notice.in{opacity:1;transform:none}
.cm-notice.bad{border-left-color:#E5484D}
.cm-notice button{flex:none;width:24px;height:24px;margin:-2px 0 0 auto;border-radius:4px;color:var(--muted);font-size:18px;line-height:1}
.cm-notice button:hover{color:var(--text);background:var(--line)}
@media (prefers-reduced-motion:reduce){.cm-notice{transition:none}}


/* homepage backdrop */
body.home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.9) 70%,#000 92%),
  radial-gradient(120% 80% at 50% 20%,transparent 40%,rgba(0,0,0,.55) 100%),
  url(/assets/img/home-bg.jpg) center 12%/cover no-repeat}
@media (max-width:720px){body.home::before{background-position:center,center,62% 0}}

.lobby.is-in .party{justify-content:center}
.lobby.is-in .go{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}
.lobby.is-in .go:has(> :nth-child(2)){grid-template-columns:1fr 1fr}
.lobby.is-in .fine{text-align:center;margin-left:auto;margin-right:auto}
@media (max-width:720px){.lobby.is-in .party-meta{text-align:center}.lobby.is-in .go:has(> :nth-child(2)){grid-template-columns:1fr}}
.lobby-sect:has(.modes){text-align:center}
.lobby-sect:has(.modes) .sect-row{justify-content:center}
.lobby-sect:has(.modes) .modes{justify-content:center}

.rail-left{display:none}
@media (min-width:1560px){
  body.home main.grid{max-width:1800px;grid-template-columns:340px minmax(0,1fr) 340px}
  body.home .rail-left{display:flex;flex-direction:column;gap:16px}
}

/* pop-up notifications + dialogs (CMUI) */
.cm-toasts{position:fixed;inset:80px 16px auto auto;margin:0;padding:0;border:0;background:none;overflow:visible;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px));z-index:1000;pointer-events:none}
.cm-toasts:popover-open{inset:80px 16px auto auto}
.cm-toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 12px 12px 14px;border:1px solid var(--line-hi);border-left:3px solid #3DD68C;border-radius:var(--r-md);background:#0B1220;color:var(--text);font-size:14px;line-height:1.45;box-shadow:0 12px 32px rgba(0,0,0,.55);animation:cmIn .22s cubic-bezier(.2,.8,.2,1)}
.cm-toast.bad{border-left-color:#E5484D}.cm-toast.info{border-left-color:var(--blue)}
.cm-toast.cm-bye{opacity:0;transform:translateY(-10px);transition:.2s}
.cm-ti{width:20px;height:20px;color:#3DD68C;margin-top:1px}.cm-toast.bad .cm-ti{color:#FF8A8D}.cm-toast.info .cm-ti{color:var(--ice)}
.cm-ti svg{width:20px;height:20px}
.cm-tm a{color:var(--ice);text-decoration:underline}
.cm-tx{background:none;border:0;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.cm-tx:hover{color:var(--text)}
@keyframes cmIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:640px){.cm-toasts,.cm-toasts:popover-open{inset:70px 12px auto 12px;width:auto}}
dialog:modal{margin:auto;max-height:calc(100dvh - 32px)}   /* a reset set margin:0, which pinned dialogs to the top-left */
.cm-dlg{border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--deck);color:var(--text);padding:0;width:min(440px,calc(100vw - 32px))}
.cm-dlg::backdrop{background:rgba(0,0,0,.7)}
.cm-dlg form{display:grid;gap:14px;padding:22px}
.cm-dlg h2{font:800 22px/1.1 var(--display);text-transform:uppercase}
.cm-db{color:#B7C3DA;font-size:14px;line-height:1.5}
.cm-db b{color:var(--text)}
.cm-dl{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.cm-dl .inp{height:42px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:inherit;padding:0 12px}
.cm-dbtn{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.btn-danger{background:#E5484D;color:#fff}.btn-danger:hover{background:#C2353A}
@media (prefers-reduced-motion:reduce){.cm-toast{animation:none}}

.srv .name small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.srv{height:auto;min-height:44px;padding-top:6px;padding-bottom:6px}
.srv-empty{color:var(--muted);font-size:14px;padding:12px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3DD68C;margin-right:6px;vertical-align:1px;animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
.av.has-img{padding:0;overflow:hidden;background:none}.av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

/* logo */
.brand-mark{width:30px;height:30px}
@media (max-width:720px){.brand-mark{width:26px;height:26px}}
/* live strip: servers online */
#srvStrip.is-off .dot{background:#5B6475;box-shadow:none;animation:none}
/* deathmatch card */
.live.is-off .live-thumb{filter:grayscale(1) brightness(.6)}
.live .on-dot,.live .off-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}
.live .on-dot{background:#3DD68C}.live .off-dot{background:#5B6475}
.live .btn:disabled{opacity:.55;cursor:not-allowed}
/* announcement bar */
.cm-ann{background:linear-gradient(90deg,#0B2A66,#123B8A);border-bottom:1px solid rgba(92,152,255,.35);font-size:14px;color:#fff}
.cm-ann .wrap{display:flex;align-items:center;gap:12px;min-height:40px;padding-top:6px;padding-bottom:6px}
.cm-ann-t{flex:1;min-width:0;text-align:center;padding-left:40px}.cm-ann-t a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cm-ann button{flex:none;width:28px;height:28px;border-radius:4px;color:#C9D6EE;font-size:20px;line-height:1}.cm-ann button:hover{background:rgba(255,255,255,.12);color:#fff}
.cm-ann-warn{background:linear-gradient(90deg,#4A3200,#6B4A00);border-bottom-color:rgba(255,196,0,.35)}
.cm-ann-promo{background:linear-gradient(90deg,#2F7BFF,#5C98FF)}
/* report dialog */
.rp-dlg{border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--deck);color:var(--text);padding:0;width:min(460px,calc(100vw - 32px));margin:auto}
.rp-dlg::backdrop{background:rgba(0,0,0,.72)}
.rp-form{display:grid;gap:14px;padding:20px}
.rp-form h2{font:800 26px/1 var(--display);text-transform:uppercase}
.rp-form label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.rp-form select,.rp-form textarea{background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:14px;padding:10px 12px}
.rp-form select{height:42px;padding:0 12px}
.rp-note{font-size:12px;margin:0}
.rp-form .btn-row{margin:0}

/* Sunday tweaks */
.strip .wrap{justify-content:center}
.subnav .wrap{justify-content:safe center}
.btn.btn-report{background:#E5484D;border-color:#E5484D;color:#fff}.btn.btn-report:hover{background:#C2353A;border-color:#C2353A}
.top .brand{flex:none}
@media (max-width:1280px){.nav a.nav-inv{display:none}}

/* ---------- branded background (every page): deep navy with the logo's slanted bars, faint grid and two glows ---------- */
html{background:#000}
body{background:transparent;position:relative;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 45% at 100% 0%,rgba(47,123,255,.16),transparent 70%),
    radial-gradient(50% 40% at 0% 100%,rgba(22,71,184,.18),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%232F7BFF' fill-opacity='.022'%3E%3Cpath d='M22 18h14L22 74H8z'/%3E%3Cpath d='M44 18h14L44 74H30z'/%3E%3C/g%3E%3Cg fill='%23A9C8FF' fill-opacity='.016'%3E%3Cpath d='M102 98h14l-14 56H88z'/%3E%3Cpath d='M124 98h14l-14 56h-14z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(rgba(36,55,90,.12) 1px,transparent 1px) 0 0/100% 48px,
    linear-gradient(180deg,#02050B 0%,#000 60%,#02060E 100%)}
body::after{content:"";position:fixed;left:0;right:0;top:0;height:2px;z-index:30;pointer-events:none;background:linear-gradient(90deg,transparent,#2F7BFF 30%,#A9C8FF 50%,#2F7BFF 70%,transparent);opacity:.55}
.page-head{background:linear-gradient(180deg,rgba(6,16,31,.92) 0%,rgba(0,0,0,.35) 100%)}
@media print{body::before,body::after{display:none}}

/* header bell */
.bell{position:relative}
.bell-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--muted)}
.bell-btn:hover{color:var(--text)}.bell-btn svg{width:18px;height:18px}
.bell-n{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#E5484D;color:#fff;font:700 11px/18px var(--body);font-style:normal;text-align:center}
.bell-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(360px,calc(100vw - 24px));border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--deck);box-shadow:0 14px 40px rgba(0,0,0,.6);overflow:hidden}
.bell-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}
.bell-h button{font-size:12px;color:var(--ice)}
.bell-list ul{list-style:none;max-height:420px;overflow:auto}
.bell-list li a{display:grid;gap:2px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}
.bell-list li a:hover{background:var(--line)}
.bell-list li.new a{box-shadow:inset 3px 0 0 var(--blue);background:rgba(47,123,255,.06)}
.bell-list li small{color:var(--muted);font-size:11px}
.bell-list li.none{padding:16px;color:var(--muted);font-size:13px}

/* matchmaking: bar back to the room + match found dialog */
.mm-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;background:var(--blue);color:#fff;box-shadow:0 12px 32px rgba(0,0,0,.55);font-size:14px;white-space:nowrap;max-width:calc(100vw - 32px)}
.mm-bar i{width:10px;height:10px;border-radius:50%;background:#fff;animation:mmPulse 1.2s infinite}
.mm-bar span{opacity:.85}
@keyframes mmPulse{50%{opacity:.3}}
.mm-found{text-align:center;width:min(420px,calc(100vw - 32px));border-top:3px solid var(--blue)}
.mm-found .mm-k{font:800 14px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}
.mm-found h2{font:900 56px/1 var(--display)!important;text-transform:uppercase;margin:8px 0}
.mm-found .mm-s{font:800 28px/1 var(--display)}
.mm-found .cm-dbtn{justify-content:center}.mm-found .cm-dbtn .btn{min-width:130px;height:48px}

/* 3D inspect */
.cm-3d{width:min(1100px,calc(100vw - 24px));max-width:none;padding:14px}
.cm-3d-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.cm-3d-h small{display:block;color:var(--muted);font-size:12px}
.cm-3d-frame{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:#05080F;border:1px solid var(--line)}
.cm-3d-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cm-3d-note{position:absolute;inset:auto 0 12px;text-align:center;color:var(--muted);font-size:13px;pointer-events:none}
.cm-3d-foot{margin-top:8px;font-size:12px;color:var(--muted)}

/* float rank banners (inventory, market, profile showcase) */
.skin{position:relative}
.fr-banner{position:absolute;top:-1px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:0 0 6px 6px;z-index:2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#081120;background:linear-gradient(90deg,#A9C8FF,#E6ECF7);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.fr-banner.fr-low.fr-r1,.fr-banner.fr-high.fr-r1{background:linear-gradient(90deg,#E8B84A,#FFE6A3)}
.fr-banner.fr-world{background:linear-gradient(90deg,#EB4B4B,#FF9F6B);color:#fff}
.fr-banner.fr-world.fr-r1{background:linear-gradient(90deg,#E8B84A,#EB4B4B);color:#fff;box-shadow:0 0 0 1px rgba(255,230,163,.6),0 4px 14px rgba(235,75,75,.45)}
.iv-stk{display:flex;gap:4px;margin-top:6px}.iv-stk img{width:30px;height:22px;object-fit:contain}
/* storage units */
.iv-storage{margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--hull)}
.iv-st-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.iv-st-h h2{font:800 22px/1 var(--display);text-transform:uppercase}
.iv-st-h .btn{height:36px}
.iv-st-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.iv-st{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--black);text-align:left}
.iv-st:hover{border-color:var(--blue)}
.iv-st-ic{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:var(--deck);color:var(--ice)}.iv-st-ic svg{width:22px;height:22px}
.iv-st b{display:block}.iv-st small{color:var(--muted);font-size:12px}
.st-tools{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.st-tools .btn{height:30px;font-size:12px;padding:0 10px}
.st-items{list-style:none;display:grid;gap:4px;max-height:50vh;overflow:auto}
.st-items label{display:grid;grid-template-columns:auto 52px 1fr;gap:10px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.st-items img{width:52px;height:36px;object-fit:contain}.st-items small{display:block;color:var(--muted);font-size:11px}
.cm-dl select.inp{height:40px;width:100%;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);padding:0 10px;font:inherit}
/* fire sale */
.fs-slot{position:absolute;left:8px;bottom:8px;z-index:2;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:800;text-transform:uppercase;background:var(--deck);border:1px solid var(--line-hi)}
.fs-slot.fs-knife{background:var(--gold);color:#000;border-color:var(--gold)}.fs-slot.fs-covert{background:#EB4B4B;border-color:#EB4B4B}.fs-slot.fs-agent{background:#4B69FF;border-color:#4B69FF}
.fs-item .skin-img{position:relative}.fs-item.is-sold{opacity:.5}.fs-item.is-sold .skin-img{filter:grayscale(1)}
@media (prefers-reduced-motion:reduce){.mm-bar i{animation:none}}
/* header: room for the bell */
@media (max-width:560px){header.top .wrap .brand{font-size:18px!important;gap:6px!important;flex:0 1 auto!important;text-overflow:clip}header.top .wrap .brand-mark{width:24px!important;height:24px!important}}
.utabs{overflow-x:auto;scrollbar-width:none}.utabs [role=tab]{flex:none;white-space:nowrap}
@media (max-width:560px){.top .wrap{gap:10px;padding:0 14px}.top .brand{font-size:19px;gap:7px}.top .brand-mark{width:22px;height:22px}.bell-btn{width:36px;height:36px}.auth-in{gap:6px}}
@media (max-width:1500px){.nav a[href="/skin-database"]{display:none}}
@media (max-width:1680px){.auth-in .umenu-name{display:none}.auth-in .umenu-btn{padding:0 4px}}
@media (max-width:1480px){.nav a[href="/cash-ladder"]{display:none}}
.go .is-searching{display:inline-flex;align-items:center;gap:10px;opacity:1!important;cursor:default}.q-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.more-menu .more-dup{display:none}@media (max-width:1500px){.more-menu .md-skins{display:block}}@media (max-width:1480px){.more-menu .md-ladder{display:block}}
@media (max-width:1360px){.nav a[href="/tournaments"]{display:none}.more-menu .md-tour{display:block}}@media (max-width:1250px){.nav a[href="/rankings"]{display:none}.more-menu .md-rank{display:block}}@media (max-width:1140px){.nav a[href="/inventory"]{display:none}.more-menu .md-inv{display:block}}@media (max-width:1040px){.nav a[href="/buy-mp"]{display:none}.more-menu .md-buy{display:block}}
@media (max-width:480px){.page-head h1{font-size:clamp(34px,11vw,56px);overflow-wrap:anywhere}}.ct-qty{flex-wrap:wrap}
.insp-live{margin-top:10px}
/* old row style kept for reference */.insp-srv{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid rgba(232,184,74,.35);border-radius:var(--r-md);background:linear-gradient(90deg,rgba(232,184,74,.08),rgba(0,0,0,.4))}.insp-srv b{display:block;font:800 18px/1.1 var(--display);text-transform:uppercase}.insp-srv small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:3px 0}.insp-srv span{display:block;font-size:12px;color:#B7C3DA}.insp-srv span b{display:inline;font:inherit;text-transform:none;color:var(--text)}.insp-srv .btn{flex:none}@media (max-width:560px){.insp-srv{flex-direction:column;align-items:stretch}}

/* ---------- batch 15 ---------- */
/* party (homepage) */
.party .slot{position:relative;overflow:visible}
.party .pt-m{border-style:solid;border-color:var(--line-hi);background:var(--deck);color:var(--ice);font:800 20px var(--display)}
.party .pt-m img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.party .pt-m.you{border-color:var(--blue)}
.pt-crown{position:absolute;top:-8px;right:-6px;font-style:normal;font-size:13px;color:var(--gold);text-shadow:0 1px 4px #000}
.party .slot:disabled{opacity:.35;cursor:not-allowed}
.pt-inv{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px;color:var(--text)}
.pt-link{color:var(--ice);font-size:13px;text-decoration:underline}
.btn.btn-xs{height:26px;padding:0 9px;font-size:12px}
.pt-pick{display:grid;gap:6px;max-height:50vh;overflow:auto}
.pt-pick label{display:grid;grid-template-columns:auto 34px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;cursor:pointer}
.pt-pick label:has(input:checked){border-color:var(--blue);background:rgba(47,123,255,.08)}
.pt-av{width:34px;height:34px;border-radius:8px;background:var(--deck);display:grid;place-items:center;font-weight:800;overflow:hidden}.pt-av img{width:100%;height:100%;object-fit:cover}
.pt-pick small{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:5px}.pt-on{width:8px;height:8px;border-radius:50%;background:#3DD68C;display:inline-block}

/* inspect dialog */
.ins-dlg{width:min(860px,calc(100vw - 24px));max-width:none;padding:22px 24px;box-sizing:border-box}
.ins-l{font-weight:600;color:var(--muted)}
.ins-h{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.ins-k{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}
.ins-h h2{font:900 30px/1.05 var(--display)!important;text-transform:uppercase;margin:6px 0 4px}
.ins-h small{color:var(--muted);font-size:13px}
.ins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ins-card{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid var(--line-hi);border-radius:10px;background:var(--black)}
.ins-card b{font:800 18px/1 var(--display);text-transform:uppercase}
.ins-card p{font-size:13px;color:#B7C3DA;line-height:1.45}
.ins-3d{border-color:rgba(47,123,255,.5);background:linear-gradient(160deg,rgba(47,123,255,.12),var(--black) 60%)}
.ins-game{border-color:rgba(232,184,74,.45);background:linear-gradient(160deg,rgba(232,184,74,.1),var(--black) 60%)}
.ins-row{display:flex;gap:6px;flex-wrap:wrap}.ins-row .btn{height:36px;font-size:13px}
.ins-conn{font-size:13px;line-height:1.6}.ins-conn code{color:var(--ice)}
kbd{font:600 11px/1 ui-monospace,Menlo,monospace;padding:2px 5px;border:1px solid var(--line-hi);border-radius:4px;background:var(--deck)}
.ins-raw{display:grid;gap:8px;margin-top:14px}
.ins-raw label{display:grid;gap:4px;font-size:12px;color:var(--muted)}
.ins-raw span{display:flex;gap:6px}.ins-raw input{flex:1;min-width:0;height:36px;padding:0 10px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:12px ui-monospace,Menlo,monospace}
.ins-raw .btn{height:36px}.ins-raw .textlink{font-size:13px}
@media (max-width:760px){.ins-grid{grid-template-columns:1fr}}

/* weekly drop */
.wk-dlg{width:min(760px,calc(100vw - 24px));max-width:none;padding:24px;box-sizing:border-box;text-align:center;border-top:3px solid var(--gold)}
.wk-k{font:800 14px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.wk-dlg h2{font:900 48px/1 var(--display)!important;text-transform:uppercase;margin:8px 0}
.wk-sub{color:#B7C3DA;font-size:14px;margin-bottom:16px}
.wk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.wk-o{position:relative;display:grid;justify-items:center;gap:6px;padding:14px 10px;border:1px solid var(--line-hi);border-radius:12px;background:radial-gradient(80% 60% at 50% 30%,rgba(47,123,255,.12),var(--black));transition:transform .15s,border-color .15s}
.wk-o:hover{transform:translateY(-2px);border-color:var(--blue)}
.wk-o[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px rgba(232,184,74,.35)}
.wk-o img{width:100%;height:84px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.wk-o b{font-size:13px;line-height:1.25}.wk-o small{color:var(--muted);font-size:12px}
.wk-tag{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--deck);color:var(--muted)}
.wk-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px;background:var(--gold);color:#000;opacity:0}
.wk-o[aria-pressed=true] .wk-check{opacity:1}
.wk-dlg .cm-dbtn{justify-content:center}
@media (max-width:640px){.wk-grid{grid-template-columns:1fr 1fr}.wk-dlg h2{font-size:36px!important}}

/* item tags: souvenir, Steam synced, pattern banners (same look as the float banners) */
.pill-sv{background:rgba(255,215,0,.14)!important;color:#FFD700!important;border-color:rgba(255,215,0,.45)!important}
.pill-steam{background:rgba(102,192,244,.14)!important;color:#66C0F4!important;border-color:rgba(102,192,244,.45)!important}
.pat-banner{position:absolute;top:-1px;right:8px;z-index:2;white-space:nowrap;padding:3px 8px;border-radius:0 0 6px 6px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.4);color:#fff;background:linear-gradient(90deg,#2F7BFF,#5B9BFF)}
.fr-banner + .pat-banner{top:22px}
.pf-skin{position:relative}.pf-stk{justify-content:center}.pf-insp{margin-top:6px;justify-self:center}
.pat-banner.pat-gem1{background:linear-gradient(90deg,#1747FF,#3FA9FF);box-shadow:0 0 0 1px rgba(160,210,255,.7),0 4px 16px rgba(23,71,255,.55)}
.pat-banner.pat-gem2{background:linear-gradient(90deg,#2559D9,#58A6FF)}
.pat-banner.pat-gem3{background:linear-gradient(90deg,#2F5FA8,#6E9FD8)}
.pat-banner.pat-gold{background:linear-gradient(90deg,#B8860B,#FFD45E);color:#1A1200}
.pat-banner.pat-blue{background:rgba(23,40,72,.92);color:#9CC2FF;box-shadow:none;border:1px solid rgba(91,155,255,.35);border-top:0}
.pat-banner.pat-fade{background:linear-gradient(90deg,#E04E8C,#F2B33D,#6E5BFF);}
.pat-banner.pat-fade-max{background:linear-gradient(90deg,#E04E8C,#F2B33D,#6E5BFF);box-shadow:0 0 0 1px rgba(255,230,163,.7),0 4px 16px rgba(224,78,140,.5)}
.pat-banner.pat-fi,.pat-banner.pat-fi-top{background:linear-gradient(90deg,#E5484D,#2F7BFF)}
.pat-banner.pat-fi-top{box-shadow:0 0 0 1px rgba(255,255,255,.6),0 4px 16px rgba(229,72,77,.5)}

/* stat colors (profile) and inventory leaderboard tag */
.st-good{color:#3DD68C!important}.st-mid{color:#F5C451!important}.st-bad{color:#FF6B6E!important}
.lb-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:800 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border:1px solid}
.lb-tag.lb-1{color:#1A1200;background:linear-gradient(90deg,#E8B84A,#FFE6A3);border-color:#FFE6A3;box-shadow:0 0 18px rgba(232,184,74,.45)}
.lb-tag.lb-2{color:#0E141F;background:linear-gradient(90deg,#AEB8C7,#EEF2F8);border-color:#EEF2F8;box-shadow:0 0 14px rgba(200,210,225,.35)}
.lb-tag.lb-3{color:#1E0F05;background:linear-gradient(90deg,#B06A33,#E7A774);border-color:#E7A774;box-shadow:0 0 14px rgba(176,106,51,.4)}

/* bulk select (inventory) */
.iv-bulk{position:sticky;top:72px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid var(--blue);border-radius:10px;background:rgba(6,14,28,.96);box-shadow:0 10px 28px rgba(0,0,0,.5)}
.iv-bulk b{margin-right:auto;font-size:14px}.iv-bulk .btn{height:34px;font-size:13px}
.skin.is-pick{outline:2px solid var(--blue);outline-offset:-2px}
.iv-pick{position:absolute;top:8px;left:8px;z-index:3;width:22px;height:22px;border-radius:6px;border:2px solid var(--line-hi);background:rgba(0,0,0,.6);display:grid;place-items:center;font-size:13px;color:#fff}
.skin.is-pick .iv-pick{background:var(--blue);border-color:var(--blue)}
.iv-picking .skin{cursor:pointer}.iv-picking .skin .skin-wear{left:36px}.iv-picking .skin .iv-act{pointer-events:none;opacity:.4}

/* custom games */
.cg-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-bottom:24px}
.cg-h{font:800 24px/1 var(--display);text-transform:uppercase;margin-bottom:14px}
.cg-form{display:grid;gap:12px}.cg-form label{display:grid;gap:6px;font-size:13px;color:var(--muted)}
.cg-form .inp{height:42px;padding:0 12px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:inherit}
.cg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cg-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cg-modes label{display:block;cursor:pointer}.cg-modes input{position:absolute;opacity:0;pointer-events:none}
.cg-modes span{display:grid;gap:2px;padding:12px;border:1px solid var(--line-hi);border-radius:10px;background:var(--black);text-align:center}
.cg-modes b{font:900 28px/1 var(--display);color:var(--text)}.cg-modes small{font-size:12px}
.cg-modes input:checked+span{border-color:var(--blue);background:linear-gradient(160deg,rgba(47,123,255,.2),var(--black));box-shadow:0 0 0 1px var(--blue) inset}
.cg-modes input:focus-visible+span{outline:2px solid var(--ice)}
.cg-toggles{display:flex;flex-wrap:wrap;gap:8px}
.cg-toggles label{display:flex!important;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line-hi);border-radius:999px;background:var(--black);color:var(--text)!important;cursor:pointer}
.cg-toggles input{accent-color:var(--blue)}
.cg-go{height:50px;font:800 17px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.cg-note{font-size:13px;color:var(--muted);text-align:center}
.cg-steps{list-style:none;counter-reset:s;display:grid;gap:12px}
.cg-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:2px 12px}
.cg-steps li::before{content:counter(s);grid-row:span 2;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:900 18px/1 var(--display);background:rgba(47,123,255,.15);color:var(--ice);border:1px solid rgba(47,123,255,.5)}
.cg-steps span{font-size:13px;color:#B7C3DA}
.cg-lh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cg-list{display:grid;gap:8px}
.cg-l{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line-hi);border-radius:12px;background-size:cover;background-position:center}
.cg-l h3{font:800 20px/1.1 var(--display);text-transform:uppercase}.cg-l p{font-size:13px;color:#B7C3DA;margin-top:4px}
.cg-n{font:800 22px/1 var(--display)}
.cg-lobby-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.cg-k{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ice)}
.cg-title{font:900 clamp(40px,6vw,72px)/.95 var(--display);text-transform:uppercase;margin:6px 0}
.cg-meta{color:#B7C3DA;font-size:14px}
.cg-teams{display:grid;grid-template-columns:1fr 1fr minmax(220px,.7fr);gap:12px;margin-bottom:16px}
.cg-team{position:relative;display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--line-hi);border-radius:12px;background:linear-gradient(180deg,rgba(2,6,14,.86),rgba(2,6,14,.97)),var(--map) center/cover;overflow:hidden}
.cg-team.t0{border-top:3px solid #5B9BFF}.cg-team.t1{border-top:3px solid #E0A848}.cg-team.t2{border-top:3px solid var(--line-hi);background:var(--hull)}
.cg-team header{display:flex;justify-content:space-between;align-items:baseline}
.cg-team h2{font:900 26px/1 var(--display);text-transform:uppercase}.cg-cnt{font:800 16px/1 var(--display);color:var(--muted)}
.cg-team ul{list-style:none;display:grid;gap:6px}
.cg-team li{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.45)}
.cg-team li.me{border-color:var(--blue)}
.cg-team li.cg-empty{display:block;text-align:center;color:var(--dim);font-size:13px;border-style:dashed;padding:13px}
.cg-av{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--deck);font-weight:800;overflow:hidden}.cg-av img{width:100%;height:100%;object-fit:cover}
.cg-pn{min-width:0}.cg-pn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-pn small{font-size:12px;color:var(--muted)}
.cg-host-tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:var(--gold);color:#000;vertical-align:middle}
.cg-acts{display:flex;gap:4px}
.cg-mv{height:26px;min-width:26px;padding:0 7px;border:1px solid var(--line-hi);border-radius:6px;font-size:11px;font-weight:700;color:var(--muted)}
.cg-mv:hover{border-color:var(--blue);color:#fff}.cg-kick:hover{border-color:#E5484D;color:#FF8A8D}
.cg-form-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.cg-chk{display:flex!important;align-items:center;gap:8px;color:var(--text)!important;height:42px}
@media (max-width:1000px){.cg-top{grid-template-columns:1fr}.cg-teams{grid-template-columns:1fr 1fr}.cg-team.t2{grid-column:1/-1}.cg-form-row{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cg-teams{grid-template-columns:1fr}.cg-row{grid-template-columns:1fr}.cg-l{grid-template-columns:1fr auto}.cg-l .btn{grid-column:1/-1}.cg-form-row{grid-template-columns:1fr}}
/* settings: sounds */
.snd-set{border:0;padding:0;margin:0 0 14px}.snd-set legend{font-weight:700;margin-bottom:8px}
.snd-opts{display:flex;flex-wrap:wrap;gap:8px}
.snd-o{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line-hi);border-radius:8px;background:var(--black);cursor:pointer}
.snd-o:has(input:checked){border-color:var(--blue);background:rgba(47,123,255,.1)}
.snd-play{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-hi);color:var(--ice);font-size:11px;display:inline-grid;place-items:center}
.snd-play:hover{border-color:var(--blue);color:#fff}
.snd-vol{display:grid;gap:6px;max-width:360px;margin:6px 0 14px}.snd-vol span{display:flex;justify-content:space-between;font-size:14px}.snd-vol input{accent-color:var(--blue)}
/* upgrader: several skins at once */
.up-multi{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:220px}.up-multi img{width:44px;height:32px;object-fit:contain}.up-multi em{font-style:normal;font-size:12px;color:var(--muted);align-self:center;margin-left:4px}
.pick{position:relative}.pick.on{border-color:var(--blue)!important;background:rgba(47,123,255,.12)!important}
.up-chk{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--blue);color:#fff;opacity:0}.pick.on .up-chk{opacity:1}
.up-use{position:sticky;bottom:0;grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;margin-top:6px;border:1px solid var(--line-hi);border-radius:10px;background:rgba(6,12,24,.97)}
.up-use span{font-size:13px;color:var(--muted)}
.up-sent{grid-column:1/-1;display:flex;gap:8px;align-items:center;justify-content:center;padding:12px}
/* market: infinite scroll + inspect */
.mk-more{display:flex;justify-content:center;align-items:center;gap:10px;padding:24px;color:var(--muted);font-size:14px}
.mk-insp{position:absolute;right:8px;top:44px;z-index:2;padding:3px 8px;border-radius:6px;border:1px solid var(--line-hi);background:rgba(0,0,0,.6);color:var(--ice);font-size:11px;font-weight:700;opacity:0;transition:opacity .15s}
.skin:hover .mk-insp,.mk-insp:focus{opacity:1}
@media (hover:none){.mk-insp{opacity:1}}
/* match room: connect countdown */
.rm-count{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:12px 0;border:1px solid rgba(232,184,74,.5);border-radius:10px;background:linear-gradient(90deg,rgba(232,184,74,.12),transparent)}
.rm-count b{font:900 34px/1 var(--display);color:var(--gold);min-width:84px}
.rm-count.urgent{border-color:#E5484D;background:linear-gradient(90deg,rgba(229,72,77,.16),transparent)}.rm-count.urgent b{color:#FF6B6E}
.rm-count span{font-size:14px;color:#B7C3DA}
.rm-party{font-style:normal;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;background:rgba(47,123,255,.2);color:var(--ice);margin-left:6px}

/* ---------- batch 16 ---------- */
.counts .dc-on{color:#3DD68C}.dc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3DD68C;margin:0 5px 1px 0;box-shadow:0 0 6px rgba(61,214,140,.7);vertical-align:middle}
.btn-green{background:#1F9D55;border-color:#1F9D55;color:#fff}.btn-green:hover{background:#25B562;border-color:#25B562}
.btn-green[aria-pressed=true]{box-shadow:0 0 0 2px rgba(61,214,140,.45)}
/* profile: tags */
.pill.pill-rep{background:rgba(61,214,140,.14);color:#3DD68C;border-color:rgba(61,214,140,.5)}
.pf-staff{color:#B98CFF!important}
@media (max-width:420px){header.top .wrap .brand.brand,header.top .wrap .brand.brand b{font-size:16px!important}header.top .wrap .brand.brand{font-size:16px!important;gap:5px!important;min-width:0}.brand-mark{width:20px!important;height:20px!important}}
.pf-col{grid-template-columns:minmax(0,1fr)!important;min-width:0}.pf-col>*{min-width:0;max-width:100%}.pf-show-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* profile: showcase cards (banners sit inside the card, names wrap, equal heights) */
#pfShow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf-skin{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:34px 10px 10px!important;overflow:hidden}
.pf-skin .im{width:100%;height:84px;display:grid;place-items:center}.pf-skin .im img{max-width:100%;max-height:84px;object-fit:contain}
.pf-skin b{display:block;width:100%;text-align:center;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13px;line-height:1.25;min-height:2.5em}
.pf-skin small{text-align:center;font-size:11px;line-height:1.35}
.pf-skin .fr-banner,.pf-skin .pat-banner{position:absolute;left:6px;right:6px;transform:none;top:6px;text-align:center;overflow:hidden;text-overflow:ellipsis;border-radius:5px;font-size:10px;padding:3px 6px}
.pf-skin .fr-banner + .pat-banner{top:28px}.pf-skin:has(.fr-banner + .pat-banner){padding-top:56px!important}
.pf-stk{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.pf-stk img{width:24px!important;height:18px!important}
.pf-insp{display:flex;gap:6px;justify-content:center;margin-top:auto;padding-top:6px}
/* profile: recent matches with map art + demo */
.pf-m{grid-template-columns:150px 90px 1fr 70px 80px 100px auto!important}
.pf-m-demo{font-size:12px;font-weight:700;color:var(--ice);padding:4px 8px;border:1px solid var(--line-hi);border-radius:6px;white-space:nowrap}
.pf-m-demo:hover{border-color:var(--blue);color:#fff}
@media (max-width:760px){.pf-m{grid-template-columns:110px 1fr auto!important}.pf-m-kda,.pf-m-adr,.pf-m-date{display:none}}
/* match room: team vote veto */
.rm-map.voted{box-shadow:0 0 0 2px var(--blue) inset}
.rm-map.can.ban.voted{box-shadow:0 0 0 2px #E5484D inset}
.rm-votes{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:999px;background:rgba(229,72,77,.9);color:#fff;font-size:11px;font-weight:800}
.rm-map.pick .rm-votes,.rm-map.can.pick .rm-votes{background:rgba(47,123,255,.9)}
.rm-check{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:var(--blue);color:#fff}
.rm-voted{font-size:12px;color:var(--muted);margin-left:8px}
.rm-side.voted{box-shadow:0 0 0 2px var(--blue) inset}.rm-vc{display:block;font-style:normal;font-size:12px;margin-top:4px;color:var(--ice)}
.rm-maps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}
/* inspect dialogs */
.ins-3d{width:min(1200px,calc(100vw - 24px));max-width:none;padding:18px 20px;box-sizing:border-box}
.ins-hb{display:flex;align-items:center;gap:8px}
.ins-frame{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--line-hi);background:#03070F}
.ins-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ins-foot{font-size:12px;color:var(--muted);margin-top:8px}.ins-foot .textlink{font-size:12px}
.ins-srv{width:min(560px,calc(100vw - 24px));padding:22px 24px;box-sizing:border-box}
.mk-insp{display:flex;gap:4px;padding:0!important;border:0!important;background:none!important}
.mk-insp button{padding:3px 8px;border-radius:6px;border:1px solid var(--line-hi);background:rgba(0,0,0,.65);color:var(--ice);font-size:11px;font-weight:700}
.mk-insp button:hover{border-color:var(--blue);color:#fff}
/* 3D viewer test page */
.it-h{font:900 clamp(40px,6vw,72px)/.95 var(--display);text-transform:uppercase;margin:12px 0 8px}
.it-sub{max-width:80ch;margin-bottom:14px}
.it-raw{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.it-raw label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.it-raw input{height:36px;padding:0 10px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text);font:12px ui-monospace,Menlo,monospace}
.it-saved{font-size:14px;margin-bottom:10px}.it-saved code{color:var(--ice)}
.it-custom{display:flex;gap:8px;margin-bottom:6px}.it-custom .inp{flex:1;height:40px;padding:0 12px;background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--text)}
.it-vars{font-size:12px;margin-bottom:14px}
.it-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.it-card{border:1px solid var(--line-hi);border-radius:10px;overflow:hidden;background:var(--hull)}
.it-card header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}
.it-card code{font-size:11px;color:var(--ice);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.it-b{display:flex;gap:6px;flex:none}
.it-frame{position:relative;aspect-ratio:16/10;background:#03070F}.it-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.it-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:11px;color:var(--dim);pointer-events:none}
@media (max-width:900px){.it-grid,.it-raw{grid-template-columns:1fr}}
/* party invite toast */
.pt-toast{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bell-list li{position:relative}.bell-join{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.bell-list li:has(.bell-join) a{padding-right:70px}
/* match page */
.mx-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.mx-bg{position:absolute;inset:0;background:center/cover no-repeat;filter:saturate(.85)}
.mx-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,14,.55),rgba(2,6,14,.92) 70%,#02060E),radial-gradient(60% 80% at 50% 40%,transparent,rgba(0,0,0,.5))}
.mx-in{position:relative;padding-top:22px;padding-bottom:26px}
.mx-top{display:flex;align-items:center;gap:12px;font-size:13px}.mx-back{color:var(--muted)}.mx-back:hover{color:var(--text)}
.mx-id{color:var(--muted);font:700 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em}
.mx-pill{margin-left:auto;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:rgba(255,255,255,.08);border:1px solid var(--line-hi)}
.mx-pill.live{background:rgba(229,72,77,.2);border-color:#E5484D;color:#FF8A8D}
.mxs-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:26px 0 18px}
.mx-team{display:grid;gap:4px;justify-items:start}.mx-team.r{justify-items:end;text-align:right}
.mx-team h2{font:900 clamp(26px,3.6vw,44px)/1 var(--display);text-transform:uppercase;word-break:break-word}
.mx-team small{color:var(--muted);font-size:13px}
.mx-res{font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;padding:4px 9px;border-radius:4px;background:rgba(255,255,255,.08)}
.mx-res:empty{display:none}
.mx-team.won .mx-res{background:rgba(61,214,140,.18);color:#3DD68C}.mx-team.lost .mx-res{background:rgba(229,72,77,.16);color:#FF8A8D}
.mx-mid{text-align:center}
.mx-nums{display:flex;align-items:center;justify-content:center;gap:14px;font:900 clamp(56px,9vw,104px)/.9 var(--display)}
.mx-nums b{color:#9AA8C2}.mx-nums b.won{color:#fff;text-shadow:0 0 30px rgba(47,123,255,.45)}.mx-nums i{font-style:normal;color:var(--dim)}
.mxs-map{font:800 22px/1 var(--display);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;color:var(--ice)}
.mxs-meta{color:#B7C3DA;font-size:13px;margin-top:6px}
.mx-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;align-items:center}
.mx-demo{height:46px;padding:0 22px;font:800 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.mx-page{padding-top:20px}
.mx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;margin-bottom:12px;align-items:start}
.mx-k{font:800 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.mx-mvp,.mx-cmp,.mx-veto{padding:16px;border:1px solid var(--line-hi);border-radius:12px;background:var(--hull)}
.mx-mvp{background:radial-gradient(80% 120% at 0% 0%,rgba(232,184,74,.16),var(--hull) 60%);border-color:rgba(232,184,74,.4)}
.mx-mvp-in{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.mx-mvp-in b{display:block;font:800 24px/1.1 var(--display);text-transform:uppercase}.mx-mvp-in small{color:#B7C3DA;font-size:13px}
.mx-mvp-in em{font:900 34px/1 var(--display);font-style:normal}
.mx-av{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;background:var(--deck);font-weight:800;font-size:20px;overflow:hidden;flex:none}
.mx-av img{width:100%;height:100%;object-fit:cover}.mx-av.sm{width:32px;height:32px;border-radius:7px;font-size:13px}
.mx-bar{display:grid;grid-template-columns:60px 1fr 60px;gap:4px 10px;align-items:center;margin-bottom:8px;font-size:13px}
.mx-bar b{font:800 16px/1 var(--display)}.mx-bar b:last-of-type{text-align:right}.mx-bar span{text-align:center;color:var(--muted)}
.mx-bar i{grid-column:1/-1;height:6px;border-radius:3px;background:#E0A848;overflow:hidden}.mx-bar i em{display:block;height:100%;background:#5B9BFF}
.mx-h{font:800 18px/1 var(--display);text-transform:uppercase;margin-bottom:10px}
.mx-veto{margin-bottom:12px}
.mx-veto ol{list-style:none;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.mx-veto li{flex:0 0 150px;display:grid;gap:4px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--black)}
.mx-veto li.v-ban{opacity:.75}.mx-veto li.v-ban b{color:#FF8A8D}.mx-veto li.v-pick b{color:#3DD68C}.mx-veto li.v-side b{color:var(--ice)}
.mx-vimg{height:56px;border-radius:5px;background:center/cover}.mx-veto li.v-ban .mx-vimg{filter:grayscale(1)}
.mx-side{height:56px;border-radius:5px;display:grid;place-items:center;font:900 26px/1 var(--display);background:var(--deck)}
.mx-veto small{font-size:11px;color:var(--muted)}
.mx-boards{display:grid;gap:12px}
.mx-board{border:1px solid var(--line-hi);border-radius:12px;background:var(--hull);overflow:hidden}
.mx-board.t0{border-top:3px solid #5B9BFF}.mx-board.t1{border-top:3px solid #E0A848}
.mx-board header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.mx-board header h2{font:900 22px/1 var(--display);text-transform:uppercase}.mx-board header b{font:900 30px/1 var(--display)}
.mx-board.won header b{color:#3DD68C}
.mx-board table{width:100%;border-collapse:collapse;font-size:14px}
.mx-board th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.mx-board td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.mx-board th.num,.mx-board td.num{text-align:right}
.mx-board tr:last-child td{border-bottom:0}
.mx-p{display:flex;align-items:center;gap:10px}.mx-p b{display:block;font-size:14px}.mx-p small{font-size:11px;color:var(--muted)}
.mx-elo{font-weight:800}.mx-elo.pos{color:#3DD68C}.mx-elo.neg{color:#FF6B6E}
@media (max-width:860px){.mx-row{grid-template-columns:1fr}.mxs-score{grid-template-columns:1fr;gap:10px;text-align:center}.mx-team,.mx-team.r{justify-items:center;text-align:center}.mx-board .hide-sm{display:none}}

/* ---------- batch 17 ---------- */
/* storage units: CS:GO Storage Unit art, looking inside a unit, multi-select move */
.iv-st-img{width:56px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.iv-st{display:flex;align-items:center;gap:12px;text-align:left}
.iv-st.on{border-color:var(--blue,#2E7CF6)!important;box-shadow:0 0 0 1px var(--blue,#2E7CF6) inset;background:rgba(46,124,246,.10)}
.iv-mi .ic .ic-img,.iv-mi .ic-img{width:22px;height:18px;object-fit:contain}
.iv-unitbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;margin:0 0 14px;border:1px solid rgba(46,124,246,.5);border-radius:12px;background:linear-gradient(90deg,rgba(46,124,246,.16),rgba(46,124,246,.04))}
.iv-unitbar[hidden]{display:none}
.iv-unitbar>img{width:72px;height:54px;object-fit:contain}
.iv-unitbar>div:first-of-type{display:grid;min-width:0;flex:1}
.iv-unitbar small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.iv-unitbar b{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iv-unitbar span{font-size:13px;color:var(--muted)}
.iv-unit-btns{display:flex;gap:8px;flex-wrap:wrap}
.iv-bk-store{display:inline-flex;align-items:center;gap:6px}.iv-bk-store img{width:24px;height:18px;object-fit:contain}
@media (max-width:640px){.iv-unitbar>img{width:52px;height:40px}.iv-unit-btns{width:100%}.iv-unit-btns .btn{flex:1}}
/* case page: Open 1 / 5 / 10 / Max */
#cxCount button{min-width:64px;white-space:nowrap}
.cw-tally{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 12px}
.cw-tally span{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.cw-tally span b{margin-left:4px}
/* match page: demo button always next to Copy link */
.mx-demo.is-off{background:rgba(255,255,255,.06)!important;border-color:var(--line)!important;color:var(--muted)!important;cursor:not-allowed;box-shadow:none!important}
/* settings: avoided players next to the box */
.st-av-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:14px;align-items:start}
.st-av-row textarea{width:100%!important;max-width:none!important;min-height:150px}
.st-avlist{border:1px solid var(--line);border-radius:10px;padding:10px;background:rgba(255,255,255,.02);max-height:320px;overflow:auto}
.st-av-h{margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.st-avlist ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.st-avlist li{display:flex;align-items:center;gap:8px}
.st-av-p{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:4px 6px;border-radius:8px;color:inherit;text-decoration:none}
.st-av-p:hover{background:rgba(255,255,255,.05)}.st-av-p:hover b{color:var(--blue,#5aa2ff);text-decoration:underline}
.st-av-p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.st-av-pic{width:32px;height:32px;border-radius:8px;flex:none;display:grid;place-items:center;overflow:hidden;background:#13213d;border:1px solid rgba(46,124,246,.4);font-weight:800}
.st-av-pic img{width:100%;height:100%;object-fit:cover}
.st-av-x{border:0;background:none;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:6px}.st-av-x:hover{color:#ff6b6b;background:rgba(255,107,107,.1)}
@media (max-width:720px){.st-av-row{grid-template-columns:1fr}}

/* profile match list: elo (all modes) + LP (5v5) */
.pf-m-lp{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;font-size:13px}.pf-m-lp b{font-size:15px}.pf-m-lp small{color:var(--muted);font-size:11px}
.pf-m-lp.pos b{color:#3DD68C}.pf-m-lp.neg b{color:#FF6B6B}
/* name tags */
.iv-tag{margin:2px 0 0;font-size:12px;color:#F5D76E;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* skin database: more filters */
.sd-tools.sd-tools-more{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(120px,1fr));gap:10px}
@media (max-width:1100px){.sd-tools.sd-tools-more{grid-template-columns:1fr 1fr 1fr}.sd-tools.sd-tools-more .f-search{grid-column:1/-1}}
@media (max-width:560px){.sd-tools.sd-tools-more{grid-template-columns:1fr 1fr}}
.sd-tools.sd-tools-more select{width:100%}

/* match found pop-up: room above the kicker (it was clipped by the top edge) */
.mm-found{padding-top:26px!important;overflow:visible}.mm-found .mm-k{display:block;margin-top:2px;line-height:1.3}.mm-found h2{line-height:1.05!important}
.pf-m-lp small.pos{color:#3DD68C}.pf-m-lp small.neg{color:#FF6B6B}
.mx-lp{display:block;font-size:11px;color:var(--muted)}.mx-lp.pos{color:#3DD68C}.mx-lp.neg{color:#FF6B6B}
.l-pause{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 0;padding:14px 18px;border:1px solid rgba(245,184,61,.45);background:rgba(245,184,61,.08);border-radius:12px}.l-pause b{color:#F5B83D;text-transform:uppercase;letter-spacing:.06em;font-size:14px}.l-pause span{color:var(--text)}

/* ---------- friends + chat (dock on every page, full view on /friends) ---------- */
.ch-dock{position:fixed;right:20px;bottom:0;z-index:45;display:flex;flex-direction:column;align-items:flex-end}
.ch-tab{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line-hi);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--deck);box-shadow:0 -6px 24px rgba(0,0,0,.45);font-size:14px}
.ch-tab:hover{background:#101C33}.ch-tab b{font-weight:700}
.ch-dot{width:8px;height:8px;border-radius:50%;background:var(--dim)}.ch-tab.has-online .ch-dot{background:#3FCF6B;box-shadow:0 0 0 3px rgba(63,207,107,.15)}
.ch-count{color:var(--muted);font-size:13px}
.ch-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E5484D;color:#fff;font:700 11px/18px var(--body);font-style:normal;text-align:center}
.ch-panel{position:fixed;right:20px;bottom:40px;width:min(360px,calc(100vw - 24px));height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;border:1px solid var(--line-hi);border-radius:var(--r-md) var(--r-md) 0 var(--r-md);background:var(--hull);box-shadow:0 18px 50px rgba(0,0,0,.65);overflow:hidden}
.ch-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.ch-head b{font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;flex:1}
.ch-full{font-size:12px;color:var(--ice)}.ch-x{width:28px;height:28px;border-radius:var(--r-sm);color:var(--muted)}.ch-x:hover{color:var(--text);background:var(--deck)}
.ch-add{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}
.ch-add .inp{flex:1;min-width:0;height:34px;padding:0 10px;font:13px var(--body);color:var(--text);background:var(--black);border:1px solid var(--line-hi);border-radius:var(--r-sm)}.ch-add .inp:focus{outline:none;border-color:var(--blue)}.ch-add .btn{height:34px;padding:0 12px}
.ch-scroll{flex:1;overflow:auto;padding:6px 0 10px}
.ch-group{display:flex;align-items:center;gap:6px;width:100%;padding:12px 14px 6px;font:700 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left}
.ch-group span{color:var(--dim)}.ch-g-game{color:#3FCF6B}.ch-g-on{color:var(--ice)}.ch-toggle em{font-style:normal;margin-left:auto}
.ch-list{list-style:none}
.ch-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 14px;text-align:left}
.ch-row:hover,.ch-row.is-active{background:var(--deck)}
.ch-av{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:#15223A;font-weight:700;color:var(--ice);box-shadow:0 0 0 2px var(--dim)}
.ch-av img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ch-av.ch-in_game{box-shadow:0 0 0 2px #3FCF6B}.ch-av.ch-online{box-shadow:0 0 0 2px var(--blue)}.ch-av.ch-offline{opacity:.6}
.ch-who{display:flex;flex-direction:column;min-width:0;flex:1}
.ch-who b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-sub-game{color:#3FCF6B}.ch-sub-on{color:var(--ice)}
.ch-list-off .ch-who b{color:var(--muted)}
.ch-req{display:flex;align-items:center;gap:8px;padding:7px 14px}.ch-req b{flex:1;font-size:14px}.ch-req .btn{height:30px;padding:0 10px;font-size:12px}
.ch-hint{padding:10px 14px;font-size:12px;color:var(--muted)}
.ch-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--muted);height:100%}
.ch-empty b{color:var(--text)}
.ch-conv{display:flex;flex-direction:column;height:100%;min-height:0}
.ch-conv-h{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.ch-conv-h a:hover b{text-decoration:underline}
.ch-back{width:28px;height:28px;font-size:22px;line-height:1;color:var(--muted);border-radius:var(--r-sm)}.ch-back:hover{color:var(--text);background:var(--deck)}
.ch-join{height:30px;padding:0 12px;font-size:12px}
.ch-msgs{flex:1;min-height:0;overflow:auto;list-style:none;padding:12px;display:flex;flex-direction:column;gap:4px}
.ch-msg{max-width:82%;align-self:flex-start;padding:7px 11px;border-radius:12px 12px 12px 4px;background:var(--deck);border:1px solid var(--line);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ch-msg.mine{align-self:flex-end;background:var(--blue-deep);border-color:transparent;border-radius:12px 12px 4px 12px}
.ch-time{align-self:center;margin:8px 0 2px;font-size:11px;color:var(--dim)}
.ch-send{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line)}
.ch-send textarea{flex:1;min-width:0;resize:none;max-height:120px;padding:8px 10px;border:1px solid var(--line-hi);border-radius:var(--r-sm);background:var(--black);color:var(--text);font:14px/1.4 var(--body)}
.ch-send textarea:focus{outline:none;border-color:var(--blue)}
.ch-send .btn{height:36px}
.ch-attach{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-hi);border-radius:var(--r-sm);color:var(--muted);cursor:pointer}
.ch-attach:hover{color:var(--text);border-color:var(--ice)}.ch-attach svg{width:18px;height:18px}
.ch-msg.ch-pic{padding:4px;background:transparent;border-color:var(--line)}.ch-msg.mine.ch-pic{background:transparent;border:1px solid var(--blue-deep)}
.ch-pic img{display:block;max-width:100%;max-height:260px;border-radius:9px}.ch-pic a+br{display:none}
.ch-note{align-self:center;margin-top:10px;font-size:11px;color:var(--dim);text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* full view on /friends */
.ch-page-wrap{padding-top:28px;padding-bottom:40px}
.ch-page-head h1{font:800 40px/1 var(--display);text-transform:uppercase}.ch-page-head p{color:var(--muted);margin:6px 0 18px;max-width:640px}
.ch-page{display:grid;grid-template-columns:320px 1fr;height:min(680px,calc(100vh - 200px));min-height:460px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:var(--hull);overflow:hidden}
.ch-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}
.ch-main{min-width:0;min-height:0}
.ch-pick span{max-width:320px}
body[data-page="chat"] .ch-dock{display:none}
@media (max-width:760px){
  .ch-dock{right:12px}
  .ch-panel{right:0;bottom:40px;width:100vw;height:calc(100vh - 104px);border-radius:0}
  .ch-page{grid-template-columns:1fr;height:auto}
  .ch-side{border-right:0;border-bottom:1px solid var(--line);max-height:320px}
  .ch-main{height:480px}
}

/* region chips: several can be on */
.srv{grid-template-columns:30px minmax(0,1fr) auto 64px 18px;cursor:pointer}
.srv[aria-pressed="true"]{background:rgba(47,123,255,.1);border-color:rgba(47,123,255,.45)}
.srv-tick{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-hi);display:grid;place-items:center}
.srv[aria-pressed="true"] .srv-tick{background:var(--blue);border-color:var(--blue)}
.srv[aria-pressed="true"] .srv-tick::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.srv.off[aria-pressed="false"]{opacity:.6}

/* region flags */
.flag{display:inline-block;width:24px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12);vertical-align:-3px}
.srv .flag{justify-self:start}
.live-meta .flag{width:18px;height:13px;margin-right:2px;vertical-align:-2px}
/* deathmatch / inspect cards */
.srv-cards{display:grid;gap:12px}
.srv-cards .live{margin:0}
/* special event banner */
.ev-banner{display:grid;gap:8px;margin-bottom:18px}
.ev-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r-md);border:1px solid rgba(255,196,0,.35);
  background:linear-gradient(100deg,rgba(255,176,0,.18),rgba(47,123,255,.14) 60%,rgba(10,16,32,.6));box-shadow:0 8px 30px rgba(0,0,0,.35)}
.ev-row:not(.is-live){border-color:var(--line-hi);background:linear-gradient(100deg,rgba(47,123,255,.12),rgba(10,16,32,.6))}
.ev-tag{font:800 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:6px 8px;border-radius:6px;background:#FFB000;color:#14100A;white-space:nowrap}
.ev-row:not(.is-live) .ev-tag{background:var(--blue);color:#fff}
.ev-row.is-live .ev-tag{animation:evPulse 2s ease-in-out infinite}
@keyframes evPulse{50%{box-shadow:0 0 0 6px rgba(255,176,0,.18)}}
@media (prefers-reduced-motion:reduce){.ev-row.is-live .ev-tag{animation:none}}
.ev-main{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.ev-main b{font:800 20px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em}
.ev-note{font-size:13px;color:var(--muted)}
.ev-perks{display:flex;flex-wrap:wrap;gap:6px}
.ev-perks i{font-style:normal;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:#FFD566}
.ev-row:not(.is-live) .ev-perks i{color:var(--ice)}
.ev-time{font-size:13px;color:var(--muted);white-space:nowrap}.ev-time b{color:var(--text);font-variant-numeric:tabular-nums}
.ac-gate{color:#E8B84A}.ac-gate b{color:#E8B84A}.ac-gate-dl{color:#3DD68C;font-weight:700;text-decoration:underline;text-underline-offset:3px}.ac-gate-dl:hover{color:#6BE6AA}
.nav a.nav-prem{color:#E8B84A;font-weight:600}.nav a.nav-prem:hover{color:#F3CE6B}
@media (max-width:1480px){.nav a.nav-prem{display:none}}
.more-menu .md-prem{display:block!important}
@media (min-width:1481px){.nav a[href="/cash-ladder"],.nav a[href="/skin-database"]{display:none}.more-menu .md-ladder,.more-menu .md-skins{display:block}}
.pill-free{background:rgba(45,212,191,.14);color:#2DD4BF;border-color:rgba(45,212,191,.5)}
.pill-creator{background:rgba(244,171,252,.15);color:#F5B8FF;border-color:rgba(244,171,252,.55)}
.ch-msg.mine{position:relative}.ch-unsend{position:absolute;top:50%;left:-22px;transform:translateY(-50%);width:18px;height:18px;line-height:16px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;opacity:0;transition:opacity .12s;padding:0}
.ch-msg.mine:hover .ch-unsend{opacity:1}.ch-unsend:hover{color:#E5484D}
.ow-soon{opacity:.6;cursor:default;pointer-events:none}
.hdr-claim{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:var(--r-sm);border:1px solid rgba(245,196,81,.6);background:rgba(245,196,81,.12);color:#F5C451;font-weight:700;font-size:13px;white-space:nowrap;animation:hdrClaim 2.4s ease-in-out infinite}
.hdr-claim svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hdr-claim:hover{background:rgba(245,196,81,.2)}
@keyframes hdrClaim{50%{box-shadow:0 0 0 4px rgba(245,196,81,.15)}}
@media (max-width:900px){.hdr-claim span{display:none}.hdr-claim{padding:0 10px}}
@media (prefers-reduced-motion:reduce){.hdr-claim{animation:none}}
.fs-sug{position:fixed;z-index:3000;max-height:320px;overflow-y:auto;padding:4px;border:1px solid var(--line-hi);border-radius:var(--r-md);background:#0B1220;box-shadow:0 18px 40px -12px rgba(0,0,0,.8)}
.fs-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.fs-row:hover,.fs-row.on{background:rgba(47,123,255,.16)}
.fs-av{flex:none;width:30px;height:30px;border-radius:7px;background:var(--deck,#111a2b);border:1px solid var(--line-hi);display:grid;place-items:center;font-weight:700;font-size:13px;overflow:hidden}.fs-av img{width:100%;height:100%;object-fit:cover}
.fs-n{flex:1;min-width:0;display:grid}.fs-n b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-n small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}
.fs-on{width:7px;height:7px;border-radius:50%;background:#3DD68C;display:inline-block}
.fs-rel{flex:none;font-style:normal;font-size:11px;color:var(--muted);border:1px solid var(--line-hi);border-radius:999px;padding:2px 8px}
.is-premium a[rel~="sponsored"]{display:none!important}
.age-gate p{margin:0 0 10px;line-height:1.5}.age-gate .muted{font-size:13px}
.clip-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}.clip-shots img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px;border:1px solid var(--line);display:block}
/* elo badge (batch 33) */
.elo{--c:#B0C3D9;--d:#3A4352;position:relative;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 7px;margin:0 2px;vertical-align:middle;
  transform:skewX(-14deg);border-radius:3px;background:linear-gradient(100deg,var(--d) 0%,color-mix(in srgb,var(--c) 28%,#0B0F17) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent);line-height:1}
.elo>i{width:9px;height:62%;flex:none;background:repeating-linear-gradient(90deg,var(--c) 0 2px,transparent 2px 4px);opacity:.9}
.elo>b{transform:skewX(14deg);font:italic 800 14px/1 var(--body,Archivo,sans-serif);color:var(--c);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums}
.elo>b small{font-size:.74em;font-weight:700}
.elo-t0{--c:#B0C3D9;--d:#2C333E}.elo-t1{--c:#8CC6FF;--d:#1C3550}.elo-t2{--c:#6A7DFF;--d:#1E2558}.elo-t3{--c:#C166FF;--d:#38195A}
.elo-t4{--c:#F03CFF;--d:#4E1352}.elo-t5{--c:#EB4B4B;--d:#521818}.elo-t6{--c:#FED700;--d:#4D3F05}
.elo-none{--c:#6B7488;--d:#1A1F2A}
.elo-sm{height:18px;padding:0 7px 0 5px;gap:4px}.elo-sm>i{width:7px}.elo-sm>b{font-size:12px}
.elo-lg{height:44px;padding:0 18px 0 13px;gap:9px;border-radius:5px}.elo-lg>i{width:15px}.elo-lg>b{font-size:30px}
td.rating .elo,td.num .elo{margin:0}.mx-elo-cell{white-space:nowrap}
#pfRating .elo>b,#pfRating .elo>b small{color:var(--c);font:italic 800 30px/1 var(--body,Archivo,sans-serif)}#pfRating .elo>b small{font-size:22px;font-weight:700}
/* staff connect (batch 34) */
.mx-staff{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.mx-staff[hidden]{display:none}.mx-staff small{font-size:12px}
/* match found pop-up spacing (batch 39) */
.mm-found{padding:26px 24px 28px!important}
.mm-found .cm-dbtn{margin-top:18px}
/* market stickers (batch 41) */
.mk-stk{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.mk-stk img{width:44px;height:33px}
.mk-stk small{flex-basis:100%;font-size:12px;color:var(--gold)}

/* Halloween event (admin toggle): strip under the header and a spooky accent */
.hw-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:linear-gradient(90deg,#2A1240,#4A1E5C 50%,#2A1240);border-bottom:1px solid #6B2E8A;color:#F3E6FF;font-size:14px;text-decoration:none;text-align:center}
.hw-strip b{color:#FFB547}
.hw-strip em{font-style:normal;font-weight:700;color:#FFB547;white-space:nowrap}
.hw-strip:hover em{text-decoration:underline}
html.hw-on header.top{border-bottom-color:#5A2A78}
html.hw-on body{background-image:radial-gradient(1200px 500px at 85% -10%,rgba(255,138,31,.08),transparent 60%),radial-gradient(1000px 500px at 0% 0%,rgba(142,79,214,.10),transparent 60%)}
html.hw-on .nav a[href="/halloween"]{color:#FFB547}
.op-banner.hw-banner{background:linear-gradient(90deg,rgba(11,6,20,.95),rgba(11,6,20,.55)),url(/assets/img/halloween/halloween-banner.png) center/cover;border-color:#6B2E8A}

/* Play panel: Ranked / Spooky (Halloween) */
.pl-pick{display:grid;grid-auto-flow:column;width:max-content;gap:4px;padding:4px;margin:0 auto 12px;border:1px solid var(--line);border-radius:999px;background:var(--deck)}
.pl-pick button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:600 13px/1 var(--body);cursor:pointer}
.pl-pick button[aria-pressed=true]{background:var(--hull);color:var(--text);box-shadow:0 0 0 1px var(--line-hi)}
.pl-pick .pl-spooky[aria-pressed=true]{background:linear-gradient(180deg,#3A1A55,#24103A);color:#FFD9A8;box-shadow:0 0 0 1px #8E4FD6,0 0 18px rgba(255,138,31,.25)}
.pl-pick button[disabled]{cursor:default;opacity:.7}
.pl-pick small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#B98BF0}
.lobby.is-spooky{box-shadow:inset 0 0 0 1px rgba(142,79,214,.55),inset 0 -60px 80px -40px rgba(255,138,31,.18)}
.lobby.is-spooky .modes button[aria-pressed=true]{background:linear-gradient(180deg,#FF9A3C,#E2621B)!important;border-color:#E2621B!important;color:#1A0A00!important;box-shadow:0 0 18px rgba(255,138,31,.3)}
.btn-spooky{background:linear-gradient(180deg,#FF9A3C,#E2621B)!important;border-color:#E2621B!important;color:#1A0A00!important}
.mx-spooky{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(142,79,214,.25);border:1px solid #8E4FD6;color:#E6D5FA;font-size:11px;font-weight:700;vertical-align:middle}

/* staff matchmaking cooldown (yellow, not a ban) */
.cd-gate{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid rgba(245,180,40,.55);background:rgba(245,180,40,.1);color:#F5E6C0}
.cd-gate b{color:#FFC94D}
.cd-btn{background:#33290E!important;border-color:#F5B428!important;color:#FFC94D!important;opacity:1!important}

/* friend's featured medal in the corner of their avatar (CS:GO friends list style) */
.ch-av{position:relative;overflow:visible}
.ch-av > img:first-child{border-radius:inherit}
.ch-av .ch-medal{position:absolute;left:-7px;top:-7px;width:22px;height:22px;object-fit:contain;border:0;border-radius:0;background:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));pointer-events:auto;z-index:1}

/* map veto: teammates who voted for this map / side */
.rm-who{display:block;font-size:11px;font-weight:500;opacity:.85;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ban / cooldown: quick link to a support ticket */
.cd-ticket{margin:10px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cd-ticket small{color:var(--muted)}
.btn.btn-sm{height:32px;padding:0 12px;font-size:13px}
.cd-ticket-link{margin-left:6px;font-weight:600;text-decoration:underline}

/* case reveal: pattern / float badges and the rare-pattern premium */
.cw-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 2px}
.cw-tags .pat-banner,.cw-tags .fr-banner{position:static;transform:none;margin:0;border-radius:4px}
.cw-tag{font-size:12px;font-weight:700;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.08);color:var(--text)}
.cw-prem{margin:4px 0 0;font-size:13px;color:#f5c542}
.cw-card .cw-tags{gap:4px;margin:4px 0}
.cw-card .cw-tags>*{font-size:10px;padding:2px 6px}

/* profile tabs + inventory */
.pf-tabs{margin:0 0 18px}.pf-tabs small{color:var(--muted);font-weight:600}
.pfi-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:8px}
.pfi-meta{font-size:13px;margin:0 0 12px}
.pfi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.pfi-card{background:var(--panel,rgba(255,255,255,.03));border:1px solid var(--line);border-radius:8px}
.pfi-card .pfi-ph{color:var(--muted);font-weight:600}
.pfi-tag{color:#f5c542;font-weight:700}.pfi-val{font-weight:700;color:var(--text)}
.pfi-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
@media (max-width:640px){.pfi-bar{grid-template-columns:1fr 1fr}.pfi-bar input{grid-column:1/-1}.pfi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Christmas event (admin toggle): strip under the header and a winter accent */
.xm-strip{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:9px 16px;background:linear-gradient(90deg,#0E2A46,#1C4A74 50%,#0E2A46);border-bottom:1px solid #2E6A9E;color:#E8F4FF;font-size:14px;text-decoration:none;text-align:center}
.xm-strip b{color:#FFFFFF}
.xm-strip em{font-style:normal;font-weight:700;color:#FF8A8D;white-space:nowrap}
.xm-strip:hover em{text-decoration:underline}
html.xm-on header.top{border-bottom-color:#24527E}
html.xm-on body{background-image:radial-gradient(1200px 500px at 85% -10%,rgba(159,211,255,.08),transparent 60%),radial-gradient(1000px 500px at 0% 0%,rgba(226,59,59,.06),transparent 60%)}
html.xm-on .nav a[href="/christmas"]{color:#BFE3FF}
.op-banner.xm-banner{background:linear-gradient(90deg,rgba(6,16,30,.95),rgba(6,16,30,.55)),url(/assets/img/christmas/christmas-banner.png) center/cover;border-color:#2E6A9E}
/* Play panel: the Christmas playlists */
.pl-pick .pl-xmas[aria-pressed=true]{background:linear-gradient(180deg,#1E5A3E,#123A28);color:#E8FFF2;box-shadow:0 0 0 1px #3DAA72,0 0 18px rgba(226,59,59,.22)}
.pl-pick .pl-snowball[aria-pressed=true]{background:linear-gradient(180deg,#2B5C86,#173A5C);color:#F2F9FF;box-shadow:0 0 0 1px #6FB3F0,0 0 18px rgba(159,211,255,.3)}
.lobby.is-xmas{box-shadow:inset 0 0 0 1px rgba(61,170,114,.55),inset 0 -60px 80px -40px rgba(226,59,59,.16)}
.lobby.is-snowball{box-shadow:inset 0 0 0 1px rgba(111,179,240,.6),inset 0 -60px 80px -40px rgba(191,227,255,.18)}
.lobby.is-xmas .modes button[aria-pressed=true]{background:linear-gradient(180deg,#E8494B,#B8262B)!important;border-color:#B8262B!important;color:#fff!important;box-shadow:0 0 18px rgba(226,59,59,.3)}
.lobby.is-snowball .modes button[aria-pressed=true]{background:linear-gradient(180deg,#E8F4FF,#9FCDF2)!important;border-color:#9FCDF2!important;color:#0B2440!important;box-shadow:0 0 18px rgba(159,211,255,.35)}
.btn-xmas{background:linear-gradient(180deg,#E8494B,#B8262B)!important;border-color:#B8262B!important;color:#fff!important}
.btn-snowball{background:linear-gradient(180deg,#E8F4FF,#9FCDF2)!important;border-color:#9FCDF2!important;color:#0B2440!important}
.pl-pick{max-width:100%;overflow-x:auto;scrollbar-width:none}
.pl-pick::-webkit-scrollbar{display:none}
.pl-pick button{white-space:nowrap}

/* Coming soon: homepage card + /coming-soon */
.soon-card{position:relative;overflow:hidden;display:grid;gap:8px}
.soon-card.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.15),var(--hull) 82%),var(--soon-img) center top/cover no-repeat;opacity:.9;pointer-events:none}
.soon-card>*{position:relative}
.soon-card h3{margin:2px 0 0;font:800 22px/1.05 var(--display);text-transform:uppercase}
.soon-card p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.soon-st{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line-hi)}
.soon-st.st-soon{color:#7FD8A6;border-color:rgba(61,214,140,.45)}.soon-st.st-works{color:#FFC86B;border-color:rgba(255,181,71,.45)}.soon-st.st-planned{color:#A9C2FF;border-color:rgba(109,148,255,.45)}
.soon-meta{display:flex;align-items:center;gap:10px;font-size:12px}
.soon-meta b{color:var(--text)}
.soon-tag{padding:2px 8px;border-radius:6px;background:var(--deck);border:1px solid var(--line);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:10px}
.soon-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.soon-links{display:flex;align-items:center;gap:12px;font-size:13px}
.soon-dots{display:flex;gap:6px}
.soon-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--line-hi);cursor:pointer}
.soon-dots button[aria-selected=true]{background:var(--blue,#3E7BFA);width:20px;border-radius:999px}
.soon-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}
.soon-col h2{margin:0 0 10px;font:800 22px/1 var(--display);text-transform:uppercase}
.soon-col h2 small{display:block;margin-top:4px;font:500 13px var(--body);text-transform:none;color:var(--muted)}
.soon-item{display:grid;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--hull);overflow:hidden}
.soon-img{height:120px;background:center/cover no-repeat}
.soon-body{display:grid;gap:8px;padding:14px}
.soon-body h3{margin:0;font:700 17px/1.25 var(--body)}
.soon-body p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.soon-body .btn{justify-self:start}
.soon-none{grid-column:1/-1;padding:30px 0}
.lo-stored{display:block;margin-top:3px;font-style:normal;font-size:11px;color:#A9C2FF}

/* Premium badge next to the username: plan + time left */
.hdr-prem{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid rgba(232,184,74,.45);border-radius:var(--r-sm);background:rgba(232,184,74,.08);font-size:12px;color:var(--text);white-space:nowrap}
.hdr-prem span{font-weight:800;letter-spacing:.08em;color:var(--gold)}
.hdr-prem b{font-weight:700;font-variant-numeric:tabular-nums}
.hdr-prem i{font-style:normal;font-weight:800;color:var(--ice)}
.hdr-prem.is-basic{border-color:rgba(169,200,255,.4);background:rgba(169,200,255,.07)}
.hdr-prem.is-basic span{color:var(--ice)}
.hdr-prem:hover{border-color:var(--gold)}.hdr-prem.is-basic:hover{border-color:var(--ice)}
@media (max-width:560px){.hdr-prem{padding:0 7px}.hdr-prem span{display:none}}

/* winter maps launch option notice on the Play panel */
.bm-gate{color:#D9E2F2}.bm-gate b{color:#E8B84A}
.bm-gate code,.xm-big code{padding:1px 6px;border-radius:3px;background:var(--black);border:1px solid var(--line-hi);color:var(--ice);font-size:12.5px;white-space:nowrap}
.bm-copy{margin:0 2px;padding:1px 8px;border:1px solid var(--line-hi);border-radius:3px;font-size:12px;color:var(--ice)}.bm-copy:hover{border-color:var(--ice);color:#fff}
.xm-big{border-color:rgba(232,184,74,.4)!important}

.cg-del{color:#ff8a8a;border-color:rgba(255,107,107,.45)}.cg-del:hover{border-color:#ff6b6b;color:#ffb0b0}
.rm-host{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:14px 0 0;padding:12px;border:1px dashed rgba(169,200,255,.3);border-radius:var(--r-md)}
.rm-host small{flex-basis:100%;text-align:center;color:var(--muted,#9aa7bd);font-size:12px}

/* custom sounds (Settings > Sounds) */
.pro-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:rgba(232,184,74,.15);color:var(--gold,#e8b84a);font-size:11px;font-weight:800;letter-spacing:.06em;vertical-align:middle}
.ms-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
.ms-row:first-child{border-top:0}
.ms-row b{min-width:150px}
.ms-row .ms-cur{flex:1;min-width:160px;color:var(--muted,#9aa7bd);font-size:13px}
.ms-row input[type=file]{display:none}
/* upgrader max float */
.ux-float{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;font-size:13px}
.ux-float input{width:130px;padding:6px 8px;text-align:center}
.ux-float small{flex-basis:100%;text-align:center;color:var(--muted,#9aa7bd);font-size:12px}