/* BetVio Originals — kumarhane fişi ve fiş seçici karusel (Rulet, Baccarat…). */
  .fis { --fis: #64748b; position: absolute; width: clamp(24px, 4.4vh, 34px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center;
    transform: translate(-50%, -50%); font-size: clamp(9px, 1.35vh, 11px); font-weight: 900; color: #fff; letter-spacing: -.3px;
    text-shadow: 0 1px 1px rgba(0,0,0,.45); font-variant-numeric: tabular-nums;
    background:
      radial-gradient(circle, var(--fis) 0 50%, rgba(255,255,255,.95) 51% 54%, var(--fis) 55%),
      conic-gradient(from 15deg, var(--fis) 0 30deg, #fff 30deg 45deg, var(--fis) 45deg 75deg, #fff 75deg 90deg, var(--fis) 90deg 120deg, #fff 120deg 135deg, var(--fis) 135deg 165deg, #fff 165deg 180deg, var(--fis) 180deg 210deg, #fff 210deg 225deg, var(--fis) 225deg 255deg, #fff 255deg 270deg, var(--fis) 270deg 300deg, #fff 300deg 315deg, var(--fis) 315deg 345deg, #fff 345deg 360deg);
    box-shadow: 0 2px 0 rgba(0,0,0,.45), 0 4px 8px rgba(0,0,0,.35); transition: left .2s, top .2s; }
  .fis.yigin { box-shadow: 0 2px 0 rgba(0,0,0,.45), 0 -3px 0 color-mix(in srgb, var(--fis) 70%, #000), 0 -5px 0 rgba(0,0,0,.35), 0 4px 8px rgba(0,0,0,.35); }
  .fis.yeni { animation: fisKoy .28s cubic-bezier(.2,1.5,.45,1); }
  .fis.hayalet { opacity: .55; filter: saturate(.8); }
  .fis.kaybetti { animation: fisGit .5s ease-in forwards; }
  .fis.kazandi { animation: fisParla .5s ease-in-out infinite alternate; }
  /* sol panel: fiş karuseli */
  .karusel { display: flex; align-items: center; gap: 4px; height: 52px; padding: 0 4px; border-radius: 6px; background: var(--kutu); }
  .karusel > button { width: 28px; height: 40px; border-radius: 5px; color: var(--soluk); font-size: 18px; flex: none; }
  .karusel > button:hover:not(:disabled) { color: var(--yazi); background: var(--kart); }
  .karusel > button:disabled { opacity: .3; }
  .karusel .pencere-f { flex: 1; overflow: hidden; }
  .karusel .serit-f { display: flex; gap: 6px; transition: transform .25s cubic-bezier(.3,.8,.3,1); padding: 4px 2px; }
  .karusel .serit-f button { position: relative; flex: none; width: 36px; height: 36px; border-radius: 50%; transition: transform .15s; }
  .karusel .serit-f button .fis { position: absolute; left: 50%; top: 50%; width: 36px; font-size: 10px; }
  .karusel .serit-f button:hover { transform: translateY(-2px); }
  .karusel .serit-f button.secili .fis { box-shadow: 0 0 0 2px var(--kutu), 0 0 0 4px var(--altin), 0 3px 6px rgba(0,0,0,.4); }

  @keyframes fisKoy { from { transform: translate(-50%, -110%) scale(1.25); opacity: 0; } }
  @keyframes fisGit { to { transform: translate(-50%, -260%) scale(.5); opacity: 0; } }
  @keyframes fisParla { to { filter: brightness(1.25) drop-shadow(0 0 6px rgba(255,255,255,.55)); } }