/* BetVio Originals — iskambil kartı (Blackjack, Hilo, Baccarat…).
 * Boyut oyunun --kart-g değişkeninden gelir. Arka yüz: BetVio logosu. */
  /* kart: ön + arka, çevirme için 3B */
  .kart { position: relative; width: var(--kart-g); aspect-ratio: .7; perspective: 600px; flex: none; }
  .kart .ic { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.3,.7,.3,1); }
  .kart.kapali .ic { transform: rotateY(180deg); }
  .kart .on, .kart .arka { position: absolute; inset: 0; border-radius: 8px; backface-visibility: hidden; -webkit-backface-visibility: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,.4), 0 1px 0 rgba(0,0,0,.25); }
  .kart .on { background: #fdfdfd; }
  /* sade yüz: hafif soğuk beyaz geçiş, daha yuvarlak köşe */
  .kart.sade .on, .kart.sade .arka { border-radius: 10px; }
  .kart.sade .on { background: linear-gradient(160deg, #ffffff 40%, #e9edf2); }
  .kart .on svg { width: 100%; height: 100%; display: block; }
  .kart .arka { transform: rotateY(180deg); background: var(--arka); }
  :root { --arka:
      url("../ortak-duz/betvio-logo.png") center / 62% no-repeat,
      radial-gradient(ellipse at 50% 45%, rgba(229,38,58,.18), transparent 65%),
      linear-gradient(#1b212b, #1b212b) padding-box,
      repeating-linear-gradient(45deg, rgba(255,255,255,.035) 0 2px, transparent 2px 8px),
      #141920; }
  .kart .arka::after { content: ''; position: absolute; inset: 5px; border-radius: 5px; border: 1.5px solid rgba(229,38,58,.55); pointer-events: none; }