/* RotaCark tasarimi — demo1 icin `.rc-cark` altina kapatildi (#263).
 * URETILMIS DOSYA: elle duzenleme, kaynak data/RotaCark. */
.rc-cark .scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}.rc-cark .scene__layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}.rc-cark .scene__base {
  z-index: 1;
  background-image: url("/cark/images/image_001.webp");
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
}@media (max-width: 560px) {.rc-cark .scene__base {
    background-image: url("/cark/images/image_002.webp");
    background-position: top center;
  }
}.rc-cark .scene__glow-mid {
  z-index: 15;
  background-image: url("/cark/images/image_005.webp");
  mix-blend-mode: screen;
}@media (max-width: 560px) {.rc-cark .scene__glow-mid { background-image: url("/cark/images/image_006.webp"); }
}.rc-cark .scene__glow-front {
  z-index: 50;
  background-image: url("/cark/images/image_007.webp");
  mix-blend-mode: screen;
}@media (max-width: 560px) {.rc-cark .scene__glow-front {
    background-image: url("/cark/images/image_008.webp");
    z-index: 16;
  }
}.rc-cark .scene__vignette {
  z-index: 4;
  background:
    radial-gradient(ellipse 90% 70% at 50% 42%, transparent 0%, rgba(3, 5, 10, 0.04) 52%, rgba(3, 5, 10, 0.28) 100%),
    linear-gradient(180deg, rgba(8, 6, 13, 0.22) 0%, transparent 14%, transparent 78%, rgba(6, 4, 10, 0.38) 100%);
  mix-blend-mode: multiply;
  opacity: 0.72;
  pointer-events: none;
}.rc-cark .scene__decor {
  position: absolute;
  pointer-events: none;
}.rc-cark .scene__decor img {
  display: block;
  max-width: 100%;
  height: auto;
}.rc-cark .scene__zeus1 {
  position: absolute;
  right: -5vw;
  bottom: -15vh;
  z-index: 7;
}@media (max-width: 1660px) {.rc-cark .scene__zeus1 { right: -8vw; } }@media (max-width: 1660px) and (max-height: 750px) {.rc-cark .scene__zeus1 { right: 1vw; } }@media (max-width: 1440px) {.rc-cark .scene__zeus1 { right: -12vw; } }@media (max-width: 1440px) and (max-height: 750px) {.rc-cark .scene__zeus1 { right: -6vw; } }@media (max-width: 1280px) {.rc-cark .scene__zeus1 { right: -19vw; bottom: -19vh; } }@media (max-width: 1280px) and (max-height: 750px) {.rc-cark .scene__zeus1 { right: -12vw; } }@media (max-width: 1140px) {.rc-cark .scene__zeus1 { right: -24vw; } }@media (max-width: 1140px) and (max-height: 750px) {.rc-cark .scene__zeus1 { right: -16vw; } }@media (max-width: 991px) {.rc-cark .scene__zeus1 { right: -32vw; } }@media (max-width: 860px) {.rc-cark .scene__zeus1 { right: -26vw; bottom: -16vh; } }@media (max-width: 680px) {.rc-cark .scene__zeus1 { right: -36vw; } }@media (max-width: 560px) {.rc-cark .scene__zeus1 { display: none; } }.rc-cark .scene__zeus1 img { max-height: 110vh; }@media (max-width: 860px) {.rc-cark .scene__zeus1 img { max-height: 90vh; } }.rc-cark .scene__zeus2 { display: none; }@media (max-width: 560px) {.rc-cark .scene__zeus2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: fixed;
    right: clamp(-10vw, -4vw, -1vw);
    bottom: 0;
    width: min(43vw, 196px);
    z-index: 2;
    transform-origin: bottom right;
    pointer-events: none;
  }
}@media (max-width: 480px) {.rc-cark .scene__zeus2 {
    width: min(45vw, 182px);
    right: clamp(-12vw, -5vw, -2vw);
  }
}@media (max-width: 560px) and (max-height: 700px) {.rc-cark .scene__zeus2 { width: min(41vw, 168px); }
}@media (orientation: landscape) and (max-width: 900px) {.rc-cark .scene__zeus2 {
    width: min(24vw, 154px);
    bottom: 0;
    right: clamp(-6vw, -2vw, 0);
  }
}.rc-cark .scene__zeus2 img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: clamp(18dvh, 22svh, 25dvh);
  object-fit: contain;
  object-position: bottom right;
}@media (max-width: 560px) and (max-height: 700px) {.rc-cark .scene__zeus2 img { max-height: clamp(15dvh, 20svh, 22dvh); }
}@media (orientation: landscape) and (max-width: 900px) {.rc-cark .scene__zeus2 img { max-height: clamp(29dvh, 35svh, 41dvh); }
}.rc-cark .scene__palm {
  right: -4vw;
  bottom: -10vh;
  z-index: 6;
  animation: gifts 2.5s ease-in-out infinite;
  will-change: transform;
}@media (max-width: 1280px) {.rc-cark .scene__palm { right: -14vw; } }@media (max-width: 1140px) {.rc-cark .scene__palm { right: -24vw; } }@media (max-width: 860px) {.rc-cark .scene__palm { display: none; } }.rc-cark .scene__palm img { max-height: 80vh; }.rc-cark .scene__lightning-top {
  right: -2vw;
  top: -2vh;
  z-index: 5;
  animation: lightning-up 2.5s ease-in-out infinite;
}.rc-cark .scene__lightning-bottom {
  right: -2vw;
  bottom: -2vh;
  z-index: 8;
  animation: lightning-down 2.5s ease-in-out infinite;
}.rc-cark .scene__lightning-top img, .rc-cark .scene__lightning-bottom img { max-height: 80vh; }@media (max-width: 860px) {.rc-cark .scene__lightning-top img, .rc-cark .scene__lightning-bottom img { max-height: 50vh; }
}.rc-cark .scene__lightning-top-mobil, .rc-cark .scene__lightning-bottom-mobil { display: none; }@media (max-width: 560px) {.rc-cark .scene__lightning-top, .rc-cark .scene__lightning-bottom { display: none; }.rc-cark .scene__lightning-top-mobil {
    display: flex;
    position: absolute;
    right: -2vw;
    top: -2vh;
    width: 120%;
    z-index: 5;
    animation: lightning-up 2.5s ease-in-out infinite;
  }.rc-cark .scene__lightning-top-mobil img {
    width: 100%;
    max-height: 50vh;
  }.rc-cark .scene__lightning-bottom-mobil {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: -2vh;
    width: 120%;
    z-index: 14;
    animation: lightning-down 2.5s ease-in-out infinite;
  }.rc-cark .scene__lightning-bottom-mobil img {
    width: 100%;
    max-height: 40vh;
  }
}/* assets/background.html ile aynı keyframe isimleri ve değerleri */@keyframes lightning-up {0%, 100% { opacity: 1; }50% { opacity: 0; }
}@keyframes lightning-down {0%, 100% { opacity: 0; }50% { opacity: 1; }
}@keyframes gifts {0%, 100% { transform: translate3d(0, -5px, 0); }50% { transform: translate3d(0, 5px, 0); }
}@media (prefers-reduced-motion: reduce) {.rc-cark .scene__palm { animation: none !important; }.rc-cark .scene__lightning-top, .rc-cark .scene__lightning-bottom, .rc-cark .scene__lightning-top-mobil, .rc-cark .scene__lightning-bottom-mobil { animation-duration: 4s !important; }
}.rc-cark.is-spinning .scene__palm, .rc-cark.is-celebrating .scene__palm { animation-play-state: paused !important; }

.rc-cark {
  --bg-color: #03050a; --foam: #f4f0ff;
  --font-display: "Oswald", "Arial Narrow", "Helvetica Condensed", sans-serif;
  --font-ui: "Barlow", system-ui, -apple-system, sans-serif;
  --wheel-segments: 8; --wheel-half-angle: calc(180deg / var(--wheel-segments));
  --wheel-neon-a: rgba(0, 212, 168, .315); --wheel-neon-b: rgba(200, 78, 247, .252);
  --wheel-neon-c: rgba(255, 77, 157, .198); --wheel-neon-gold: rgba(255, 215, 100, .405);
}.rc-cark *, .rc-cark *::before, .rc-cark *::after { box-sizing: border-box; margin: 0; padding: 0; user-select: none; }.rc-cark {
  background-color: var(--bg-color);
  font-family: var(--font-ui); color: var(--foam);
  min-height: 100vh; min-height: 100dvh; overflow-x: hidden; overflow-y: auto; position: relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}.rc-cark, .rc-cark { width: 100%; max-width: 100%; }.rc-cark .modal-overlay, .rc-cark .page-info-panel__inner, .rc-cark .modal-card { scrollbar-width: thin; scrollbar-color: rgba(212,175,55,.58) rgba(8,6,14,.94); }.rc-cark .modal-overlay::-webkit-scrollbar, .rc-cark .page-info-panel__inner::-webkit-scrollbar, .rc-cark .modal-card::-webkit-scrollbar { width: 10px; height: 10px; }.rc-cark .modal-overlay::-webkit-scrollbar-track, .rc-cark .page-info-panel__inner::-webkit-scrollbar-track, .rc-cark .modal-card::-webkit-scrollbar-track { background: rgba(5,4,10,.98); border-left: 1px solid rgba(212,175,55,.14); }.rc-cark .modal-overlay::-webkit-scrollbar-thumb, .rc-cark .page-info-panel__inner::-webkit-scrollbar-thumb, .rc-cark .modal-card::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(224,190,88,.88) 0%, rgba(148,108,28,.92) 100%); border: 2px solid rgba(5,4,10,.98); min-height: 40px; }.rc-cark .modal-overlay::-webkit-scrollbar-thumb:hover, .rc-cark .page-info-panel__inner::-webkit-scrollbar-thumb:hover, .rc-cark .modal-card::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(248,220,130,.95) 0%, rgba(180,130,40,.98) 100%); }.rc-cark .modal-overlay::-webkit-scrollbar-corner, .rc-cark .page-info-panel__inner::-webkit-scrollbar-corner, .rc-cark .modal-card::-webkit-scrollbar-corner { background: rgba(5,4,10,.98); }@media (max-width: 680px) {.rc-cark, .rc-cark { overflow: hidden; height: 100%; }.rc-cark { overscroll-behavior: none; max-height: 100dvh; max-height: 100svh; touch-action: manipulation; }.rc-cark .page-shell { height: 100%; max-height: 100dvh; max-height: 100svh; min-height: 0; overflow: hidden; }.rc-cark .page-main { min-height: 0; overflow: hidden; }
}@media (max-width: 768px) {.rc-cark #page-info-modal .page-info-panel__inner {
    scrollbar-gutter: auto;
    padding-left: max(14px, env(safe-area-inset-left, 0px));
    padding-right: max(14px, env(safe-area-inset-right, 0px));
  }
}.rc-cark .page-shell { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: stretch; min-height: 100vh; min-height: 100dvh; width: 100%; background: transparent; contain: layout style; }.rc-cark .top-winner-bar {
  position: relative; z-index: 30; flex-shrink: 0; width: 100%; min-height: 44px;
  padding: max(8px, env(safe-area-inset-top)) env(safe-area-inset-right) 8px env(safe-area-inset-left);
  background: linear-gradient(90deg, rgba(212,175,55,.12) 0%, transparent 18%, transparent 82%, rgba(212,175,55,.12) 100%), linear-gradient(180deg, rgba(22,16,34,.78) 0%, rgba(12,9,18,.62) 48%, rgba(8,6,13,.55) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 2px solid rgba(212,175,55,.65); box-shadow: 0 6px 28px rgba(0,0,0,.58), 0 0 40px rgba(212,175,55,.08), inset 0 1px 0 rgba(255,236,180,.14); contain: layout paint;
}.rc-cark .top-winner-bar__viewport {
  width: 100%; min-height: 36px; position: relative; overflow: hidden; display: flex; align-items: center;
  isolation: isolate; contain: layout paint;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
}.rc-cark .top-winner-bar__track { display: flex; align-items: center; width: max-content; will-change: transform; transform: translateZ(0); animation: top-winner-marquee var(--tw-marquee-dur, 28s) linear infinite; }@keyframes top-winner-marquee {from { transform: translateZ(0); }to { transform: translate3d(-50%, 0, 0); } }.rc-cark .top-winner-bar__dup { display: flex; flex-shrink: 0; align-items: center; padding-right: clamp(1.75rem, 5vw, 3rem); font-size: clamp(13px, 3.1vw, 15px); font-weight: 600; letter-spacing: .03em; color: #fff8e8; white-space: nowrap; }.rc-cark .top-winner-bar__item { display: inline-flex; flex-shrink: 0; align-items: baseline; padding-inline: clamp(.65rem, 2.2vw, 1.15rem); }.rc-cark .top-winner-bar__user { color: rgba(255,248,236,.9); font-weight: 600; }.rc-cark .top-winner-bar__dash { color: rgba(212,175,55,.4); font-weight: 500; }.rc-cark .top-winner-bar__prize { font-weight: 800; letter-spacing: .045em; font-size: .92em; color: #f2dc98; text-shadow: 0 1px 0 rgba(60,40,0,.55), 0 0 10px rgba(212,175,55,.35); }.rc-cark .top-winner-bar__won { margin-inline-start: .28em; color: rgba(255,248,236,.88); font-weight: 600; font-size: .86em; letter-spacing: .02em; }.rc-cark .top-winner-bar__sep { flex-shrink: 0; align-self: center; display: inline-flex; align-items: center; justify-content: center; width: clamp(1.35rem, 4.5vw, 2.1rem); height: 1.35em; pointer-events: none; }.rc-cark .top-winner-bar__sep::before { content: ""; flex-shrink: 0; width: 5px; height: 5px; transform: rotate(45deg); background: linear-gradient(135deg, #fff6cf 0%, #e6c44d 45%, #a67c00 100%); box-shadow: 0 0 5px rgba(255,210,120,.55); border-radius: .5px; }.rc-cark .page-main { flex: 1 1 auto; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 0; background: transparent; padding: clamp(.12rem, 0.55vmin, 0.38rem) max(12px, env(safe-area-inset-right)) clamp(.5rem, 2vmin, 1rem) max(12px, env(safe-area-inset-left)); }.rc-cark .wheel-stack { position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; flex: 1 1 auto; gap: clamp(.45rem, 2vmin, 1.1rem); --wheel-chrome-offset: clamp(16.75rem, 50svmin, 31rem); padding-bottom: max(.35rem, env(safe-area-inset-bottom)); }@media (max-height: 720px) {.rc-cark .wheel-stack { --wheel-chrome-offset: clamp(17.25rem, 56svmin, 34rem); } }@media (orientation: landscape) and (max-height: 560px) {.rc-cark .wheel-stack { --wheel-chrome-offset: clamp(17.75rem, 74svh, 39rem); }.rc-cark .page-header { padding-bottom: clamp(4px, 1.6vmin, 12px); } }@keyframes wheel-icon-spin {0% { transform: translateZ(0) rotate(0deg); }100% { transform: translateZ(0) rotate(360deg); } }.rc-cark .wheel-actions-row { flex-shrink: 0; display: flex; justify-content: center; gap: 12px; margin-top: clamp(.75rem, 3.8vmin, 2.6rem); width: 100%; max-width: min(380px, calc(100% - 24px)); }.rc-cark .wheel-dock { flex-shrink: 0; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; width: 100%; max-width: min(380px, calc(100% - 24px)); margin-inline: auto; border: 1px solid rgba(212,175,55,.42); background: rgba(7,5,12,.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }@media (min-width: 920px) {.rc-cark .page-main { align-items: center; }.rc-cark .wheel-stack { align-self: center; --wheel-chrome-offset: clamp(26rem, 36vh, 32rem); gap: clamp(.5rem, 1.6vmin, .95rem); padding-bottom: clamp(.35rem, 1.5vmin, .85rem); width: auto; max-width: none; }.rc-cark .wheel-actions-row { max-width: min(440px, 92%); margin-top: clamp(1rem, 2vmin, 1.6rem); }.rc-cark .wheel-dock { max-width: min(440px, 92%); }
}@media (max-width: 680px) {.rc-cark .wheel-stack { padding-bottom: calc(4.75rem + env(safe-area-inset-bottom)); isolation: isolate; overflow: visible; }.rc-cark .wheel-stack .wheel-wrapper { position: relative; z-index: 3; }.rc-cark .wheel-actions-row { position: relative; z-index: 1; }.rc-cark .wheel-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; max-width: none; padding-bottom: env(safe-area-inset-bottom); border: 0; border-top: 1px solid rgba(212,175,55,.55); background: rgba(6,4,10,.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } }@media (max-width: 680px) and (max-height: 740px) {.rc-cark .page-header { overflow: visible; z-index: 1; margin-bottom: clamp(-3rem, -9svh, -1.1rem); }.rc-cark .page-main { overflow: visible; z-index: 2; }.rc-cark .wheel-stack { gap: 0; }.rc-cark .page-header > .page-header__brand > h1.title {
    filter: none;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .55), 0 1px 0 rgba(255, 255, 255, .28);
  }.rc-cark .wheel-stack .wheel-wrapper { z-index: 4; }
}.rc-cark .wheel-dock__side { grid-column: 2; display: flex; align-items: stretch; min-width: 0; min-height: 48px; }.rc-cark .wheel-dock .sound-toggle { flex: 0 0 auto; width: 52px; height: auto; align-self: stretch; border: 0; border-radius: 0; border-left: 1px solid rgba(212,175,55,.38); background: #12101a; color: #ffe9b3; box-shadow: none; }.rc-cark .wheel-dock .sound-toggle:hover { background: #1a1724; color: #fff8e8; }.rc-cark .wheel-dock .sound-toggle:active { filter: brightness(.96); background: #0c0a12; }.rc-cark .wheel-dock .sound-toggle:focus-visible { outline: 2px solid rgba(255,239,181,.9); outline-offset: -2px; }.rc-cark .wheel-dock .page-info-toggle { position: relative; flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 48px; padding: 12px 14px; border: 0; font-weight: 700; font-size: clamp(.8rem, 2.2vw + .5rem, .95rem); letter-spacing: .08em; color: #ede4cf; cursor: pointer; background: #12101a; transition: background .15s ease, color .15s ease, filter .15s ease; }.rc-cark .wheel-dock .page-info-toggle__icon-face { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex-shrink: 0; background: #d4af37; transition: background .15s ease, filter .15s ease; }.rc-cark .wheel-dock .page-info-toggle__mark { font-size: .95rem; font-weight: 800; line-height: 1; color: #1a1208; }.rc-cark .wheel-dock .page-info-toggle__label { position: relative; z-index: 1; }.rc-cark .wheel-dock .page-info-toggle:hover { background: #1a1724; color: #fff8e8; }.rc-cark .wheel-dock .page-info-toggle:hover .page-info-toggle__icon-face { background: #e4c04a; }.rc-cark .wheel-dock .page-info-toggle:active { background: #0c0a12; filter: brightness(.96); }.rc-cark .wheel-dock .page-info-toggle:focus-visible { outline: 2px solid rgba(255,239,181,.9); outline-offset: -2px; }.rc-cark .wheel-dock .page-info-toggle[aria-expanded="true"] { color: #fff8e8; background: #18151f; box-shadow: inset 0 3px 0 0 #d4af37; }/* Bilgi modalı: sütun flex + align center iken % genişlik içerik genişliğine çöker (dar kart + yan boşluk) */.rc-cark #page-info-modal.modal-overlay {/* Genel modal ortalamayı kapat — uzun ekranda üstte devasa boşluk oluşmasın */
  align-items: stretch;
  
  justify-content: flex-start;
  padding: max(8px, env(safe-area-inset-top, 0px)) max(12px, env(safe-area-inset-right, 0px))
    max(12px, env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
}.rc-cark #page-info-modal .modal-card.modal-card--page-info {
  align-self: stretch;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}@media (min-width: 769px) {.rc-cark #page-info-modal .modal-card.modal-card--page-info {
    max-width: min(560px, 100%);
    margin-inline: auto;
  }
}.rc-cark .modal-card--page-info { max-height: min(88dvh, 720px); display: flex; flex-direction: column; overflow: hidden; padding: 0; border-radius: 0; }.rc-cark .page-info-modal__header {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 6px 10px;
  padding-top: max(6px, env(safe-area-inset-top, 0px));
  padding-right: max(10px, env(safe-area-inset-right, 0px));
  padding-left: max(10px, env(safe-area-inset-left, 0px));
  border-bottom: 1px solid rgba(212, 175, 55, 0.38);
  background: linear-gradient(180deg, #1f1822 0%, #151018 100%);
  z-index: 4;
}.rc-cark .page-info-modal__logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: min(140px, 42vw);
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 12px rgba(212, 175, 55, 0.22));
}.rc-cark .modal-card--page-info .page-info-panel__inner { flex: 1 1 auto; min-height: 0; max-height: none; }.rc-cark .page-info-panel__inner { padding: 14px 16px 16px; overflow-y: auto; -webkit-overflow-scrolling: touch; user-select: text; scrollbar-gutter: stable; }.rc-cark #page-info-modal .page-info-panel__inner {
  padding: 8px 12px 12px;
  scrollbar-gutter: auto;
}/* Bilgi modalı: kare kapat (yuvarlak global stilleri geçersiz), scrollbar üst şeritte değil — sadece içerik alanında */.rc-cark #page-info-modal .page-info-modal__header .modal-close-btn {
  position: relative;
  top: auto;
  right: auto;
  width: 40px !important;
  min-width: 40px;
  height: 40px !important;
  min-height: 40px;
  border-radius: 6px !important;
  background: rgba(18, 14, 28, 0.94) !important;
  color: #e8c96a !important;
  border: 1px solid rgba(255, 238, 194, 0.78) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
  font-size: 1.35rem;
  line-height: 1;
  z-index: 1;
}.rc-cark #page-info-modal .page-info-modal__header .modal-close-btn:hover {
  color: #fff4cc !important;
  border-color: rgba(240, 207, 126, 0.95) !important;
  background: rgba(32, 26, 44, 0.98) !important;
  filter: brightness(1.08);
  transform: none;
  box-shadow: 0 0 0 2px rgba(255, 232, 177, 0.2) !important;
}.rc-cark .page-info-panel__title { font-family: var(--font-display); font-size: clamp(.95rem, 1.2vw + .65rem, 1.15rem); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #f0d878; text-shadow: 0 0 12px rgba(212,175,55,.25); margin: 0 0 8px; }.rc-cark .page-info-panel__title--sub { margin-top: 12px; margin-bottom: 6px; }.rc-cark .page-info-panel__lead { font-size: .875rem; line-height: 1.5; color: rgba(244,240,255,.88); margin-bottom: 10px; }.rc-cark .page-info-panel__rewards { list-style: none; display: flex; flex-direction: column; gap: 8px; }.rc-cark .page-info-panel__rewards li { display: flex; align-items: flex-start; gap: 10px; font-size: .84rem; line-height: 1.4; color: rgba(244,240,255,.92); padding: 8px 10px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.06); contain: paint; }.rc-cark .page-info-panel__rewards li::before { content: ""; flex-shrink: 0; width: 10px; height: 10px; margin-top: 4px; background: var(--reward-swatch, #d4af37); box-shadow: 0 0 9px var(--reward-swatch, #d4af37), 0 0 0 1px rgba(255,255,255,.315); }.rc-cark .page-info-panel__rewards .reward-info-label { flex: 1 1 auto; min-width: 0; }.rc-cark .page-info-bonus-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 4px;
  padding: 10px 12px;
  min-height: 44px;
  text-align: center;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2b1700;
  border: 1px solid rgba(255, 238, 194, .45);
  background: linear-gradient(180deg, #ffe7ad 0%, #f0ba4a 35%, #c9861a 100%);
  box-shadow: 0 8px 20px rgba(212, 145, 23, .35);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  box-sizing: border-box;
}.rc-cark .page-info-bonus-link:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(212, 145, 23, .45);
  color: #2b1700;
}.rc-cark .page-info-bonus-link:focus-visible {
  outline: 2px solid rgba(255, 239, 181, .9);
  outline-offset: 2px;
}.rc-cark .page-info-bonus-link:active {
  transform: translateY(0);
  filter: brightness(.98);
}.rc-cark .page-info-panel__bullets { padding-left: 1.15rem; font-size: .84rem; line-height: 1.55; color: rgba(244,240,255,.88); }.rc-cark .page-info-panel__bullets li { margin-bottom: 6px; }.rc-cark .page-info-panel__bullets li:last-child { margin-bottom: 0; }.rc-cark .page-info-accordion { margin-top: 8px; border: 1px solid rgba(212,175,55,.32); background: rgba(0,0,0,.22); }.rc-cark .page-info-accordion:first-of-type { margin-top: 10px; }.rc-cark .page-info-accordion__summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; font-family: var(--font-display); font-size: clamp(.95rem, 1.2vw + .65rem, 1.15rem); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #f0d878; cursor: pointer; list-style: none; user-select: none; touch-action: manipulation; }.rc-cark .page-info-accordion__summary::-webkit-details-marker { display: none; }.rc-cark .page-info-accordion__summary::after { content: ""; flex-shrink: 0; width: 7px; height: 7px; margin-top: 2px; border-right: 2px solid rgba(240,216,120,.9); border-bottom: 2px solid rgba(240,216,120,.9); transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }.rc-cark .page-info-accordion[open] .page-info-accordion__summary::after { transform: rotate(225deg); margin-top: 6px; }.rc-cark .page-info-accordion__summary:hover { color: #fff0b0; }.rc-cark .page-info-accordion__summary:focus-visible { outline: 2px solid rgba(255,239,181,.85); outline-offset: 2px; }.rc-cark .page-info-panel__bullets--accordion { padding: 4px 12px 14px 1.35rem; border-top: 1px solid rgba(255,255,255,.06); }.rc-cark .wheel-spin-below-btn { --spin-cta-fg: #1a0a02; flex: 1 1 auto; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 56px; padding: 12px 28px; border-radius: 16px; position: relative; overflow: hidden; isolation: isolate; border: 2px solid rgba(255,244,200,.9); font-family: var(--font-display); font-size: clamp(1rem, 2vw + .52rem, 1.28rem); font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--spin-cta-fg); cursor: pointer; background: linear-gradient(165deg, #fff6c8 0%, #ffd54a 28%, #ff9500 58%, #c44e00 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(50,18,0,.38), 0 0 0 1px rgba(255,236,180,.55), 0 10px 24px rgba(0,0,0,.5), 0 0 28px rgba(255,170,40,.45); text-shadow: 0 1px 0 rgba(255,252,230,.55); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease; }.rc-cark .wheel-spin-below-btn::before { content: ""; position: absolute; inset: 6px 10px auto; height: 42%; border-radius: 12px 12px 50% 50%; background: linear-gradient(180deg, rgba(255,255,255,.45) 0%, transparent 100%); opacity: .85; z-index: 0; pointer-events: none; }.rc-cark .wheel-spin-below-btn::after { content: ""; position: absolute; top: -40%; bottom: -40%; left: 0; width: 45%; background: linear-gradient(95deg, transparent, rgba(255,255,255,.65) 48%, transparent 72%); mix-blend-mode: screen; z-index: 0; pointer-events: none; opacity: 0; transform: translate3d(-120%, 0, 0) skewX(-12deg); }.rc-cark .wheel-spin-below-btn__lightning { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; overflow: hidden; }.rc-cark .wheel-spin-below-btn__lightning::before, .rc-cark .wheel-spin-below-btn__lightning::after { content: ""; position: absolute; width: 2px; pointer-events: none; opacity: 0; filter: blur(.4px); }.rc-cark .wheel-spin-below-btn__lightning::before { top: 6%; left: 20%; height: 62%; background: linear-gradient(175deg, transparent 0%, rgba(220,238,255,.12) 38%, rgba(255,255,255,.22) 48%, rgba(200,228,255,.1) 58%, transparent 78%); transform: skewX(-10deg) rotate(-8deg); box-shadow: 0 0 5px rgba(190,220,255,.2); }.rc-cark .wheel-spin-below-btn__lightning::after { top: 14%; right: 16%; height: 48%; background: linear-gradient(185deg, transparent 0%, rgba(210,232,255,.1) 42%, rgba(255,255,255,.18) 50%, transparent 70%); transform: skewX(14deg) rotate(6deg); box-shadow: 0 0 4px rgba(180,215,255,.16); }@media (prefers-reduced-motion: no-preference) {.rc-cark .wheel-spin-below-btn:not(:disabled) .wheel-spin-below-btn__lightning::before { animation: spin-below-lightning-a 6.4s ease-in-out infinite; }.rc-cark .wheel-spin-below-btn:not(:disabled) .wheel-spin-below-btn__lightning::after { animation: spin-below-lightning-b 7.1s ease-in-out infinite 2.3s; }.rc-cark .wheel-spin-below-btn:not(:disabled)::after { animation: spin-below-lightning-sweep 6.8s ease-in-out infinite 1.1s; }
}@keyframes spin-below-lightning-a {0%, 83%, 85%, 100% { opacity: 0; }84% { opacity: .55; } }@keyframes spin-below-lightning-b {0%, 79%, 81%, 100% { opacity: 0; }80% { opacity: .45; } }@keyframes spin-below-lightning-sweep {0%, 87%, 100% { opacity: 0; transform: translate3d(-120%, 0, 0) skewX(-12deg); }88.5% { opacity: .14; transform: translate3d(35%, 0, 0) skewX(-12deg); }90% { opacity: 0; transform: translate3d(130%, 0, 0) skewX(-12deg); } }.rc-cark .wheel-spin-below-btn > *:not(.wheel-spin-below-btn__lightning) { position: relative; z-index: 1; }.rc-cark .wheel-spin-below-btn:hover:not(:disabled) { filter: brightness(1.06) saturate(1.08); transform: translateY(-2px); border-color: #fffef4; box-shadow: inset 0 1px 0 rgba(255,255,255,.68), inset 0 -2px 0 rgba(40,14,0,.32), 0 0 0 1px rgba(255,252,220,.85), 0 16px 36px rgba(0,0,0,.52), 0 0 48px rgba(255,210,80,.55); }.rc-cark .wheel-spin-below-btn:active:not(:disabled) { transform: translateY(1px); filter: brightness(.96); border-color: rgba(255,220,170,.88); box-shadow: inset 0 3px 12px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.25), 0 4px 14px rgba(0,0,0,.4), 0 0 24px rgba(255,150,40,.4); }.rc-cark .wheel-spin-below-btn:focus-visible { outline: 3px solid rgba(255,255,255,.92); outline-offset: 3px; }.rc-cark .wheel-spin-below-btn:disabled { cursor: not-allowed; opacity: .52; color: rgba(24,10,4,.55); border-color: rgba(100,72,40,.45); transform: none; filter: grayscale(.4) brightness(.9); background: linear-gradient(165deg, #9a8a68 0%, #6b5234 50%, #3d2c18 100%); box-shadow: inset 0 2px 6px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.32); text-shadow: none; }.rc-cark .wheel-spin-below-btn:disabled::before, .rc-cark .wheel-spin-below-btn:disabled::after, .rc-cark .wheel-spin-below-btn:disabled .wheel-spin-below-btn__lightning::before, .rc-cark .wheel-spin-below-btn:disabled .wheel-spin-below-btn__lightning::after { animation: none; opacity: 0; }.rc-cark .wheel-spin-below-btn__ico { flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; position: relative; transform-origin: 50% 50%; backface-visibility: hidden; background: conic-gradient(from 0deg, #00d4a8 0deg 51.43deg, #c84ef7 51.43deg 102.86deg, #34f074 102.86deg 154.29deg, #ff4d9d 154.29deg 205.71deg, #ffd447 205.71deg 257.14deg, #ffb020 257.14deg 308.57deg, #00d4ff 308.57deg 360deg); box-shadow: 0 0 0 2px rgba(255,246,198,.92), 0 0 0 3px rgba(10,12,18,.75), 0 2px 10px rgba(0,0,0,.45), inset 0 0 8px rgba(0,0,0,.38); animation: wheel-icon-spin 3s linear infinite; will-change: transform; }.rc-cark .wheel-spin-below-btn__ico::before { content: ""; position: absolute; left: 50%; top: -3px; margin-left: -4px; border: 4px solid transparent; border-bottom: 7px solid rgba(255,248,220,.95); z-index: 2; filter: drop-shadow(0 1px 2px rgba(0,0,0,.55)); pointer-events: none; }.rc-cark .wheel-spin-below-btn__ico::after { content: ""; position: absolute; left: 50%; top: 50%; width: 38%; height: 38%; transform: translate3d(-50%, -50%, 0); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff8e4 0%, #d4af37 52%, #4a3208 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 3px rgba(0,0,0,.4); }.rc-cark .wheel-spin-below-btn:disabled .wheel-spin-below-btn__ico { opacity: .72; filter: saturate(.6); }.rc-cark .page-header { position: relative; flex-shrink: 0; width: 100%; text-align: center; z-index: 0; display: flex; flex-direction: column; align-items: center; background: transparent; padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) clamp(2px, 0.5vmin, 6px) max(12px, env(safe-area-inset-left)); pointer-events: none; overflow: visible; }.rc-cark .page-shell:has(.top-winner-bar) .page-header { padding-top: clamp(6px, 1.5vmin, 12px); }.rc-cark .page-header__brand { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: min(640px, 100%); gap: clamp(0.2rem, 1.2vmin, 0.5rem); container-type: inline-size; container-name: brand-head; }.rc-cark .header-top-row { position: relative; z-index: 1; width: 100%; display: flex; justify-content: center; align-items: center; gap: clamp(8px, 2vw, 12px); margin: 0; }.rc-cark .brand-logo-stage { position: relative; display: inline-flex; justify-content: center; align-items: flex-end; }.rc-cark .brand-logo-shadow { position: absolute; left: 50%; bottom: 0; width: 74%; height: clamp(8px, 2.2vw, 14px); transform: translate3d(-50%, 0, 0); border-radius: 50%; background: radial-gradient(ellipse at center, rgba(10,5,1,.68) 0%, rgba(72,42,6,.42) 44%, rgba(255,190,70,.08) 62%, transparent 74%); filter: blur(5px); pointer-events: none; z-index: 0; animation: brand-logo-ground-shadow 4.2s ease-in-out infinite; will-change: transform, opacity; }.rc-cark .brand-logo { position: relative; z-index: 1; display: block; max-width: min(200px, 48vw); max-height: clamp(56px, 14vw, 100px); object-fit: contain; will-change: transform, filter; animation: brand-logo-float 4.2s ease-in-out infinite; filter: drop-shadow(0 4px 14px rgba(0,0,0,.52)) drop-shadow(0 0 26px rgba(255,195,80,.34)) drop-shadow(0 0 42px rgba(212,175,55,.22)); }@keyframes brand-logo-float {0%, 100% { transform: translate3d(0, 0, 0); filter: drop-shadow(0 4px 14px rgba(0,0,0,.52)) drop-shadow(0 0 26px rgba(255,195,80,.34)) drop-shadow(0 0 42px rgba(212,175,55,.22)); }50% { transform: translate3d(0, -12px, 0); filter: drop-shadow(0 10px 22px rgba(0,0,0,.4)) drop-shadow(0 0 34px rgba(255,210,110,.42)) drop-shadow(0 0 54px rgba(212,175,55,.3)); } }@keyframes brand-logo-ground-shadow {0%, 100% { transform: translate3d(-50%, 0, 0) scale(1); opacity: .92; }50% { transform: translate3d(-50%, 0, 0) scale(.7); opacity: .38; } }.rc-cark .wheel-dock .footer-return-btn { position: relative; z-index: 1; grid-column: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 48px; padding: 12px 14px; font-weight: 700; font-size: clamp(.68rem, 2.1vw + .42rem, .88rem); text-decoration: none; color: #1c1204; background: #d4af37; transition: background .15s ease, filter .15s ease; }.rc-cark .wheel-dock .footer-return-btn .footer-return-btn__icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 26px; height: 26px; }.rc-cark .wheel-dock .footer-return-btn .footer-return-btn__icon-face { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; background: rgba(0,0,0,.18); transition: background .15s ease, filter .15s ease; }.rc-cark .wheel-dock .footer-return-btn .footer-return-btn__ico-svg { display: block; width: 14px; height: 14px; margin: 0 auto; }.rc-cark .wheel-dock .footer-return-btn__label { position: relative; z-index: 1; letter-spacing: .04em; text-align: center; line-height: 1.2; font-weight: 700; }.rc-cark .wheel-dock .footer-return-btn:visited { color: #1c1204; }.rc-cark .wheel-dock .footer-return-btn:hover, .rc-cark .wheel-dock .footer-return-btn:focus, .rc-cark .wheel-dock .footer-return-btn:focus-visible { background: #e4c558; color: #140c02; outline: 0; }.rc-cark .wheel-dock .footer-return-btn:hover .footer-return-btn__icon-face, .rc-cark .wheel-dock .footer-return-btn:focus .footer-return-btn__icon-face, .rc-cark .wheel-dock .footer-return-btn:focus-visible .footer-return-btn__icon-face { background: rgba(0,0,0,.22); }.rc-cark .wheel-dock .footer-return-btn:active { background: #b8942a; color: #120b02; filter: brightness(.98); }.rc-cark .wheel-dock .footer-return-btn:active .footer-return-btn__icon-face { background: rgba(0,0,0,.28); }.rc-cark .wheel-dock .footer-return-btn:focus-visible { outline: 2px solid #fff8dc; outline-offset: -2px; }.rc-cark .wheel-dock .wheel-dock__return { border-right: 1px solid rgba(212,175,55,.38); }.rc-cark h1.title { font-family: var(--font-display); font-size: clamp(0.65rem, 5.35cqw, 2.35rem); font-weight: 800; text-align: center; text-transform: uppercase; white-space: nowrap; background: conic-gradient(from 45deg at 50% 50%, #fff 0%, #d1d1d1 22%, #888 44%, #fff 66%, #e3e3e3 88%, #fff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 2px 10px rgba(0,0,0,.55)) drop-shadow(0 1px 0 rgba(255,255,255,.28)); letter-spacing: clamp(0, 0.2cqw, 0.05em); line-height: 1; width: 100%; max-width: 100%; margin: 0; padding: 0; position: relative; z-index: 0; flex-shrink: 0; pointer-events: none; }@supports not (font-size: 1cqw) {.rc-cark h1.title { font-size: clamp(0.65rem, 4.85vw, 2.35rem); letter-spacing: clamp(0, 0.22vw, 0.05em); }
}.rc-cark .wheel-stack .wheel-wrapper { z-index: 2; }.rc-cark .wheel-wrapper { --wheel-fit: max(128px, min(520px, 92vw, 92vmin, calc(100svh - var(--wheel-chrome-offset)), calc(100dvh - var(--wheel-chrome-offset)))); position: relative; width: var(--wheel-fit); height: var(--wheel-fit); max-width: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 50%; box-shadow: 0 0 47px var(--wheel-neon-gold), 0 0 86px rgba(255,105,180,.144), 0 0 97px var(--wheel-neon-a); container-type: inline-size; contain: layout style; }@media (min-width: 920px) {.rc-cark h1.title { font-size: clamp(1.1rem, 2.1vw + 0.65rem, 2.75rem); letter-spacing: 0.04em; }.rc-cark .page-header__brand { max-width: min(820px, 78vw); }.rc-cark .brand-logo { max-height: clamp(72px, 6vw, 108px); max-width: min(220px, 18vw); }.rc-cark .page-header { padding-top: clamp(6px, 1vmin, 10px); padding-bottom: clamp(2px, 0.65vmin, 8px); }.rc-cark .wheel-wrapper { --wheel-fit: max(260px, min(500px, 52vmin, calc(100svh - var(--wheel-chrome-offset)), calc(100dvh - var(--wheel-chrome-offset)))); }/* Dar dilim + içe padding: çok satır merkeze iner, clip-path alt/yan keser — genişlik ve rim offset masaüstünde gevşetildi */.rc-cark .text-slice { width: min(100%, calc(84% * tan(var(--wheel-half-angle)))); padding-top: clamp(4px, 1.25%, 9px); padding-inline: clamp(2px, .55cqi, 5px); }.rc-cark .text-slice span { font-size: clamp(.56rem, min(2.95cqi, 1.88vmin), 0.82rem); max-height: 52%; letter-spacing: .006em; line-height: 1.08; }
}@media (min-width: 1280px) {.rc-cark .wheel-wrapper { --wheel-fit: max(300px, min(540px, 50vmin, calc(100svh - var(--wheel-chrome-offset)), calc(100dvh - var(--wheel-chrome-offset)))); } }@media (min-width: 1600px) and (min-height: 900px) {.rc-cark .wheel-wrapper { --wheel-fit: max(320px, min(600px, 48vmin, calc(100svh - var(--wheel-chrome-offset)), calc(100dvh - var(--wheel-chrome-offset)))); } }.rc-cark .wheel-wrapper::before { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: 0; pointer-events: none; box-shadow: 0 28px 52px rgba(0,0,0,.88), 0 12px 28px rgba(0,0,0,.45); }.rc-cark .pointer { position: absolute; top: clamp(-2.85rem, -8.5cqi, -1.85rem); left: 50%; transform: translateX(-50%); z-index: 60; display: flex; flex-direction: column; align-items: center; pointer-events: none; isolation: isolate; filter: drop-shadow(0 12px 14px rgba(0,0,0,.85)); }.rc-cark .pointer::after { content: ""; position: absolute; left: 50%; top: 55%; width: clamp(3.2rem, 11cqi, 4.6rem); height: clamp(4.2rem, 14cqi, 6rem); transform: translate3d(-50%, -50%, 0) scale(1); border-radius: 50%; background: radial-gradient(circle at 50% 35%, rgba(255,248,210,.55) 0%, rgba(255,220,140,.22) 42%, transparent 70%); opacity: 0; z-index: -1; pointer-events: none; will-change: transform, opacity; }.rc-cark .pointer-gold-base { width: clamp(2.35rem, 7.5cqi, 3.35rem); height: clamp(3.5rem, 11cqi, 4.85rem); background: linear-gradient(135deg, #fdf1bc 0%, #c59b27 40%, #5a3d00 100%); clip-path: polygon(50% 0%, 100% 30%, 50% 100%, 0% 30%); display: flex; align-items: center; justify-content: center; padding-top: 2px; border: 1px solid rgba(255,255,255,.3); }.rc-cark .pointer-diamond { width: clamp(1.7rem, 5.2cqi, 2.45rem); height: clamp(2.85rem, 8.5cqi, 4rem); position: relative; clip-path: polygon(50% 0%, 100% 30%, 50% 100%, 0% 30%); background: conic-gradient(from 45deg at 50% 30%, #fff, #d1d1d1, #888, #fff, #e3e3e3); box-shadow: inset 0 0 10px rgba(0,0,0,.5); }.rc-cark .wheel-wood-rim { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at center, #3d1c06 0%, #170700 100%); box-shadow: inset 0 0 18px 10px rgba(0,0,0,.85), inset 0 0 0 3px #4a240d, inset 0 0 3px 4px rgba(255,255,255,.1); display: flex; align-items: center; justify-content: center; transform-origin: center center; z-index: 1; }.rc-cark #wheel.wheel-wood-rim { transform: translateZ(0); backface-visibility: hidden; contain: layout style; }.rc-cark .countdown-overlay { position: fixed; inset: 0; z-index: 115; display: flex; align-items: center; justify-content: center; padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); pointer-events: none; background: radial-gradient(circle at 50% 45%, rgba(255,210,120,.12) 0%, transparent 55%), rgba(5,8,14,.55); backdrop-filter: blur(3px); contain: strict; }.rc-cark .countdown-overlay__inner { min-height: 1.2em; display: flex; align-items: center; justify-content: center; }.rc-cark .countdown-overlay__num { font-family: var(--font-display); font-size: clamp(4.5rem, 22vw, 10rem); font-weight: 800; line-height: 1; color: #ffe9b3; letter-spacing: .04em; text-shadow: 0 0 28px rgba(255,200,90,.55), 0 4px 24px rgba(0,0,0,.65); animation: countdown-pop .42s cubic-bezier(.22, 1, .36, 1) both; will-change: transform, opacity; }@keyframes countdown-pop {0% { transform: scale(.55); opacity: 0; }35% { transform: scale(1.18); opacity: 1; }100% { transform: scale(1); opacity: 1; } }.rc-cark #wheel.is-checking { animation: wheel-checking-spin 1.2s linear infinite; will-change: transform; }@keyframes wheel-checking-spin {to { transform: rotate(360deg); } }.rc-cark .wheel-spin-rays { position: absolute; inset: -12%; border-radius: 50%; pointer-events: none; z-index: 1; opacity: 0; will-change: transform, opacity; transition: opacity .5s ease; background: conic-gradient(from 0deg, transparent 0deg, rgba(255,235,170,.32) 8deg, transparent 18deg, transparent 45deg, rgba(255,220,140,.28) 53deg, transparent 63deg, transparent 90deg, rgba(255,240,180,.34) 98deg, transparent 108deg, transparent 135deg, rgba(255,220,140,.28) 143deg, transparent 153deg, transparent 180deg, rgba(255,235,170,.32) 188deg, transparent 198deg, transparent 225deg, rgba(255,220,140,.28) 233deg, transparent 243deg, transparent 270deg, rgba(255,240,180,.34) 278deg, transparent 288deg, transparent 315deg, rgba(255,220,140,.28) 323deg, transparent 333deg, transparent 360deg); -webkit-mask-image: radial-gradient(circle at 50% 50%, transparent 40%, #000 58%, transparent 88%); mask-image: radial-gradient(circle at 50% 50%, transparent 40%, #000 58%, transparent 88%); transform: translateZ(0); contain: layout paint; }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-rays { opacity: 0; animation: none; }@keyframes wheel-rays-rotate {to { transform: rotate(360deg); } }.rc-cark .wheel-gold-rim::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; z-index: 0; pointer-events: none; opacity: 0; box-shadow: 0 0 0 2px rgba(255,248,220,.55), 0 0 28px rgba(255,200,70,.7), 0 0 56px rgba(255,180,40,.4); will-change: opacity; }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-gold-rim::after { opacity: 0 !important; animation: none !important; }@keyframes wheel-rim-glow-opacity {0%, 100% { opacity: .42; }50% { opacity: 1; } }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) { animation: wheel-wrapper-rumble .26s ease-in-out infinite alternate; will-change: transform; }@keyframes wheel-wrapper-rumble {to { transform: translate3d(.45px, -.4px, 0); } }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .pointer::after { opacity: 0 !important; animation: none !important; }@keyframes pointer-spin-glow {0%, 100% { opacity: .35; transform: translate3d(-50%, -50%, 0) scale(.96); }50% { opacity: .95; transform: translate3d(-50%, -50%, 0) scale(1.06); } }.rc-cark .pointer--thump, .rc-cark .pointer--thump-alt { animation: pointer-thump .13s cubic-bezier(.2, .7, .2, 1); }@keyframes pointer-thump {0%, 100% { transform: translateX(-50%) rotate(0); }35% { transform: translate3d(-50%, 2px, 0) rotate(-2.2deg); }65% { transform: translate3d(-50%, .5px, 0) rotate(1.4deg); } }.rc-cark .win-flash { position: fixed; inset: 0; pointer-events: none; z-index: 80; opacity: 0; background: radial-gradient(circle at 50% 50%, rgba(255,250,220,.92) 0%, rgba(255,220,140,.45) 28%, transparent 65%); contain: strict; will-change: opacity, transform; }.rc-cark .win-flash--active { animation: win-flash-pulse .85s ease-out forwards; }@keyframes win-flash-pulse {0% { opacity: 0; transform: scale(.85); }18% { opacity: 1; transform: scale(1); }60% { opacity: .55; }100% { opacity: 0; transform: scale(1.18); } }.rc-cark.rc-win-fx-touch .win-flash--active { animation: win-flash-pulse-touch .55s ease-out forwards; }@keyframes win-flash-pulse-touch {0%, 100% { opacity: 0; }22% { opacity: 1; } }.rc-cark .wheel-spin-aura { position: absolute; inset: -6%; border-radius: 50%; pointer-events: none; z-index: 2; opacity: 0; transition: opacity .4s ease; }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura { opacity: 0; }.rc-cark .wheel-spin-aura::before, .rc-cark .wheel-spin-aura::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255,226,150,.7); box-shadow: 0 0 18px rgba(255,220,140,.5); opacity: 0; transform: translateZ(0) scale(1); }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::before, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::after { opacity: 0 !important; animation: none !important; will-change: auto; }@keyframes wheel-aura-ring {0% { transform: scale(1); opacity: .85; }70% { opacity: .18; }100% { transform: scale(1.32); opacity: 0; } }.rc-cark .win-burst { position: fixed; inset: 0; pointer-events: none; z-index: 70; display: none; overflow: hidden; contain: strict; }.rc-cark .win-burst--active { display: block; }.rc-cark .win-burst__piece { position: absolute; top: 50%; left: 50%; width: var(--wb-size, 8px); height: var(--wb-size, 8px); background: var(--wb-color, #ffd447); border-radius: 2px; transform: translate3d(-50%, -50%, 0) rotate(var(--wb-angle, 0deg)); box-shadow: 0 0 14px var(--wb-color, #ffd447); opacity: 0; backface-visibility: hidden; will-change: transform, opacity; animation: win-burst-fly var(--wb-dur, 1.6s) cubic-bezier(.18, .85, .3, 1) var(--wb-delay, 0s) forwards; }@keyframes win-burst-fly {0% { transform: translate3d(-50%, -50%, 0) rotate(var(--wb-angle, 0deg)); opacity: 0; }10% { opacity: 1; }100% { transform: translate3d(-50%, -50%, 0) rotate(var(--wb-angle, 0deg)) translate3d(var(--wb-dist, 50vmin), 0, 0) rotate(520deg); opacity: 0; } }.rc-cark .win-celebration { position: fixed; inset: 0; z-index: 110; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at center, rgba(60,30,0,.55) 0%, rgba(0,0,0,.82) 70%); opacity: 0; animation: celebration-bg-in .32s ease-out forwards; contain: strict; }.rc-cark .win-celebration.hidden { display: none; }.rc-cark .win-celebration--out { animation: celebration-bg-out .36s ease-in forwards; }@keyframes celebration-bg-in {to { opacity: 1; } }@keyframes celebration-bg-out {to { opacity: 0; } }.rc-cark .win-celebration__lightning, .rc-cark .win-celebration__fireworks { position: absolute; inset: 0; pointer-events: none; }.rc-cark .win-celebration__content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 3vw; pointer-events: none; z-index: 2; }.rc-cark .win-celebration__halo { position: absolute; width: min(120vw, 980px); aspect-ratio: 1; top: 50%; left: 50%; pointer-events: none; opacity: 0; background: conic-gradient(from 0deg, rgba(255,220,120,0) 0deg, rgba(255,220,120,.5) 8deg, rgba(255,220,120,0) 22deg, rgba(255,220,120,0) 45deg, rgba(255,200,90,.42) 53deg, rgba(255,200,90,0) 67deg, rgba(255,220,120,0) 90deg, rgba(255,220,120,.5) 98deg, rgba(255,220,120,0) 112deg, rgba(255,220,120,0) 135deg, rgba(255,200,90,.42) 143deg, rgba(255,200,90,0) 157deg, rgba(255,220,120,0) 180deg, rgba(255,220,120,.5) 188deg, rgba(255,220,120,0) 202deg, rgba(255,220,120,0) 225deg, rgba(255,200,90,.42) 233deg, rgba(255,200,90,0) 247deg, rgba(255,220,120,0) 270deg, rgba(255,220,120,.5) 278deg, rgba(255,220,120,0) 292deg, rgba(255,220,120,0) 360deg); -webkit-mask: radial-gradient(circle, rgba(0,0,0,0) 20%, rgba(0,0,0,.92) 34%, rgba(0,0,0,.35) 62%, transparent 80%); mask: radial-gradient(circle, rgba(0,0,0,0) 20%, rgba(0,0,0,.92) 34%, rgba(0,0,0,.35) 62%, transparent 80%); transform: translate3d(-50%, -54%, 0) rotate(0deg); will-change: transform, opacity; animation: celebration-halo-in .45s ease-out .05s forwards, celebration-halo-spin 22s linear infinite; }@keyframes celebration-halo-in {to { opacity: 1; } }@keyframes celebration-halo-spin {to { transform: translate3d(-50%, -54%, 0) rotate(360deg); } }.rc-cark .win-celebration__stars { display: flex; gap: clamp(10px, 2.4vw, 18px); margin-bottom: clamp(8px, 1.4vh, 16px); font-size: clamp(20px, 4.4vw, 34px); color: #ffd560; text-shadow: 0 0 10px rgba(255,220,120,.95), 0 0 22px rgba(255,170,60,.75); opacity: 0; transform: translateY(-12px); animation: celebration-stars-in .45s ease-out .15s forwards; will-change: transform, opacity; }.rc-cark .win-celebration__stars span { display: inline-block; animation: celebration-star-twinkle 1.6s ease-in-out infinite; will-change: transform, opacity; }.rc-cark .win-celebration__stars span:nth-child(2) { animation-delay: .2s; }.rc-cark .win-celebration__stars span:nth-child(3) { animation-delay: .4s; }@keyframes celebration-stars-in {to { opacity: 1; transform: translateZ(0); } }@keyframes celebration-star-twinkle {0%, 100% { transform: scale(1) rotate(0); opacity: 1; }50% { transform: scale(1.32) rotate(18deg); opacity: .7; } }.rc-cark .win-celebration__title { position: relative; font-family: "Cinzel", "Playfair Display", serif; font-weight: 900; font-size: clamp(40px, 11.4vw, 142px); letter-spacing: .02em; line-height: .92; white-space: nowrap; max-width: 100vw; padding: 0 4vw; background: linear-gradient(165deg, #fffef8 0%, #ffe9a8 18%, #f0d060 38%, #d4af37 52%, #c9a227 68%, #e8c547 82%, #fff8dc 100%); background-size: 200% 120%; background-position: 40% 50%; -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1.2px rgba(90, 48, 8, .55); filter: drop-shadow(0 2px 0 rgba(74, 42, 6, .9)) drop-shadow(0 0 22px rgba(255, 210, 120, .75)) drop-shadow(0 0 42px rgba(212, 175, 55, .45)); transform: scale(.4) rotate(-5deg); opacity: 0; will-change: transform, opacity, background-position, filter; animation: celebration-title-pop .85s cubic-bezier(.18, 1.45, .4, 1) forwards, celebration-title-breathe 2.6s ease-in-out .85s infinite, celebration-title-shimmer-gold 5s linear .85s infinite; }.rc-cark .win-celebration__rule { width: clamp(180px, 38vw, 480px); height: 2px; background: linear-gradient(90deg, transparent, #ffd968 25%, #fff7c4 50%, #ffd968 75%, transparent); margin: clamp(8px, 1.6vh, 18px) auto 0; opacity: 0; transform: scaleX(.2); will-change: transform, opacity; animation: celebration-rule-in .55s ease-out .5s forwards; box-shadow: 0 0 12px rgba(255,220,120,.7); }@keyframes celebration-rule-in {to { opacity: 1; transform: scaleX(1); } }.rc-cark .win-celebration__prize-box { position: relative; margin-top: clamp(14px, 2.8vh, 30px); padding: clamp(8px, 1.4vh, 14px) clamp(20px, 4vw, 38px) clamp(12px, 1.8vh, 18px); border-radius: 18px; background: linear-gradient(180deg, rgba(50,22,0,.78) 0%, rgba(80,38,5,.85) 100%); border: 1px solid rgba(255,220,140,.85); box-shadow: 0 0 0 1px rgba(40,20,0,.85) inset, 0 0 0 4px rgba(255,220,140,.22) inset, 0 0 36px rgba(255,180,70,.6), 0 12px 32px rgba(0,0,0,.7); transform: translateY(28px) scale(.92); opacity: 0; will-change: transform, opacity; animation: celebration-prize-in .55s cubic-bezier(.2, 1.2, .4, 1) .55s forwards; max-width: 94vw; }.rc-cark .win-celebration__prize-box::before, .rc-cark .win-celebration__prize-box::after { content: ""; position: absolute; top: 50%; width: clamp(12px, 2.2vw, 22px); height: clamp(12px, 2.2vw, 22px); background: radial-gradient(circle, #fff7c4 0%, #ffd447 50%, #ff9b1f 100%); border-radius: 50%; box-shadow: 0 0 12px rgba(255,220,120,.95); transform: translateY(-50%); }.rc-cark .win-celebration__prize-box::before { left: -6px; }.rc-cark .win-celebration__prize-box::after { right: -6px; }.rc-cark .win-celebration__prize-label { display: block; font-family: "Cinzel", "Playfair Display", serif; font-weight: 700; font-size: clamp(11px, 2.6vw, 14px); letter-spacing: .32em; text-transform: uppercase; color: rgba(255,220,140,.92); margin-bottom: clamp(2px, .6vh, 6px); }.rc-cark .win-celebration__prize { font-family: "Cinzel", "Playfair Display", serif; font-weight: 800; font-size: clamp(26px, 7vw, 64px); line-height: 1.05; color: #fff8d8; letter-spacing: .04em; text-shadow: 0 0 16px rgba(255,220,130,.85), 0 2px 0 rgba(120,60,0,.7), 0 4px 16px rgba(0,0,0,.9); }.rc-cark .win-celebration__sub { margin-top: clamp(14px, 2.4vh, 26px); font-size: clamp(13px, 3.2vw, 17px); letter-spacing: .22em; text-transform: uppercase; color: rgba(255,232,170,.92); opacity: 0; transform: translateY(8px); will-change: transform, opacity; animation: celebration-sub-in .45s ease-out 1.1s forwards; }.rc-cark .win-celebration__sub::after { content: ""; display: inline-block; width: 1.4em; text-align: left; animation: celebration-dots 1.4s steps(4, end) 1.4s infinite; }@keyframes celebration-sub-in {to { opacity: 1; transform: translateZ(0); } }@keyframes celebration-dots {0%, 100% { content: ""; }25% { content: "."; }50% { content: ".."; }75% { content: "..."; } }@keyframes celebration-title-pop {0% { transform: scale(.35) rotate(-8deg); opacity: 0; }55% { transform: scale(1.22) rotate(3deg); opacity: 1; }72% { transform: scale(.94) rotate(-1.5deg); }88% { transform: scale(1.04) rotate(.5deg); }100% { transform: scale(1) rotate(0); opacity: 1; } }@keyframes celebration-title-breathe {0%, 100% { transform: scale(1) rotate(0); }50% { transform: scale(1.035) rotate(-.4deg); } }@keyframes celebration-title-shimmer-gold {to { background-position: 160% 50%; } }@keyframes celebration-prize-in {to { transform: scale(1); opacity: 1; } }.rc-cark .sound-toggle { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,232,170,.55); background: radial-gradient(circle at 30% 28%, rgba(255,244,200,.18) 0%, transparent 65%), rgba(12,10,18,.78); color: #ffe9b3; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; touch-action: manipulation; box-shadow: 0 6px 14px rgba(0,0,0,.5), 0 0 12px rgba(212,175,55,.25); transition: filter .15s ease, transform .15s ease, box-shadow .15s ease, background .2s ease; }.rc-cark .sound-toggle:hover { filter: brightness(1.12); transform: translateY(-1px); }.rc-cark .sound-toggle:active { transform: translateZ(0); filter: brightness(.95); }.rc-cark .sound-toggle:focus-visible { outline: 2px solid #ffe9b3; outline-offset: 2px; }.rc-cark .sound-toggle__svg { width: 22px; height: 22px; }.rc-cark .sound-toggle__cross, .rc-cark .sound-toggle__wave { transition: opacity .15s ease; }.rc-cark .sound-toggle__cross { opacity: 0; }.rc-cark .sound-toggle--muted .sound-toggle__cross { opacity: 1; }.rc-cark .sound-toggle--muted .sound-toggle__wave { opacity: 0; }.rc-cark .sound-toggle--muted { color: #b9a070; }.rc-cark .stud { --stud-color: #d4af37; --stud-delay: 0s; position: absolute; width: 14px; height: 14px; background: radial-gradient(circle at 30% 26%, #fff 0%, rgba(255,255,255,.65) 12%, var(--stud-color) 38%, var(--stud-color) 58%, rgba(0,0,0,.55) 100%); border-radius: 50%; top: 50%; left: 50%; margin: -7px 0 0 -7px; z-index: 5; border: 1px solid rgba(255,255,255,.55); filter: brightness(1.08) saturate(1.32); box-shadow: 0 0 5px var(--stud-color), 0 0 13px var(--stud-color), inset 0 1px 2px rgba(255,255,255,.45), inset 0 -2px 4px rgba(0,0,0,.5); }.rc-cark .stud--tick { z-index: 8; animation: stud-led-tick .15s ease-out forwards; }@keyframes stud-led-tick {0% { filter: brightness(2.05) saturate(1.7); box-shadow: 0 0 16px var(--stud-color), 0 0 26px rgba(255,255,255,.5), inset 0 1px 2px rgba(255,255,255,.82), inset 0 -2px 4px rgba(0,0,0,.38); }100% { filter: brightness(1.08) saturate(1.32); box-shadow: 0 0 5px var(--stud-color), 0 0 13px var(--stud-color), inset 0 1px 2px rgba(255,255,255,.45), inset 0 -2px 4px rgba(0,0,0,.5); } }.rc-cark .wheel-gold-rim { width: 93%; height: 93%; border-radius: 50%; background: linear-gradient(145deg, #fffce8 0%, #ffe566 14%, #e8b41a 32%, #8a5a08 52%, #d4a017 68%, #fff2b8 86%, #fffef0 100%); padding: 8px; box-shadow: 0 0 0 2px rgba(255,248,220,.405), 0 0 25px rgba(255,200,70,.45), 0 0 47px rgba(255,180,40,.198), inset 0 0 22px rgba(0,0,0,.55), inset 0 0 10px 3px rgba(255,255,255,.495); display: flex; align-items: center; justify-content: center; position: relative; }.rc-cark .wheel-spin-area { width: 100%; height: 100%; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; box-shadow: inset 0 0 32px 12px rgba(0,0,0,.75), inset 0 0 0 2px rgba(255,230,160,.126); contain: layout style paint; }.rc-cark .wheel-3d-overlay { position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 50% 38%, rgba(255,255,255,.288) 0%, rgba(255,220,150,.09) 28%, transparent 46%, rgba(0,0,0,.64) 100%); pointer-events: none; z-index: 20; opacity: .82; }.rc-cark .wheel-slices { position: absolute; inset: 0; border-radius: 50%; z-index: 0; }.rc-cark #wheel-bg.wheel-slices { filter: saturate(1.08) contrast(1.03); }.rc-cark .wheel-lines, .rc-cark .wheel-texts { position: absolute; inset: 0; }.rc-cark .wheel-lines { z-index: 16; }.rc-cark .wheel-texts { z-index: 14; }.rc-cark .line { position: absolute; top: 0; left: 50%; width: 8px; height: 50%; background: linear-gradient(to right, #3d2800 0%, #f0b429 22%, #fffce8 50%, #f0b429 78%, #3d2800 100%); transform-origin: bottom center; transform: translateX(-50%); box-shadow: 0 0 13px rgba(255,220,140,.585), 0 0 7px rgba(255,200,80,.405), 0 0 10px rgba(0,0,0,.75); }.rc-cark .text-slice { position: absolute; top: 0; left: 50%; width: min(100%, calc(82% * tan(var(--wheel-half-angle)))); height: 50%; transform-origin: bottom center; display: flex; justify-content: center; align-items: flex-start; padding-top: clamp(6px, 2%, 12px); padding-inline: clamp(2px, .6cqi, 5px); overflow: hidden; clip-path: polygon(50% 100%, 0 0, 100% 0); }.rc-cark .text-slice span { display: block; max-width: 100%; padding-inline: clamp(1px, .25cqi, 3px); max-height: 46%; font-family: var(--font-display); font-size: clamp(.72rem, min(4.6cqi, 3vmin), 1.05rem); font-weight: 700; text-align: center; line-height: 1.06; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.28), 0 2px 4px rgba(0,0,0,.34), 0 0 8px rgba(255,255,255,.18); letter-spacing: .01em; text-transform: uppercase; word-break: break-word; overflow-wrap: anywhere; hyphens: manual; }.rc-cark .center-button-container { position: absolute; top: 50%; left: 50%; z-index: 30; width: 17%; height: 17%; transform: translate3d(-50%, -50%, 0); border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; background: linear-gradient(145deg, #fcebb6 0%, #d4af37 42%, #4a3306 100%); box-shadow: 0 12px 26px rgba(0,0,0,.82), inset 0 3px 8px rgba(255,255,255,.58), inset 0 -4px 8px rgba(0,0,0,.52), 0 0 10px rgba(255,228,160,.2), 0 0 22px rgba(212,175,55,.12); }.rc-cark .center-button-container:has(.center-button-inner:hover:not(:disabled)), .rc-cark .center-button-container:has(.center-button-inner:focus-visible:not(:disabled)), .rc-cark .center-button-container:has(.center-button-inner:active:not(:disabled)) { animation-play-state: paused; }.rc-cark .center-button-inner { width: 100%; height: 100%; border-radius: 50%; border: 2px solid rgba(255,250,220,.95); cursor: pointer; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 38%, #fff2b0 0%, #d4a41a 52%, #4f3708 100%); box-shadow: inset 0 0 16px rgba(0,0,0,.62), inset 0 6px 10px rgba(255,255,255,.38), 0 3px 10px rgba(0,0,0,.5), 0 0 1px rgba(255,252,235,.9); transition: filter .18s ease, transform .18s ease, box-shadow .18s ease; }.rc-cark .center-button-inner__label { position: relative; z-index: 1; font-family: var(--font-display); font-size: clamp(.5rem, min(2.6cqi, 1.85vmin), .7rem); font-weight: 800; letter-spacing: .03em; color: #2b1700; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,.38); pointer-events: none; }.rc-cark .center-button-container:has(.center-button-inner:not(:disabled)) .center-button-inner { box-shadow: inset 0 0 16px rgba(0,0,0,.62), inset 0 6px 10px rgba(255,255,255,.38), 0 3px 10px rgba(0,0,0,.5), 0 0 8px rgba(255,224,150,.22), 0 0 1px rgba(255,252,235,.9); }.rc-cark .center-button-container:has(.center-button-inner:active:not(:disabled)) .center-button-inner { box-shadow: inset 0 0 28px rgba(0,0,0,.82), inset 0 4px 6px rgba(255,255,255,.22), 0 2px 6px rgba(0,0,0,.55), 0 0 6px rgba(255,210,140,.16); }.rc-cark .center-button-inner:hover:not(:disabled) { filter: brightness(1.12) contrast(1.06); }.rc-cark .center-button-inner:active:not(:disabled) { transform: scale(.94); }.rc-cark .center-button-inner:disabled { cursor: not-allowed; opacity: .72; filter: grayscale(.25) brightness(.94); }@media (max-width: 540px) {.rc-cark h1.title { font-size: clamp(0.6rem, 5.5cqw, 1.85rem); }@supports not (font-size: 1cqw) {.rc-cark h1.title { font-size: clamp(0.6rem, 4.55vw, 1.85rem); letter-spacing: clamp(0, 0.12vw, 0.035em); }
  }.rc-cark .text-slice { width: min(100%, calc(80% * tan(var(--wheel-half-angle)))); padding-top: clamp(6px, 2.2%, 13px); padding-inline: clamp(3px, 1cqi, 8px); }.rc-cark .text-slice span { font-size: clamp(.74rem, min(4.2vw, 6.2cqi), 1.35rem); max-height: 50%; }
}@media (max-width: 919px) {.rc-cark .wheel-wrapper { --wheel-fit: max(128px, min(520px, 92vw, 92vmin, calc(100svh - var(--wheel-chrome-offset)))); }.rc-cark .wheel-wrapper:has(#wheel.is-spinning), .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-rays { animation: none; }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura { opacity: 0 !important; }.rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-gold-rim::after { animation: none !important; opacity: 0 !important; }
}/* Modifiye Düşük Performans Cihazları ve Küçültülmüş Hareketler (Gruplandırıldı) */.rc-cark.rc-spin-fx-lite .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-rays, .rc-cark.rc-spin-fx-lite .wheel-wrapper:has(#wheel.is-spinning) .wheel-gold-rim::after, .rc-cark.rc-spin-fx-lite .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::before, .rc-cark.rc-spin-fx-lite .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::after, .rc-cark.rc-spin-fx-lite .wheel-wrapper:has(#wheel.is-spinning) .pointer::after { animation: none !important; }@media (prefers-reduced-motion: reduce) {.rc-cark .wheel-dock .sound-toggle:hover, .rc-cark .wheel-dock .sound-toggle:active, .rc-cark .wheel-dock .page-info-toggle:hover, .rc-cark .wheel-dock .page-info-toggle:active, .rc-cark .wheel-dock .page-info-toggle:hover .page-info-toggle__icon-face, .rc-cark .wheel-dock .footer-return-btn:hover, .rc-cark .wheel-dock .footer-return-btn:active, .rc-cark .wheel-dock .footer-return-btn .footer-return-btn__icon, .rc-cark .wheel-dock .footer-return-btn .footer-return-btn__icon-face, .rc-cark .wheel-spin-below-btn:hover:not(:disabled), .rc-cark .wheel-spin-below-btn:active:not(:disabled) { transform: none; filter: none; }.rc-cark .wheel-wrapper, .rc-cark .wheel-gold-rim, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-gold-rim::after, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-rays, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::before, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .wheel-spin-aura::after, .rc-cark .wheel-wrapper:has(#wheel.is-spinning) .pointer::after, .rc-cark .stud, .rc-cark .center-button-container, .rc-cark .wheel-spin-below-btn, .rc-cark .wheel-spin-below-btn::after, .rc-cark .wheel-spin-below-btn__lightning::before, .rc-cark .wheel-spin-below-btn__lightning::after, .rc-cark .brand-logo, .rc-cark .brand-logo-shadow { animation: none !important; }
}/* Duraklatılan Animasyonların Grup Bildirimi */.rc-cark.is-spinning .wheel-spin-below-btn, .rc-cark.is-spinning .wheel-spin-below-btn::before, .rc-cark.is-spinning .wheel-spin-below-btn::after, .rc-cark.is-spinning .wheel-spin-below-btn__lightning::before, .rc-cark.is-spinning .wheel-spin-below-btn__lightning::after, .rc-cark.is-celebrating .top-winner-bar__track, .rc-cark.is-celebrating .wheel-spin-aura, .rc-cark.is-celebrating .wheel-spin-aura::before, .rc-cark.is-celebrating .wheel-spin-aura::after, .rc-cark.is-celebrating .wheel-spin-rays, .rc-cark.is-celebrating .wheel-gold-rim::after, .rc-cark.is-celebrating .pointer::after, .rc-cark.is-celebrating .wheel-spin-below-btn, .rc-cark.is-celebrating .wheel-spin-below-btn::before, .rc-cark.is-celebrating .wheel-spin-below-btn::after, .rc-cark.is-celebrating .wheel-spin-below-btn__lightning::before, .rc-cark.is-celebrating .wheel-spin-below-btn__lightning::after { animation-play-state: paused !important; }

.rc-cark .hidden { display: none !important; }.rc-cark .modal-overlay {
      position: fixed;
      inset: 0;
      background:
        radial-gradient(circle at 50% 20%, rgba(255, 219, 126, 0.22) 0%, rgba(0, 0, 0, 0) 45%),
        rgba(0, 0, 0, 0.78);
      backdrop-filter: blur(4px);
      z-index: 120;
      display: flex;
      flex-direction: column;
      align-items: safe center;
      justify-content: safe center;
      padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
        max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
      overflow-y: auto;
      overflow-x: hidden;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
      box-sizing: border-box;
      min-height: 100dvh;
      min-height: 100svh;
      min-height: -webkit-fill-available;
    }.rc-cark .modal-card {
      position: relative;
      width: min(560px, 100%);
      max-width: 100%;
      min-width: 0;
      margin: 0;
      flex-shrink: 0;
      box-sizing: border-box;
      background:
        radial-gradient(circle at 20% 0%, rgba(255, 228, 150, 0.18) 0%, rgba(255, 228, 150, 0) 40%),
        linear-gradient(180deg, #1f1822 0%, #151018 100%);
      border: 1px solid rgba(251, 214, 124, 0.86);
      border-radius: 20px;
      padding: 24px;
      color: #fff;
      box-shadow:
        0 24px 48px rgba(0, 0, 0, 0.58),
        0 0 28px rgba(247, 193, 73, 0.25),
        inset 0 1px 0 rgba(255, 248, 220, 0.22);
    }.rc-cark .modal-close-btn {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 32px !important;
      min-width: 32px;
      height: 32px !important;
      border-radius: 50%;
      border: 1px solid rgba(255, 238, 194, 0.72);
      background: transparent !important;
      color: #d4af37;
      text-shadow: 0 0 8px rgba(212, 175, 55, 0.35);
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 0;
      box-shadow: none;
      z-index: 2;
      transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
    }.rc-cark .modal-close-btn:hover {
      filter: brightness(1.12);
      transform: translateY(-1px);
      box-shadow: 0 0 0 2px rgba(255, 232, 177, 0.18);
    }.rc-cark .modal-card h2 {
      margin: 0;
      font-size: clamp(1.2rem, 2vw + 0.75rem, 1.55rem);
      letter-spacing: 0.025em;
      color: #ffe9b3;
      text-shadow: 0 0 10px rgba(255, 208, 101, 0.25);
    }.rc-cark .modal-subtitle {
      margin: 8px 0 14px;
      color: #f2e0b2;
      font-size: 14px;
      line-height: 1.45;
    }.rc-cark .modal-chip {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 10px;
      padding: 6px 12px;
      border-radius: 999px;
      background: linear-gradient(180deg, #ffe7a8 0%, #e0a92f 100%);
      color: #3a2200;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .03em;
      text-transform: uppercase;
      box-shadow: 0 5px 14px rgba(236, 177, 61, .26);
    }.rc-cark .modal-card input {
      width: 100%;
      height: 48px;
      border-radius: 10px;
      border: 1px solid #7d6532;
      background: #221e25;
      color: #fff;
      font-family: inherit;
      font-size: 16px;
      padding: 0 14px;
      margin-bottom: 12px;
      outline: none;
      transition: border-color .15s ease, box-shadow .15s ease;
    }.rc-cark .modal-card input:focus {
      border-color: #f0cf7e;
      box-shadow: 0 0 0 3px rgba(240, 207, 126, 0.2);
    }.rc-cark .modal-card button {
      width: 100%;
      min-height: 48px;
      height: auto;
      padding: 10px 14px;
      border: 1px solid rgba(255, 238, 194, 0.45);
      border-radius: 10px;
      background: linear-gradient(180deg, #ffe7ad 0%, #f0ba4a 35%, #c9861a 100%);
      color: #2b1700;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      box-shadow: 0 8px 20px rgba(212, 145, 23, 0.35);
      transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      box-sizing: border-box;
    }.rc-cark .modal-card button:hover:not(:disabled) {
      filter: brightness(1.05);
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(212, 145, 23, 0.45);
    }.rc-cark .modal-card button:disabled {
      opacity: .72;
      cursor: not-allowed;
      transform: none;
    }.rc-cark .modal-card button.modal-close-btn {
      width: 32px !important;
      min-width: 32px;
      min-height: 32px;
      height: 32px !important;
      padding: 0;
      border-radius: 50%;
    }.rc-cark .modal-card .modal-close-btn {
      background: transparent !important;
      color: #d4af37 !important;
      border-color: rgba(212, 175, 55, 0.82) !important;
      box-shadow: none !important;
      text-shadow: 0 0 8px rgba(212, 175, 55, 0.35);
    }.rc-cark .modal-card .modal-close-btn:hover {
      color: #f0cf7e !important;
      border-color: rgba(240, 207, 126, 0.92) !important;
      background: rgba(212, 175, 55, 0.08) !important;
    }.rc-cark .modal-actions {
      display: flex;
      gap: 10px;
      margin-bottom: 6px;
    }.rc-cark .modal-actions button, .rc-cark .modal-actions .modal-link-btn {
      flex: 1 1 0;
      min-width: 0;
      width: auto;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      min-height: 48px;
      height: auto;
      padding: 10px 12px;
      border: 1px solid rgba(255, 238, 194, 0.45);
      border-radius: 10px;
      background: linear-gradient(180deg, #ffe7ad 0%, #f0ba4a 35%, #c9861a 100%);
      color: #2b1700;
      font-weight: 700;
      font-size: 15px;
      line-height: 1.2;
      box-shadow: 0 8px 20px rgba(212, 145, 23, 0.35);
      transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      box-sizing: border-box;
    }.rc-cark .modal-actions .modal-link-btn:hover {
      filter: brightness(1.05);
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(212, 145, 23, 0.45);
    }.rc-cark .coupon-box { margin: 16px auto 0; border-radius: 16px; border: 1px solid #f0cf7e; background: linear-gradient(135deg, #f3e2b9 0%, #f9f0d9 45%, #e4c178 100%); color: #2c1b00; padding: 18px 16px 16px; text-align: left; box-shadow: 0 8px 24px rgba(0,0,0,.35); }.rc-cark .coupon-title { margin: 0 0 12px; font-family: Oswald, sans-serif; letter-spacing: .08em; color: #7c4a00; font-size: 1.75rem; line-height: 1; }.rc-cark .coupon-line { display: grid; grid-template-columns: minmax(72px, 96px) 1fr; align-items: start; gap: 4px 12px; margin: 6px 0; font-size: 14px; }.rc-cark .coupon-line strong { color: rgba(63,31,0,.86); }.rc-cark .coupon-line span { text-align: right; font-weight: 600; overflow-wrap: anywhere; }.rc-cark .coupon-code-row { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(124,74,0,.35); display: flex; align-items: center; gap: 10px; }.rc-cark .result-actions { margin-top: 14px; }.rc-cark .coupon-code { flex: 1 1 auto; font-family: "Consolas", "SFMono-Regular", "Roboto Mono", monospace; font-size: 20px; font-weight: 800; color: #3f1f00; letter-spacing: .09em; margin: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: rgba(124,74,0,.35) transparent; }.rc-cark .coupon-copy-btn {
      flex: 0 0 auto;
      border: 0;
      border-radius: 8px;
      background: #7c4a00;
      color: #fff;
      font-weight: 700;
      font-size: 15px;
      cursor: pointer;
      padding: 12px 14px;
      min-height: 48px;
      min-width: 104px;
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
      box-sizing: border-box;
    }.rc-cark .modal-card button.coupon-copy-btn {
      width: auto;
      max-width: 100%;
      min-height: 48px;
      height: auto;
      padding: 12px 14px;
      border: 0;
      border-radius: 8px;
      background: #7c4a00;
      color: #fff;
      font-weight: 700;
      font-size: 15px;
      box-shadow: none;
    }.rc-cark .modal-card button.coupon-copy-btn:hover:not(:disabled) {
      filter: brightness(1.08);
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }.rc-cark .coupon-copy-btn:disabled { opacity: .65; cursor: not-allowed; }.rc-cark .status-text {
      text-align: left;
      color: #f6dea5;
      margin-top: 8px;
      min-height: 24px;
      font-weight: 500;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      line-height: 1.45;
    }.rc-cark .status-text--error {
      color: #fecaca;
    }.rc-cark .status-text--error::before {
      content: "";
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      margin-top: 1px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23ef4444'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }.rc-cark .status-text--pending {
      color: #e8dcc4;
    }.rc-cark .status-text--pending::before {
      content: "";
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      margin-top: 1px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2364748b'/%3E%3Ccircle cx='8' cy='12' r='1.5' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%23fff'/%3E%3Ccircle cx='16' cy='12' r='1.5' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
      opacity: 0.92;
    }.rc-cark .status-text--success {
      color: #bbf7d0;
    }.rc-cark .status-text--success::before {
      content: "";
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      margin-top: 1px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2322c55e'/%3E%3Cpath d='M7.5 12l3 3 5.5-6' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    }.rc-cark .result-header-title {
      margin: 0;
      font-size: clamp(1.2rem, 2vw + 0.75rem, 1.55rem);
      letter-spacing: 0.025em;
      color: #ffe9b3;
      text-shadow: 0 0 10px rgba(255, 208, 101, 0.25);
    }.rc-cark .result-header-subtitle {
      margin: 8px 0 0;
      color: #f2e0b2;
      font-size: 14px;
      line-height: 1.45;
    }.rc-cark #player-not-found-modal {
      z-index: 130;
      height: 100dvh;
      height: 100svh;
      max-height: -webkit-fill-available;
      min-height: 0;
      overflow: hidden;
      align-items: center;
      justify-content: center;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      background: rgba(0, 0, 0, 0.88);
      contain: strict;
      touch-action: none;
      overscroll-behavior: none;
    }.rc-cark #player-not-found-modal .modal-card--player-not-found {
      overflow: hidden;
      padding-top: 22px;
      transform: translateZ(0);
    }.rc-cark #player-not-found-modal .modal-chip--alert {
      background: linear-gradient(180deg, #ffd978 0%, #f0a020 100%);
      color: #3a1a00;
      box-shadow: 0 0 18px rgba(255, 196, 64, 0.42);
      animation: playerNotFoundChipGlow 2.4s ease-in-out infinite;
    }@keyframes playerNotFoundChipGlow {0%, 100% { box-shadow: 0 0 12px rgba(255, 196, 64, 0.32); }50% { box-shadow: 0 0 22px rgba(255, 214, 96, 0.58); }
    }.rc-cark .player-not-found-perk {
      display: flex;
      align-items: center;
      gap: 14px;
      margin: 4px 0 18px;
      padding: 14px 16px;
      border: 1px solid rgba(255, 214, 120, 0.55);
      background:
        linear-gradient(135deg, rgba(255, 214, 96, 0.14) 0%, rgba(255, 214, 96, 0.04) 55%, rgba(255, 255, 255, 0.02) 100%);
      box-shadow: inset 0 1px 0 rgba(255, 248, 220, 0.12);
    }.rc-cark .player-not-found-perk__icon {
      flex-shrink: 0;
      width: 46px;
      height: 46px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      border: 1px solid rgba(255, 214, 120, 0.45);
      background: rgba(255, 214, 96, 0.12);
      animation: playerNotFoundGiftBounce 2.8s ease-in-out infinite;
    }@keyframes playerNotFoundGiftBounce {0%, 100% { transform: translateY(0) scale(1); }45% { transform: translateY(-3px) scale(1.04); }
    }.rc-cark .player-not-found-perk__text {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }.rc-cark .player-not-found-perk__text strong {
      color: #ffe9b3;
      font-size: 15px;
      letter-spacing: 0.02em;
    }.rc-cark .player-not-found-perk__text span {
      color: #e8d4a0;
      font-size: 13px;
      line-height: 1.4;
    }.rc-cark #player-not-found-modal .player-not-found-actions {
      margin-bottom: 0;
      align-items: stretch;
    }.rc-cark #player-not-found-modal .player-not-found-ok-btn {
      flex: 0.85 1 0;
      background: transparent;
      color: #e8dcc4;
      border-color: rgba(255, 238, 194, 0.28);
      box-shadow: none;
    }.rc-cark #player-not-found-modal .player-not-found-ok-btn:hover:not(:disabled) {
      background: rgba(255, 255, 255, 0.05);
      color: #fff3d4;
      border-color: rgba(255, 238, 194, 0.45);
      box-shadow: none;
      transform: translateY(-1px);
    }.rc-cark #player-not-found-modal .modal-link-btn--register-cta {
      position: relative;
      flex: 1.25 1 0;
      overflow: hidden;
      isolation: isolate;
      border-color: rgba(255, 248, 210, 0.82);
      background: linear-gradient(180deg, #fff0b8 0%, #ffc84a 28%, #f0a018 72%, #c97a0a 100%);
      color: #2a1400;
      font-size: 16px;
      letter-spacing: 0.06em;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
      box-shadow:
        0 0 0 1px rgba(255, 220, 120, 0.35) inset,
        0 10px 26px rgba(255, 168, 32, 0.42),
        0 0 28px rgba(255, 196, 64, 0.35);
      animation: registerCtaPulse 2.2s ease-in-out infinite;
    }.rc-cark #player-not-found-modal .modal-link-btn--register-cta:hover {
      filter: brightness(1.08);
      transform: translateY(-2px) scale(1.02);
      box-shadow:
        0 0 0 1px rgba(255, 240, 190, 0.55) inset,
        0 14px 32px rgba(255, 168, 32, 0.52),
        0 0 36px rgba(255, 210, 80, 0.48);
    }.rc-cark #player-not-found-modal .register-cta__shine {
      position: absolute;
      inset: -40% auto -40% -60%;
      width: 42%;
      background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 48%, rgba(255, 255, 255, 0) 100%);
      transform: skewX(-18deg);
      animation: registerCtaShimmer 2.8s ease-in-out infinite;
      pointer-events: none;
    }@keyframes registerCtaPulse {0%, 100% {
        box-shadow:
          0 0 0 1px rgba(255, 220, 120, 0.35) inset,
          0 10px 26px rgba(255, 168, 32, 0.42),
          0 0 24px rgba(255, 196, 64, 0.28);
      }50% {
        box-shadow:
          0 0 0 1px rgba(255, 240, 190, 0.5) inset,
          0 12px 30px rgba(255, 168, 32, 0.55),
          0 0 38px rgba(255, 210, 80, 0.46);
      }
    }@keyframes registerCtaShimmer {0% { transform: translateX(-180%) skewX(-18deg); opacity: 0; }18% { opacity: 1; }42% { transform: translateX(360%) skewX(-18deg); opacity: 0; }100% { transform: translateX(360%) skewX(-18deg); opacity: 0; }
    }@media (prefers-reduced-motion: reduce) {.rc-cark #player-not-found-modal .modal-chip--alert, .rc-cark #player-not-found-modal .player-not-found-perk__icon, .rc-cark #player-not-found-modal .modal-link-btn--register-cta, .rc-cark #player-not-found-modal .register-cta__shine {
        animation: none;
      }
    }.rc-cark #spin-unavailable-modal {
      z-index: 125;
    }.rc-cark .spin-history-list {
      margin: 12px 0 16px;
      padding: 0;
      list-style: none;
      max-height: min(42vh, 280px);
      overflow-y: auto;
      border: 1px solid rgba(255, 214, 120, 0.35);
      background: rgba(0, 0, 0, 0.22);
    }.rc-cark .spin-history-list__item {
      padding: 12px 14px;
      border-bottom: 1px solid rgba(255, 214, 120, 0.18);
      font-size: 13px;
      line-height: 1.4;
      color: #f2e0b2;
    }.rc-cark .spin-history-list__item:last-child {
      border-bottom: 0;
    }.rc-cark .spin-history-list__code {
      display: block;
      margin-top: 4px;
      font-weight: 700;
      color: #ffe9b3;
      letter-spacing: 0.02em;
      word-break: break-all;
    }.rc-cark .spin-history-list__meta {
      display: block;
      margin-top: 2px;
      font-size: 12px;
      color: #d4c4a0;
    }.rc-cark .spin-history-section-title {
      margin: 0 0 8px;
      font-size: 14px;
      font-weight: 600;
      color: #f6dea5;
    }/* Çevir ile açılan kullanıcı modalı: düz köşeler */.rc-cark #username-modal .modal-card, .rc-cark #player-not-found-modal .modal-card, .rc-cark #username-modal .modal-close-btn, .rc-cark #username-modal .modal-card button.modal-close-btn, .rc-cark #username-modal .modal-chip, .rc-cark #username-modal .modal-card input, .rc-cark #username-modal .modal-card button, .rc-cark #username-modal .modal-actions button, .rc-cark #username-modal .modal-actions .modal-link-btn, .rc-cark #player-not-found-modal .modal-close-btn, .rc-cark #player-not-found-modal .modal-card button.modal-close-btn, .rc-cark #player-not-found-modal .modal-card button, .rc-cark #player-not-found-modal .player-not-found-perk, .rc-cark #player-not-found-modal .player-not-found-perk__icon, .rc-cark #player-not-found-modal .modal-actions button, .rc-cark #player-not-found-modal .modal-actions .modal-link-btn, .rc-cark #username-modal .coupon-box, .rc-cark #username-modal .coupon-copy-btn, .rc-cark #username-modal .modal-card button.coupon-copy-btn {
      border-radius: 0;
    }@media (max-width: 680px) {.rc-cark .modal-overlay {
        padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
          max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
      }.rc-cark .modal-card {
        width: 100%;
        max-width: min(560px, 100%);
        border-radius: 18px;
        padding: 20px 16px 18px;
        max-height: min(88dvh, 720px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
      }.rc-cark .modal-card h2, .rc-cark .modal-card .result-header-title, .rc-cark .modal-card .result-header-subtitle, .rc-cark #player-not-found-modal .modal-card h2 {
        padding-right: 44px;
      }.rc-cark .modal-card button.modal-close-btn {
        width: 40px !important;
        min-width: 40px;
        min-height: 40px;
        height: 40px !important;
        font-size: 22px;
      }.rc-cark .modal-close-btn {
        top: 10px;
        right: 10px;
      }.rc-cark .modal-actions {
        flex-direction: column;
        gap: 12px;
        width: 100%;
      }.rc-cark .modal-actions button, .rc-cark .modal-actions .modal-link-btn {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        align-self: stretch;
      }.rc-cark #username-modal .modal-actions {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        align-items: stretch;
      }.rc-cark #username-modal .modal-actions button, .rc-cark #username-modal .modal-actions .modal-link-btn, .rc-cark #player-not-found-modal .modal-actions button, .rc-cark #player-not-found-modal .modal-actions .modal-link-btn {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
        max-width: none;
        align-self: stretch;
        font-size: clamp(11px, 3.2vw, 15px);
        padding: 10px 8px;
        line-height: 1.15;
      }.rc-cark #player-not-found-modal .modal-actions {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 8px;
        align-items: stretch;
      }.rc-cark #player-not-found-modal .modal-card.modal-card--player-not-found {
        max-height: none;
        overflow: visible;
      }.rc-cark #player-not-found-modal .modal-chip--alert, .rc-cark #player-not-found-modal .player-not-found-perk__icon, .rc-cark #player-not-found-modal .modal-link-btn--register-cta, .rc-cark #player-not-found-modal .register-cta__shine {
        animation: none;
      }.rc-cark .coupon-title { font-size: 1.55rem; }.rc-cark .coupon-line { font-size: 13px; grid-template-columns: 80px 1fr; align-items: flex-start; }.rc-cark .coupon-line span { text-align: right; }.rc-cark .coupon-code-row { flex-direction: column; align-items: stretch; }.rc-cark .coupon-code { font-size: 16px; text-align: center; letter-spacing: .07em; }.rc-cark .coupon-copy-btn { width: 100%; max-width: 100%; }
    }/* Bilgi paneli: dar ekranda tam genişlik (680px üstü küçük tabletlerde de kenar boşluğu kalmasın) */@media (max-width: 768px) {.rc-cark #page-info-modal.modal-overlay {
        padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px) 0;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        height: 100dvh;
        height: 100svh;
        max-height: -webkit-fill-available;
        box-sizing: border-box;
        overflow: hidden;
      }.rc-cark #page-info-modal .modal-card.modal-card--page-info {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        border-radius: 0;
        border-left: none;
        border-right: none;
        box-shadow: none;
        margin-inline: 0;
      }
    }
  

/* ---- demo1 entegrasyonu (uretici ekliyor) ---- */
.rc-cark {
  position: relative;
  contain: paint;
  height: auto;
  min-height: 100vh;
}