/* ТЕСТ 30.09.2026: 3D-кубок на странице турниров — только site-test */
.fx-cup { background: radial-gradient(120% 90% at 30% 40%, #13653c 0%, var(--green) 45%, var(--green-dark) 100%); color: #fff; padding: 64px 0 72px; overflow: hidden; }
.fx-cup__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: 40px; align-items: center; }
.fx-cup__stage { position: relative; aspect-ratio: 1 / 1.05; max-width: 480px; width: 100%; justify-self: center; cursor: grab; touch-action: pan-y; }
.fx-cup__stage.is-drag { cursor: grabbing; }
.fx-cup__stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.fx-cup__stage::before { content: ""; position: absolute; inset: 12% 10% 18%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,210,30,.35), transparent); filter: blur(10px); }
.fx-cup__hint { position: absolute; left: 50%; bottom: 2%; transform: translateX(-50%); font-size: 13px; color: rgba(255,255,255,.8); white-space: nowrap; transition: opacity .4s; pointer-events: none; }
.fx-cup__hint::before { content: "⟲  "; color: var(--yellow); }
.fx-cup .kicker { color: var(--yellow); }
.fx-cup h2 { color: #fff; margin: 6px 0 14px; }
.fx-cup h2 em { font-style: normal; color: var(--yellow); }
.fx-cup__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 18px 0 22px; }
.fx-cup__fact { background: rgba(255,255,255,.09); border-radius: 16px; padding: 14px 16px; }
.fx-cup__fact b { display: block; font-family: var(--font-head); color: var(--yellow); font-size: 1.25rem; }
.fx-cup__fact span { font-size: .9rem; opacity: .9; }
.fx-cup__photos { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 22px; }
.fx-cup__photo { position: relative; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: var(--green-dark); }
.fx-cup__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fx-cup__photo canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.fx-cup .btn + .btn { margin-left: 8px; }
@media (max-width: 800px) {
  .fx-cup { padding: 40px 0 48px; }
  .fx-cup__grid { grid-template-columns: 1fr; gap: 8px; }
  .fx-cup__stage { max-width: 340px; }
  .fx-cup .btn { width: 100%; margin: 0 0 8px !important; }
}