/*
  DISC CRICKET — EXACT SOLO PLAYER CHAIN STYLE ROLLOUT

  Visual-only chain skin.
  DO NOT change chain positions, transforms, offsets, container size, layout, or scoring.

  Rule:
  Solo Player mode is the approved visual master.
  Every other page should use this exact same link appearance:
  - open gray oval
  - 90-degree narrow side-view link
  - open holes, not filled solid
  - same link dimensions as Solo
*/

/* ============================================================
   EXACT SOLO CHAIN VISUAL APPLIED TO ALL KNOWN CHAIN LINKS
   ============================================================ */

.site-chain-rails .chain-link,
.dcx-chain .dcx-link,
.match-chain .chain-link,
.inner-side-chain .mini-chain-link,
.center-chain-column .center-chain-link,
.digit-chain-column .center-chain-link {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  border-style: solid !important;
  border-color: rgba(166, 166, 172, 0.98) !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.55),
    inset 0 -1px 2px rgba(0,0,0,0.36),
    0 1px 2px rgba(0,0,0,0.34) !important;
}

/* Odd links: exact Solo front-facing open oval */
.site-chain-rails .chain-link:nth-child(odd),
.dcx-chain .dcx-link:nth-child(odd),
.match-chain .chain-link:nth-child(odd),
.inner-side-chain .mini-chain-link:nth-child(odd),
.center-chain-column .center-chain-link:nth-child(odd),
.digit-chain-column .center-chain-link:nth-child(odd) {
  width: 16px !important;
  height: 30px !important;
  border-width: 3px !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: none !important;
}

/* Border shine only — does not fill the center hole */
.site-chain-rails .chain-link:nth-child(odd)::before,
.dcx-chain .dcx-link:nth-child(odd)::before,
.match-chain .chain-link:nth-child(odd)::before,
.inner-side-chain .mini-chain-link:nth-child(odd)::before,
.center-chain-column .center-chain-link:nth-child(odd)::before,
.digit-chain-column .center-chain-link:nth-child(odd)::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 999px;
  pointer-events: none;
  border: 1px solid rgba(235,235,240,0.68);
  background: transparent !important;
  box-shadow:
    inset 2px 0 2px rgba(255,255,255,0.32),
    inset -2px 0 2px rgba(70,70,74,0.38);
}

/* Even links: exact Solo 90-degree side-view link */
.site-chain-rails .chain-link:nth-child(even),
.dcx-chain .dcx-link:nth-child(even),
.match-chain .chain-link:nth-child(even),
.inner-side-chain .mini-chain-link:nth-child(even),
.center-chain-column .center-chain-link:nth-child(even),
.digit-chain-column .center-chain-link:nth-child(even) {
  width: 8px !important;
  height: 31px !important;
  border-width: 3px !important;
  border-radius: 999px !important;
  transform: none !important;
  background:
    linear-gradient(
      90deg,
      rgba(78,78,82,0.96) 0%,
      rgba(218,218,224,0.98) 50%,
      rgba(84,84,88,0.96) 100%
    ) !important;
}

/* Exact Solo connector between links */
.site-chain-rails .chain-link::after,
.dcx-chain .dcx-link::after,
.match-chain .chain-link::after,
.inner-side-chain .mini-chain-link::after,
.center-chain-column .center-chain-link::after,
.digit-chain-column .center-chain-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 4px;
  height: 10px;
  transform: translateX(-50%);
  border-radius: 999px;
  background:
    linear-gradient(
      90deg,
      rgba(82,82,86,0.94),
      rgba(218,218,224,0.96),
      rgba(86,86,90,0.94)
    );
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.52),
    inset 0 -1px 1px rgba(0,0,0,0.36),
    0 1px 2px rgba(0,0,0,0.20);
}

.site-chain-rails .chain-link:last-child::after,
.dcx-chain .dcx-link:last-child::after,
.match-chain .chain-link:last-child::after,
.inner-side-chain .mini-chain-link:last-child::after,
.center-chain-column .center-chain-link:last-child::after,
.digit-chain-column .center-chain-link:last-child::after {
  display: none;
}

/* Mobile: exact approved Solo mobile proportions */
@media (max-width: 760px) {
  .site-chain-rails .chain-link:nth-child(odd),
  .dcx-chain .dcx-link:nth-child(odd),
  .match-chain .chain-link:nth-child(odd),
  .inner-side-chain .mini-chain-link:nth-child(odd),
  .center-chain-column .center-chain-link:nth-child(odd),
  .digit-chain-column .center-chain-link:nth-child(odd) {
    width: 14px !important;
    height: 27px !important;
    border-width: 3px !important;
    background: transparent !important;
  }

  .site-chain-rails .chain-link:nth-child(even),
  .dcx-chain .dcx-link:nth-child(even),
  .match-chain .chain-link:nth-child(even),
  .inner-side-chain .mini-chain-link:nth-child(even),
  .center-chain-column .center-chain-link:nth-child(even),
  .digit-chain-column .center-chain-link:nth-child(even) {
    width: 7px !important;
    height: 28px !important;
    border-width: 3px !important;
  }

  .site-chain-rails .chain-link::after,
  .dcx-chain .dcx-link::after,
  .match-chain .chain-link::after,
  .inner-side-chain .mini-chain-link::after,
  .center-chain-column .center-chain-link::after,
  .digit-chain-column .center-chain-link::after {
    bottom: -6px;
    width: 4px;
    height: 9px;
  }
}