/* Coliseu dos Campeões, emblemas de tier ao lado do nome e marca VIP. */

/* ---- Nome com emblema e VIP (chat, rankings, Mercado, perfil, HUD) ---- */
.nametag { display: inline-flex; align-items: center; gap: 4px; vertical-align: middle; min-width: 0; }
.nametag b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coliemblem { flex: none; object-fit: contain; image-rendering: auto; filter: drop-shadow(0 1px 1px rgb(0 0 0 / 70%)); }
.nametag.vip b {
  color: #ffe08a;
  text-shadow: 0 0 6px rgb(255 200 80 / 75%), 0 0 1px #000;
}
.nametag.vip {
  padding: 0 5px 0 3px; border-radius: 6px;
  background: linear-gradient(90deg, rgb(255 202 40 / 14%), rgb(255 202 40 / 2%));
  box-shadow: inset 0 0 0 1px rgb(255 202 40 / 45%), 0 0 8px rgb(255 202 40 / 18%);
}
.vipmark { position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--vip, 14px); flex: none; }
.vipmark img { position: relative; height: 100%; width: auto; filter: drop-shadow(0 0 3px rgb(167 123 255 / 70%)); }
.vipmark.freemark { width: var(--vip, 14px); }
.vipmark.freemark img { width: 100%; filter: drop-shadow(0 0 2px rgb(79 216 232 / 60%)); }
.vipmark .vmrays, .vipmark .vmglow, .vipmark .vmspark { display: none; }
/* Com o emblema, a placa mostra só ele: o ícone da tag sai para não ficarem dois símbolos lado a lado. */
.cplate:has(.vipmark) .cplate-icon { display: none; }

/* Cartão do HUD: VIP e Free com a mesma altura, dentro da placa; o brilho passa da borda, o emblema não. */
.teamcard h3 .vipmark { height: 22px; margin: 0 1px 0 -2px; }
.teamcard h3 .vipmark.freemark { width: 22px; }
.teamcard h3 .vipmark img { animation: vmfloat 2.8s ease-in-out infinite; }
.teamcard h3 .vipmark .vmglow { display: block; position: absolute; inset: -5px -3px; border-radius: 50%; background: radial-gradient(closest-side, rgb(170 110 255 / 70%), transparent); animation: vmpulse 2.2s ease-in-out infinite; }
.teamcard h3 .vipmark.freemark .vmglow { inset: -4px; background: radial-gradient(closest-side, rgb(79 216 232 / 45%), transparent); }
.teamcard h3 .vipmark:not(.freemark) .vmrays { display: block; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%; opacity: .5;
  background: conic-gradient(transparent 0 8%, rgb(200 160 255 / 55%) 10%, transparent 12% 33%, rgb(255 220 140 / 50%) 35%, transparent 37% 58%, rgb(200 160 255 / 55%) 60%, transparent 62% 83%, rgb(255 220 140 / 50%) 85%, transparent 87%);
  -webkit-mask: radial-gradient(circle, #000 25%, transparent 68%); mask: radial-gradient(circle, #000 25%, transparent 68%); animation: vmspin 7s linear infinite; }
.teamcard h3 .vipmark:not(.freemark) .vmspark { display: block; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; box-shadow: 0 0 5px 2px #e7d3ff; opacity: 0; animation: vmspark 2.6s ease-in-out infinite; }
.teamcard h3 .vipmark .vmspark.s1 { left: 1px; top: 2px; }
.teamcard h3 .vipmark .vmspark.s2 { right: 0; top: 9px; animation-delay: .9s; }
.teamcard h3 .vipmark .vmspark.s3 { left: 12px; bottom: -1px; animation-delay: 1.7s; }
@keyframes vmfloat { 50% { transform: translateY(-1px) scale(1.05); } }
@keyframes vmspin { to { transform: rotate(360deg); } }
@keyframes vmpulse { 0%, 100% { opacity: .45; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes vmspark { 0%, 100% { opacity: 0; transform: scale(.3); } 45% { opacity: 1; transform: scale(1); } }

/* Barra de nível do treinador: mesma altura e as mesmas pontas no Free (aço e ciano) e no VIP (cristal roxo e ouro). */
.lvbar { position: relative; margin: 5px 0 4px; padding: 0 8px; }
.lvbar .bar { margin: 0; height: 10px; border-width: 2px; border-style: solid; box-shadow: inset 0 1px 3px #000; }
.lvbar .bar span { position: relative; overflow: hidden; border-radius: inherit; }
.lvbar .bar span::after { content: ""; position: absolute; top: -2px; bottom: -2px; left: 0; width: 30px; background: linear-gradient(90deg, transparent, rgb(255 255 255 / 65%), transparent); transform: translateX(-45px) skewX(-20deg); animation: lvshine 2.8s ease-in-out infinite; }
@keyframes lvshine { 60%, 100% { transform: translateX(320px) skewX(-20deg); } }
.lvbar::before, .lvbar::after { content: ""; position: absolute; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; transform: rotate(45deg); z-index: 1; border: 2px solid; }
.lvbar::before { left: 2px; }
.lvbar::after { right: 2px; }
.lvbar.free .bar { border-color: #8ea3b3; background: linear-gradient(#0a1820, #10262f); }
.lvbar.free .bar span { background: linear-gradient(#7ef0ff, #19a9c4 55%, #0f7f99); box-shadow: 0 0 6px rgb(79 216 232 / 70%); }
.lvbar.free::before, .lvbar.free::after { background: linear-gradient(135deg, #e6fbff, #4fd8e8 60%, #1a7f94); border-color: #8ea3b3; box-shadow: 0 0 5px rgb(79 216 232 / 60%); }
.lvbar.vip .bar { border-color: #f1c86a; background: linear-gradient(#1c1230, #2a1a48); box-shadow: inset 0 1px 3px #000, 0 0 8px rgb(167 123 255 / 35%); }
.lvbar.vip .bar span { box-shadow: 0 0 8px rgb(190 140 255 / 80%); background:
  linear-gradient(115deg, transparent 0 18%, rgb(255 255 255 / 22%) 18% 26%, transparent 26% 52%, rgb(255 255 255 / 16%) 52% 58%, transparent 58%) 0 0 / 36px 100%,
  linear-gradient(#e6d4ff, #a77bff 45%, #6a3fd0); }
.lvbar.vip::before, .lvbar.vip::after { background: linear-gradient(135deg, #e9f6ff, #8cc6ef 55%, #4d86b8); border-color: #f1c86a; box-shadow: 0 0 6px rgb(140 198 239 / 70%); }
@media (prefers-reduced-motion: reduce) {
  .teamcard h3 .vipmark img, .teamcard h3 .vipmark .vmglow, .teamcard h3 .vipmark .vmrays, .teamcard h3 .vipmark .vmspark, .lvbar .bar span::after { animation: none; }
}
.msg .nametag { margin-right: 2px; }
.msg .nametag b { color: inherit; }
.msg .nametag.vip b { color: #ffe08a; }
/* Cor do nome escolhida no Clube VIP (vale também depois que vira placa de cosmético). */
.nametag.vipcolor b, .nametag.vipcolor .cplate-name, .msg .nametag.vipcolor b {
  color: var(--vipc); text-shadow: 0 0 6px color-mix(in srgb, var(--vipc) 70%, transparent), 0 0 1px #000;
}
.nametag.rainbow b, .nametag.rainbow .cplate-name {
  background: linear-gradient(90deg, #ff8fb1, #ffd76a, #7ee2a0, #6ef0ff, #c6a2ff);
  -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none;
}
.msg .lv { color: var(--muted); font-size: 11px; margin-right: 2px; }

/* ---- Janela ---- */
.coliwin { width: min(680px, 96vw); height: min(840px, 94vh); border-color: #b48cff; }
.coliwin header { border-bottom-color: #8a64d8; background: linear-gradient(#1a1430, #0b0f1d); }
.coliwin header::before, .coliwin header::after { background: #c9a0ff; box-shadow: 0 0 10px #a070ff; }
.coliwin .wbody { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 10px; overflow: hidden; }
.colistatus { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; color: #ffb3a8; border-color: #6a3030; }
.colistatus .dot { width: 8px; height: 8px; border-radius: 50%; background: #e5533d; box-shadow: 0 0 6px #e5533d; }
.colistatus.open { color: #9dffb4; border-color: #2c6a3e; }
.colistatus.open .dot { background: #4cd964; box-shadow: 0 0 8px #4cd964; }
.colicount { font-variant-numeric: tabular-nums; }

.colistrip {
  display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center;
  padding: 10px 12px; border-radius: 10px; border: 1px solid #4a3a7a;
  background:
    linear-gradient(100deg, rgb(160 112 255 / 16%), transparent 45%),
    repeating-linear-gradient(90deg, rgb(201 160 255 / 5%) 0 1px, transparent 1px 14px),
    #0b1220;
  box-shadow: inset 0 0 18px rgb(120 80 220 / 15%);
}
.colilock { grid-column: 1 / -1; color: var(--muted); font-size: 13px; }
.colimybadge { width: 60px; height: 60px; display: grid; place-items: center; }
.colinotier {
  width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%;
  border: 1px dashed #5a4a8a; color: #8a7ab8; font: 700 22px Georgia, serif;
}
.colinotier.big { width: 96px; height: 96px; font-size: 44px; }
.colimytext { display: grid; gap: 2px; min-width: 0; }
.colitiername { font: 700 18px/1.1 Georgia, serif; font-variant: small-caps; letter-spacing: .06em; text-shadow: 0 0 10px currentColor; }
.colistats { display: flex; gap: 6px; }
.colistat {
  display: grid; gap: 1px; justify-items: center; min-width: 78px; padding: 5px 8px; border-radius: 8px;
  background: #0a141c; border: 1px solid var(--edge);
}
.colistat span { font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.colistat b { font-size: 14px; color: var(--text); font-variant-numeric: tabular-nums; }

.colitabs { grid-template-columns: repeat(5, 1fr); }
body.playing .colitabs button.active, body.playing .coliseg button.active {
  color: #e0c8ff; border-color: #8a64d8; background: linear-gradient(#22183c, #120e22); box-shadow: 0 0 10px rgb(160 112 255 / 30%);
}
.colibody { display: grid; gap: 10px; align-content: start; overflow-y: auto; min-height: 0; padding-right: 4px; }
.colibody[data-tab="fight"], .colibody[data-tab="teams"] { grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; overflow: hidden; }
.colibody[data-tab="teams"] { grid-template-rows: auto auto auto minmax(0, 1fr) auto; }

/* Desafiar */
.colioffers { display: grid; gap: 7px; align-content: start; overflow-y: auto; padding-right: 4px; }
.colioffer {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto auto; gap: 10px; align-items: center;
  padding: 8px 10px; border-radius: 9px; border: 1px solid var(--edge);
  background: linear-gradient(90deg, #0e1626, #0a141c 70%);
}
.colioffer:hover { border-color: #6a54a8; }
.colioffer.shadow { background: linear-gradient(90deg, #15131f, #0b0f17 70%); border-style: dashed; border-color: #3a3a52; }
.colioffbadge { width: 44px; height: 44px; display: grid; place-items: center; }
.coliofftext { display: grid; gap: 3px; min-width: 0; }
.colioffname { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 14px; }
.colishadowtag {
  padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: #b8b0d8; background: #241f38; border: 1px solid #4a4270;
}
.colithumbs { display: flex; gap: 2px; }
.colithumb {
  position: relative; width: 32px; height: 32px; display: grid; place-items: center;
  background: radial-gradient(#162236, #0a121c); border: 1px solid #23324a; border-radius: 4px;
}
.colithumb canvas { width: 30px; height: 30px; image-rendering: pixelated; }
.colithumb em {
  position: absolute; right: 1px; bottom: 0; font: 700 9px/1 system-ui, sans-serif; font-style: normal;
  color: #fff; text-shadow: 0 0 2px #000, 0 0 2px #000;
}
.colithumb .tierbadge, .colithumb [class*="tier"] { position: absolute; left: -3px; top: -4px; transform: scale(.8); transform-origin: top left; }
.colistake { display: grid; gap: 1px; justify-items: end; font-weight: 800; font-variant-numeric: tabular-nums; font-size: 13px; }
.colistake .win { color: #7dff9a; }
.colistake .loss { color: #ff8a80; }
body.playing .colifight { padding: 7px 12px; }
.colifoot { display: flex; gap: 8px; align-items: center; justify-content: flex-end; padding-top: 10px; border-top: 1px solid var(--edge); flex-wrap: wrap; }
.colifoot > .small:first-child { margin-right: auto; }
.colinote { flex-basis: 100%; text-align: right; font-size: 12px; color: #ffb3a8; }

/* Fechado */
.coliclosed {
  display: grid; justify-items: center; text-align: center; gap: 8px; padding: 22px 16px; border-radius: 12px;
  border: 1px solid #3a2e5e; background: radial-gradient(ellipse at 50% 20%, rgb(140 100 255 / 18%), transparent 60%), #0a101c;
}
.coliclosed h3 { margin: 4px 0 0; font: 700 22px Georgia, serif; font-variant: small-caps; letter-spacing: .08em; color: var(--gold); }
.coliclosed p { margin: 0; max-width: 460px; }
.coliclosedcrest { display: flex; align-items: flex-end; gap: 4px; }
.coliclosedcrest img:not(:nth-child(2)) { opacity: .75; filter: grayscale(.25) drop-shadow(0 2px 4px #000); }
.colinextlabel { margin-top: 8px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.colicount.big {
  font: 700 38px/1 "Consolas", "Segoe UI", monospace; letter-spacing: .04em; color: #e0c8ff;
  padding: 8px 18px; border-radius: 10px; border: 1px solid #6a54a8; background: #0b0a18;
  text-shadow: 0 0 14px rgb(180 140 255 / 80%);
}
.colilasttop { display: grid; gap: 4px; width: min(380px, 100%); margin-top: 10px; text-align: left; }
.colilastrow { display: grid; grid-template-columns: 30px 30px 1fr auto; gap: 8px; align-items: center; padding: 4px 8px; border-radius: 6px; background: #0a141c; border: 1px solid var(--edge); }

/* Times */
.colislots { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
body.playing .colislot {
  position: relative; height: 58px; display: grid; place-items: center; padding: 2px; border-radius: 8px;
  border: 1px dashed #3a4a62; background: #0a121c; color: var(--muted);
}
body.playing .colislot.filled { border-style: solid; border-color: #8a64d8; background: linear-gradient(#1a1430, #0c0f1c); }
.colislot .n { position: absolute; left: 5px; top: 3px; font-size: 10px; font-weight: 800; color: #8a7ab8; }
.colislot canvas { width: 32px; height: 32px; image-rendering: pixelated; }
.colislot em { font-size: 10px; font-style: normal; color: var(--text); }
.coliroster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; overflow-y: auto; align-content: start; padding-right: 4px; }
body.playing .colimon {
  display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; text-align: left;
  padding: 5px 8px; border-radius: 8px; border: 1px solid var(--edge); background: #0a141c; color: var(--text);
}
body.playing .colimon:hover { border-color: var(--gold-dim); }
body.playing .colimon.picked { border-color: #b48cff; background: linear-gradient(#1c1534, #0d1020); box-shadow: 0 0 0 1px #8a64d8; }
.colimon canvas { width: 32px; height: 32px; image-rendering: pixelated; }

/* Ranking */
.colirank { display: grid; gap: 4px; }
.colirank.last { margin-top: 8px; }
.colirankrow {
  display: grid; grid-template-columns: 34px 30px minmax(0, 1fr) auto auto; gap: 8px; align-items: center;
  padding: 5px 10px; border-radius: 7px; background: #0a141c; border: 1px solid var(--edge);
}
.colirank.last .colirankrow { grid-template-columns: 34px 30px minmax(0, 1fr) auto; }
.colirankrow .pos { font-weight: 800; color: var(--muted); text-align: center; }
.colirankrow .who { display: grid; min-width: 0; }
.colirankrow .wl { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.colirankrow .gold { color: var(--gold); font-weight: 700; font-variant-numeric: tabular-nums; }
.colirankrow.top1 { border-color: #7ae0ff; background: linear-gradient(90deg, rgb(122 224 255 / 12%), #0a141c 60%); }
.colirankrow.top1 .pos { color: #8ae8ff; }
.colirankrow.top2, .colirankrow.top3 { border-color: #6a4e2a; }
.colirankrow.me { box-shadow: 0 0 0 1px #b48cff inset; }

/* Prêmios */
.coliprizes { display: grid; gap: 6px; }
.coliprize {
  display: grid; grid-template-columns: 190px 1fr; gap: 10px; align-items: center;
  padding: 7px 10px; border-radius: 8px; border: 1px solid var(--edge);
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier, #888) 12%, #0a141c), #0a141c 55%);
  border-left: 3px solid var(--tier, var(--edge));
}
.coliprize.mine { box-shadow: 0 0 0 1px var(--tier) inset, 0 0 12px color-mix(in srgb, var(--tier) 30%, transparent); }
.coliprizehead { display: grid; grid-template-columns: 40px 1fr; gap: 8px; align-items: center; }
.coliprizehead > div { display: grid; gap: 1px; }
.coliprizehead b { color: var(--tier, var(--gold)); }
.coliprize.podium { --tier: #ffd76a; }
.colitrophy { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; background: #1a1430; border: 1px solid #6a54a8; }
.colitrophy .pkicon { width: 26px; height: 26px; }
.coliprizeextra { display: grid; gap: 6px; margin-top: 6px; }
.colichips { gap: 4px; }
.colichips .chip { display: inline-flex; align-items: center; gap: 4px; }
.colichips .chip.gold { color: var(--gold); border-color: var(--gold-dim); font-weight: 700; }
.colivipchip { color: #ffe08a; border-color: #8a6a20 !important; background: rgb(255 202 40 / 8%) !important; }
.colirandom { color: #d8c8ff; border-style: dashed !important; }

/* Perfil de Campeão */
.colihero {
  display: grid; grid-template-columns: 120px 1fr; gap: 14px; align-items: center; padding: 12px; border-radius: 12px;
  border: 1px solid #3a2e5e; background: radial-gradient(ellipse at 15% 50%, rgb(140 100 255 / 20%), transparent 55%), #0a101c;
}
.coliherobadge { display: grid; place-items: center; }
.coliherotext { display: grid; gap: 4px; }
.coliherotext h3 { margin: 0; font-size: 18px; }
.colivipline { display: inline-flex; align-items: center; gap: 5px; color: #ffe08a; font-size: 12px; }
.colistatgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.colistatbox { display: grid; gap: 2px; justify-items: center; padding: 8px; border-radius: 8px; background: #0a141c; border: 1px solid var(--edge); text-align: center; }
.colistatbox span { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.colistatbox b { font-size: 15px; font-variant-numeric: tabular-nums; }
.colibest { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; color: var(--muted); }
.colihist { display: grid; gap: 4px; }
.colihistrow {
  display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto auto; gap: 8px; align-items: center;
  padding: 5px 9px; border-radius: 6px; background: #0a141c; border: 1px solid var(--edge); font-size: 13px;
}
.colihistrow.season { grid-template-columns: 30px minmax(0, 1fr) auto auto auto auto; }
.colihistrow .who { display: inline-flex; align-items: center; gap: 4px; min-width: 0; white-space: nowrap; overflow: hidden; }
.colihistrow .res { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.colihistrow .res.win { color: #7dff9a; }
.colihistrow .res.loss { color: #ff8a80; }
.colihistrow .delta { font-weight: 800; font-variant-numeric: tabular-nums; }
.colihistrow .delta.up { color: #7dff9a; }
.colihistrow .delta.down { color: #ff8a80; }
.colihistrow .gold { color: var(--gold); font-weight: 700; }
.colihistrow.win { border-left: 3px solid #2c8a4a; }
.colihistrow.loss { border-left: 3px solid #8a2c2c; }

/* Resultado da luta (dentro do painel da arena) */
.colidelta {
  display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; margin: 6px 0; padding: 8px 12px;
  border-radius: 10px; border: 1px solid #4a3a7a; background: #0d0b1c; text-align: left;
}
.colidelta > div { display: grid; gap: 2px; }
.colidelta b { font-size: 20px; font-variant-numeric: tabular-nums; }
.colidelta.up b { color: #7dff9a; }
.colidelta.down b { color: #ff8a80; }
.colitierchange { font-weight: 800; letter-spacing: .04em; }
.colitierchange.up { color: #ffe08a; text-shadow: 0 0 8px rgb(255 200 80 / 60%); }
.colitierchange.down { color: #ffb3a8; }

/* Aviso de prêmios entregues */
.colirewardwin { width: min(480px, 94vw); border-color: #b48cff; }
.colirewardwin .wbody { display: grid; gap: 10px; justify-items: stretch; }
.colirewardcard {
  display: grid; gap: 8px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--tier, var(--edge));
  background: radial-gradient(ellipse at 12% 40%, color-mix(in srgb, var(--tier, #888) 22%, transparent), transparent 60%), #0a101c;
}
.colirewardhead { display: grid; grid-template-columns: 76px 1fr; gap: 10px; align-items: center; }
.colirewardhead > div { display: grid; gap: 2px; }

/* Perfil e Rankings (janelas existentes) */
.profcoli {
  display: grid; grid-template-columns: 64px 1fr auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 9px;
  margin-top: 8px; border: 1px solid color-mix(in srgb, var(--tier, #a070ff) 45%, #1a2433);
  background: linear-gradient(100deg, color-mix(in srgb, var(--tier, #a070ff) 16%, transparent), #0a141c 60%);
}
.profcoliart { display: grid; place-items: center; width: 64px; height: 64px; }
.profcoliart .icon, .profcoliart svg { width: 44px; height: 44px; }
.profcolitext { display: grid; gap: 2px; min-width: 0; }
.profcolitext .label { margin: 0; }
.profcolitier { font-size: 18px; color: var(--tier, #e0a8ff); letter-spacing: .5px; text-shadow: 0 0 10px color-mix(in srgb, var(--tier, #a070ff) 50%, transparent); }
.profvip {
  display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 7px 10px; border-radius: 9px;
  margin-top: 6px; border: 1px solid var(--edge); background: #0a141c;
}
.profvip.on { border-color: #8a6a20; background: linear-gradient(100deg, rgb(255 202 40 / 12%), #0a141c 60%); }
.profvipart { display: grid; place-items: center; width: 40px; filter: grayscale(.8) brightness(.7); }
.profvip.on .profvipart { filter: drop-shadow(0 0 6px rgb(255 200 80 / 60%)); }
.profviptext { display: grid; gap: 2px; min-width: 0; }
.profvip b { color: var(--muted); }
.profvip.on b { color: #ffe08a; }
.rankwin .place .nametag, .rankwin .trow .nametag { justify-content: center; max-width: 100%; }
.rankwin .trow .nametag { justify-content: flex-start; justify-self: start; width: max-content; }
.teamcard .head h3 .nametag { gap: 5px; }

@media (max-width: 620px) {
  .colistrip { grid-template-columns: auto 1fr; }
  .colistats { grid-column: 1 / -1; justify-content: space-between; }
  .colioffer { grid-template-columns: 40px minmax(0, 1fr) auto auto; }
  .colioffer .colithumbs { display: none; }
  .coliprize { grid-template-columns: 1fr; }
  .colistatgrid { grid-template-columns: repeat(2, 1fr); }
}