/* V63 ortak son rötuşlar — yerleşim ve oyun mantığına dokunmaz. */

html {
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  -webkit-tap-highlight-color: transparent;
}

::selection {
  color: #fff;
  background: rgba(17, 126, 111, .78);
}

button,
a,
[role="button"] {
  touch-action: manipulation;
}

button:not(:disabled),
a[href],
[role="button"]:not([aria-disabled="true"]) {
  transition:
    transform .16s cubic-bezier(.2,.75,.2,1),
    filter .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}

button:not(:disabled):active,
a[href]:active,
[role="button"]:not([aria-disabled="true"]):active {
  transform: translateY(1px) scale(.985) !important;
}

:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(67, 216, 200, .38) !important;
  outline-offset: 3px !important;
}

input,
select,
textarea {
  caret-color: #c99d43;
}

img,
svg {
  image-rendering: auto;
}

:where(.glass, .panel, .card, .game) {
  background-clip: padding-box;
}

/* Ana menü kartlarında derinliği çok hafif güçlendir. */
.games .game {
  border-color: rgba(255,255,255,.14) !important;
  box-shadow:
    0 26px 60px rgba(0, 6, 18, .32),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.games .game .cardArt {
  filter:
    drop-shadow(0 22px 24px rgba(0, 5, 17, .42))
    saturate(1.07)
    contrast(1.025) !important;
  transition: transform .28s cubic-bezier(.2,.75,.2,1), filter .28s ease !important;
}

.games .game:hover .cardArt {
  transform: translateY(-3px) scale(1.018) !important;
  filter:
    drop-shadow(0 27px 28px rgba(0, 5, 17, .47))
    saturate(1.11)
    contrast(1.035) !important;
}

/* Oyun içi yüzeylerde tek piksellik üretim kalitesi hissi. */
:where(.app-shell .glass, .sh-shell .panel, .game-layout > .card, .multi-game.card) {
  outline: 1px solid rgba(255,255,255,.055);
  outline-offset: -1px;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(73, 151, 154, .48) rgba(4, 23, 34, .08);
}

*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: rgba(4, 23, 34, .08); }
*::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(27, 138, 132, .72), rgba(174, 132, 48, .62)) padding-box;
}

@media (max-width: 640px) {
  :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline-width: 2px !important;
    outline-offset: 2px !important;
  }

  *::-webkit-scrollbar { width: 6px; height: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}