:root{
  /* =========================
     SKA COLORS
  ========================= */

  --navy:#062d72;
  --navy2:#073b8f;
  --blue:#0b4fa3;
  --blue2:#1767bd;
  --blue-light:#2b78c9;

  --red:#d7192f;
  --red2:#b91428;
  --red-dark:#86101f;

  --ink:#eaf2fc;
  --muted:#8fb4df;
  --line:#2b5d99;
  --white:#ffffff;

  /* =========================
     DARK BLUE THEME
  ========================= */

  --bg:#06162e;
  --card:#09234a;
  --card2:#0b2b58;
  --border:#164477;
}


/* =========================
   BASE
========================= */

*{
  box-sizing:border-box;
}

body{
  margin:0;

  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(19,91,173,.20),
      transparent 30%
    ),
    radial-gradient(
      circle at 85% 15%,
      rgba(215,25,47,.10),
      transparent 28%
    ),
    var(--bg);

  color:var(--ink);

  font-family:Inter,Arial,sans-serif;
}


/* =========================
   BACKGROUND GRID
========================= */

.bg-grid{
  position:fixed;
  inset:0;

  pointer-events:none;

  opacity:.22;

  background-image:

    linear-gradient(
      135deg,
      transparent 0 47%,
      #17477e 47.2% 47.5%,
      transparent 47.7%
    ),

    linear-gradient(
      45deg,
      transparent 0 58%,
      #351d2c 58.2% 58.5%,
      transparent 58.7%
    );

  background-size:540px 540px;
}


/* =========================
   HERO
========================= */

.hero{
  position:relative;

  background:
    linear-gradient(
      115deg,
      #041c49 0%,
      #063477 38%,
      #0b4a98 68%,
      #7f1222 100%
    );

  color:#ffffff;

  overflow:hidden;
}

.hero-topline{
  height:7px;

  background:
    linear-gradient(
      90deg,
      #a71225 0%,
      #d7192f 28%,
      #ffffff 50%,
      #0b4fa3 72%,
      #062d72 100%
    );
}

.hero-inner{
  max-width:1280px;

  margin:auto;

  padding:42px 32px 34px;

  display:grid;

  grid-template-columns:1.1fr .9fr;

  gap:28px;

  position:relative;

  z-index:1;
}


/* =========================
   BRAND
========================= */

.brand{
  display:flex;

  align-items:center;

  gap:24px;
}

.logo-box{
  width:115px;
  height:115px;

  border-radius:24px;

  background:#ffffff;

  display:grid;

  place-items:center;

  overflow:hidden;

  box-shadow:
    0 14px 35px rgba(0,0,0,.35);

  border:1px solid rgba(255,255,255,.2);
}

.logo-box img{
  max-width:86%;
  max-height:86%;

  object-fit:contain;
}

.eyebrow,
.season,
.hero-copy{
  font-family:Oswald,sans-serif;

  letter-spacing:3px;
}

.eyebrow{
  font-size:14px;

  opacity:.82;
}

.brand h1{
  font:700 70px/1 Oswald;

  margin:5px 0;

  color:#ffffff;
}

.season{
  font-size:15px;

  color:#c7dcf4;
}

.season b{
  color:#ff5668;

  margin-left:5px;
}


/* =========================
   HERO TITLE
========================= */

.hero-title{
  font:600 56px/.95 Oswald;

  letter-spacing:1px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  color:#ffffff;

  text-shadow:
    0 4px 18px rgba(0,0,0,.2);
}

.hero-title span:last-child{
  margin-left:70px;

  color:#d9e8f9;
}

.hero-copy{
  grid-column:1/-1;

  display:flex;

  gap:18px;

  align-items:center;

  font-size:14px;

  color:#bdd3eb;
}

.slash{
  color:#e02a3f;

  font-size:28px;
}


/* =========================
   MAIN CONTAINER
========================= */

.container{
  position:relative;

  max-width:1280px;

  margin:-14px auto 0;

  padding:0 20px 35px;

  z-index:2;
}


/* =========================
   STATS
========================= */

.stats{
  display:grid;

  grid-template-columns:repeat(6,1fr);

  background:
    linear-gradient(
      115deg,
      #092653,
      #0b3268
    );

  border-radius:18px;

  padding:18px;

  box-shadow:
    0 18px 50px rgba(0,0,0,.32);

  margin-bottom:24px;

  border:1px solid #174b86;

  position:relative;

  overflow:hidden;
}

.stats:before{
  content:"";

  position:absolute;

  left:0;
  right:0;
  top:0;

  height:3px;

  background:
    linear-gradient(
      90deg,
      var(--red),
      transparent 35%,
      transparent 65%,
      var(--red)
    );

  opacity:.9;
}

.stat{
  padding:4px 18px;

  border-right:1px solid #285991;

  display:flex;

  flex-direction:column;

  gap:5px;
}

.stat:last-child{
  border:0;
}

.stat span{
  font:600 11px Oswald;

  letter-spacing:1.5px;

  color:#8fb7e4;
}

.stat strong{
  font:700 30px Oswald;

  color:#f3f7fc;
}

.stat strong.win{
  color:#3ed28c;
}

.stat strong.loss{
  color:#ff465b;
}


/* =========================
   TOOLBAR
========================= */

.toolbar{
  display:flex;

  justify-content:space-between;

  align-items:end;

  margin:28px 2px 14px;
}

.toolbar h2{
  font:700 32px Oswald;

  margin:0;

  letter-spacing:.5px;

  color:#ffffff;

  position:relative;
}

.toolbar h2:after{
  content:"";

  display:block;

  width:45px;

  height:3px;

  margin-top:6px;

  background:
    linear-gradient(
      90deg,
      var(--red),
      var(--blue2)
    );
}

.toolbar p{
  margin:5px 0 0;

  color:#82a9d5;

  font-size:13px;
}


/* =========================
   SYNC BUTTON
========================= */

.sync{
  border:1px solid #1456a0;

  background:
    linear-gradient(
      135deg,
      #0a418d,
      #0d55a7
    );

  color:#ffffff;

  padding:12px 17px;

  border-radius:10px;

  font-weight:700;

  cursor:pointer;

  box-shadow:
    0 8px 20px rgba(0,0,0,.25);

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.sync:hover{
  background:
    linear-gradient(
      135deg,
      #0d55a7,
      #a5182b
    );

  border-color:#d7192f;

  transform:translateY(-1px);
}

.sync:disabled{
  opacity:.7;

  cursor:wait;
}

.sync-dot{
  display:inline-block;

  width:7px;
  height:7px;

  border-radius:50%;

  background:#42e19b;

  margin-right:7px;
}

.loading .sync-dot{
  animation:pulse .8s infinite;
}

@keyframes pulse{
  50%{
    opacity:.25;
  }
}


/* =========================
   TABLE
========================= */

.table-wrap{
  background:
    linear-gradient(
      115deg,
      #09234a,
      #0a2b59
    );

  border-radius:18px;

  overflow:hidden;

  box-shadow:
    0 16px 45px rgba(0,0,0,.32);

  border:1px solid #17477f;
}

.table-head,
.game{
  display:grid;

  grid-template-columns:
    70px
    2.2fr
    1.3fr
    1fr
    1.1fr;

  align-items:center;
}


/* =========================
   TABLE HEADER
========================= */

.table-head{
  background:
    linear-gradient(
      90deg,
      #05275f,
      #0a4a96 65%,
      #8e1527 100%
    );

  color:#ffffff;

  padding:14px 20px;

  font:600 12px Oswald;

  letter-spacing:1.4px;

  border-bottom:2px solid #c9182e;

  position:relative;
}

.table-head:after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:-2px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      #e01e35,
      #ffffff 50%,
      #155eac
    );

  opacity:.8;
}


/* =========================
   GAME ROW
========================= */

.game{
  min-height:82px;

  padding:10px 20px;

  border-bottom:1px solid #1e4778;

  position:relative;

  background:#09234a;

  transition:
    background .2s ease;
}

.game:hover{
  background:
    linear-gradient(
      90deg,
      #0a2b59,
      #0c3469
    );
}

.game:last-child{
  border:0;
}

.game:before{
  content:"";

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:4px;

  background:transparent;
}

.win-row:before{
  background:#36b97d;
}

.loss-row:before{
  background:#d7192f;
}


/* =========================
   GAME NUMBER
========================= */

.num{
  font:500 20px Oswald;

  color:#5f91c4;
}


/* =========================
   TEAM CELL
========================= */

.team-cell{
  display:flex;

  align-items:center;

  gap:14px;

  min-width:0;
}

.opponent-logo{
  width:52px;
  height:52px;

  flex:0 0 52px;

  border-radius:12px;

  background:#dfe4eb;

  display:flex;

  align-items:center;

  justify-content:center;

  overflow:hidden;

  padding:5px;

  box-shadow:
    0 4px 12px rgba(0,0,0,.2);
}

.opponent-logo img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;

  object-position:center;
}

.game-info{
  min-width:0;
}

.game-info>b{
  font:600 20px Oswald;

  color:#edf3fa;

  display:block;

  line-height:1.15;
}

/* ===== Кубок Первых / Градиенты матчей ===== */

/* Фиксированная позиция логотипа Кубка Первых.
   Логотип находится в колонке команды и не зависит от длины названия. */
.cup-row .team-cell {
  position: relative;
}

.cup-row .cup-logo {
  position: absolute;
  left: 275px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin: 0;
  flex-shrink: 0;
}

/* Обычная победа: фирменный зелёный → штатный синий фон */
.game.win-row:not(.cup-row) {
  background: linear-gradient(
    90deg,
    #36b97d 0%,
    #1f704f 18%,
    #09234a 65%,
    #09234a 100%
  ) !important;
}

/* Обычное поражение: фирменный красный → штатный синий фон */
.game.loss-row:not(.cup-row) {
  background: linear-gradient(
    90deg,
    #d7192f 0%,
    #761522 18%,
    #09234a 65%,
    #09234a 100%
  ) !important;
}

/* Кубок Первых — победа: зелёный → золотой → чёрный */
.cup-row.win-row {
  background: linear-gradient(
    90deg,
    #18b87a 0%,
    #31551b 22%,
    #9a7820 58%,
    #0a0a0a 100%
  ) !important;
}

/* Кубок Первых — поражение: красный → золотой → чёрный */
.cup-row.loss-row {
  background: linear-gradient(
    90deg,
    #240808 0%,
    #632019 35%,
    #9a7820 65%,
    #0a0a0a 100%
  ) !important;
}

/* Кубок Первых — будущий матч: золотой → чёрный */
.cup-row.future-row {
  background: linear-gradient(
    90deg,
    #171208 0%,
    #8a691c 45%,
    #0a0a0a 100%
  ) !important;
}

/* =========================
   DATE
========================= */

.date{
  min-width:0;
}

.date b{
  font:600 16px Oswald;

  display:block;

  color:#e7eff8;
}

.date small{
  font-size:11px;

  color:#82a9d5;

  text-transform:uppercase;

  letter-spacing:1px;
}

.date em{
  font-style:normal;

  color:#6389b5;

  margin-left:6px;
}


/* =========================
   SCORE
========================= */

.score{
  font:700 25px Oswald;

  color:#edf3fa;
}

.score small{
  font:500 11px Inter;

  color:#82a9d5;
}


/* =========================
   STATUS
========================= */

.status{
  font:700 12px Oswald;

  letter-spacing:1px;
}

.s-win{
  color:#42d28f;
}

.s-loss{
  color:#ff4559;
}

.s-wait{
  color:#7697bd;
}


/* =========================
   FUTURE ROW
========================= */

.future-row{
  background:
    linear-gradient(
      90deg,
      #092650,
      #0b2e5e
    );
}


/* =========================
   FOOTER
========================= */

footer{
  padding:34px 0 5px;

  text-align:center;

  color:#86a2c2;

  font:500 12px Oswald;

  letter-spacing:3px;
}

footer .footer-line{
  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #d7192f 20%,
      #e42a3e 35%,
      #ffffff 50%,
      #1765b5 65%,
      #0b4fa3 80%,
      transparent
    );

  max-width:330px;

  margin:0 auto 16px;
}

.footer-stars{
  margin:10px;

  letter-spacing:9px;
}

.footer-stars .star-white{
  color:#ffffff;
}

.footer-stars .star-blue{
  color:#3d78b7;
}

.footer-stars .star-red{
  color:#d7192f;
}

footer small{
  display:block;

  font:400 11px Inter;

  color:#7194bb;

  letter-spacing:0;
}


/* =========================
   TABLET / PHONE
========================= */

@media(max-width:850px){

  .hero-inner{
    grid-template-columns:1fr;

    padding:30px 20px;
  }

  .hero-title{
    font-size:43px;

    position:absolute;

    right:22px;
    top:54px;
  }

  .hero-title span:last-child{
    margin-left:35px;
  }

  .hero-copy{
    margin-top:12px;
  }

  .stats{
    grid-template-columns:repeat(3,1fr);

    gap:12px;
  }

  .stat{
    border:0;

    padding:8px 10px;
  }

  .stat strong{
    font-size:26px;
  }

  .table-head{
    display:none;
  }

  .toolbar{
    align-items:start;
  }

  .toolbar h2{
    font-size:27px;
  }

  .toolbar p{
    max-width:230px;

    line-height:1.4;
  }

  .logo-box{
    width:88px;
    height:88px;
  }

  .brand h1{
    font-size:56px;
  }

  .hero-copy{
    font-size:11px;

    letter-spacing:2px;
  }


  /* =========================
     MOBILE GAME GRID
  ========================= */

  .game{
    grid-template-columns:
      42px
      58px
      minmax(0,1fr)
      76px;

    grid-template-rows:
      1fr
      1fr;

    grid-template-areas:
      "num logo info score"
      "num logo date status";

    min-height:112px;

    padding:12px 14px;

    column-gap:10px;

    row-gap:0;

    align-items:center;
  }

  .num{
    grid-area:num;

    align-self:center;

    justify-self:center;

    text-align:center;
  }

  .team-cell{
    display:contents;
  }

  .opponent-logo{
    grid-area:logo;

    align-self:center;

    justify-self:center;

    width:58px;
    height:58px;

    min-width:58px;
    min-height:58px;

    padding:6px;

    margin:0;
  }

  .game-info{
    grid-area:info;

    align-self:end;

    min-width:0;
  }

  .game-info>b{
    font-size:19px;

    line-height:1.1;

    margin:0;

    white-space:normal;

    overflow-wrap:anywhere;
  }

  /* На мобильном логотип Кубка Первых располагается в отдельной
     фиксированной позиции между названием и датой. */
  .cup-row .cup-logo {
    position: absolute;
    left: auto;
    right: 86px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    margin: 0;
  }

  .date{
    grid-area:date;

    align-self:start;

    min-width:0;
  }

  .date b{
    font-size:16px;

    line-height:1.1;

    white-space:nowrap;
  }

  .date small{
    display:block;

    margin-top:4px;

    font-size:10px;
  }

  .score{
    grid-area:score;

    align-self:center;

    justify-self:end;

    text-align:right;

    font-size:23px;

    white-space:nowrap;
  }

  .status{
    grid-area:status;

    align-self:center;

    justify-self:end;

    text-align:right;

    font-size:10px;

    white-space:nowrap;
  }
}


/* =========================
   SMALL PHONE
========================= */

@media(max-width:500px){

  .container{
    padding:0 10px 25px;
  }

  .stats{
    padding:10px;

    border-radius:14px;
  }

  .stat span{
    font-size:9px;
  }

  .stat strong{
    font-size:23px;
  }

  .hero-title{
    display:none;
  }

  .hero-inner{
    padding:25px 16px;
  }

  .brand{
    gap:14px;
  }

  .logo-box{
    width:76px;
    height:76px;

    border-radius:16px;
  }

  .brand h1{
    font-size:50px;
  }

  .hero-copy{
    gap:9px;

    flex-wrap:wrap;
  }

  .toolbar{
    margin:20px 4px 12px;
  }

  .sync{
    padding:10px 12px;
  }

  .game{
    grid-template-columns:
      32px
      54px
      minmax(0,1fr)
      62px;

    grid-template-rows:
      1fr
      1fr;

    grid-template-areas:
      "num logo info score"
      "num logo date status";

    min-height:116px;

    padding:12px 12px;

    column-gap:8px;
  }

  .opponent-logo{
    width:54px;
    height:54px;

    min-width:54px;
    min-height:54px;

    padding:6px;
  }

  .game-info>b{
    font-size:17px;

    line-height:1.05;

    margin-bottom:7px;
  }

  .date b{
    font-size:15px;
  }

  .score{
    font-size:21px;
  }

  .status{
    font-size:10px;
  }
}

/* ===== Улучшенная читаемость текста на градиентах ===== */

/* Номера матчей на цветных строках */
.game.win-row .num,
.game.loss-row .num {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}

/* Текст команды */
.game.win-row .game-info>b,
.game.loss-row .game-info>b {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}

/* Дата, время и день недели */
.game.win-row .date b,
.game.loss-row .date b {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}

.game.win-row .date em,
.game.loss-row .date em,
.game.win-row .date small,
.game.loss-row .date small {
  color: #dce9f7;
  text-shadow: 0 1px 2px rgba(0,0,0,.5);
}

/* Счёт */
.game.win-row .score,
.game.loss-row .score {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,.55);
}

/* Статус оставляем зелёным/красным, но усиливаем читаемость */
.game.win-row .s-win {
  color: #55e6a0;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.game.loss-row .s-loss {
  color: #ff6878;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

/* На кубковых строках все основные надписи тоже белые */
.cup-row .num,
.cup-row .game-info>b,
.cup-row .date b,
.cup-row .score {
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.cup-row .date em,
.cup-row .date small {
  color: #e2eaf3;
  text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

/* =========================================================
   SKA LIQUID GLASS V3
   Выраженный liquid-glass стиль для тёмной темы СКА
   ========================================================= */

/* -------------------------
   BACKGROUND
   ------------------------- */
body {
  background:
    radial-gradient(circle at 8% 12%, rgba(42,126,224,.34), transparent 25%),
    radial-gradient(circle at 92% 10%, rgba(215,25,47,.20), transparent 23%),
    radial-gradient(circle at 82% 62%, rgba(30,101,190,.24), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(20,76,150,.22), transparent 28%),
    linear-gradient(145deg, #030d1d 0%, #06162e 45%, #071b39 100%);
}

/* -------------------------
   GLASS TABLE
   ------------------------- */
.table-wrap {
  position: relative;
  overflow: hidden;
  background: rgba(7, 29, 59, .34);
  border: 1px solid rgba(205,230,255,.30);
  box-shadow:
    0 30px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.38);
  backdrop-filter: blur(30px) saturate(165%);
  -webkit-backdrop-filter: blur(30px) saturate(165%);
}

/* Большой стеклянный блик */
.table-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.42) 22%,
    rgba(255,255,255,.12) 52%,
    rgba(255,255,255,.34) 78%,
    transparent 100%
  );
  z-index: 10;
  pointer-events: none;
}

/* -------------------------
   GAME ROWS
   ------------------------- */
.game {
  background:
    linear-gradient(
      105deg,
      rgba(20,70,125,.38),
      rgba(8,35,72,.24)
    );
  border-bottom: 1px solid rgba(170,208,242,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  transition:
    background .25s ease,
    box-shadow .25s ease,
    transform .25s ease;
}

/* Убираем обычный hover, который мог перекрывать стекло */
.game:hover {
  background:
    linear-gradient(
      105deg,
      rgba(47,105,171,.52),
      rgba(12,50,94,.34)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.12),
    0 8px 30px rgba(0,0,0,.18);
}

/* Верхний glass-блик каждой строки */
.game:after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.16) 30%,
    rgba(255,255,255,.05) 70%,
    transparent
  );
  pointer-events: none;
}

/* -------------------------
   RESULT GRADIENTS
   ------------------------- */

/* Победа: зелёный растворяется в фирменный синий */
.game.win-row:not(.cup-row) {
  background: linear-gradient(
    90deg,
    rgba(54,185,125,.95) 0%,
    rgba(54,185,125,.72) 10%,
    rgba(31,112,79,.58) 28%,
    rgba(14,61,91,.46) 48%,
    rgba(9,35,74,.34) 72%,
    rgba(9,35,74,.25) 100%
  ) !important;
}

/* Поражение: красный растворяется в фирменный синий */
.game.loss-row:not(.cup-row) {
  background: linear-gradient(
    90deg,
    rgba(215,25,47,.95) 0%,
    rgba(215,25,47,.72) 10%,
    rgba(130,23,40,.58) 28%,
    rgba(69,34,59,.46) 48%,
    rgba(9,35,74,.34) 72%,
    rgba(9,35,74,.25) 100%
  ) !important;
}

/* -------------------------
   CUP OF THE FIRST
   ------------------------- */
.cup-row.win-row {
  background: linear-gradient(
    90deg,
    rgba(24,184,122,.94) 0%,
    rgba(49,85,27,.72) 22%,
    rgba(154,120,32,.82) 57%,
    rgba(10,10,10,.88) 100%
  ) !important;
}

.cup-row.loss-row {
  background: linear-gradient(
    90deg,
    rgba(215,25,47,.90) 0%,
    rgba(99,32,25,.70) 34%,
    rgba(154,120,32,.82) 65%,
    rgba(10,10,10,.90) 100%
  ) !important;
}

.cup-row.future-row {
  background: linear-gradient(
    90deg,
    rgba(154,120,32,.88) 0%,
    rgba(112,83,20,.70) 32%,
    rgba(10,10,10,.90) 100%
  ) !important;
}

/* -------------------------
   TEXT CONTRAST
   ------------------------- */
.game.win-row .num,
.game.loss-row .num,
.cup-row .num,
.game.win-row .game-info>b,
.game.loss-row .game-info>b,
.cup-row .game-info>b,
.game.win-row .date b,
.game.loss-row .date b,
.cup-row .date b,
.game.win-row .score,
.game.loss-row .score,
.cup-row .score {
  color: #fff;
  text-shadow: 0 2px 7px rgba(0,0,0,.72);
}

.game.win-row .date em,
.game.loss-row .date em,
.cup-row .date em,
.game.win-row .date small,
.game.loss-row .date small,
.cup-row .date small {
  color: #e3eef9;
  text-shadow: 0 1px 4px rgba(0,0,0,.65);
}

/* -------------------------
   TEAM LOGOS
   ------------------------- */
.opponent-logo {
  background: rgba(246,249,252,.94);
  border: 1px solid rgba(255,255,255,.58);
  box-shadow:
    0 9px 25px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -1px 0 rgba(0,0,0,.08);
}

/* -------------------------
   CUP LOGO
   ------------------------- */
.cup-row .cup-logo {
  filter:
    drop-shadow(0 0 10px rgba(255,211,80,.48))
    drop-shadow(0 5px 9px rgba(0,0,0,.62));
}

/* -------------------------
   STATS GLASS
   ------------------------- */
.stats {
  background:
    linear-gradient(
      135deg,
      rgba(16,65,123,.48),
      rgba(5,27,57,.30)
    );
  border: 1px solid rgba(205,230,255,.28);
  box-shadow:
    0 25px 70px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.28);
  backdrop-filter: blur(28px) saturate(160%);
  -webkit-backdrop-filter: blur(28px) saturate(160%);
}

/* -------------------------
   SYNC BUTTON GLASS
   ------------------------- */
.sync {
  background:
    linear-gradient(
      135deg,
      rgba(16,91,181,.60),
      rgba(7,52,111,.42)
    );
  border: 1px solid rgba(151,207,255,.38);
  box-shadow:
    0 12px 32px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.20);
  backdrop-filter: blur(18px) saturate(155%);
  -webkit-backdrop-filter: blur(18px) saturate(155%);
}

.sync:hover {
  background:
    linear-gradient(
      135deg,
      rgba(30,111,210,.72),
      rgba(171,26,48,.62)
    );
  border-color: rgba(255,255,255,.45);
}

/* -------------------------
   FUTURE ROW
   ------------------------- */
.future-row:not(.cup-row) {
  background:
    linear-gradient(
      105deg,
      rgba(20,70,125,.38),
      rgba(8,35,72,.24)
    );
}

/* -------------------------
   MOBILE
   ------------------------- */
@media(max-width:850px) {
  .table-wrap,
  .game,
  .stats {
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
  }

  .cup-row .cup-logo {
    position: absolute;
    left: auto;
    right: 86px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
}

@media(max-width:500px) {
  .table-wrap,
  .game,
  .stats {
    backdrop-filter: blur(13px) saturate(140%);
    -webkit-backdrop-filter: blur(13px) saturate(140%);
  }

  .cup-row .cup-logo {
    right: 72px;
    width: 38px;
    height: 38px;
  }
}

/* =========================================================
   SKA LIQUID GLASS V4
   Размеры текста + 5 вариантов логотипов
   Первые 5 матчей = 5 разных вариантов
   ========================================================= */

/* -------------------------
   TEXT SIZES
   ------------------------- */

/* Дата компактнее */
.date b {
  font-size: 14px;
  line-height: 1.15;
}

.date em {
  font-size: 13px;
}

.date small {
  font-size: 12px;
}

/* Счёт заметно крупнее */
.score {
  font-size: 32px;
  line-height: 1;
  letter-spacing: .02em;
}

.score small {
  font-size: 14px;
  vertical-align: middle;
  letter-spacing: .02em;
}

/* -------------------------
   ОБЩАЯ БАЗА ДЛЯ 5 ЛОГОТИПОВ
   ------------------------- */
.game:nth-child(1) .opponent-logo,
.game:nth-child(2) .opponent-logo,
.game:nth-child(3) .opponent-logo,
.game:nth-child(4) .opponent-logo,
.game:nth-child(5) .opponent-logo {
  position: relative;
  overflow: hidden;
}

/* =========================================================
   01 — ЛАДА
   Вариант №1: GLASS MEDALLION
   Круглый стеклянный медальон
   ========================================================= */
.game:nth-child(1) .opponent-logo {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.72), rgba(255,255,255,.20) 34%, rgba(255,255,255,.07) 70%),
    rgba(205,230,250,.14);
  border: 1px solid rgba(255,255,255,.48);
  box-shadow:
    0 10px 30px rgba(0,0,0,.35),
    0 0 25px rgba(60,170,220,.18),
    inset 0 2px 2px rgba(255,255,255,.42),
    inset 0 -3px 7px rgba(0,0,0,.16);
  backdrop-filter: blur(16px) saturate(155%);
  -webkit-backdrop-filter: blur(16px) saturate(155%);
}

.game:nth-child(1) .opponent-logo:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 24%;
  left: 15%;
  top: 7%;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255,255,255,.42), transparent);
  transform: rotate(-12deg);
  pointer-events: none;
}

.game:nth-child(1) .opponent-logo img {
  width: 72%;
  height: 72%;
  object-fit: contain;
  filter: drop-shadow(0 5px 7px rgba(0,0,0,.28));
}

/* =========================================================
   02 — ДИНАМО МОСКВА
   Вариант №2: FLOATING LOGO
   Логотип почти без подложки, парит над стеклом
   ========================================================= */
.game:nth-child(2) .opponent-logo {
  width: 64px;
  height: 64px;
  flex-basis: 64px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 12px 30px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.game:nth-child(2) .opponent-logo img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.48))
    drop-shadow(0 0 12px rgba(70,150,240,.25));
}

/* =========================================================
   03 — АВТОМОБИЛИСТ
   Вариант №3: TEAM COLOR GLASS
   Цветное стекло в цвет команды
   ========================================================= */
.game:nth-child(3) .opponent-logo {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 25% 18%, rgba(255,255,255,.42), transparent 36%),
    linear-gradient(145deg, rgba(225,30,50,.34), rgba(255,255,255,.07) 55%, rgba(210,25,45,.20));
  border: 1px solid rgba(255,135,145,.52);
  box-shadow:
    0 12px 30px rgba(0,0,0,.34),
    0 0 28px rgba(215,25,47,.28),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -2px 6px rgba(0,0,0,.16);
  backdrop-filter: blur(18px) saturate(165%);
  -webkit-backdrop-filter: blur(18px) saturate(165%);
}

.game:nth-child(3) .opponent-logo img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.40))
    drop-shadow(0 0 8px rgba(255,60,75,.18));
}

/* =========================================================
   04 — СИБИРЬ
   Вариант №4: HOCKEY PUCK
   Тёмный круглый медальон под шайбу
   ========================================================= */
.game:nth-child(4) .opponent-logo {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 28%, rgba(65,120,180,.45), rgba(5,25,50,.82) 68%),
    rgba(5,20,42,.72);
  border: 2px solid rgba(110,170,225,.48);
  box-shadow:
    0 10px 26px rgba(0,0,0,.46),
    0 0 22px rgba(45,120,205,.22),
    inset 0 3px 5px rgba(255,255,255,.13),
    inset 0 -6px 12px rgba(0,0,0,.42);
  backdrop-filter: blur(14px) saturate(145%);
  -webkit-backdrop-filter: blur(14px) saturate(145%);
}

.game:nth-child(4) .opponent-logo:before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: inset 0 1px 2px rgba(255,255,255,.10);
  pointer-events: none;
}

.game:nth-child(4) .opponent-logo img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  filter:
    drop-shadow(0 4px 7px rgba(0,0,0,.52))
    drop-shadow(0 0 8px rgba(70,145,225,.22));
}

/* =========================================================
   05 — СПАРТАК
   Вариант №5: PREMIUM GLASS CARD
   Оставляем форму карточки, но превращаем белый квадрат
   в полупрозрачное стекло
   ========================================================= */
.game:nth-child(5) .opponent-logo {
  width: 62px;
  height: 62px;
  flex-basis: 62px;
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.30), rgba(255,255,255,.075)),
    rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.40);
  box-shadow:
    0 12px 32px rgba(0,0,0,.36),
    0 0 22px rgba(215,25,47,.16),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -2px 6px rgba(0,0,0,.12);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
}

.game:nth-child(5) .opponent-logo:after {
  content: "";
  position: absolute;
  left: -10%;
  top: 4%;
  width: 120%;
  height: 18%;
  background: linear-gradient(180deg, rgba(255,255,255,.34), transparent);
  transform: rotate(-8deg);
  pointer-events: none;
}

.game:nth-child(5) .opponent-logo img {
  width: 82%;
  height: 82%;
  object-fit: contain;
  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.36))
    drop-shadow(0 0 8px rgba(215,25,47,.15));
}

/* -------------------------
   MOBILE — компактнее дата,
   ещё заметнее счёт
   ------------------------- */
@media(max-width:850px) {
  .date b {
    font-size: 13px;
  }

  .date em {
    font-size: 12px;
  }

  .date small {
    font-size: 11px;
    letter-spacing: .08em;
  }

  .score {
    font-size: 34px;
  }

  .score small {
    font-size: 13px;
  }

  .game:nth-child(1) .opponent-logo,
  .game:nth-child(2) .opponent-logo,
  .game:nth-child(3) .opponent-logo,
  .game:nth-child(4) .opponent-logo,
  .game:nth-child(5) .opponent-logo {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
  }

  .game:nth-child(1) .opponent-logo img,
  .game:nth-child(2) .opponent-logo img,
  .game:nth-child(3) .opponent-logo img,
  .game:nth-child(4) .opponent-logo img,
  .game:nth-child(5) .opponent-logo img {
    width: 82%;
    height: 82%;
  }
}

@media(max-width:500px) {
  .date b {
    font-size: 12px;
  }

  .date em {
    font-size: 11px;
  }

  .date small {
    font-size: 10px;
  }

  .score {
    font-size: 32px;
  }

  .score small {
    font-size: 12px;
  }

  .game:nth-child(1) .opponent-logo,
  .game:nth-child(2) .opponent-logo,
  .game:nth-child(3) .opponent-logo,
  .game:nth-child(4) .opponent-logo,
  .game:nth-child(5) .opponent-logo {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }
}

/* =========================================================
   SKA LIQUID GLASS V5
   18 разных подложек под логотипы
   №01 — полностью без подложки
   ========================================================= */

/* Общая база: каждый логотип получает свою форму,
   материал, границу, тень или свечение. */
.games .opponent-logo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.games .opponent-logo img {
  position: relative;
  z-index: 2;
}

/* Если контейнер с играми называется #games */
#games .opponent-logo {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
}

#games .opponent-logo img {
  position: relative;
  z-index: 2;
}

/* =========================================================
   01 — БЕЗ ПОДЛОЖКИ
   Логотип просто парит над фоном
   ========================================================= */
#games .game:nth-child(1) .opponent-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible;
}

#games .game:nth-child(1) .opponent-logo img {
  width: 100%;
  height: 100%;
  filter:
    drop-shadow(0 7px 8px rgba(0,0,0,.55))
    drop-shadow(0 0 13px rgba(100,190,240,.20));
}

/* =========================================================
   02 — FROSTED PILL
   ========================================================= */
#games .game:nth-child(2) .opponent-logo {
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.42);
  box-shadow:
    0 10px 28px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -2px 5px rgba(0,0,0,.10);
  backdrop-filter: blur(20px) saturate(165%);
  -webkit-backdrop-filter: blur(20px) saturate(165%);
}

/* =========================================================
   03 — RUBY GLASS
   ========================================================= */
#games .game:nth-child(3) .opponent-logo {
  border-radius: 50%;
  background: radial-gradient(circle at 32% 25%, rgba(255,120,130,.42), rgba(120,10,25,.18) 50%, rgba(255,255,255,.05));
  border: 1px solid rgba(255,120,130,.52);
  box-shadow:
    0 10px 28px rgba(0,0,0,.38),
    0 0 25px rgba(215,25,47,.30),
    inset 0 2px 3px rgba(255,255,255,.30);
  backdrop-filter: blur(18px) saturate(170%);
  -webkit-backdrop-filter: blur(18px) saturate(170%);
}

/* =========================================================
   04 — ICE
   ========================================================= */
#games .game:nth-child(4) .opponent-logo {
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(180,225,255,.25), rgba(40,110,175,.10));
  border: 1px solid rgba(180,225,255,.46);
  box-shadow:
    0 10px 28px rgba(0,0,0,.34),
    0 0 24px rgba(75,165,240,.18),
    inset 0 1px 0 rgba(255,255,255,.52);
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
}

/* =========================================================
   05 — GOLDEN MEDALLION
   ========================================================= */
#games .game:nth-child(5) .opponent-logo {
  border-radius: 50%;
  background: radial-gradient(circle at 35% 25%, rgba(255,230,145,.40), rgba(130,95,20,.22) 58%, rgba(20,15,5,.15));
  border: 2px solid rgba(244,207,95,.54);
  box-shadow:
    0 10px 30px rgba(0,0,0,.40),
    0 0 24px rgba(224,176,55,.25),
    inset 0 2px 4px rgba(255,255,255,.35),
    inset 0 -5px 10px rgba(0,0,0,.20);
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
}

/* =========================================================
   06 — DARK GLASS
   ========================================================= */
#games .game:nth-child(6) .opponent-logo {
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(0,0,0,.30));
  border: 1px solid rgba(255,255,255,.25);
  box-shadow:
    0 12px 30px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -3px 8px rgba(0,0,0,.25);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
}

/* =========================================================
   07 — NEON BLUE
   ========================================================= */
#games .game:nth-child(7) .opponent-logo {
  border-radius: 22px;
  background: rgba(25,115,205,.16);
  border: 1px solid rgba(92,183,255,.52);
  box-shadow:
    0 10px 28px rgba(0,0,0,.35),
    0 0 26px rgba(40,145,240,.34),
    inset 0 1px 0 rgba(255,255,255,.30);
  backdrop-filter: blur(18px) saturate(175%);
  -webkit-backdrop-filter: blur(18px) saturate(175%);
}

/* =========================================================
   08 — DIAMOND
   Скошенная стеклянная форма
   ========================================================= */
#games .game:nth-child(8) .opponent-logo {
  border-radius: 10px;
  transform: rotate(3deg);
  background: linear-gradient(135deg, rgba(255,255,255,.30), rgba(60,125,185,.08));
  border: 1px solid rgba(220,240,255,.42);
  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

#games .game:nth-child(8) .opponent-logo img {
  transform: rotate(-3deg);
}

/* =========================================================
   09 — SMOKED GLASS
   ========================================================= */
#games .game:nth-child(9) .opponent-logo {
  border-radius: 50%;
  background: rgba(20,28,42,.48);
  border: 1px solid rgba(210,225,240,.28);
  box-shadow:
    0 12px 30px rgba(0,0,0,.48),
    inset 0 2px 3px rgba(255,255,255,.18),
    inset 0 -5px 10px rgba(0,0,0,.28);
  backdrop-filter: blur(24px) saturate(120%);
  -webkit-backdrop-filter: blur(24px) saturate(120%);
}

/* =========================================================
   10 — RED ACRYLIC
   ========================================================= */
#games .game:nth-child(10) .opponent-logo {
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(255,85,100,.32), rgba(90,5,18,.20)),
    rgba(255,255,255,.05);
  border: 1px solid rgba(255,120,130,.48);
  box-shadow:
    0 12px 30px rgba(0,0,0,.38),
    0 0 20px rgba(215,25,47,.22),
    inset 0 1px 0 rgba(255,255,255,.38);
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
}

/* =========================================================
   11 — SILVER
   ========================================================= */
#games .game:nth-child(11) .opponent-logo {
  border-radius: 19px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(155,175,195,.10) 55%, rgba(255,255,255,.18));
  border: 1px solid rgba(235,245,255,.58);
  box-shadow:
    0 11px 29px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -2px 6px rgba(0,0,0,.10);
  backdrop-filter: blur(20px) saturate(135%);
  -webkit-backdrop-filter: blur(20px) saturate(135%);
}

/* =========================================================
   12 — OCEAN GLASS
   ========================================================= */
#games .game:nth-child(12) .opponent-logo {
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 22%, rgba(90,205,255,.38), rgba(10,65,115,.18) 55%, rgba(0,30,65,.12));
  border: 1px solid rgba(105,210,255,.48);
  box-shadow:
    0 12px 30px rgba(0,0,0,.38),
    0 0 26px rgba(25,155,235,.24),
    inset 0 2px 4px rgba(255,255,255,.32);
  backdrop-filter: blur(20px) saturate(170%);
  -webkit-backdrop-filter: blur(20px) saturate(170%);
}

/* =========================================================
   13 — AMBER GLASS
   ========================================================= */
#games .game:nth-child(13) .opponent-logo {
  border-radius: 15px;
  background:
    linear-gradient(145deg, rgba(255,195,60,.30), rgba(100,60,0,.12)),
    rgba(255,255,255,.04);
  border: 1px solid rgba(255,210,100,.48);
  box-shadow:
    0 12px 30px rgba(0,0,0,.38),
    0 0 23px rgba(230,165,35,.22),
    inset 0 1px 0 rgba(255,255,255,.36);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}

/* =========================================================
   14 — HOLOGRAPHIC
   ========================================================= */
#games .game:nth-child(14) .opponent-logo {
  border-radius: 24px;
  background:
    linear-gradient(135deg,
      rgba(80,220,255,.22),
      rgba(170,90,255,.18) 45%,
      rgba(255,100,170,.18));
  border: 1px solid rgba(210,220,255,.44);
  box-shadow:
    0 12px 32px rgba(0,0,0,.38),
    0 0 28px rgba(145,115,255,.22),
    inset 0 1px 0 rgba(255,255,255,.42);
  backdrop-filter: blur(22px) saturate(185%);
  -webkit-backdrop-filter: blur(22px) saturate(185%);
}

/* =========================================================
   15 — CARBON GLASS
   ========================================================= */
#games .game:nth-child(15) .opponent-logo {
  border-radius: 12px;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.075) 0px,
      rgba(255,255,255,.075) 2px,
      rgba(0,0,0,.08) 2px,
      rgba(0,0,0,.08) 5px
    ),
    rgba(8,20,36,.50);
  border: 1px solid rgba(160,190,220,.30);
  box-shadow:
    0 12px 30px rgba(0,0,0,.50),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -3px 7px rgba(0,0,0,.28);
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
}

/* =========================================================
   16 — WHITE FROST
   ========================================================= */
#games .game:nth-child(16) .opponent-logo {
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.70), rgba(220,238,250,.22) 55%, rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.62);
  box-shadow:
    0 12px 30px rgba(0,0,0,.32),
    0 0 20px rgba(215,235,255,.18),
    inset 0 2px 4px rgba(255,255,255,.58);
  backdrop-filter: blur(25px) saturate(140%);
  -webkit-backdrop-filter: blur(25px) saturate(140%);
}

/* =========================================================
   17 — NAVY CRYSTAL
   ========================================================= */
#games .game:nth-child(17) .opponent-logo {
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(55,125,205,.30), rgba(3,22,48,.38));
  border: 1px solid rgba(100,170,235,.46);
  box-shadow:
    0 12px 30px rgba(0,0,0,.45),
    0 0 24px rgba(35,105,190,.22),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -3px 7px rgba(0,0,0,.25);
  backdrop-filter: blur(21px) saturate(155%);
  -webkit-backdrop-filter: blur(21px) saturate(155%);
}

/* =========================================================
   18 — PREMIUM RED/BLUE GLASS
   ========================================================= */
#games .game:nth-child(18) .opponent-logo {
  border-radius: 21px;
  background:
    linear-gradient(135deg,
      rgba(215,25,47,.26),
      rgba(255,255,255,.10) 42%,
      rgba(15,85,165,.24));
  border: 1px solid rgba(220,235,255,.44);
  box-shadow:
    0 13px 34px rgba(0,0,0,.42),
    0 0 25px rgba(60,120,220,.18),
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -3px 7px rgba(0,0,0,.15);
  backdrop-filter: blur(22px) saturate(175%);
  -webkit-backdrop-filter: blur(22px) saturate(175%);
}

/* -------------------------
   Небольшое движение при hover
   ------------------------- */
@media(min-width:851px) {
  #games .game:hover .opponent-logo {
    transform: translateY(-1px) scale(1.035);
  }

  #games .game:nth-child(8):hover .opponent-logo {
    transform: rotate(3deg) translateY(-1px) scale(1.035);
  }
}

/* -------------------------
   MOBILE
   ------------------------- */
@media(max-width:850px) {
  #games .game:nth-child(1) .opponent-logo {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #games .game:nth-child(8) .opponent-logo {
    transform: rotate(2deg);
  }
}

@media(max-width:500px) {
  #games .game:nth-child(1) .opponent-logo img {
    width: 100%;
    height: 100%;
  }
}

/* =========================================================
   SKA LIQUID GLASS V6
   ЕДИНЫЙ СТИЛЬ ЛОГОТИПОВ — ВАРИАНТ №10
   Красный/тёмный acrylic glass для всех 18 матчей
   ========================================================= */

#games .game .opponent-logo {
  width: 52px;
  height: 52px;
  flex-basis: 52px;
  border-radius: 12px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 85, 100, .30),
      rgba(90, 5, 18, .18) 52%,
      rgba(255, 255, 255, .055)
    ) !important;

  border: 1px solid rgba(255, 120, 130, .48) !important;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, .38),
    0 0 20px rgba(215, 25, 47, .20),
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -2px 6px rgba(0, 0, 0, .15) !important;

  backdrop-filter: blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;

  overflow: hidden;
  isolation: isolate;
}

/* Верхний блик */
#games .game .opponent-logo::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -12%;
  top: 3%;
  width: 124%;
  height: 20%;
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.36),
    rgba(255,255,255,0)
  );
  transform: rotate(-8deg);
  pointer-events: none;
}

/* Логотипы остаются чистыми и не получают белую подложку */
#games .game .opponent-logo img {
  position: relative;
  z-index: 2;
  width: 82%;
  height: 82%;
  object-fit: contain;

  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.40))
    drop-shadow(0 0 8px rgba(215,25,47,.14));
}

/* При наведении стекло чуть оживает */
@media(min-width:851px) {
  #games .game:hover .opponent-logo {
    transform: translateY(-1px) scale(1.045);
    border-color: rgba(255, 145, 155, .65) !important;
    box-shadow:
      0 13px 30px rgba(0,0,0,.42),
      0 0 28px rgba(215,25,47,.30),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -2px 6px rgba(0,0,0,.15) !important;
  }
}

/* Телефон */
@media(max-width:850px) {
  #games .game .opponent-logo {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    border-radius: 12px;
  }

  #games .game .opponent-logo img {
    width: 82%;
    height: 82%;
  }
}

@media(max-width:500px) {
  #games .game .opponent-logo {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 11px;
  }
}

/* =========================================================
   SKA LIQUID GLASS V7
   ЕДИНЫЙ ФОРМ-ФАКТОР ЛОГОТИПА + ЦВЕТ ПОД САМУ КОМАНДУ
   Все 18 логотипов выглядят как №10, но оттенок подложки
   подбирается под цвета конкретного логотипа.
   ========================================================= */

/* Одинаковая форма для ВСЕХ */
#games .game .opponent-logo {
  width: 52px !important;
  height: 52px !important;
  flex-basis: 52px !important;
  border-radius: 12px !important;

  /* базовое стекло */
  background:
    linear-gradient(
      145deg,
      var(--logo-glow, rgba(215,25,47,.30)),
      rgba(8,30,63,.62) 68%,
      rgba(4,18,40,.72)
    ) !important;

  border: 1px solid var(--logo-border, rgba(255,120,130,.48)) !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 20px var(--logo-shadow, rgba(215,25,47,.20)),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -2px 6px rgba(0,0,0,.15) !important;

  backdrop-filter: blur(20px) saturate(170%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(170%) !important;

  overflow: hidden !important;
  isolation: isolate;
}

/* Стеклянный блик */
#games .game .opponent-logo::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -12%;
  top: 3%;
  width: 124%;
  height: 20%;
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.36),
    rgba(255,255,255,0)
  );
  transform: rotate(-8deg);
  pointer-events: none;
}

/* Логотип */
#games .game .opponent-logo img {
  position: relative;
  z-index: 2;
  width: 82% !important;
  height: 82% !important;
  object-fit: contain;
  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.40))
    drop-shadow(0 0 8px var(--logo-img-glow, rgba(215,25,47,.14)));
}

/* =========================================================
   ЦВЕТА 18 МАТЧЕЙ
   ========================================================= */

/* 01 — Лада: тёмно-синий + фирменный сине-бирюзовый */
#games .game:nth-child(1) .opponent-logo {
  --logo-glow: rgba(15,125,175,.34);
  --logo-border: rgba(75,180,220,.58);
  --logo-shadow: rgba(15,145,205,.28);
  --logo-img-glow: rgba(60,180,230,.20);
}

/* 02 — Динамо Москва: синий */
#games .game:nth-child(2) .opponent-logo {
  --logo-glow: rgba(35,100,205,.38);
  --logo-border: rgba(85,145,235,.58);
  --logo-shadow: rgba(35,105,220,.30);
  --logo-img-glow: rgba(70,145,240,.20);
}

/* 03 — Автомобилист: красный */
#games .game:nth-child(3) .opponent-logo {
  --logo-glow: rgba(215,25,47,.36);
  --logo-border: rgba(255,105,120,.58);
  --logo-shadow: rgba(215,25,47,.28);
  --logo-img-glow: rgba(255,55,75,.20);
}

/* 04 — Сибирь: синий */
#games .game:nth-child(4) .opponent-logo {
  --logo-glow: rgba(35,100,185,.38);
  --logo-border: rgba(100,165,230,.58);
  --logo-shadow: rgba(35,110,210,.30);
  --logo-img-glow: rgba(80,155,230,.20);
}

/* 05 — Спартак: красный */
#games .game:nth-child(5) .opponent-logo {
  --logo-glow: rgba(190,20,45,.38);
  --logo-border: rgba(255,100,120,.58);
  --logo-shadow: rgba(215,25,47,.30);
  --logo-img-glow: rgba(235,45,65,.20);
}

/* 06 — Салават Юлаев: зелёный */
#games .game:nth-child(6) .opponent-logo {
  --logo-glow: rgba(25,150,85,.36);
  --logo-border: rgba(80,210,135,.58);
  --logo-shadow: rgba(20,160,90,.28);
  --logo-img-glow: rgba(65,205,125,.20);
}

/* 07 — Шанхайские Драконы: оранжево-красный */
#games .game:nth-child(7) .opponent-logo {
  --logo-glow: rgba(230,75,20,.40);
  --logo-border: rgba(255,125,55,.60);
  --logo-shadow: rgba(235,70,20,.30);
  --logo-img-glow: rgba(255,100,35,.22);
}

/* 08 — Шанхайские Драконы: второй матч, тот же командный цвет */
#games .game:nth-child(8) .opponent-logo {
  --logo-glow: rgba(230,75,20,.40);
  --logo-border: rgba(255,125,55,.60);
  --logo-shadow: rgba(235,70,20,.30);
  --logo-img-glow: rgba(255,100,35,.22);
}

/* 09 — Шанхайские Драконы: специально чуть более тёмная версия */
#games .game:nth-child(9) .opponent-logo {
  --logo-glow: rgba(220,70,15,.34);
  --logo-border: rgba(245,115,50,.55);
  --logo-shadow: rgba(225,65,15,.26);
  --logo-img-glow: rgba(255,95,30,.20);
}

/* 10 — Авангард: красно-синий, как на твоём примере */
#games .game:nth-child(10) .opponent-logo {
  --logo-glow: rgba(205,35,55,.34);
  --logo-border: rgba(230,100,120,.56);
  --logo-shadow: rgba(215,40,60,.26);
  --logo-img-glow: rgba(235,60,75,.18);
}

/* 11 — Нефтехимик: сине-бирюзовый */
#games .game:nth-child(11) .opponent-logo {
  --logo-glow: rgba(20,125,150,.36);
  --logo-border: rgba(75,190,205,.58);
  --logo-shadow: rgba(20,145,170,.28);
  --logo-img-glow: rgba(70,190,205,.20);
}

/* 12 — Локомотив: красно-синий */
#games .game:nth-child(12) .opponent-logo {
  --logo-glow: rgba(205,35,55,.34);
  --logo-border: rgba(100,150,220,.56);
  --logo-shadow: rgba(50,105,200,.25);
  --logo-img-glow: rgba(220,55,75,.18);
}

/* 13 — ЦСКА: красный + синий */
#games .game:nth-child(13) .opponent-logo {
  --logo-glow: rgba(185,30,55,.38);
  --logo-border: rgba(235,100,120,.58);
  --logo-shadow: rgba(195,35,60,.28);
  --logo-img-glow: rgba(225,50,75,.20);
}

/* 14 — Северсталь: жёлтый */
#games .game:nth-child(14) .opponent-logo {
  --logo-glow: rgba(215,160,20,.38);
  --logo-border: rgba(245,205,80,.60);
  --logo-shadow: rgba(220,165,25,.28);
  --logo-img-glow: rgba(245,195,50,.20);
}

/* 15 — Торпедо: красно-синий */
#games .game:nth-child(15) .opponent-logo {
  --logo-glow: rgba(205,30,50,.36);
  --logo-border: rgba(95,155,225,.58);
  --logo-shadow: rgba(55,115,210,.26);
  --logo-img-glow: rgba(220,50,70,.20);
}

/* 16 — Динамо Минск: синий */
#games .game:nth-child(16) .opponent-logo {
  --logo-glow: rgba(25,105,205,.38);
  --logo-border: rgba(90,160,240,.60);
  --logo-shadow: rgba(25,110,220,.30);
  --logo-img-glow: rgba(65,150,235,.20);
}

/* 17 — Металлург: золотисто-синий */
#games .game:nth-child(17) .opponent-logo {
  --logo-glow: rgba(205,145,20,.38);
  --logo-border: rgba(245,195,70,.60);
  --logo-shadow: rgba(210,150,25,.28);
  --logo-img-glow: rgba(235,180,45,.20);
}

/* 18 — Ак Барс: зелёный */
#games .game:nth-child(18) .opponent-logo {
  --logo-glow: rgba(20,125,75,.38);
  --logo-border: rgba(70,190,125,.60);
  --logo-shadow: rgba(20,140,80,.28);
  --logo-img-glow: rgba(55,190,115,.20);
}

/* =========================================================
   HOVER
   ========================================================= */
@media(min-width:851px) {
  #games .game:hover .opponent-logo {
    transform: translateY(-1px) scale(1.045);
    border-color: rgba(255,255,255,.58) !important;
    box-shadow:
      0 13px 30px rgba(0,0,0,.42),
      0 0 28px var(--logo-shadow),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -2px 6px rgba(0,0,0,.15) !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:850px) {
  #games .game .opponent-logo {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
    border-radius: 12px !important;
  }
}

@media(max-width:500px) {
  #games .game .opponent-logo {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
    border-radius: 11px !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V8 — FIX
   1) Убран блик
   2) У Лады принудительно возвращён border
   3) Трактор = чёрно-белое/графитовое стекло
   4) Салават = зелёно-жёлтое стекло
   5) Шанхай = оранжевое стекло
   6) У всех логотипов убран наклон
   ========================================================= */

/* Больше никакого блика */
#games .game .opponent-logo::after {
  display: none !important;
}

/* Никаких поворотов подложки */
#games .game .opponent-logo {
  transform: none !important;
}

/* =========================================================
   01 — ЛАДА
   Сине-бирюзовое стекло + ОБЯЗАТЕЛЬНАЯ рамка
   ========================================================= */
#games .game:nth-child(1) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(15,125,175,.34),
      rgba(8,30,63,.62) 68%,
      rgba(4,18,40,.72)
    ) !important;
  border: 1px solid rgba(75,180,220,.62) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 20px rgba(15,145,205,.25),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 6px rgba(0,0,0,.15) !important;
}

/* =========================================================
   02 — ДИНАМО МОСКВА
   Синий
   ========================================================= */
#games .game:nth-child(2) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(35,100,205,.38),
      rgba(8,30,63,.64) 68%,
      rgba(4,18,40,.72)
    ) !important;
  border: 1px solid rgba(85,145,235,.60) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 20px rgba(35,105,220,.28),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 6px rgba(0,0,0,.15) !important;
}

/* =========================================================
   03 — АВТОМОБИЛИСТ
   Красный
   ========================================================= */
#games .game:nth-child(3) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(215,25,47,.38),
      rgba(55,18,30,.62) 68%,
      rgba(20,12,22,.72)
    ) !important;
  border: 1px solid rgba(255,105,120,.62) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 21px rgba(215,25,47,.30),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 6px rgba(0,0,0,.15) !important;
}

/* =========================================================
   04 — СИБИРЬ
   Холодный синий
   ========================================================= */
#games .game:nth-child(4) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(35,100,185,.38),
      rgba(8,30,63,.64) 68%,
      rgba(4,18,40,.72)
    ) !important;
  border: 1px solid rgba(100,165,230,.62) !important;
}

/* =========================================================
   05 — СПАРТАК
   Красный
   ========================================================= */
#games .game:nth-child(5) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(190,20,45,.38),
      rgba(55,15,28,.62) 68%,
      rgba(20,10,20,.72)
    ) !important;
  border: 1px solid rgba(255,100,120,.62) !important;
}

/* =========================================================
   06 — ТРАКТОР
   ЧЁРНО-БЕЛЫЙ / ГРАФИТОВЫЙ
   Никакого зелёного.
   ========================================================= */
#games .game:nth-child(6) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(235,240,245,.20),
      rgba(55,62,70,.50) 45%,
      rgba(10,14,20,.72)
    ) !important;
  border: 1px solid rgba(210,220,230,.58) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.44),
    0 0 18px rgba(220,230,240,.12),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 7px rgba(0,0,0,.28) !important;
}

/* =========================================================
   07 — САЛАВАТ ЮЛАЕВ
   ЗЕЛЁНЫЙ + ЖЁЛТЫЙ
   ========================================================= */
#games .game:nth-child(7) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(35,155,85,.38),
      rgba(20,95,65,.52) 45%,
      rgba(90,115,18,.38) 78%,
      rgba(10,35,30,.72)
    ) !important;
  border: 1px solid rgba(105,210,125,.62) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 22px rgba(40,170,90,.25),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 7px rgba(0,0,0,.18) !important;
}

/* =========================================================
   08 — ШАНХАЙСКИЕ ДРАКОНЫ
   Оранжевый, без наклона
   ========================================================= */
#games .game:nth-child(8) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(235,80,20,.40),
      rgba(105,38,18,.56) 48%,
      rgba(15,30,50,.72)
    ) !important;
  border: 1px solid rgba(255,130,65,.64) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 23px rgba(235,80,20,.30),
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -2px 7px rgba(0,0,0,.18) !important;
}

/* =========================================================
   09 — ШАНХАЙСКИЕ ДРАКОНЫ
   Та же команда, другой оттенок оранжевого
   ========================================================= */
#games .game:nth-child(9) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(225,70,15,.34),
      rgba(90,32,15,.58) 48%,
      rgba(10,28,48,.74)
    ) !important;
  border: 1px solid rgba(245,120,55,.60) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 21px rgba(230,75,20,.26),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 7px rgba(0,0,0,.18) !important;
}

/* =========================================================
   10 — АВАНГАРД
   Красный + тёмно-синий
   ========================================================= */
#games .game:nth-child(10) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(205,35,55,.36),
      rgba(80,30,45,.48) 42%,
      rgba(10,35,70,.72)
    ) !important;
  border: 1px solid rgba(230,100,120,.60) !important;
}

/* =========================================================
   11 — НЕФТЕХИМИК
   Сине-бирюзовый
   ========================================================= */
#games .game:nth-child(11) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(20,125,150,.38),
      rgba(10,55,75,.58) 55%,
      rgba(5,25,50,.72)
    ) !important;
  border: 1px solid rgba(75,190,205,.62) !important;
}

/* =========================================================
   12 — ЛОКОМОТИВ
   Красный + синий
   ========================================================= */
#games .game:nth-child(12) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(200,35,55,.36),
      rgba(70,55,85,.46) 42%,
      rgba(20,70,145,.60)
    ) !important;
  border: 1px solid rgba(125,165,230,.62) !important;
}

/* =========================================================
   13 — ЦСКА
   Красный + синий
   ========================================================= */
#games .game:nth-child(13) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(190,30,55,.40),
      rgba(70,35,60,.48) 45%,
      rgba(10,45,100,.66)
    ) !important;
  border: 1px solid rgba(235,100,120,.62) !important;
}

/* =========================================================
   14 — СЕВЕРСТАЛЬ
   Жёлтый
   ========================================================= */
#games .game:nth-child(14) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(215,160,20,.40),
      rgba(105,80,18,.52) 48%,
      rgba(25,30,35,.72)
    ) !important;
  border: 1px solid rgba(245,205,80,.64) !important;
}

/* =========================================================
   15 — ТОРПЕДО
   Красный + синий
   ========================================================= */
#games .game:nth-child(15) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(205,30,50,.36),
      rgba(65,40,65,.48) 42%,
      rgba(15,60,125,.66)
    ) !important;
  border: 1px solid rgba(100,160,225,.62) !important;
}

/* =========================================================
   16 — ДИНАМО МИНСК
   Синий
   ========================================================= */
#games .game:nth-child(16) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(25,105,205,.40),
      rgba(10,55,110,.56) 50%,
      rgba(5,25,55,.74)
    ) !important;
  border: 1px solid rgba(90,160,240,.64) !important;
}

/* =========================================================
   17 — МЕТАЛЛУРГ
   Золото + синий
   ========================================================= */
#games .game:nth-child(17) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(205,145,20,.40),
      rgba(105,75,20,.52) 45%,
      rgba(15,40,75,.70)
    ) !important;
  border: 1px solid rgba(245,195,70,.64) !important;
}

/* =========================================================
   18 — АК БАРС
   Зелёный
   ========================================================= */
#games .game:nth-child(18) .opponent-logo {
  background:
    linear-gradient(
      145deg,
      rgba(20,125,75,.40),
      rgba(10,70,55,.56) 50%,
      rgba(5,30,40,.74)
    ) !important;
  border: 1px solid rgba(70,190,125,.64) !important;
}

/* Финально запрещаем старым стилям наклонять логотипы */
#games .game:nth-child(8) .opponent-logo,
#games .game:nth-child(9) .opponent-logo,
#games .game:nth-child(10) .opponent-logo,
#games .game:nth-child(11) .opponent-logo,
#games .game:nth-child(12) .opponent-logo,
#games .game:nth-child(13) .opponent-logo,
#games .game:nth-child(14) .opponent-logo,
#games .game:nth-child(15) .opponent-logo,
#games .game:nth-child(16) .opponent-logo,
#games .game:nth-child(17) .opponent-logo,
#games .game:nth-child(18) .opponent-logo {
  transform: none !important;
}

/* На мобильном размеры сохраняются */
@media(max-width:850px) {
  #games .game .opponent-logo {
    transform: none !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V9
   МНОГОЦВЕТНОЕ СТЕКЛО ПО ЦВЕТАМ ЛОГОТИПА
   Фон + граница используют несколько оттенков команды.
   ========================================================= */

/* Общая форма */
#games .game .opponent-logo {
  border: 1px solid transparent !important;
  background:
    linear-gradient(
      145deg,
      var(--glass-a),
      var(--glass-b) 48%,
      var(--glass-c) 100%
    ) padding-box,
    linear-gradient(
      135deg,
      var(--border-a),
      var(--border-b) 48%,
      var(--border-c)
    ) border-box !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 22px var(--glow),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -2px 6px rgba(0,0,0,.16) !important;

  backdrop-filter: blur(20px) saturate(175%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(175%) !important;
}

/* =========================================================
   01 ЛАДА — синий + голубой + бирюзовый
   ========================================================= */
#games .game:nth-child(1) .opponent-logo {
  --glass-a: rgba(20,125,180,.38);
  --glass-b: rgba(12,70,115,.50);
  --glass-c: rgba(15,145,150,.22);
  --border-a: rgba(75,205,235,.78);
  --border-b: rgba(40,125,200,.70);
  --border-c: rgba(60,205,190,.70);
  --glow: rgba(40,170,220,.24);
}

/* =========================================================
   02 ДИНАМО МОСКВА — синий + голубой
   ========================================================= */
#games .game:nth-child(2) .opponent-logo {
  --glass-a: rgba(40,105,215,.42);
  --glass-b: rgba(15,60,135,.54);
  --glass-c: rgba(45,130,205,.22);
  --border-a: rgba(105,180,255,.78);
  --border-b: rgba(45,100,220,.72);
  --border-c: rgba(90,160,240,.70);
  --glow: rgba(50,120,230,.28);
}

/* =========================================================
   03 АВТОМОБИЛИСТ — красный + белый + чёрный
   ========================================================= */
#games .game:nth-child(3) .opponent-logo {
  --glass-a: rgba(220,35,55,.42);
  --glass-b: rgba(75,18,28,.56);
  --glass-c: rgba(12,14,18,.70);
  --border-a: rgba(255,110,125,.82);
  --border-b: rgba(235,235,235,.62);
  --border-c: rgba(190,25,45,.76);
  --glow: rgba(220,35,55,.28);
}

/* =========================================================
   04 СИБИРЬ — тёмно-синий + белый + голубой
   ========================================================= */
#games .game:nth-child(4) .opponent-logo {
  --glass-a: rgba(35,105,185,.42);
  --glass-b: rgba(10,48,95,.56);
  --glass-c: rgba(150,185,215,.14);
  --border-a: rgba(130,190,245,.78);
  --border-b: rgba(235,245,255,.58);
  --border-c: rgba(45,110,205,.74);
  --glow: rgba(45,120,210,.25);
}

/* =========================================================
   05 СПАРТАК — красный + белый
   ========================================================= */
#games .game:nth-child(5) .opponent-logo {
  --glass-a: rgba(205,30,55,.44);
  --glass-b: rgba(90,20,35,.54);
  --glass-c: rgba(20,25,38,.68);
  --border-a: rgba(255,105,125,.82);
  --border-b: rgba(245,245,245,.62);
  --border-c: rgba(190,25,50,.76);
  --glow: rgba(215,30,55,.28);
}

/* =========================================================
   06 ТРАКТОР — белый + серый + чёрный
   ========================================================= */
#games .game:nth-child(6) .opponent-logo {
  --glass-a: rgba(235,240,245,.24);
  --glass-b: rgba(80,88,98,.48);
  --glass-c: rgba(8,12,18,.72);
  --border-a: rgba(245,248,250,.82);
  --border-b: rgba(135,145,155,.68);
  --border-c: rgba(40,45,52,.80);
  --glow: rgba(205,215,225,.14);
}

/* =========================================================
   07 САЛАВАТ ЮЛАЕВ — зелёный + жёлтый + синий
   ========================================================= */
#games .game:nth-child(7) .opponent-logo {
  --glass-a: rgba(30,155,85,.42);
  --glass-b: rgba(85,120,20,.48);
  --glass-c: rgba(15,65,80,.62);
  --border-a: rgba(100,220,130,.82);
  --border-b: rgba(235,210,55,.72);
  --border-c: rgba(60,150,190,.66);
  --glow: rgba(55,175,90,.26);
}

/* =========================================================
   08 ШАНХАЙСКИЕ ДРАКОНЫ — оранжевый + красный + золотой
   ========================================================= */
#games .game:nth-child(8) .opponent-logo {
  --glass-a: rgba(240,90,20,.44);
  --glass-b: rgba(145,38,20,.52);
  --glass-c: rgba(70,35,18,.64);
  --border-a: rgba(255,155,70,.84);
  --border-b: rgba(235,65,30,.76);
  --border-c: rgba(255,205,90,.68);
  --glow: rgba(240,85,20,.30);
}

/* =========================================================
   09 ШАНХАЙСКИЕ ДРАКОНЫ — тот же набор, чуть темнее
   ========================================================= */
#games .game:nth-child(9) .opponent-logo {
  --glass-a: rgba(220,72,15,.40);
  --glass-b: rgba(105,30,18,.54);
  --glass-c: rgba(45,35,25,.68);
  --border-a: rgba(255,140,60,.82);
  --border-b: rgba(225,60,25,.74);
  --border-c: rgba(245,190,75,.66);
  --glow: rgba(230,75,20,.27);
}

/* =========================================================
   10 АВАНГАРД — красный + синий + белый
   ========================================================= */
#games .game:nth-child(10) .opponent-logo {
  --glass-a: rgba(210,40,60,.40);
  --glass-b: rgba(70,38,65,.48);
  --glass-c: rgba(10,45,90,.68);
  --border-a: rgba(245,105,125,.82);
  --border-b: rgba(100,170,240,.72);
  --border-c: rgba(235,235,240,.58);
  --glow: rgba(210,45,70,.26);
}

/* =========================================================
   11 НЕФТЕХИМИК — голубой + синий + белый
   ========================================================= */
#games .game:nth-child(11) .opponent-logo {
  --glass-a: rgba(25,145,165,.42);
  --glass-b: rgba(10,70,100,.54);
  --glass-c: rgba(20,45,75,.66);
  --border-a: rgba(100,220,225,.82);
  --border-b: rgba(65,145,215,.74);
  --border-c: rgba(225,245,250,.58);
  --glow: rgba(35,160,185,.27);
}

/* =========================================================
   12 ЛОКОМОТИВ — красный + синий + белый
   ========================================================= */
#games .game:nth-child(12) .opponent-logo {
  --glass-a: rgba(205,35,55,.40);
  --glass-b: rgba(60,55,90,.50);
  --glass-c: rgba(15,65,140,.66);
  --border-a: rgba(245,100,120,.82);
  --border-b: rgba(95,155,235,.76);
  --border-c: rgba(235,240,250,.60);
  --glow: rgba(80,120,220,.25);
}

/* =========================================================
   13 ЦСКА — красный + синий + белый
   ========================================================= */
#games .game:nth-child(13) .opponent-logo {
  --glass-a: rgba(200,30,55,.44);
  --glass-b: rgba(65,35,65,.50);
  --glass-c: rgba(10,50,110,.68);
  --border-a: rgba(245,95,115,.84);
  --border-b: rgba(85,145,225,.74);
  --border-c: rgba(235,235,240,.60);
  --glow: rgba(200,35,60,.28);
}

/* =========================================================
   14 СЕВЕРСТАЛЬ — жёлтый + синий + чёрный
   ========================================================= */
#games .game:nth-child(14) .opponent-logo {
  --glass-a: rgba(225,170,25,.44);
  --glass-b: rgba(80,80,35,.48);
  --glass-c: rgba(15,35,55,.68);
  --border-a: rgba(255,220,90,.84);
  --border-b: rgba(95,165,225,.70);
  --border-c: rgba(35,45,55,.80);
  --glow: rgba(225,175,30,.27);
}

/* =========================================================
   15 ТОРПЕДО — красный + синий + белый
   ========================================================= */
#games .game:nth-child(15) .opponent-logo {
  --glass-a: rgba(205,35,55,.40);
  --glass-b: rgba(60,40,75,.50);
  --glass-c: rgba(10,65,135,.66);
  --border-a: rgba(245,100,120,.82);
  --border-b: rgba(90,160,235,.76);
  --border-c: rgba(235,240,245,.58);
  --glow: rgba(65,125,220,.25);
}

/* =========================================================
   16 ДИНАМО МИНСК — синий + белый + красный
   ========================================================= */
#games .game:nth-child(16) .opponent-logo {
  --glass-a: rgba(30,110,210,.44);
  --glass-b: rgba(15,60,125,.54);
  --glass-c: rgba(90,35,50,.42);
  --border-a: rgba(100,175,245,.84);
  --border-b: rgba(235,240,250,.62);
  --border-c: rgba(210,45,65,.70);
  --glow: rgba(40,115,220,.27);
}

/* =========================================================
   17 МЕТАЛЛУРГ — золотой + синий + белый
   ========================================================= */
#games .game:nth-child(17) .opponent-logo {
  --glass-a: rgba(215,155,25,.44);
  --glass-b: rgba(100,75,25,.50);
  --glass-c: rgba(15,50,95,.68);
  --border-a: rgba(255,215,85,.84);
  --border-b: rgba(90,160,235,.74);
  --border-c: rgba(240,240,245,.58);
  --glow: rgba(220,165,30,.28);
}

/* =========================================================
   18 АК БАРС — зелёный + белый + красный
   ========================================================= */
#games .game:nth-child(18) .opponent-logo {
  --glass-a: rgba(20,135,80,.44);
  --glass-b: rgba(15,75,60,.54);
  --glass-c: rgba(70,25,35,.46);
  --border-a: rgba(85,205,135,.84);
  --border-b: rgba(235,240,235,.62);
  --border-c: rgba(205,40,60,.70);
  --glow: rgba(30,150,85,.28);
}

/* На мобильном сохраняем те же многоцветные подложки */
@media(max-width:850px) {
  #games .game .opponent-logo {
    border: 1px solid transparent !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V10
   Цвета подложек скорректированы по референсу логотипов
   Пользовательский референс: палитры КХЛ/клубов
   ========================================================= */

/* Общая идея:
   подложка не копирует один цвет логотипа, а смешивает
   2–3 основных цвета клуба. Рамка также многоцветная.
   Блик НЕ возвращаем. Поворотов НЕ используем. */

#games .game .opponent-logo {
  border: 1px solid transparent !important;
  background:
    linear-gradient(
      145deg,
      var(--glass-a),
      var(--glass-b) 48%,
      var(--glass-c) 100%
    ) padding-box,
    linear-gradient(
      135deg,
      var(--border-a),
      var(--border-b) 48%,
      var(--border-c)
    ) border-box !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.38),
    0 0 22px var(--glow),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -2px 6px rgba(0,0,0,.18) !important;

  transform: none !important;
}

/* Блик полностью отключён */
#games .game .opponent-logo::after {
  display: none !important;
}

/* Логотип не перекрашивается */
#games .game .opponent-logo img {
  position: relative;
  z-index: 2;
  width: 82% !important;
  height: 82% !important;
  object-fit: contain;
  filter:
    drop-shadow(0 5px 7px rgba(0,0,0,.42))
    drop-shadow(0 0 7px var(--logo-img-glow, rgba(255,255,255,.08)));
}

/* =========================================================
   01 ЛАДА
   Референс: тёмно-синий + голубой + белый
   ========================================================= */
#games .game:nth-child(1) .opponent-logo {
  --glass-a: rgba(35,145,195,.34);
  --glass-b: rgba(15,72,115,.52);
  --glass-c: rgba(225,235,242,.10);
  --border-a: rgba(65,185,225,.80);
  --border-b: rgba(235,245,250,.66);
  --border-c: rgba(30,105,175,.78);
  --glow: rgba(35,155,210,.22);
  --logo-img-glow: rgba(75,190,225,.14);
}

/* =========================================================
   02 ДИНАМО МОСКВА
   Референс: белый + насыщенный синий
   ========================================================= */
#games .game:nth-child(2) .opponent-logo {
  --glass-a: rgba(55,120,220,.38);
  --glass-b: rgba(18,58,130,.54);
  --glass-c: rgba(220,235,250,.09);
  --border-a: rgba(80,145,235,.82);
  --border-b: rgba(240,248,255,.66);
  --border-c: rgba(35,85,185,.78);
  --glow: rgba(45,110,220,.24);
  --logo-img-glow: rgba(100,165,240,.14);
}

/* =========================================================
   03 АВТОМОБИЛИСТ
   Референс: красный + чёрный + белый
   ========================================================= */
#games .game:nth-child(3) .opponent-logo {
  --glass-a: rgba(225,35,55,.40);
  --glass-b: rgba(72,18,28,.54);
  --glass-c: rgba(235,235,235,.08);
  --border-a: rgba(255,90,110,.84);
  --border-b: rgba(240,240,240,.70);
  --border-c: rgba(175,20,40,.82);
  --glow: rgba(220,30,50,.25);
  --logo-img-glow: rgba(255,70,85,.14);
}

/* =========================================================
   04 СИБИРЬ
   Референс: белый + тёмно-синий
   ========================================================= */
#games .game:nth-child(4) .opponent-logo {
  --glass-a: rgba(75,120,175,.30);
  --glass-b: rgba(12,50,100,.56);
  --glass-c: rgba(235,240,245,.12);
  --border-a: rgba(110,170,225,.82);
  --border-b: rgba(245,248,250,.68);
  --border-c: rgba(45,95,170,.80);
  --glow: rgba(60,120,200,.22);
  --logo-img-glow: rgba(170,210,240,.12);
}

/* =========================================================
   05 СПАРТАК
   Референс: красный + белый
   ========================================================= */
#games .game:nth-child(5) .opponent-logo {
  --glass-a: rgba(220,35,55,.42);
  --glass-b: rgba(90,20,35,.54);
  --glass-c: rgba(245,245,245,.09);
  --border-a: rgba(255,90,110,.84);
  --border-b: rgba(250,250,250,.72);
  --border-c: rgba(190,25,45,.82);
  --glow: rgba(220,30,50,.25);
  --logo-img-glow: rgba(255,75,95,.14);
}

/* =========================================================
   06 ТРАКТОР
   Референс: чёрный + белый + графит
   ========================================================= */
#games .game:nth-child(6) .opponent-logo {
  --glass-a: rgba(225,230,235,.22);
  --glass-b: rgba(70,76,84,.48);
  --glass-c: rgba(8,12,18,.74);
  --border-a: rgba(245,248,250,.82);
  --border-b: rgba(145,150,158,.70);
  --border-c: rgba(35,40,47,.84);
  --glow: rgba(205,215,225,.13);
  --logo-img-glow: rgba(235,240,245,.10);
}

/* =========================================================
   07 САЛАВАТ ЮЛАЕВ
   Референс: зелёный + жёлтый + синий
   ========================================================= */
#games .game:nth-child(7) .opponent-logo {
  --glass-a: rgba(35,155,70,.42);
  --glass-b: rgba(70,125,35,.48);
  --glass-c: rgba(210,175,25,.26);
  --border-a: rgba(75,205,105,.84);
  --border-b: rgba(235,205,55,.76);
  --border-c: rgba(55,115,175,.72);
  --glow: rgba(50,165,80,.24);
  --logo-img-glow: rgba(100,210,120,.12);
}

/* =========================================================
   08 ШАНХАЙСКИЕ ДРАКОНЫ
   Референс: оранжевый + синий
   ========================================================= */
#games .game:nth-child(8) .opponent-logo {
  --glass-a: rgba(240,90,18,.44);
  --glass-b: rgba(155,45,18,.50);
  --glass-c: rgba(15,55,105,.42);
  --border-a: rgba(255,145,55,.86);
  --border-b: rgba(65,135,220,.72);
  --border-c: rgba(235,75,25,.82);
  --glow: rgba(240,85,20,.26);
  --logo-img-glow: rgba(255,125,40,.14);
}

/* =========================================================
   09 ШАНХАЙСКИЕ ДРАКОНЫ
   Такой же клубный набор, без наклона
   ========================================================= */
#games .game:nth-child(9) .opponent-logo {
  --glass-a: rgba(235,82,16,.40);
  --glass-b: rgba(125,38,18,.52);
  --glass-c: rgba(18,58,105,.40);
  --border-a: rgba(255,140,55,.84);
  --border-b: rgba(65,135,215,.72);
  --border-c: rgba(225,70,25,.80);
  --glow: rgba(235,80,20,.25);
  --logo-img-glow: rgba(255,115,35,.14);
}

/* =========================================================
   10 АВАНГАРД
   Референс: красный + синий + белый
   ========================================================= */
#games .game:nth-child(10) .opponent-logo {
  --glass-a: rgba(215,38,58,.40);
  --glass-b: rgba(78,38,65,.50);
  --glass-c: rgba(15,55,110,.60);
  --border-a: rgba(245,100,120,.84);
  --border-b: rgba(100,165,235,.76);
  --border-c: rgba(240,240,245,.66);
  --glow: rgba(210,40,65,.24);
  --logo-img-glow: rgba(235,70,90,.13);
}

/* =========================================================
   11 НЕФТЕХИМИК
   Референс: синий + голубой + белый
   ========================================================= */
#games .game:nth-child(11) .opponent-logo {
  --glass-a: rgba(35,145,175,.42);
  --glass-b: rgba(10,75,105,.54);
  --glass-c: rgba(220,240,245,.10);
  --border-a: rgba(90,205,220,.84);
  --border-b: rgba(235,248,250,.66);
  --border-c: rgba(40,125,185,.78);
  --glow: rgba(35,155,180,.24);
  --logo-img-glow: rgba(90,205,220,.13);
}

/* =========================================================
   12 ЛОКОМОТИВ
   Референс: красный + синий + белый
   ========================================================= */
#games .game:nth-child(12) .opponent-logo {
  --glass-a: rgba(210,35,55,.40);
  --glass-b: rgba(65,48,80,.50);
  --glass-c: rgba(20,75,150,.62);
  --border-a: rgba(245,95,115,.84);
  --border-b: rgba(100,160,235,.78);
  --border-c: rgba(240,245,250,.64);
  --glow: rgba(70,115,215,.23);
  --logo-img-glow: rgba(90,145,230,.13);
}

/* =========================================================
   13 ЦСКА
   Референс: красный + синий + белый
   ========================================================= */
#games .game:nth-child(13) .opponent-logo {
  --glass-a: rgba(205,30,55,.44);
  --glass-b: rgba(70,35,70,.50);
  --glass-c: rgba(12,55,120,.64);
  --border-a: rgba(245,90,115,.86);
  --border-b: rgba(90,150,230,.78);
  --border-c: rgba(240,240,245,.66);
  --glow: rgba(200,35,60,.25);
  --logo-img-glow: rgba(235,55,80,.13);
}

/* =========================================================
   14 СЕВЕРСТАЛЬ
   Референс: жёлтый + синий
   ========================================================= */
#games .game:nth-child(14) .opponent-logo {
  --glass-a: rgba(235,185,20,.44);
  --glass-b: rgba(125,100,20,.48);
  --glass-c: rgba(20,60,110,.58);
  --border-a: rgba(255,220,75,.86);
  --border-b: rgba(90,160,230,.76);
  --border-c: rgba(235,190,30,.80);
  --glow: rgba(225,175,25,.25);
  --logo-img-glow: rgba(255,210,60,.14);
}

/* =========================================================
   15 ТОРПЕДО
   Референс: красный + синий + белый
   ========================================================= */
#games .game:nth-child(15) .opponent-logo {
  --glass-a: rgba(205,32,55,.40);
  --glass-b: rgba(62,42,78,.50);
  --glass-c: rgba(15,68,140,.62);
  --border-a: rgba(245,95,115,.84);
  --border-b: rgba(100,165,235,.78);
  --border-c: rgba(238,242,248,.64);
  --glow: rgba(65,120,215,.24);
  --logo-img-glow: rgba(220,55,75,.13);
}

/* =========================================================
   16 ДИНАМО МИНСК
   Референс: голубой + синий + красный
   ========================================================= */
#games .game:nth-child(16) .opponent-logo {
  --glass-a: rgba(35,125,215,.44);
  --glass-b: rgba(15,65,135,.54);
  --glass-c: rgba(175,35,55,.28);
  --border-a: rgba(100,185,250,.86);
  --border-b: rgba(235,242,250,.66);
  --border-c: rgba(215,45,65,.76);
  --glow: rgba(40,125,220,.25);
  --logo-img-glow: rgba(90,175,245,.13);
}

/* =========================================================
   17 МЕТАЛЛУРГ
   Референс: золотой + синий + белый
   ========================================================= */
#games .game:nth-child(17) .opponent-logo {
  --glass-a: rgba(215,155,25,.44);
  --glass-b: rgba(105,75,22,.50);
  --glass-c: rgba(15,60,115,.62);
  --border-a: rgba(255,215,80,.86);
  --border-b: rgba(90,160,235,.78);
  --border-c: rgba(240,242,245,.64);
  --glow: rgba(220,165,25,.25);
  --logo-img-glow: rgba(240,190,55,.13);
}

/* =========================================================
   18 АК БАРС
   Референс: зелёный + белый + красный
   ========================================================= */
#games .game:nth-child(18) .opponent-logo {
  --glass-a: rgba(25,145,80,.44);
  --glass-b: rgba(15,80,62,.54);
  --glass-c: rgba(155,35,45,.28);
  --border-a: rgba(80,210,135,.86);
  --border-b: rgba(240,245,240,.68);
  --border-c: rgba(215,45,60,.76);
  --glow: rgba(30,155,85,.25);
  --logo-img-glow: rgba(75,205,130,.13);
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:850px) {
  #games .game .opponent-logo {
    transform: none !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V11
   Более заметная многоцветная подложка.
   Не один цвет: несколько цветовых пятен одновременно.
   ========================================================= */

#games .game .opponent-logo {
  border: 1px solid transparent !important;
  background:
    radial-gradient(circle at 18% 18%, var(--c1) 0%, transparent 48%),
    radial-gradient(circle at 82% 82%, var(--c2) 0%, transparent 52%),
    linear-gradient(135deg, var(--c3), rgba(5,20,42,.72)) padding-box,
    linear-gradient(135deg, var(--b1), var(--b2) 50%, var(--b3)) border-box !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 22px var(--glow) !important;
  transform: none !important;
}

/* Блик окончательно отключён */
#games .game .opponent-logo::after {
  display: none !important;
}

/* =========================================================
   ПАЛИТРЫ — специально усилены, чтобы цвета были видны
   даже на тёмном фоне сайта
   ========================================================= */

/* 01 ЛАДА — голубой / синий / белый */
#games .game:nth-child(1) .opponent-logo {
  --c1: rgba(30,190,235,.55);
  --c2: rgba(20,95,205,.48);
  --c3: rgba(12,70,125,.62);
  --b1: #39c9ef;
  --b2: #6ea8e8;
  --b3: #dcecf5;
  --glow: rgba(35,170,225,.30);
}

/* 02 ДИНАМО — синий / голубой / белый */
#games .game:nth-child(2) .opponent-logo {
  --c1: rgba(35,100,235,.58);
  --c2: rgba(80,180,250,.42);
  --c3: rgba(18,55,125,.64);
  --b1: #579bff;
  --b2: #9bdcff;
  --b3: #eef7ff;
  --glow: rgba(45,120,240,.32);
}

/* 03 АВТОМОБИЛИСТ — красный / белый / чёрный */
#games .game:nth-child(3) .opponent-logo {
  --c1: rgba(240,35,55,.62);
  --c2: rgba(220,220,225,.28);
  --c3: rgba(35,12,20,.70);
  --b1: #ff526b;
  --b2: #f1f3f5;
  --b3: #a9162f;
  --glow: rgba(235,35,55,.34);
}

/* 04 СИБИРЬ — синий / голубой / белый */
#games .game:nth-child(4) .opponent-logo {
  --c1: rgba(35,120,215,.55);
  --c2: rgba(150,205,245,.34);
  --c3: rgba(12,48,100,.66);
  --b1: #68b7f2;
  --b2: #edf8ff;
  --b3: #357ac7;
  --glow: rgba(45,125,215,.29);
}

/* 05 СПАРТАК — красный / белый */
#games .game:nth-child(5) .opponent-logo {
  --c1: rgba(235,35,55,.62);
  --c2: rgba(245,245,245,.30);
  --c3: rgba(85,15,30,.68);
  --b1: #ff526b;
  --b2: #ffffff;
  --b3: #b71932;
  --glow: rgba(230,30,50,.33);
}

/* 06 ТРАКТОР — белый / серый / чёрный */
#games .game:nth-child(6) .opponent-logo {
  --c1: rgba(245,247,250,.36);
  --c2: rgba(100,108,118,.50);
  --c3: rgba(12,15,20,.78);
  --b1: #f4f6f8;
  --b2: #929aa4;
  --b3: #30353c;
  --glow: rgba(205,215,225,.18);
}

/* 07 САЛАВАТ — зелёный / жёлтый / синий */
#games .game:nth-child(7) .opponent-logo {
  --c1: rgba(25,185,80,.62);
  --c2: rgba(225,195,25,.52);
  --c3: rgba(18,80,85,.66);
  --b1: #48d77c;
  --b2: #f2d83e;
  --b3: #397fb0;
  --glow: rgba(45,180,80,.31);
}

/* 08 ШАНХАЙ — оранжевый / красный / синий */
#games .game:nth-child(8) .opponent-logo {
  --c1: rgba(255,105,20,.64);
  --c2: rgba(220,45,25,.48);
  --c3: rgba(15,65,120,.62);
  --b1: #ff9a43;
  --b2: #ee4c2c;
  --b3: #4c9ae8;
  --glow: rgba(245,85,20,.34);
}

/* 09 ШАНХАЙ — немного темнее */
#games .game:nth-child(9) .opponent-logo {
  --c1: rgba(245,90,15,.58);
  --c2: rgba(195,45,20,.46);
  --c3: rgba(15,60,110,.64);
  --b1: #ff9540;
  --b2: #e84929;
  --b3: #4c91d8;
  --glow: rgba(235,80,15,.31);
}

/* 10 АВАНГАРД — красный / синий / белый */
#games .game:nth-child(10) .opponent-logo {
  --c1: rgba(235,45,65,.58);
  --c2: rgba(35,105,205,.48);
  --c3: rgba(55,30,60,.64);
  --b1: #ff6078;
  --b2: #5e9fe9;
  --b3: #f0f2f5;
  --glow: rgba(220,45,65,.31);
}

/* 11 НЕФТЕХИМИК — голубой / синий / белый */
#games .game:nth-child(11) .opponent-logo {
  --c1: rgba(35,175,200,.58);
  --c2: rgba(35,95,195,.48);
  --c3: rgba(10,65,100,.66);
  --b1: #69d9e7;
  --b2: #5799e4;
  --b3: #effaff;
  --glow: rgba(40,170,195,.31);
}

/* 12 ЛОКОМОТИВ — красный / синий / белый */
#games .game:nth-child(12) .opponent-logo {
  --c1: rgba(235,40,60,.58);
  --c2: rgba(30,100,215,.52);
  --c3: rgba(55,40,75,.66);
  --b1: #ff6179;
  --b2: #64a8f0;
  --b3: #f2f5fa;
  --glow: rgba(80,125,225,.30);
}

/* 13 ЦСКА — красный / синий / белый */
#games .game:nth-child(13) .opponent-logo {
  --c1: rgba(230,30,55,.64);
  --c2: rgba(35,95,210,.52);
  --c3: rgba(65,30,65,.66);
  --b1: #ff5a73;
  --b2: #5b9ceb;
  --b3: #f0f3f7;
  --glow: rgba(215,35,60,.34);
}

/* 14 СЕВЕРСТАЛЬ — жёлтый / синий / белый */
#games .game:nth-child(14) .opponent-logo {
  --c1: rgba(245,195,25,.64);
  --c2: rgba(35,115,210,.50);
  --c3: rgba(75,75,35,.66);
  --b1: #ffe052;
  --b2: #63a9ef;
  --b3: #f4f6f8;
  --glow: rgba(235,185,25,.32);
}

/* 15 ТОРПЕДО — красный / синий / белый */
#games .game:nth-child(15) .opponent-logo {
  --c1: rgba(230,35,55,.58);
  --c2: rgba(30,105,220,.52);
  --c3: rgba(60,35,75,.66);
  --b1: #ff6077;
  --b2: #63a9ef;
  --b3: #eef4fa;
  --glow: rgba(75,125,225,.30);
}

/* 16 ДИНАМО МИНСК — голубой / синий / красный */
#games .game:nth-child(16) .opponent-logo {
  --c1: rgba(45,150,235,.62);
  --c2: rgba(25,75,170,.50);
  --c3: rgba(190,35,55,.32);
  --b1: #70c5ff;
  --b2: #629bea;
  --b3: #ed5368;
  --glow: rgba(45,135,230,.32);
}

/* 17 МЕТАЛЛУРГ — золотой / синий / белый */
#games .game:nth-child(17) .opponent-logo {
  --c1: rgba(235,175,25,.62);
  --c2: rgba(40,110,205,.50);
  --c3: rgba(95,70,25,.66);
  --b1: #ffda58;
  --b2: #62a8ef;
  --b3: #f2f5f8;
  --glow: rgba(225,165,25,.32);
}

/* 18 АК БАРС — зелёный / белый / красный */
#games .game:nth-child(18) .opponent-logo {
  --c1: rgba(25,170,85,.62);
  --c2: rgba(230,235,235,.30);
  --c3: rgba(155,30,50,.40);
  --b1: #55d98d;
  --b2: #f0f5f2;
  --b3: #e44d62;
  --glow: rgba(30,165,85,.32);
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:850px) {
  #games .game .opponent-logo {
    transform: none !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V12
   МУЛЬТИЦВЕТНЫЙ BORDER + МУЛЬТИЦВЕТНОЕ СВЕЧЕНИЕ
   ========================================================= */

/* Общая подложка + настоящий многоцветный border */
#games .game .opponent-logo {
  border: 2px solid transparent !important;

  background:
    linear-gradient(
      145deg,
      var(--glass-a),
      var(--glass-b) 48%,
      var(--glass-c) 100%
    ) padding-box,

    linear-gradient(
      120deg,
      var(--border-a) 0%,
      var(--border-b) 48%,
      var(--border-c) 100%
    ) border-box !important;

  /* ТРИ независимых цветных ореола */
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 9px var(--glow1),
    0 0 18px var(--glow2),
    0 0 30px var(--glow3),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -2px 6px rgba(0,0,0,.18) !important;

  transform: none !important;
}

/* Блик НЕ возвращаем */
#games .game .opponent-logo::after {
  display: none !important;
}

/* =========================================================
   01 ЛАДА — голубой / синий / белый
   ========================================================= */
#games .game:nth-child(1) .opponent-logo {
  --glow1: rgba(40,205,240,.42);
  --glow2: rgba(40,125,220,.30);
  --glow3: rgba(230,245,255,.16);
}

/* 02 ДИНАМО — синий / голубой / белый */
#games .game:nth-child(2) .opponent-logo {
  --glow1: rgba(60,125,255,.46);
  --glow2: rgba(75,195,255,.32);
  --glow3: rgba(235,245,255,.16);
}

/* 03 АВТОМОБИЛИСТ — красный / белый / чёрный */
#games .game:nth-child(3) .opponent-logo {
  --glow1: rgba(255,45,70,.48);
  --glow2: rgba(240,240,240,.24);
  --glow3: rgba(25,25,30,.30);
}

/* 04 СИБИРЬ — синий / белый / голубой */
#games .game:nth-child(4) .opponent-logo {
  --glow1: rgba(50,135,235,.42);
  --glow2: rgba(180,225,255,.25);
  --glow3: rgba(240,248,255,.16);
}

/* 05 СПАРТАК — красный / белый */
#games .game:nth-child(5) .opponent-logo {
  --glow1: rgba(255,45,70,.48);
  --glow2: rgba(255,255,255,.24);
  --glow3: rgba(190,20,45,.28);
}

/* 06 ТРАКТОР — белый / серый / чёрный */
#games .game:nth-child(6) .opponent-logo {
  --glow1: rgba(245,248,250,.30);
  --glow2: rgba(150,160,170,.24);
  --glow3: rgba(15,15,18,.34);
}

/* 07 САЛАВАТ — зелёный / жёлтый / синий */
#games .game:nth-child(7) .opponent-logo {
  --glow1: rgba(45,215,90,.46);
  --glow2: rgba(245,215,45,.38);
  --glow3: rgba(50,130,205,.25);
}

/* 08 ШАНХАЙ — оранжевый / красный / синий */
#games .game:nth-child(8) .opponent-logo {
  --glow1: rgba(255,105,20,.50);
  --glow2: rgba(235,45,25,.34);
  --glow3: rgba(65,140,225,.25);
}

/* 09 ШАНХАЙ — оранжевый / красный / синий */
#games .game:nth-child(9) .opponent-logo {
  --glow1: rgba(255,100,20,.46);
  --glow2: rgba(225,50,25,.32);
  --glow3: rgba(60,130,215,.24);
}

/* 10 АВАНГАРД — красный / синий / белый */
#games .game:nth-child(10) .opponent-logo {
  --glow1: rgba(245,45,70,.46);
  --glow2: rgba(55,125,225,.34);
  --glow3: rgba(245,245,250,.18);
}

/* 11 НЕФТЕХИМИК — голубой / синий / белый */
#games .game:nth-child(11) .opponent-logo {
  --glow1: rgba(50,205,220,.44);
  --glow2: rgba(50,115,220,.34);
  --glow3: rgba(240,250,255,.18);
}

/* 12 ЛОКОМОТИВ — красный / синий / белый */
#games .game:nth-child(12) .opponent-logo {
  --glow1: rgba(245,45,65,.44);
  --glow2: rgba(55,125,225,.36);
  --glow3: rgba(245,245,250,.18);
}

/* 13 ЦСКА — красный / синий / белый */
#games .game:nth-child(13) .opponent-logo {
  --glow1: rgba(245,35,65,.50);
  --glow2: rgba(45,105,225,.36);
  --glow3: rgba(245,245,250,.18);
}

/* 14 СЕВЕРСТАЛЬ — жёлтый / синий / белый */
#games .game:nth-child(14) .opponent-logo {
  --glow1: rgba(255,210,40,.48);
  --glow2: rgba(55,130,225,.34);
  --glow3: rgba(245,245,250,.18);
}

/* 15 ТОРПЕДО — красный / синий / белый */
#games .game:nth-child(15) .opponent-logo {
  --glow1: rgba(245,45,65,.44);
  --glow2: rgba(50,125,225,.38);
  --glow3: rgba(245,245,250,.18);
}

/* 16 ДИНАМО МИНСК — голубой / синий / красный */
#games .game:nth-child(16) .opponent-logo {
  --glow1: rgba(70,180,250,.48);
  --glow2: rgba(45,105,225,.36);
  --glow3: rgba(225,45,65,.28);
}

/* 17 МЕТАЛЛУРГ — золотой / синий / белый */
#games .game:nth-child(17) .opponent-logo {
  --glow1: rgba(255,205,45,.48);
  --glow2: rgba(55,130,225,.34);
  --glow3: rgba(245,245,250,.18);
}

/* 18 АК БАРС — зелёный / белый / красный */
#games .game:nth-child(18) .opponent-logo {
  --glow1: rgba(45,215,105,.48);
  --glow2: rgba(245,245,245,.22);
  --glow3: rgba(225,45,65,.30);
}

/* =========================================================
   Hover — все три цвета свечения усиливаются
   ========================================================= */
@media(min-width:851px) {
  #games .game:hover .opponent-logo {
    border-width: 2px !important;
    box-shadow:
      0 13px 30px rgba(0,0,0,.42),
      0 0 11px var(--glow1),
      0 0 24px var(--glow2),
      0 0 38px var(--glow3),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -2px 7px rgba(0,0,0,.18) !important;
  }
}

/* Телефон */
@media(max-width:850px) {
  #games .game .opponent-logo {
    border-width: 2px !important;
    transform: none !important;
  }
}

/* =========================================================
   SKA LIQUID GLASS V13
   ЖИРНЫЙ МНОГОЦВЕТНЫЙ BORDER
   ========================================================= */

/*
  В прошлой версии цвета border смешивались слишком сильно.
  Здесь рамка специально делается толще — 4px — и состоит
  из нескольких ярких участков. Для этого используем
  отдельный ::before, а фон самого логотипа не меняем.
*/

#games .game .opponent-logo {
  position: relative !important;
  border: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;

  /* сохраняем многоцветный фон */
  background:
    radial-gradient(circle at 18% 18%, var(--c1), transparent 48%),
    radial-gradient(circle at 82% 82%, var(--c2), transparent 52%),
    linear-gradient(135deg, var(--c3), rgba(5,20,42,.72)) !important;

  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 10px var(--glow1),
    0 0 22px var(--glow2),
    0 0 36px var(--glow3),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -2px 6px rgba(0,0,0,.18) !important;
}

/* ЖИРНАЯ МНОГОЦВЕТНАЯ РАМКА */
#games .game .opponent-logo::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  padding: 4px;
  border-radius: inherit;

  background:
    linear-gradient(
      120deg,
      var(--border-a) 0%,
      var(--border-b) 45%,
      var(--border-c) 72%,
      var(--border-a) 100%
    );

  /*
    Маска оставляет только 4px внешней рамки.
    Сам логотип остаётся поверх фона.
  */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;

  pointer-events: none;
}

/* Никаких бликов */
#games .game .opponent-logo::after {
  display: none !important;
}

/* Логотип поверх рамки */
#games .game .opponent-logo img {
  position: relative;
  z-index: 4;
}

/* =========================================================
   УСИЛЕННОЕ МНОГОЦВЕТНОЕ СВЕЧЕНИЕ
   ========================================================= */

#games .game:nth-child(1) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(40,205,240,.55),
    0 0 25px rgba(40,125,220,.38),
    0 0 42px rgba(230,245,255,.20) !important;
}

#games .game:nth-child(2) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(60,125,255,.58),
    0 0 25px rgba(75,195,255,.40),
    0 0 42px rgba(235,245,255,.20) !important;
}

#games .game:nth-child(3) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(255,45,70,.60),
    0 0 25px rgba(240,240,240,.32),
    0 0 42px rgba(25,25,30,.35) !important;
}

#games .game:nth-child(4) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(50,135,235,.54),
    0 0 25px rgba(180,225,255,.34),
    0 0 42px rgba(240,248,255,.20) !important;
}

#games .game:nth-child(5) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(255,45,70,.60),
    0 0 25px rgba(255,255,255,.32),
    0 0 42px rgba(190,20,45,.32) !important;
}

#games .game:nth-child(6) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.45),
    0 0 12px rgba(245,248,250,.38),
    0 0 25px rgba(150,160,170,.30),
    0 0 42px rgba(15,15,18,.38) !important;
}

#games .game:nth-child(7) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(45,215,90,.60),
    0 0 25px rgba(245,215,45,.48),
    0 0 42px rgba(50,130,205,.32) !important;
}

#games .game:nth-child(8) .opponent-logo,
#games .game:nth-child(9) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(255,105,20,.64),
    0 0 25px rgba(235,45,25,.44),
    0 0 42px rgba(65,140,225,.32) !important;
}

#games .game:nth-child(10) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(245,45,70,.60),
    0 0 25px rgba(55,125,225,.46),
    0 0 42px rgba(245,245,250,.22) !important;
}

#games .game:nth-child(11) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(50,205,220,.58),
    0 0 25px rgba(50,115,220,.44),
    0 0 42px rgba(240,250,255,.22) !important;
}

#games .game:nth-child(12) .opponent-logo,
#games .game:nth-child(15) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(245,45,65,.58),
    0 0 25px rgba(55,125,225,.46),
    0 0 42px rgba(245,245,250,.22) !important;
}

#games .game:nth-child(13) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(245,35,65,.64),
    0 0 25px rgba(45,105,225,.46),
    0 0 42px rgba(245,245,250,.22) !important;
}

#games .game:nth-child(14) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(255,210,40,.62),
    0 0 25px rgba(55,130,225,.44),
    0 0 42px rgba(245,245,250,.22) !important;
}

#games .game:nth-child(16) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(70,180,250,.62),
    0 0 25px rgba(45,105,225,.44),
    0 0 42px rgba(225,45,65,.34) !important;
}

#games .game:nth-child(17) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(255,205,45,.62),
    0 0 25px rgba(55,130,225,.44),
    0 0 42px rgba(245,245,250,.22) !important;
}

#games .game:nth-child(18) .opponent-logo {
  box-shadow:
    0 10px 25px rgba(0,0,0,.40),
    0 0 12px rgba(45,215,105,.62),
    0 0 25px rgba(245,245,245,.28),
    0 0 42px rgba(225,45,65,.36) !important;
}

/* Hover */
@media(min-width:851px) {
  #games .game:hover .opponent-logo {
    transform: translateY(-1px) scale(1.045) !important;
  }
}

/* Телефон */
@media(max-width:850px) {
  #games .game .opponent-logo {
    border: 0 !important;
    transform: none !important;
  }

  #games .game .opponent-logo::before {
    padding: 3px;
  }
}


/* =========================================================
   V14 — чуть тоньше + уточнённые цвета команд
   ========================================================= */

/* Было 4px — делаем 3px, чтобы рамка не перетягивала внимание. */
#games .game .opponent-logo::before {
  padding: 3px !important;
}

/* Авангард — красный / белый / чёрный */
#games .game:nth-child(10) .opponent-logo {
  --border-a: #e21b2d !important;
  --border-b: #ffffff !important;
  --border-c: #111111 !important;
}

/* Северсталь — жёлтый / чёрный */
#games .game:nth-child(14) .opponent-logo {
  --border-a: #ffd400 !important;
  --border-b: #111111 !important;
  --border-c: #ffd400 !important;
}

/* Локомотив — красный / синий / белый */
#games .game:nth-child(12) .opponent-logo {
  --border-a: #e21b2d !important;
  --border-b: #174ea6 !important;
  --border-c: #ffffff !important;
}

/* Шанхайские Драконы — тёмно-синий / оранжевый */
#games .game:nth-child(8) .opponent-logo,
#games .game:nth-child(9) .opponent-logo {
  --border-a: #082a5c !important;
  --border-b: #f58220 !important;
  --border-c: #082a5c !important;
}

/* Более спокойное свечение для этих четырёх команд */
#games .game:nth-child(10) .opponent-logo {
  --glow1: rgba(226,27,45,.35) !important;
  --glow2: rgba(255,255,255,.20) !important;
  --glow3: rgba(17,17,17,.28) !important;
}

#games .game:nth-child(14) .opponent-logo {
  --glow1: rgba(255,212,0,.38) !important;
  --glow2: rgba(255,255,255,.16) !important;
  --glow3: rgba(17,17,17,.28) !important;
}

#games .game:nth-child(12) .opponent-logo {
  --glow1: rgba(226,27,45,.34) !important;
  --glow2: rgba(23,78,166,.30) !important;
  --glow3: rgba(255,255,255,.16) !important;
}

#games .game:nth-child(8) .opponent-logo,
#games .game:nth-child(9) .opponent-logo {
  --glow1: rgba(8,42,92,.38) !important;
  --glow2: rgba(245,130,32,.34) !important;
  --glow3: rgba(8,42,92,.26) !important;
}

/* На мобильном рамка тоже чуть тоньше */
@media (max-width: 850px) {
  #games .game .opponent-logo::before {
    padding: 2.5px !important;
  }
}


/* =========================================================
   V15 — крупнее логотипы + Динамо Минск в цветах формы + СКА
   ========================================================= */

/* Новые PNG имеют заметные прозрачные поля, поэтому увеличиваем
   сам рисунок внутри медальона, не меняя размер медальона. */
#games .game .opponent-logo img {
  transform: scale(1.45) !important;
  transform-origin: center center !important;
}

/* Динамо Минск — бирюзовый / чёрный / белый, как на форме */
#games .game:nth-child(16) .opponent-logo {
  --c1: rgba(20, 190, 225, .66) !important;
  --c2: rgba(8, 18, 24, .72) !important;
  --c3: rgba(8, 92, 120, .70) !important;

  --border-a: #16c2e8 !important;
  --border-b: #ffffff !important;
  --border-c: #101820 !important;

  --glow1: rgba(15, 195, 230, .44) !important;
  --glow2: rgba(255, 255, 255, .18) !important;
  --glow3: rgba(5, 20, 28, .38) !important;
}

/* СКА в шапке — убираем внешнюю рамку и тяжёлую тень.
   Сам белый фон логотипа остаётся чистым. */
.logo-box {
  border: 0 !important;
  box-shadow: none !important;
}

/* На мобильном тоже увеличиваем сами эмблемы */
@media (max-width: 850px) {
  #games .game .opponent-logo img {
    transform: scale(1.45) !important;
  }
}

@media (max-width: 500px) {
  #games .game .opponent-logo img {
    transform: scale(1.40) !important;
  }
}


/* =========================================================
   V16 — исправление рамки логотипа СКА в шапке
   ========================================================= */

/*
   В V15 убрали только border/box-shadow, но белый квадрат
   оставался из-за background:#fff у .logo-box.
   Теперь делаем сам контейнер прозрачным и даём ему
   аккуратную тонкую голубую рамку.
*/
.logo-box {
  background: transparent !important;
  border: 2px solid rgba(65, 181, 255, .58) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 18px rgba(23, 103, 189, .28) !important;
}

/* Сам логотип используем без лишнего увеличения контейнера. */
.logo-box img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Если у PNG прозрачный фон — он теперь будет нормально
   показываться на фоне шапки. */
@media (max-width: 850px) {
  .logo-box {
    border-width: 2px !important;
  }
}


/* =========================================================
   V17 — больше воздуха в шапке СКА
   ========================================================= */

/* Контейнер шапки: увеличиваем внутренние отступы,
   чтобы эмблема и текст не были прижаты друг к другу. */
header,
.site-header,
.hero,
.hero-inner,
.header-inner {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

/* Если шапка использует flex/grid — даём нормальный
   промежуток между логотипом и текстовым блоком. */
header .logo-box,
.site-header .logo-box,
.hero .logo-box,
.hero-inner .logo-box,
.header-inner .logo-box {
  flex-shrink: 0 !important;
  margin-right: 18px !important;
}

/* Текстовый блок рядом с логотипом не должен липнуть
   к эмблеме и краям. */
header .logo-box + *,
.site-header .logo-box + *,
.hero .logo-box + *,
.hero-inner .logo-box + *,
.header-inner .logo-box + * {
  margin-left: 0 !important;
}

/* Немного уменьшаем сам контейнер СКА, чтобы вокруг
   эмблемы появилось больше воздуха. */
.logo-box {
  width: 112px !important;
  height: 112px !important;
}

/* На мобильных оставляем компактнее, но с тем же ощущением
   воздуха. */
@media (max-width: 850px) {
  header,
  .site-header,
  .hero,
  .hero-inner,
  .header-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  header .logo-box,
  .site-header .logo-box,
  .hero .logo-box,
  .hero-inner .logo-box,
  .header-inner .logo-box {
    margin-right: 14px !important;
  }

  .logo-box {
    width: 92px !important;
    height: 92px !important;
  }
}


/* =========================================================
   V18 — больше воздуха внутри рамки СКА
   ========================================================= */

/* Рамка остаётся прежней, а сам знак делаем меньше,
   чтобы он не упирался в её края. */
.logo-box {
  padding: 9px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.logo-box img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 850px) {
  .logo-box {
    padding: 7px !important;
  }
}


/* =========================================================
   V19 — СКА без рамки, только свечение самого логотипа
   ========================================================= */

/* Убираем рамку и фон контейнера полностью. */
.logo-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Свечение следует по форме самого PNG, а не создаёт
   прямоугольник вокруг его контейнера. */
.logo-box img {
  filter:
    drop-shadow(0 0 4px rgba(55, 177, 255, .85))
    drop-shadow(0 0 11px rgba(35, 125, 230, .65))
    drop-shadow(0 0 22px rgba(20, 91, 190, .42)) !important;
}

/* На мобильном чуть мягче, чтобы свечение не забивало шапку. */
@media (max-width: 850px) {
  .logo-box img {
    filter:
      drop-shadow(0 0 3px rgba(55, 177, 255, .80))
      drop-shadow(0 0 8px rgba(35, 125, 230, .58))
      drop-shadow(0 0 16px rgba(20, 91, 190, .38)) !important;
  }
}


/* =========================================================
   V20 — Победа / Поражение: крупнее + лёгкое свечение
   ========================================================= */

.game .status .s-win,
.game .status .s-loss {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
}

/* Победа — мягкое зелёное свечение */
.game .status .s-win {
  color: #62e8a5 !important;
  text-shadow:
    0 0 4px rgba(98,232,165,.42),
    0 0 9px rgba(66,210,143,.24) !important;
}

/* Поражение — мягкое красное свечение */
.game .status .s-loss {
  color: #ff6b7a !important;
  text-shadow:
    0 0 4px rgba(255,107,122,.42),
    0 0 9px rgba(255,69,89,.24) !important;
}

/* На телефоне чуть компактнее, но всё равно заметнее прежнего */
@media (max-width: 850px) {
  .game .status .s-win,
  .game .status .s-loss {
    font-size: 13px !important;
    letter-spacing: 1px !important;
  }
}


/* =========================================================
   V21 — принудительно увеличиваем статус результата
   ========================================================= */

/* Используем реальные классы строк win-row / loss-row,
   чтобы перебить базовые стили .status и предыдущие правила. */
#games .game.win-row .status .s-win,
#games .game.loss-row .status .s-loss,
.game.win-row .s-win,
.game.loss-row .s-loss {
  display: inline-block !important;
  font-family: Oswald, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px !important;
}

/* Победа — небольшое мягкое зелёное свечение */
#games .game.win-row .status .s-win,
.game.win-row .s-win {
  color: #55e6a0 !important;
  text-shadow:
    0 0 3px rgba(85,230,160,.55),
    0 0 8px rgba(66,210,143,.28) !important;
}

/* Поражение — такое же по силе красное свечение */
#games .game.loss-row .status .s-loss,
.game.loss-row .s-loss {
  color: #ff6878 !important;
  text-shadow:
    0 0 3px rgba(255,104,120,.55),
    0 0 8px rgba(255,69,89,.28) !important;
}

@media (max-width: 850px) {
  #games .game.win-row .status .s-win,
  #games .game.loss-row .status .s-loss,
  .game.win-row .s-win,
  .game.loss-row .s-loss {
    font-size: 14px !important;
    letter-spacing: 1.1px !important;
  }
}


/* =========================================================
   V22 — верхняя полоска на всю ширину окна
   ========================================================= */

/*
   Полоска раньше была шириной самого .hero, из-за чего при
   наличии вертикального scrollbar справа оставался зазор.
   Растягиваем её относительно viewport.
*/
.hero-topline {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 0 0 100vw !important;
}


/* =========================================================
   V23 — верхняя полоска: принудительно от самого левого края
   ========================================================= */

/* Убираем влияние контейнера/его отступов.
   Полоса начинается ровно от края viewport. */
body::before,
body::after {
  box-sizing: border-box !important;
}

/* Если верхняя красно-синяя полоска сделана псевдоэлементом,
   растягиваем её от left:0 до right:0. */
body::before {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* На случай, если полоска является отдельным верхним элементом. */
.top-line,
.topbar,
.header-line,
.site-top-line,
header::before {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* =========================================================
   V24 — .hero-topline действительно от края до края
   ========================================================= */

/*
   .hero-topline находится внутри .hero/контейнера.
   Поэтому одного width:100vw недостаточно: слева остаётся
   позиция родительского контейнера.
   Выводим полоску из контейнера на ширину viewport.
*/
.hero-topline {
  position: relative !important;
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: none !important;
}

/* Не даём странице получить горизонтальный скролл из-за 100vw. */
html,
body {
  overflow-x: hidden !important;
}

/* =========================================================
   V26 — Кубок Первых: отдельная точная позиция для mobile/tablet
   ========================================================= */

/* В узком режиме .team-cell превращается в display:contents,
   поэтому позиционируем cup-logo относительно самой строки.
   Для 768px оставляем его между информацией команды и счётом. */
@media (min-width: 501px) and (max-width: 850px) {
  #games .cup-row .cup-logo {
    position: absolute !important;
    right: 122px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    z-index: 5 !important;
  }
}

/* 375px и другие телефоны:
   чуть меньше и немного левее, чтобы не пересекаться
   ни с названием/датой, ни с колонкой результата. */
@media (max-width: 500px) {
  #games .cup-row .cup-logo {
    position: absolute !important;
    right: 112px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    z-index: 5 !important;
  }
}


/* =========================================================
   V27 — планшет: нормальный Кубок + окончательная очистка
   заголовка расписания
   ========================================================= */

/* Планшет 768px:
   возвращаем нормальный размер 48x48 и ставим Кубок левее,
   примерно по центру строки, между информацией команды
   и колонкой результата. */
@media (min-width: 501px) and (max-width: 850px) {
  #games .cup-row .cup-logo {
    position: absolute !important;
    right: 190px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    z-index: 5 !important;
  }
}

/* Телефон оставляем компактным, но держим его по центру строки. */
@media (max-width: 500px) {
  #games .cup-row .cup-logo {
    right: 112px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
}

/* ---------------------------------------------------------
   Заголовок «РАСПИСАНИЕ МАТЧЕЙ» — без декоративной линии
   --------------------------------------------------------- */
.toolbar h2::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  background: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   Подзаголовок — только «Сезон 2026/2027».
   Полностью скрываем исходный текст, чтобы не возвращалась
   фраза про автоматическое обновление с сайта СКА.
   --------------------------------------------------------- */
.toolbar p {
  font-size: 0 !important;
  line-height: 1.4 !important;
  color: transparent !important;
}

.toolbar p::before {
  content: "Сезон 2026/2027" !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #82a9d5 !important;
  letter-spacing: normal !important;
}

@media (max-width: 850px) {
  .toolbar p {
    max-width: 230px !important;
  }

  .toolbar p::before {
    font-size: 13px !important;
  }
}


/* =========================================================
   V28 — Samsung S23 / узкие телефоны:
   Кубок Первых не должен залезать на название/дату/счёт.
   ========================================================= */

@media (max-width: 500px) {
  #games .cup-row {
    position: relative !important;
  }

  #games .cup-row .cup-logo {
    /* отдельная зона между информацией команды и счётом */
    right: 92px !important;
    top: 50% !important;
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 10 !important;
  }

  /* На S23 не даём содержимому растягиваться под Кубок. */
  #games .cup-row .team-info {
    padding-right: 42px !important;
  }
}

/* Совсем узкие экраны */
@media (max-width: 390px) {
  #games .cup-row .cup-logo {
    right: 78px !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  #games .cup-row .team-info {
    padding-right: 38px !important;
  }
}

/* ===== БОЛЬШАЯ ТАБЛИЦА ДЛЯ ПК ===== */
@media (min-width: 851px) {

  .container {
    max-width: 1500px !important;
  }

  .table-wrap {
    width: 100% !important;
  }

  .table-head,
  .game {
    grid-template-columns:
      75px
      2.5fr
      1.35fr
      1fr
      1.1fr !important;
  }

  .table-head {
    padding: 16px 24px !important;
    font-size: 13px !important;
  }

  .game {
    min-height: 94px !important;
    padding: 12px 24px !important;
  }

  .num {
    font-size: 22px !important;
  }

  .team-cell {
    gap: 18px !important;
  }

  .opponent-logo {
    width: 62px !important;
    height: 62px !important;
    flex-basis: 62px !important;
  }

  .game-info > b {
    font-size: 22px !important;
  }

  .date b {
    font-size: 18px !important;
  }

  .date small {
    font-size: 12px !important;
  }

  .score {
    font-size: 25px !important;
  }

  .status {
    font-size: 17px !important;
  }
}


/* ===== ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ ШАПКИ С ТАБЛИЦЕЙ ===== */

@media (min-width: 851px) {

  /* Шапка и основной контент одной ширины */
  .hero-inner,
  .container {
    max-width: 1500px !important;
  }

  /* Верхний блок используем всю доступную ширину */
  .hero-inner {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  /* Заголовок справа — аккуратный и без странного разрыва */
  .hero-title {
    font-size: 52px !important;
    line-height: .95 !important;
    letter-spacing: 1px !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-left: 80px !important;
  }

  .hero-title span:last-child {
    margin-left: 70px !important;
    color: #d9e8f9 !important;
  }

  /* Нижняя строка шапки тоже совпадает с краями таблицы */
  .hero-copy {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Статистика точно по ширине таблицы */
  .stats {
    width: 100% !important;
  }

  /* Немного больше воздуха между верхом и таблицей */
  .toolbar {
    margin-top: 4px !important;
  }

  .toolbar h2 {
    font-size: 32px !important;
    letter-spacing: .5px !important;
  }

}


/* ===== ЦЕНТРИРОВАНИЕ ЛОГО ШАНХАЙСКИХ ДРАКОНОВ ===== */

@media (min-width: 851px) {
  #games .game:nth-child(8) .opponent-logo img,
  #games .game:nth-child(9) .opponent-logo img {
    transform: translateX(4px) scale(1.45) !important;
  }
}

@media (max-width: 850px) {
  #games .game:nth-child(8) .opponent-logo img,
  #games .game:nth-child(9) .opponent-logo img {
    transform: translateX(3px) scale(1.45) !important;
  }
}


/* ===== ТОЧНОЕ ЦЕНТРИРОВАНИЕ ЛОГО ШАНХАЯ ===== */

@media (min-width: 851px) {
  #games .game:nth-child(8) .opponent-logo img,
  #games .game:nth-child(9) .opponent-logo img {
    transform: translateX(-15px) scale(1.45) !important;
  }
}

@media (max-width: 850px) {
  #games .game:nth-child(8) .opponent-logo img,
  #games .game:nth-child(9) .opponent-logo img {
    transform: translateX(-12px) scale(1.45) !important;
  }
}


/* ===== СБРОС НЕУДАЧНОГО СМЕЩЕНИЯ ШАНХАЯ ===== */

#games .game:nth-child(8) .opponent-logo img,
#games .game:nth-child(9) .opponent-logo img {
  transform: scale(1.45) !important;
  transform-origin: center center !important;
}


/* ===== ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ ДРАКОНА ===== */

#games .game:nth-child(8) .opponent-logo img,
#games .game:nth-child(9) .opponent-logo img {
  transform: translateX(2px) scale(1.45) !important;
  transform-origin: center center !important;
}


/* ===== ЦВЕТА РАМОК ПО ЦВЕТАМ ФОРМ ===== */

/* Нефтехимик — синий / белый / красный */
#games .game:nth-child(11) .opponent-logo {
  --c1: rgba(15, 91, 145, .72) !important;
  --c2: rgba(8, 28, 55, .78) !important;
  --c3: rgba(180, 25, 42, .62) !important;

  --border-a: #18bfe8 !important;
  --border-b: #ffffff !important;
  --border-c: #d7192f !important;

  --glow1: rgba(24, 191, 232, .45) !important;
  --glow2: rgba(255, 255, 255, .20) !important;
  --glow3: rgba(215, 25, 47, .38) !important;
}

/* Металлург — тёмно-синий / золотой / белый / красный */
#games .game:nth-child(17) .opponent-logo {
  --c1: rgba(20, 57, 92, .74) !important;
  --c2: rgba(8, 24, 42, .78) !important;
  --c3: rgba(214, 145, 35, .62) !important;

  --border-a: #e0a52b !important;
  --border-b: #ffffff !important;
  --border-c: #d7192f !important;

  --glow1: rgba(224, 165, 43, .48) !important;
  --glow2: rgba(255, 255, 255, .20) !important;
  --glow3: rgba(215, 25, 47, .32) !important;
}


/* ===== КОРРЕКТИРОВКА ЦВЕТОВ РАМОК ПО ФОРМАМ ===== */

/* МЕТАЛЛУРГ №17 — золото / белый / красный / тёмный */
#games .game:nth-child(17) .opponent-logo {
  --c1: rgba(211, 153, 38, .78) !important;
  --c2: rgba(28, 24, 22, .82) !important;
  --c3: rgba(196, 25, 35, .68) !important;

  --border-a: #e0aa38 !important;
  --border-b: #ffffff !important;
  --border-c: #d7192f !important;

  --glow1: rgba(224, 170, 56, .48) !important;
  --glow2: rgba(255, 255, 255, .18) !important;
  --glow3: rgba(215, 25, 47, .32) !important;
}


/* НЕФТЕХИМИК №11 — тёмно-синий / белый / красный */
#games .game:nth-child(11) .opponent-logo {
  --c1: rgba(17, 48, 82, .82) !important;
  --c2: rgba(7, 20, 35, .86) !important;
  --c3: rgba(190, 25, 40, .62) !important;

  --border-a: #183f68 !important;
  --border-b: #ffffff !important;
  --border-c: #d7192f !important;

  --glow1: rgba(28, 76, 120, .38) !important;
  --glow2: rgba(255, 255, 255, .16) !important;
  --glow3: rgba(215, 25, 47, .28) !important;
}


/* ===== МЕТАЛЛУРГ №17 — ЦВЕТА ФОРМЫ ===== */

#games .game:nth-child(17) .opponent-logo {
  --c1: rgba(12, 48, 88, .88) !important;
  --c2: rgba(5, 25, 50, .90) !important;
  --c3: rgba(218, 157, 38, .72) !important;

  --border-a: #0b4d8c !important;
  --border-b: #e5b63b !important;
  --border-c: #d7192f !important;

  --glow1: rgba(11, 77, 140, .55) !important;
  --glow2: rgba(229, 182, 59, .45) !important;
  --glow3: rgba(215, 25, 47, .35) !important;
}