/* V61 Sanal Lig — daha ferah yayın merkezi. İşlevsel DOM ve oyun kodu korunur. */

:root {
  --v61-navy: #082a46;
  --v61-navy-deep: #041b31;
  --v61-teal: #1b7182;
  --v61-gold: #d4aa50;
  --v61-paper: rgba(246, 247, 242, .88);
  --v61-line: rgba(109, 137, 151, .34);
}

html,
body {
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
}

body::before {
  opacity: .46 !important;
  background-image:
    radial-gradient(ellipse at 50% -7%, rgba(240, 222, 167, .22), transparent 33%),
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px) !important;
  background-size: auto, 64px 64px, 64px 64px !important;
}

header {
  min-height: 102px !important;
  background:
    radial-gradient(circle at 50% -140%, rgba(56, 153, 174, .26), transparent 60%),
    linear-gradient(90deg, rgba(3, 19, 38, .97), rgba(8, 45, 70, .95) 52%, rgba(3, 19, 38, .97)) !important;
  border-bottom-color: rgba(233, 201, 121, .52) !important;
  box-shadow:
    0 18px 50px rgba(0, 10, 25, .38),
    inset 0 -2px 0 rgba(216, 170, 73, .19),
    inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  backdrop-filter: blur(20px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.08) !important;
}

header .head {
  width: min(1780px, calc(100% - 44px)) !important;
  max-width: 1780px !important;
  min-height: 102px !important;
  padding: 16px 4px !important;
  grid-template-columns: minmax(310px, 1fr) auto minmax(310px, 1fr) !important;
  gap: 24px !important;
}

header .title {
  position: relative !important;
  padding-left: 18px !important;
}

header .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f2d58a, #b9842b);
  box-shadow: 0 0 16px rgba(225, 183, 84, .28);
}

header .title h1 {
  font-size: clamp(30px, 2.25vw, 43px) !important;
  line-height: .98 !important;
  text-shadow: 0 10px 24px rgba(0, 8, 21, .34) !important;
}

header .title p {
  max-width: 620px !important;
  margin-top: 7px !important;
  color: #c6d4dc !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.headerCenterTools,
.topStats {
  gap: 12px !important;
}

header .pill,
header .languageChoice,
header .howToHeaderBtn {
  min-height: 42px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .045)) !important;
  border-color: rgba(232, 203, 132, .32) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(0, 9, 21, .14) !important;
}

.layout,
body.worldCupMode .layout {
  width: min(1780px, calc(100% - 40px)) !important;
  max-width: 1780px !important;
  grid-template-columns: minmax(270px, 310px) minmax(560px, 1.35fr) minmax(390px, 440px) !important;
  align-items: start !important;
  gap: 22px !important;
  padding: 32px 0 64px !important;
}

.layout > section:nth-child(2) {
  display: grid !important;
  min-width: 0 !important;
  gap: 22px !important;
}

.card,
.realMatchesPage .card {
  border-radius: 28px !important;
  background:
    linear-gradient(145deg, rgba(250, 249, 244, .92), rgba(214, 226, 226, .86)) !important;
  border-color: rgba(255, 255, 255, .60) !important;
  box-shadow:
    0 24px 58px rgba(2, 18, 34, .24),
    0 5px 14px rgba(2, 18, 34, .10),
    inset 0 1px 0 rgba(255, 255, 255, .78) !important;
  backdrop-filter: blur(22px) saturate(1.07) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.07) !important;
}

.card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 96% 3%, rgba(218, 177, 79, .13), transparent 22%),
    radial-gradient(circle at 0 100%, rgba(48, 153, 167, .10), transparent 28%);
}

.card::after {
  opacity: .15 !important;
  background-size: 24px 24px !important;
  mask-image: linear-gradient(140deg, #000, transparent 60%) !important;
}

.cardTitle {
  position: relative !important;
  min-height: 68px !important;
  padding: 17px 21px 16px 28px !important;
  background:
    radial-gradient(circle at 88% -50%, rgba(52, 156, 174, .36), transparent 50%),
    linear-gradient(105deg, rgba(4, 29, 52, .99), rgba(12, 61, 85, .97)) !important;
  border-bottom-color: rgba(235, 201, 116, .56) !important;
  box-shadow: inset 0 -2px 0 rgba(215, 170, 75, .15), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.cardTitle::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f1d384, #b47e24);
  box-shadow: 0 0 12px rgba(230, 189, 89, .24);
}

.cardTitle h2 {
  font-size: 20px !important;
  line-height: 1.05 !important;
  letter-spacing: .045em !important;
  text-shadow: 0 6px 18px rgba(0, 8, 20, .25) !important;
}

.cardTitle .tag,
.globalLeaderboardHead .tag {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
}

.card > .body,
.layout .card > .body {
  padding: 19px !important;
}

main.layout > section.card:first-child .body.grid {
  gap: 13px !important;
}

main.layout > section.card:first-child {
  border-color: rgba(237, 205, 126, .66) !important;
  box-shadow:
    0 28px 64px rgba(1, 17, 34, .28),
    0 0 0 1px rgba(216, 171, 73, .12),
    inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

.v59-sanal-showcase {
  min-height: 252px !important;
  border-radius: 24px !important;
  border-color: rgba(235, 201, 116, .52) !important;
  background:
    radial-gradient(circle at 68% 14%, rgba(229, 188, 89, .28), transparent 27%),
    radial-gradient(circle at 20% 20%, rgba(66, 197, 213, .16), transparent 30%),
    linear-gradient(145deg, rgba(4, 26, 48, .99), rgba(11, 70, 88, .96)) !important;
  box-shadow:
    0 20px 42px rgba(2, 18, 34, .29),
    inset 0 1px 0 rgba(255, 255, 255, .11),
    inset 0 -2px 0 rgba(213, 168, 71, .14) !important;
}

.v59-sanal-showcase::before {
  inset: 14px !important;
  border-radius: 18px !important;
  border-color: rgba(239, 210, 139, .24) !important;
}

.v59-sanal-showcase::after {
  content: "";
  position: absolute;
  inset: auto 9% 14px;
  height: 34px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0, 6, 15, .42), transparent 70%);
  filter: blur(6px);
  pointer-events: none;
}

.v59-sanal-showcase img {
  height: 238px !important;
  width: min(100%, 680px) !important;
  filter:
    drop-shadow(0 26px 20px rgba(0, 8, 18, .56))
    saturate(1.13)
    contrast(1.03) !important;
}

.tabs {
  gap: 9px !important;
  padding: 5px !important;
  border-radius: 16px !important;
  background: rgba(9, 42, 65, .07) !important;
  border: 1px solid rgba(88, 120, 138, .20) !important;
}

.tabs button {
  border-radius: 12px !important;
}

.onlineRoomPanel,
.notice,
.slipSummary,
.globalLeaderboard,
.liveHeader,
.eventFeed,
.player,
.fixture,
.scoreRow,
.kpis > div,
.realWalletBox {
  background: rgba(251, 251, 246, .80) !important;
  border-color: rgba(103, 136, 149, .38) !important;
  box-shadow:
    0 10px 24px rgba(5, 28, 44, .08),
    inset 0 1px 0 rgba(255, 255, 255, .76) !important;
}

.onlineRoomPanel,
.notice,
.slipSummary,
.globalLeaderboard,
.liveHeader,
.eventFeed {
  border-radius: 18px !important;
}

.onlineRoomPanel,
.notice,
.slipSummary,
.globalLeaderboard {
  padding: 14px !important;
}

.setupGrid,
.roomActions,
.roomLobby,
.kpis {
  gap: 10px !important;
}

.kpis > div {
  min-height: 74px !important;
  padding: 13px 10px !important;
  border-radius: 16px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

.kpis b {
  color: #183b55 !important;
  font-size: 18px !important;
}

.globalLeaderboardHead {
  min-height: 50px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: linear-gradient(100deg, rgba(9, 43, 68, .94), rgba(18, 80, 99, .88)) !important;
  color: #fff !important;
  border: 1px solid rgba(225, 192, 112, .36) !important;
}

.globalRank {
  min-height: 40px !important;
  padding: 8px 7px !important;
  border-bottom-color: rgba(91, 123, 140, .17) !important;
}

input,
select,
textarea,
.field input,
.field select,
.stakeField input {
  min-height: 50px !important;
  padding: 11px 13px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 251, .94) !important;
  border-color: rgba(100, 130, 143, .55) !important;
}

button:not(.languageChoice):not(.arrow),
.activeTab {
  min-height: 48px !important;
  border-radius: 14px !important;
  padding-inline: 15px !important;
  box-shadow:
    0 11px 24px rgba(3, 24, 41, .20),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.liveHeader {
  min-height: 92px !important;
  padding: 16px 18px !important;
  gap: 17px !important;
  background:
    radial-gradient(circle at 50% -80%, rgba(80, 189, 204, .20), transparent 55%),
    linear-gradient(100deg, rgba(241, 248, 249, .88), rgba(252, 252, 247, .88)) !important;
}

.liveHeader b,
.liveHeader #watchTitle {
  color: #12344f !important;
  font-size: 16px !important;
}

.liveHeader .small {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.clock {
  width: 72px !important;
  height: 72px !important;
  flex: 0 0 72px !important;
  border-width: 2px !important;
  box-shadow:
    0 12px 24px rgba(3, 22, 38, .22),
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 0 0 5px rgba(210, 170, 79, .09) !important;
}

.progress {
  height: 8px !important;
  margin: 13px 0 14px !important;
  border-radius: 999px !important;
  background: rgba(8, 42, 63, .10) !important;
  overflow: hidden !important;
}

.scoreBoard {
  display: grid !important;
  gap: 9px !important;
  max-height: 520px !important;
  padding-right: 4px !important;
  overflow: auto !important;
  scrollbar-color: rgba(18, 78, 100, .45) transparent !important;
}

.scoreRow {
  min-height: 56px !important;
  padding: 9px 13px !important;
  border-radius: 16px !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.scoreRow:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(205, 162, 69, .46) !important;
  box-shadow: 0 13px 27px rgba(5, 28, 44, .11), inset 0 1px 0 #fff !important;
}

.eventFeed {
  min-height: 74px !important;
  margin-top: 13px !important;
  padding: 14px 16px !important;
  line-height: 1.48 !important;
}

.two {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
  gap: 22px !important;
  margin-top: 0 !important;
}

.leaderBox {
  max-height: 540px !important;
  overflow: auto !important;
}

.table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  min-height: 38px !important;
  background: rgba(227, 237, 240, .96) !important;
  color: #23465f !important;
}

.table td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-bottom-color: rgba(93, 124, 140, .16) !important;
}

main.layout > aside.card,
.compactOddsPanel {
  min-width: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border-color: rgba(236, 202, 119, .58) !important;
}

.compactOddsPanel > .body,
main.layout > aside.card > .body {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
}

#betControls {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 10px !important;
}

.slipSummary {
  margin: 14px 0 !important;
  padding: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(218, 177, 79, .13), transparent 34%),
    rgba(250, 250, 245, .84) !important;
}

.normalSlipDetailAction button {
  width: 100% !important;
  margin-top: 10px !important;
}

#fixtures,
body.worldCupMode #fixtures {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
  max-height: 660px !important;
  padding: 3px 5px 3px 1px !important;
  overflow: auto !important;
  scrollbar-color: rgba(18, 78, 100, .46) transparent !important;
}

.fixture,
.wcFixture {
  margin: 0 !important;
  border-radius: 17px !important;
  border-color: rgba(100, 132, 146, .36) !important;
  overflow: hidden !important;
}

.fixtureTop,
body.worldCupMode .wcFixture .fixtureTop {
  min-height: 58px !important;
  padding: 12px 13px !important;
  background: linear-gradient(100deg, rgba(249, 251, 248, .94), rgba(232, 241, 241, .88)) !important;
}

.teamsLine,
body.worldCupMode .wcFixture .teamsLine {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.clubChip .teamLogo,
body.worldCupMode .wcFixture .clubChip .teamLogo {
  width: 27px !important;
  height: 27px !important;
  flex-basis: 27px !important;
}

.clubText,
body.worldCupMode .wcFixture .clubText {
  font-size: 11px !important;
}

.fixture .meta,
body.worldCupMode .wcFixture .meta {
  margin-top: 5px !important;
  color: #6d8596 !important;
  font-size: 9px !important;
}

.arrow {
  width: 42px !important;
  height: 36px !important;
  border-radius: 11px !important;
  background: rgba(11, 53, 78, .08) !important;
  border: 1px solid rgba(83, 119, 139, .22) !important;
}

.odds3,
body.worldCupMode .wcFixture .odds3 {
  gap: 7px !important;
  padding: 0 12px 12px !important;
}

.odd,
body.worldCupMode .wcFixture .odd {
  min-height: 42px !important;
  padding: 8px 9px !important;
  border-radius: 12px !important;
  background: rgba(248, 249, 245, .94) !important;
  border-color: rgba(100, 131, 145, .46) !important;
}

.odd:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(190, 145, 51, .60) !important;
  box-shadow: 0 9px 18px rgba(4, 28, 44, .11) !important;
}

.odd.selected {
  background: linear-gradient(180deg, #e3c16f, #bd8b31) !important;
  border-color: #f2da9a !important;
  box-shadow: 0 10px 21px rgba(132, 91, 20, .23), inset 0 1px 0 rgba(255, 255, 255, .52) !important;
}

.teamLogo,
.pickLogo,
.wcFlagDisc {
  box-shadow:
    0 0 0 2px rgba(7, 34, 57, .88),
    0 0 0 4px rgba(232, 199, 119, .68),
    0 8px 18px rgba(4, 24, 39, .22) !important;
}

@media (min-width: 1540px) {
  .layout,
  body.worldCupMode .layout {
    grid-template-columns: 310px minmax(680px, 1.4fr) 450px !important;
    gap: 26px !important;
  }
}

@media (max-width: 1180px) {
  header .head {
    width: min(980px, calc(100% - 28px)) !important;
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    padding: 16px 0 !important;
  }

  header .title,
  header .topStats,
  .headerCenterTools,
  .headerLanguagePicker {
    justify-self: center !important;
  }

  header .title {
    text-align: center !important;
  }

  .layout,
  body.worldCupMode .layout {
    width: min(980px, calc(100% - 28px)) !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    padding-top: 24px !important;
  }

  #fixtures,
  body.worldCupMode #fixtures {
    max-height: none !important;
  }
}

@media (max-width: 760px) {
  header {
    position: relative !important;
    min-height: 0 !important;
  }

  header .head {
    width: calc(100% - 20px) !important;
    min-height: 0 !important;
    padding: 14px 0 !important;
  }

  header .title {
    padding-left: 0 !important;
  }

  header .title::before {
    display: none !important;
  }

  header .title h1 {
    font-size: clamp(27px, 9vw, 36px) !important;
    line-height: 1.03 !important;
  }

  .headerCenterTools,
  .topStats {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .layout,
  body.worldCupMode .layout {
    width: calc(100% - 14px) !important;
    gap: 14px !important;
    padding: 14px 0 34px !important;
  }

  .card,
  .realMatchesPage .card {
    border-radius: 22px !important;
  }

  .cardTitle {
    min-height: 58px !important;
    padding: 14px 14px 14px 24px !important;
  }

  .cardTitle::before {
    left: 13px !important;
    top: 16px !important;
    bottom: 16px !important;
  }

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

  .card > .body,
  .layout .card > .body {
    padding: 13px !important;
  }

  .v59-sanal-showcase {
    min-height: 174px !important;
    border-radius: 19px !important;
  }

  .v59-sanal-showcase img {
    height: 164px !important;
  }

  .two {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .liveHeader {
    min-height: 0 !important;
    padding: 13px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .liveHeader > div:last-child {
    grid-column: 1 / -1 !important;
    text-align: left !important;
  }

  .clock {
    width: 61px !important;
    height: 61px !important;
    flex-basis: 61px !important;
  }

  #betControls {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #betControls button {
    width: 100% !important;
  }

  .fixtureTop,
  body.worldCupMode .wcFixture .fixtureTop {
    min-height: 54px !important;
    padding: 10px !important;
  }

  .clubChip .teamLogo,
  body.worldCupMode .wcFixture .clubChip .teamLogo {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }
}

/* Sonradan oluşturulan kompakt kupon rayını da aynı ferah ölçeğe çıkarır. */
.compactOddsPanel #betControls {
  gap: 10px !important;
}

.compactOddsPanel #betControls input,
.compactOddsPanel #betControls button {
  min-height: 44px !important;
  padding: 9px 10px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
}

.compactOddsPanel .slipSummary,
body.matchRunning .compactOddsPanel .slipSummary {
  margin: 12px 0 !important;
  padding: 13px !important;
  border-radius: 16px !important;
}

.compactOddsPanel .slipSummary #slip,
body.matchRunning .compactOddsPanel .slipSummary #slip {
  max-height: 96px !important;
  margin-top: 7px !important;
}

.compactOddsPanel #fixtures,
body.worldCupMode .compactOddsPanel #fixtures {
  gap: 10px !important;
  margin-top: 10px !important;
}

.compactFixture,
.wcCompactFixture,
body.worldCupMode #fixtures .compactFixture {
  min-width: 0 !important;
  padding: 10px 11px !important;
  border-radius: 15px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(65, 160, 176, .08), transparent 34%),
    rgba(252, 252, 248, .90) !important;
  border-color: rgba(99, 132, 147, .38) !important;
  box-shadow: 0 8px 18px rgba(5, 28, 44, .075), inset 0 1px 0 #fff !important;
}

.compactFixture.hasPersonalBet {
  border-color: rgba(207, 162, 65, .68) !important;
  background: linear-gradient(100deg, rgba(255, 247, 221, .96), rgba(250, 252, 248, .94)) !important;
}

.compactFixtureMain,
body.worldCupMode #fixtures .compactFixtureMain {
  min-height: 30px !important;
  gap: 8px !important;
}

.wcFixtureTopLine {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
}

body.worldCupMode #fixtures .compactFixtureTeams,
.compactFixtureTeams {
  height: auto !important;
  min-height: 25px !important;
  font-size: 11px !important;
}

body.worldCupMode #fixtures .compactFixtureTeams .clubText,
.compactFixtureTeams .clubText {
  font-size: 10.5px !important;
}

.compactDetailBtn {
  min-height: 30px !important;
  padding: 5px 8px !important;
  border-radius: 10px !important;
  font-size: 9px !important;
  white-space: nowrap !important;
  background: rgba(15, 60, 84, .08) !important;
  color: #26516c !important;
  border: 1px solid rgba(76, 117, 138, .24) !important;
  box-shadow: none !important;
}

.compactOdds3,
body.worldCupMode #fixtures .compactOdds3 {
  gap: 7px !important;
  margin-top: 9px !important;
}

.compactOdds3 .odd,
body.worldCupMode .compactOddsPanel #fixtures .compactOdds3 .odd {
  min-height: 39px !important;
  padding: 6px 7px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #19445f, #0b2d49) !important;
  border-color: rgba(223, 191, 111, .30) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 5px 11px rgba(4, 25, 41, .12) !important;
}

.compactOdds3 .odd b,
.compactOdds3 .odd span,
body.worldCupMode .compactOddsPanel #fixtures .compactOdds3 .odd b,
body.worldCupMode .compactOddsPanel #fixtures .compactOdds3 .odd span {
  font-size: 9px !important;
  line-height: 1.1 !important;
  color: #fff !important;
}

.compactOdds3 .odd.selected,
body.worldCupMode .compactOddsPanel #fixtures .compactOdds3 .odd.selected {
  outline: 0 !important;
  background: linear-gradient(180deg, #dfbd69, #b8842a) !important;
  color: #10283e !important;
  border-color: #f0d58f !important;
}

body.worldCupMode .compactOddsPanel #fixtures {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
  gap: 10px !important;
  max-height: 660px !important;
  padding: 3px 5px 3px 1px !important;
}

body.worldCupMode .compactOddsPanel .v62Fixture {
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 11px !important;
  border-radius: 15px !important;
  border-color: rgba(99, 132, 147, .38) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(65, 160, 176, .08), transparent 34%),
    rgba(252, 252, 248, .90) !important;
  box-shadow: 0 8px 18px rgba(5, 28, 44, .075), inset 0 1px 0 #fff !important;
}

body.worldCupMode .compactOddsPanel .v62Fixture.hasPersonalBet {
  border-color: rgba(207, 162, 65, .68) !important;
  background: linear-gradient(100deg, rgba(255, 247, 221, .96), rgba(250, 252, 248, .94)) !important;
}

body.worldCupMode .compactOddsPanel .v62FixtureTop {
  grid-template-columns: minmax(0, 1fr) 96px !important;
  gap: 10px !important;
  min-height: 31px !important;
}

body.worldCupMode .compactOddsPanel .v62FixtureTeams {
  grid-template-columns: minmax(0, 1fr) 13px minmax(0, 1fr) !important;
  gap: 5px !important;
}

body.worldCupMode .compactOddsPanel .v62TeamChip {
  gap: 6px !important;
  font-size: 10.5px !important;
}

body.worldCupMode .compactOddsPanel .v62TeamChip .teamLogo.nationalFlag {
  width: 28px !important;
  height: 19px !important;
  min-width: 28px !important;
  flex-basis: 28px !important;
  border-radius: 5px !important;
}

body.worldCupMode .compactOddsPanel .v62DetailBtn {
  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 38px !important;
  padding: 7px 8px !important;
  border-radius: 11px !important;
  font-size: 8.5px !important;
  line-height: 1.12 !important;
  background: rgba(15, 60, 84, .08) !important;
  color: #26516c !important;
  border: 1px solid rgba(76, 117, 138, .24) !important;
  box-shadow: none !important;
}

body.worldCupMode .compactOddsPanel .v62MainOdds {
  gap: 7px !important;
  margin-top: 9px !important;
}

body.worldCupMode .compactOddsPanel .v62MainOdds .odd {
  min-height: 40px !important;
  padding: 6px 7px !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #19445f, #0b2d49) !important;
  border-color: rgba(223, 191, 111, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 5px 11px rgba(4, 25, 41, .12) !important;
}

body.worldCupMode .compactOddsPanel .v62MainOdds .odd b,
body.worldCupMode .compactOddsPanel .v62MainOdds .odd span {
  color: #fff !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
}

body.worldCupMode .compactOddsPanel .wcFixtureSection {
  margin: 14px 2px 7px !important;
  font-size: 9.5px !important;
  letter-spacing: .08em !important;
}

@media (max-width: 760px) {
  .compactOddsPanel #betControls input,
  .compactOddsPanel #betControls button {
    min-height: 42px !important;
  }

  .compactFixture,
  .wcCompactFixture,
  body.worldCupMode #fixtures .compactFixture {
    padding: 9px !important;
  }

  .compactOdds3 .odd,
  body.worldCupMode .compactOddsPanel #fixtures .compactOdds3 .odd {
    min-height: 36px !important;
  }

  body.worldCupMode .compactOddsPanel .v62Fixture {
    padding: 9px !important;
  }

  body.worldCupMode .compactOddsPanel .v62FixtureTop {
    grid-template-columns: minmax(0, 1fr) 86px !important;
    gap: 7px !important;
  }

  body.worldCupMode .compactOddsPanel .v62DetailBtn {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    min-height: 36px !important;
    font-size: 8px !important;
  }

  body.worldCupMode .compactOddsPanel .v62MainOdds .odd {
    min-height: 37px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scoreRow,
  .odd,
  button {
    transition-duration: .01ms !important;
  }
}