/* [next]/internal/font/google/inter_ed2c9211.module.css [app-client] (css) */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/ba63f6a0e436df8e-s.p.3-6t-g6q0vh0a.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Inter Fallback;
  src: local(Arial);
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0.0%;
  size-adjust: 107.12%;
}

.inter_ed2c9211-module__aQ3WXq__className {
  font-family: Inter, Inter Fallback;
  font-style: normal;
}

.inter_ed2c9211-module__aQ3WXq__variable {
  --yazi-tipi: "Inter", "Inter Fallback";
}

/* [next]/internal/font/google/outfit_61fdd2e.module.css [app-client] (css) */
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/8bcddb47c8219945-s.p.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c0680f1bdb3a2e90-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/8bcddb47c8219945-s.p.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/c0680f1bdb3a2e90-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/8bcddb47c8219945-s.p.1spbknb88wd48.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/c0680f1bdb3a2e90-s.p.1gsd1jahc5dg_.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Outfit Fallback;
  src: local(Arial);
  ascent-override: 100.18%;
  descent-override: 26.05%;
  line-gap-override: 0.0%;
  size-adjust: 99.82%;
}

.outfit_61fdd2e-module__UNgKHq__className {
  font-family: Outfit, Outfit Fallback;
  font-style: normal;
}

.outfit_61fdd2e-module__UNgKHq__variable {
  --font-logo: "Outfit", "Outfit Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --zemin: #000;
  --zemin-2: #0f0f11;
  --zemin-3: #1c1c1e;
  --kart: #1c1c1e;
  --kart-ust: #2c2c2e;
  --metin: #f5f5f7;
  --metin-soluk: #a1a1a6;
  --metin-silik: #86868b;
  --vurgu: #f0b429;
  --vurgu-acik: #ffd166;
  --vurgu-metin: #0a0a0c;
  --birincil: #f5f5f7;
  --birincil-metin: #0a0a0c;
  --mavi: #2997ff;
  --cizgi: #ffffff14;
  --cizgi-guclu: #ffffff29;
  --odak: #2997ff;
  --golge: 0 20px 50px #0009;
  --yaricap: 14px;
  --yaricap-kucuk: 10px;
  --ust-yukseklik: 52px;
  --alt-yukseklik: 60px;
  --gecis: .2s cubic-bezier(.25, .1, .25, 1);
  --kapsayici: 1360px;
  --kenar: 16px;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  -webkit-tap-highlight-color: transparent;
  background: var(--zemin);
  color: var(--metin);
  font-family: var(--yazi-tipi), -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  max-width: 100vw;
  min-height: 100dvh;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  overflow-x: hidden;
}

body.menu-acik {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img, svg {
  max-width: 100%;
  display: block;
}

button, input, select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  touch-action: manipulation;
  background: none;
  border: 0;
  padding: 0;
}

a, select, input[type="range"] {
  touch-action: manipulation;
}

h1, h2, h3, h4, p {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

:focus-visible {
  outline: 2px solid var(--odak);
  outline-offset: 3px;
  border-radius: 6px;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.atla {
  z-index: 200;
  background: var(--birincil);
  color: var(--birincil-metin);
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 600;
  position: fixed;
  top: 8px;
  left: 8px;
  transform: translateY(-200%);
}

.atla:focus {
  transform: none;
}

.kapsayici {
  width: 100%;
  max-width: var(--kapsayici);
  padding-left: var(--kenar);
  padding-right: var(--kenar);
  margin: 0 auto;
}

main {
  min-height: calc(100dvh - var(--ust-yukseklik));
  padding-bottom: calc(var(--alt-yukseklik) + env(safe-area-inset-bottom) + 48px);
}

.ust {
  z-index: 100;
  height: var(--ust-yukseklik);
  background: var(--zemin);
  border-bottom: 1px solid var(--cizgi);
  position: sticky;
  top: 0;
}

.ust-ic {
  align-items: center;
  gap: 12px;
  height: 100%;
  display: flex;
}

.logo {
  letter-spacing: -.02em;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 6px 4px;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-flex;
}

.logo-isaret {
  width: 26px;
  height: 26px;
}

.ust-baglantilar {
  gap: 4px;
  margin-left: 20px;
  display: none;
}

.ust-baglantilar a {
  color: var(--metin-soluk);
  transition: color var(--gecis), background var(--gecis);
  border-radius: 999px;
  padding: 7px 12px;
  font-size: .9rem;
  font-weight: 500;
}

.ust-baglantilar a:hover, .ust-baglantilar a[aria-current="page"] {
  color: var(--metin);
  background: #ffffff0f;
}

.ust-baglantilar a[aria-current="page"] {
  color: var(--metin);
  background: #ffffff1a;
}

.ust-sag {
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.simge-dugme {
  width: 44px;
  height: 44px;
  color: var(--metin-soluk);
  transition: background var(--gecis), color var(--gecis);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.simge-dugme:hover {
  color: var(--metin);
  background: #ffffff12;
}

.simge-dugme svg {
  width: 22px;
  height: 22px;
}

.rozet-sayi {
  background: var(--birincil);
  min-width: 18px;
  height: 18px;
  color: var(--birincil-metin);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.avatar {
  color: #0a0f1e;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: .95rem;
  font-weight: 800;
  display: inline-flex;
}

.avatar.buyuk {
  border-radius: 20px;
  width: 72px;
  height: 72px;
  font-size: 1.8rem;
}

.sadece-masaustu {
  display: none;
}

.menu-dugme {
  display: inline-flex;
}

.cekmece-arka {
  z-index: 150;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--gecis);
  background: #03060eb3;
  position: fixed;
  inset: 0;
}

.cekmece-arka.acik {
  opacity: 1;
  pointer-events: auto;
}

.cekmece {
  background: var(--zemin-2);
  border-left: 1px solid var(--cizgi);
  z-index: 160;
  flex-direction: column;
  gap: 8px;
  width: min(86vw, 360px);
  padding: 16px;
  transition: transform .22s;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
}

.cekmece.acik {
  transform: none;
}

.cekmece-ust {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.cekmece a, .cekmece .cekmece-dugme {
  color: var(--metin-soluk);
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 14px 12px;
  font-size: 1.05rem;
  font-weight: 600;
  display: flex;
}

.cekmece a svg, .cekmece .cekmece-dugme svg {
  width: 22px;
  height: 22px;
}

.cekmece a:hover, .cekmece a[aria-current="page"] {
  color: var(--metin);
  background: #ffffff0f;
}

.cekmece a[aria-current="page"] {
  color: var(--metin);
}

.cekmece-alt {
  border-top: 1px solid var(--cizgi);
  color: var(--metin-silik);
  margin-top: auto;
  padding-top: 12px;
  font-size: .85rem;
}

.alt-menu {
  z-index: 90;
  height: calc(var(--alt-yukseklik) + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background: var(--zemin);
  border-top: 1px solid var(--cizgi);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.alt-menu a {
  color: var(--metin-silik);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  font-size: .68rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.alt-menu a svg {
  width: 22px;
  height: 22px;
}

.alt-menu a[aria-current="page"] {
  color: var(--metin);
}

.alt-menu .rozet-sayi {
  top: 6px;
  right: calc(50% - 20px);
}

.bildirim {
  background: var(--zemin-3);
  color: var(--metin-soluk);
  text-align: center;
  padding: 8px 16px;
  font-size: .9rem;
  font-weight: 600;
}

.kahraman {
  isolation: isolate;
  align-items: flex-end;
  min-height: min(78vh, 720px);
  display: flex;
  position: relative;
  overflow: hidden;
}

.kahraman-gostergeler {
  z-index: 10;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 28px;
}

@media (max-width: 640px) {
  .kahraman-gostergeler {
    bottom: 12px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

.kahraman-nokta {
  cursor: pointer;
  background: #ffffff4d;
  border: none;
  border-radius: 999px;
  width: 9px;
  height: 9px;
  padding: 0;
  transition: all .25s;
}

.kahraman-nokta:hover {
  background: #ffffffa6;
}

.kahraman-nokta.aktif {
  background: var(--birincil);
  width: 26px;
  box-shadow: 0 0 10px #2d96ff99;
}

.kahraman-ok {
  z-index: 10;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  background: #0f172a8c;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-size: 26px;
  line-height: 1;
  transition: all .25s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.kahraman:hover .kahraman-ok {
  opacity: .85;
}

.kahraman-ok:hover {
  background: #0f172ae6;
  border-color: #fff6;
  transform: translateY(-50%) scale(1.08);
  opacity: 1 !important;
}

.kahraman-ok.sol {
  left: 20px;
}

.kahraman-ok.sag {
  right: 20px;
}

@media (max-width: 768px) {
  .kahraman-ok {
    display: none;
  }
}

.kahraman-slayt {
  transition: opacity .35s, transform .35s;
}

.kahraman-slayt.degisiyor {
  opacity: 0;
  transform: scale(.985);
}

.kahraman-arka {
  z-index: -2;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.kahraman-arka img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.kahraman-arka .kahraman-arka-kapak {
  position: absolute;
  inset: 0;
}

.kahraman-arka .kahraman-arka-poster {
  opacity: .55;
  filter: blur(10px) brightness(.85) saturate(1.2);
  position: absolute;
  inset: 0;
  transform: scale(1.08);
}

.kahraman:before {
  content: "";
  z-index: -1;
  background: linear-gradient(180deg, #05070f59 0%, #05070f1a 35%, #05070fc7 78%, var(--zemin) 100%),
    linear-gradient(90deg, #05070fb8 0%, #05070f40 60%, #05070f1a 100%);
  position: absolute;
  inset: 0;
}

.kahraman-izgara {
  align-items: end;
  gap: 24px;
  padding-top: 96px;
  padding-bottom: 42px;
  display: grid;
}

.kahraman-poster {
  border-radius: var(--yaricap);
  width: min(46vw, 190px);
  box-shadow: var(--golge);
  border: 1px solid #ffffff24;
  overflow: hidden;
}

.kahraman-ic {
  gap: 12px;
  max-width: 720px;
  display: grid;
}

.kahraman h2 {
  letter-spacing: -.035em;
  font-size: clamp(2rem, 5.5vw, 3.8rem);
  font-weight: 700;
  line-height: 1.04;
}

.kahraman p {
  color: var(--metin-soluk);
  max-width: 60ch;
  font-size: clamp(.96rem, 2vw, 1.08rem);
}

.kahraman-aciklama {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}

.etiketler {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.etiket {
  color: var(--metin);
  background: #ffffff1a;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  font-size: .78rem;
  font-weight: 600;
  display: inline-flex;
}

.etiket.vurgu {
  background: var(--birincil);
  color: var(--birincil-metin);
}

.etiket.puan {
  color: var(--vurgu-acik);
}

.dugmeler {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
  display: flex;
}

.dugme {
  min-height: 46px;
  transition: transform var(--gecis), background var(--gecis), border-color var(--gecis), color var(--gecis);
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 22px;
  font-size: .95rem;
  font-weight: 600;
  display: inline-flex;
}

.dugme svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.dugme:active {
  transform: scale(.98);
}

.dugme.birincil {
  background: var(--birincil);
  color: var(--birincil-metin);
}

.dugme.birincil:hover {
  background: #fff;
}

.dugme.ikincil {
  color: var(--metin);
  background: #ffffff1a;
}

.dugme.ikincil:hover {
  background: #ffffff2e;
}

.dugme.ikincil[aria-pressed="true"] {
  color: var(--metin);
  background: #fff3;
}

.dugme.tehlike {
  color: #ffb4b4;
  background: #ff5c5c1f;
  border-color: #ff5c5c59;
}

.dugme.kucuk {
  min-height: 38px;
  padding: 6px 16px;
  font-size: .85rem;
}

.dugme:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.bolum {
  margin-top: 40px;
}

.bolum-baslik {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.bolum-baslik h2 {
  letter-spacing: -.02em;
  font-size: clamp(1.2rem, 2.4vw, 1.5rem);
  font-weight: 600;
}

.bolum-baslik a {
  color: var(--mavi);
  white-space: nowrap;
  font-size: .9rem;
  font-weight: 500;
}

.bolum-baslik a:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.serit-sarmal {
  position: relative;
}

.serit {
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  gap: 12px;
  margin: -6px 0 0;
  padding: 6px 0 14px;
  display: flex;
  overflow-x: auto;
}

.serit::-webkit-scrollbar {
  display: none;
}

.serit > li {
  scroll-snap-align: start;
  flex: none;
  width: clamp(138px, 40vw, 190px);
}

.serit-ok {
  z-index: 2;
  width: 44px;
  color: var(--metin);
  transition: opacity var(--gecis);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  bottom: 14px;
}

.serit-ok svg {
  filter: drop-shadow(0 2px 6px #0009);
  width: 26px;
  height: 26px;
}

.serit-ok.sol {
  background: linear-gradient(90deg, var(--zemin) 10%, transparent);
  left: -8px;
}

.serit-ok.sag {
  background: linear-gradient(270deg, var(--zemin) 10%, transparent);
  right: -8px;
}

.kart {
  height: 100%;
  display: block;
  position: relative;
}

.kart a {
  border-radius: 12px;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.kart a:focus-visible {
  outline-offset: 4px;
}

.poster-sarmal {
  transition: transform var(--gecis), box-shadow var(--gecis);
  border-radius: 12px;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0a;
}

.kart:hover .poster-sarmal, .kart:focus-within .poster-sarmal {
  transform: scale(1.035);
  box-shadow: 0 14px 34px #000000a6, 0 0 0 2px #ffffff59;
}

.poster {
  aspect-ratio: 2 / 3;
  background: linear-gradient(160deg, var(--zemin-3), var(--kart));
  position: relative;
  overflow: hidden;
}

.poster img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.poster-yedek {
  text-align: center;
  color: var(--metin-soluk);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 16px;
  font-size: .85rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0;
}

.poster-yedek span {
  color: var(--vurgu);
  font-size: 2.4rem;
  font-weight: 800;
}

.kart-puan {
  color: var(--metin);
  background: #000000b8;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  font-size: .76rem;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: 8px;
  left: 8px;
}

.kart-tip {
  border: 1px solid var(--cizgi-guclu);
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #141b32eb;
  border-radius: 8px;
  padding: 3px 8px;
  font-size: .7rem;
  font-weight: 800;
  position: absolute;
  top: 8px;
  right: 8px;
}

.kart-bilgi {
  gap: 2px;
  padding: 10px 2px 0;
  display: grid;
}

.kart-bilgi h3 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.kart-bilgi p {
  color: var(--metin-silik);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .78rem;
  overflow: hidden;
}

.kart.silinebilir .kart-tip {
  display: none;
}

.kart-cikar {
  width: 36px;
  height: 36px;
  color: var(--metin);
  z-index: 2;
  background: #000000b8;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.kart-cikar svg {
  width: 18px;
  height: 18px;
}

.izgara {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  display: grid;
}

.sayfa-baslik {
  gap: 8px;
  padding-top: 32px;
  padding-bottom: 8px;
  display: grid;
}

.sayfa-baslik h1 {
  letter-spacing: -.03em;
  font-size: clamp(1.8rem, 4.5vw, 2.8rem);
  font-weight: 700;
}

.sayfa-baslik p {
  color: var(--metin-soluk);
  max-width: 70ch;
}

.filtreler {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 18px 0 12px;
  display: flex;
}

.alan {
  flex: 140px;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.alan label {
  color: var(--metin-silik);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .75rem;
  font-weight: 700;
}

.secim, .girdi {
  background: var(--zemin-3);
  width: 100%;
  min-height: 46px;
  color: var(--metin);
  appearance: none;
  transition: border-color var(--gecis), box-shadow var(--gecis);
  border: 1px solid #0000;
  border-radius: 12px;
  padding: 10px 14px;
  font-family: inherit;
  font-size: 16px;
}

.secim {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a9b2c8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 40px;
}

.secim:focus, .girdi:focus {
  border-color: #ffffff40;
  outline: none;
  box-shadow: 0 0 0 3px #2997ff59;
}

.aktif-filtreler {
  color: var(--metin-soluk);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: .9rem;
  display: flex;
}

.cip {
  color: var(--metin);
  background: #ffffff1f;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 7px 10px 7px 12px;
  font-size: .85rem;
  font-weight: 600;
  display: inline-flex;
}

.cip svg {
  width: 16px;
  height: 16px;
}

.cip-temizle {
  color: var(--mavi);
  min-height: 36px;
  padding: 6px 4px;
  font-weight: 500;
}

.cip-temizle:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.sonuc-sayisi {
  color: var(--metin-silik);
  margin-left: auto;
  font-size: .9rem;
}

.bos {
  text-align: center;
  background: var(--zemin-3);
  border-radius: 18px;
  justify-items: center;
  gap: 12px;
  padding: 64px 20px;
  display: grid;
}

.bos svg {
  width: 56px;
  height: 56px;
  color: var(--metin-silik);
}

.bos h2 {
  letter-spacing: -.02em;
  font-size: 1.3rem;
  font-weight: 600;
}

.bos p {
  color: var(--metin-soluk);
  max-width: 48ch;
}

.sekmeler {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.sekme {
  color: var(--metin);
  min-height: 40px;
  transition: background var(--gecis), color var(--gecis);
  background: #ffffff14;
  border-radius: 999px;
  align-items: center;
  padding: 8px 16px;
  font-size: .9rem;
  font-weight: 500;
  display: inline-flex;
}

.sekme:hover {
  background: #ffffff24;
}

.sekme[aria-current="page"], .sekme[aria-pressed="true"] {
  background: var(--birincil);
  color: var(--birincil-metin);
}

.arama-formu .girdi {
  flex: 1;
  min-width: 0;
  font-size: 1.05rem;
}

.tur-izgara {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  display: grid;
}

.tur-kart {
  border-radius: var(--yaricap);
  min-height: 130px;
  transition: transform var(--gecis), box-shadow var(--gecis);
  flex-direction: column;
  justify-content: flex-end;
  gap: 4px;
  padding: 20px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tur-kart:hover {
  box-shadow: var(--golge);
  transform: translateY(-3px);
}

.tur-kart:after {
  content: "";
  background: linear-gradient(#0a0f1e00 0%, #0a0f1eb3 100%);
  position: absolute;
  inset: 0;
}

.tur-kart > * {
  z-index: 1;
  position: relative;
}

.tur-kart h2, .tur-kart h3 {
  letter-spacing: -.01em;
  font-size: 1.15rem;
  font-weight: 600;
}

.tur-kart span {
  color: var(--metin-soluk);
  font-size: .82rem;
  font-weight: 600;
}

.detay-kahraman {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.detay-kahraman .kahraman-arka {
  height: 100%;
}

.detay-kahraman .kahraman-arka:after {
  content: "";
  background: linear-gradient(180deg, #00000080 0%, #000000b8 50%, var(--zemin) 100%),
    linear-gradient(90deg, #000000a6, #00000026);
  position: absolute;
  inset: 0;
}

.detay-ic {
  gap: 24px;
  padding-top: 96px;
  padding-bottom: 24px;
  display: grid;
}

.detay-poster {
  border-radius: var(--yaricap);
  width: min(58vw, 240px);
  box-shadow: var(--golge);
  overflow: hidden;
}

.detay-bilgi {
  align-content: start;
  gap: 14px;
  display: grid;
}

.detay-bilgi h1 {
  letter-spacing: -.035em;
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 700;
  line-height: 1.03;
}

.detay-bilgi .aciklama {
  color: var(--metin-soluk);
  max-width: 66ch;
  font-size: 1.06rem;
  line-height: 1.6;
}

.kunye {
  color: var(--metin-soluk);
  gap: 6px;
  font-size: .92rem;
  display: grid;
}

.kunye strong {
  color: var(--metin);
  font-weight: 600;
}

.demo-uyari {
  color: var(--metin-soluk);
  background: #ffffff0f;
  border-radius: 12px;
  align-items: flex-start;
  gap: 12px;
  max-width: 68ch;
  padding: 14px 16px;
  font-size: .88rem;
  display: flex;
}

.demo-uyari svg {
  width: 22px;
  height: 22px;
  color: var(--metin-silik);
  flex-shrink: 0;
}

.sezonlar {
  gap: 10px;
  display: grid;
}

.sezon {
  background: var(--kart);
  border-radius: 16px;
  overflow: hidden;
}

.sezon summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 16px 18px;
  font-size: 1.02rem;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.sezon summary::-webkit-details-marker {
  display: none;
}

.sezon summary span {
  color: var(--metin-silik);
  font-size: .85rem;
  font-weight: 600;
}

.sezon summary svg {
  width: 20px;
  height: 20px;
  transition: transform var(--gecis);
  flex-shrink: 0;
}

.sezon[open] summary svg {
  transform: rotate(180deg);
}

.bolumler {
  border-top: 1px solid var(--cizgi);
}

.bolumler li {
  border-bottom: 1px solid var(--cizgi);
  font-size: .95rem;
}

.bolum-satir {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 56px;
  transition: background var(--gecis);
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  display: grid;
}

a.bolum-satir:hover {
  background: #ffffff0d;
}

a.bolum-satir:focus-visible {
  outline-offset: -3px;
}

.bolumler li.aktif .bolum-satir {
  background: #ffffff14;
}

.bolumler li.aktif .bolum-satir > span:nth-child(2) {
  color: var(--metin);
  font-weight: 600;
}

.bolumler li:last-child {
  border-bottom: 0;
}

.bolum-no {
  background: var(--kart-ust);
  width: 36px;
  height: 36px;
  color: var(--metin);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: .85rem;
  font-weight: 600;
  display: inline-flex;
}

.bolum-sure {
  color: var(--metin-silik);
  white-space: nowrap;
  font-size: .85rem;
}

.panel {
  background: var(--zemin-3);
  border-radius: 18px;
  gap: 16px;
  padding: 22px;
  display: grid;
}

.sezon-bolumu {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.izle-sezon-bolumu {
  margin-top: 0;
}

.sezon-baslik-sarmal {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.sezon-rozet {
  white-space: nowrap;
}

.sezon-mobil-secici-kapsayici {
  width: 100%;
  min-width: 0;
  margin-bottom: 12px;
  display: block;
}

@media (min-width: 768px) {
  .sezon-mobil-secici-kapsayici {
    display: none;
  }
}

.sezon-select-sarmal {
  width: 100%;
  position: relative;
}

.sezon-mobil-select {
  background: var(--kart);
  border: 1px solid var(--cizgi-guclu);
  width: 100%;
  color: var(--metin);
  appearance: none;
  cursor: pointer;
  transition: border-color var(--gecis);
  box-sizing: border-box;
  border-radius: 12px;
  outline: none;
  padding: 12px 42px 12px 16px;
  font-size: .95rem;
  font-weight: 600;
}

.sezon-mobil-select:focus {
  border-color: var(--vurgu);
}

.sezon-select-ok {
  pointer-events: none;
  width: 18px;
  height: 18px;
  color: var(--metin-silik);
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.sezon-sekmeleri-kapsayici {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 6px 0 14px;
  overflow: auto hidden;
}

.sezon-sekmeleri-kapsayici::-webkit-scrollbar {
  display: none;
}

.sezon-sekmeleri {
  flex-wrap: nowrap;
  gap: 8px;
  width: max-content;
  max-width: none;
  padding: 2px 2px 6px;
  display: inline-flex;
}

.sezon-sekme-dugme {
  background: var(--kart);
  color: var(--metin-soluk);
  border: 1px solid var(--cizgi);
  cursor: pointer;
  transition: all var(--gecis);
  white-space: nowrap;
  border-radius: 12px;
  flex-shrink: 0;
  padding: 9px 16px;
  font-size: .92rem;
  font-weight: 600;
}

.sezon-sekme-dugme:hover {
  background: var(--kart-ust);
  color: var(--metin);
  border-color: var(--cizgi-guclu);
}

.sezon-sekme-dugme.aktif {
  background: var(--vurgu);
  color: var(--vurgu-metin);
  border-color: var(--vurgu);
  box-shadow: 0 4px 14px #f0b4294d;
}

.sezon-kutusu {
  background: var(--kart);
  border: 1px solid var(--cizgi);
  box-sizing: border-box;
  border-radius: 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.bolum-baslik-metin {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .92rem;
  overflow: hidden;
}

.sezon-gecis-alani {
  border-top: 1px solid var(--cizgi);
  box-sizing: border-box;
  background: #00000040;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 14px 16px;
  display: flex;
}

@media (min-width: 641px) {
  .sezon-gecis-alani {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.sonraki-sezon-dugme {
  background: linear-gradient(135deg, var(--vurgu) 0%, #e09f1f 100%);
  color: var(--vurgu-metin);
  width: 100%;
  transition: transform var(--gecis), box-shadow var(--gecis);
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 4px 16px #f0b42940;
}

@media (min-width: 641px) {
  .sonraki-sezon-dugme {
    width: auto;
    margin-left: auto;
  }
}

.sonraki-sezon-dugme:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #f0b42966;
}

.onceki-sezon-dugme {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
}

@media (min-width: 641px) {
  .onceki-sezon-dugme {
    width: auto;
  }
}

.son-sezon-rozeti {
  text-align: center;
  color: var(--metin-silik);
  padding: 6px 0;
  font-size: .88rem;
  font-weight: 500;
}

@media (min-width: 641px) {
  .son-sezon-rozeti {
    text-align: right;
    margin-left: auto;
  }
}

.yorumlar-bolumu {
  margin-top: 48px;
}

.yorum-formu-kart {
  background: var(--zemin-3);
  border: 1px solid var(--cizgi);
  border-radius: 18px;
  margin-bottom: 28px;
  padding: 22px;
}

.yorum-form-ust {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

@media (max-width: 640px) {
  .yorum-form-ust {
    grid-template-columns: 1fr;
  }
}

.yorum-alan label {
  color: var(--metin-soluk);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 6px;
  font-size: .82rem;
  font-weight: 600;
  display: block;
}

.yorum-secili-puan-etiket {
  color: #f59e0b;
  background: #f59e0b26;
  border-radius: 12px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: .82rem;
  font-weight: 700;
  display: inline-flex;
}

.yorum-puan-izgara {
  box-sizing: border-box;
  grid-template-columns: repeat(10, 1fr);
  gap: 5px;
  width: 100%;
  display: grid;
}

.puan-hap {
  background: var(--kart-ust);
  border: 1px solid var(--cizgi);
  color: var(--metin-soluk);
  text-align: center;
  cursor: pointer;
  transition: all var(--gecis);
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  font-size: .86rem;
  font-weight: 700;
  display: flex;
}

.puan-hap:hover {
  color: var(--metin);
  border-color: var(--cizgi-guclu);
  background: #ffffff26;
}

.puan-hap.secili {
  color: #000;
  background: #f59e0b;
  border-color: #f59e0b;
  font-weight: 800;
  box-shadow: 0 2px 10px #f59e0b66;
}

.yorum-textarea {
  resize: vertical;
  min-height: 85px;
  font-family: inherit;
  line-height: 1.5;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  input, textarea, select, .girdi, .secim, .yorum-textarea {
    font-size: 16px !important;
  }
}

.yorum-hata {
  color: #ef4444;
  margin-top: 10px;
  font-size: .88rem;
}

.yorum-basarili {
  color: #22c55e;
  margin-top: 10px;
  font-size: .88rem;
  font-weight: 600;
}

.yorumlar-listesi {
  gap: 14px;
  display: grid;
}

.yorum-bos-durum {
  background: var(--zemin-2);
  border: 1px dashed var(--cizgi-guclu);
  text-align: center;
  border-radius: 16px;
  padding: 40px 20px;
}

.yorum-kart {
  background: var(--kart);
  border: 1px solid var(--cizgi);
  transition: border-color var(--gecis);
  border-radius: 14px;
  padding: 16px 20px;
}

.yorum-kart:hover {
  border-color: var(--cizgi-guclu);
}

.yorum-kart-ust {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.yorum-kullanici {
  align-items: center;
  gap: 12px;
  display: flex;
}

.yorum-avatar {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-size: .95rem;
  font-weight: 700;
  display: flex;
}

.yorum-yazar-adi {
  color: var(--metin);
  font-size: .95rem;
}

.yorum-tarih {
  color: var(--metin-silik);
  font-size: .78rem;
  display: block;
}

.yorum-puan-rozet {
  color: #f59e0b;
  background: #f59e0b26;
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-size: .82rem;
  font-weight: 700;
  display: inline-flex;
}

.yorum-icerik-metin {
  color: var(--metin-soluk);
  word-break: break-word;
  white-space: pre-wrap;
  font-size: .94rem;
  line-height: 1.6;
}

.panel h2 {
  letter-spacing: -.01em;
  font-size: 1.15rem;
  font-weight: 600;
}

.panel p {
  color: var(--metin-soluk);
  font-size: .95rem;
}

.satir {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.alt-bilgi {
  border-top: 1px solid var(--cizgi);
  color: var(--metin-silik);
  margin-top: 56px;
  padding: 32px 0 28px;
  font-size: .8rem;
}

.alt-bilgi-ic {
  gap: 20px;
  display: grid;
}

.alt-bilgi-baglantilar {
  flex-wrap: wrap;
  gap: 6px 18px;
  display: flex;
}

.alt-bilgi-baglantilar a {
  color: var(--metin-soluk);
  padding: 4px 0;
  font-weight: 500;
}

.alt-bilgi-baglantilar a:hover {
  color: var(--metin);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.alt-bilgi p {
  max-width: 72ch;
}

.durum {
  text-align: center;
  place-items: center;
  min-height: 60vh;
  padding: 40px 16px;
  display: grid;
}

.durum-ic {
  justify-items: center;
  gap: 14px;
  max-width: 520px;
  display: grid;
}

.durum-kod {
  letter-spacing: -.04em;
  background: linear-gradient(135deg, #f5f5f7, #6e6e73);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(4rem, 18vw, 7rem);
  font-weight: 800;
  line-height: 1;
}

.durum h1 {
  letter-spacing: -.02em;
  font-size: 1.6rem;
  font-weight: 600;
}

.durum p {
  color: var(--metin-soluk);
}

.iskelet {
  background: linear-gradient(90deg, var(--kart) 25%, var(--kart-ust) 50%, var(--kart) 75%);
  border-radius: var(--yaricap);
  background-size: 200% 100%;
  animation: 1.4s infinite parilti;
}

.iskelet-kahraman {
  background: linear-gradient(90deg, var(--zemin-2) 25%, var(--zemin-3) 50%, var(--zemin-2) 75%);
  background-size: 200% 100%;
  border-radius: 0;
  height: min(60vh, 520px);
  animation: 1.4s infinite parilti;
}

.iskelet-baslik {
  width: 220px;
  height: 28px;
  margin: 36px 0 14px;
}

.iskelet-serit {
  gap: 12px;
  display: flex;
  overflow: hidden;
}

.iskelet-kart {
  aspect-ratio: 2 / 3.4;
  flex: none;
  width: clamp(138px, 40vw, 190px);
}

@keyframes parilti {
  from {
    background-position: 200% 0;
  }

  to {
    background-position: -200% 0;
  }
}

.yukle-ipucu {
  color: var(--metin-silik);
  font-size: .85rem;
}

@media (min-width: 640px) {
  :root {
    --kenar: 24px;
  }

  .izgara {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 16px;
  }

  .detay-ic, .kahraman-izgara {
    grid-template-columns: 220px 1fr;
    align-items: end;
    padding-top: 112px;
  }

  .kahraman-poster {
    width: 220px;
  }

  .alt-bilgi-ic {
    grid-template-columns: 1fr auto;
    align-items: start;
  }
}

@media (min-width: 900px) {
  :root {
    --kenar: 40px;
    --alt-yukseklik: 0px;
  }

  main {
    padding-bottom: 0;
  }

  .ust-baglantilar {
    display: flex;
  }

  .sadece-masaustu {
    display: inline-flex;
  }

  .menu-dugme, .alt-menu {
    display: none;
  }

  .serit > li {
    width: 190px;
  }

  .serit-sarmal:hover .serit-ok, .serit-sarmal:focus-within .serit-ok {
    display: flex;
  }

  .izgara {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 18px;
  }

  .detay-ic {
    grid-template-columns: 280px 1fr;
    gap: 36px;
  }

  .detay-poster {
    width: 280px;
  }

  .kahraman-izgara {
    grid-template-columns: 240px 1fr;
    gap: 34px;
    padding-bottom: 56px;
  }

  .kahraman-poster {
    width: 240px;
  }

  .alan {
    flex: 0 200px;
  }
}

@media (min-width: 1200px) {
  .serit > li {
    width: 210px;
  }
}

@media (hover: none) {
  .kart:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, :before, :after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  .kart:hover, .tur-kart:hover {
    transform: none;
  }
}

.kart-ilerleme {
  z-index: 2;
  background: #ffffff2e;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.kart-ilerleme span {
  background: var(--birincil);
  height: 100%;
  display: block;
}

.izle-sayfa-sarmal {
  width: 100%;
  max-width: 100vw;
  position: relative;
  overflow-x: clip;
}

.izle-sayfa {
  width: 100%;
  max-width: var(--kapsayici);
  box-sizing: border-box;
  min-width: 0;
  padding-top: 16px;
}

.oynatici {
  aspect-ratio: 16 / 9;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  max-height: calc(100dvh - var(--ust-yukseklik) - 32px);
  border-radius: var(--yaricap);
  -webkit-user-select: none;
  user-select: none;
  isolation: isolate;
  box-sizing: border-box;
  background: #000;
  outline: none;
  position: relative;
  overflow: hidden;
}

.oynatici:focus-visible {
  outline: 2px solid var(--odak);
  outline-offset: 2px;
}

:-webkit-any(.oynatici.tam-ekran, .oynatici:fullscreen, .oynatici:-webkit-full-screen) {
  aspect-ratio: auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
  max-height: none;
}

:is(.oynatici.tam-ekran, .oynatici:fullscreen, .oynatici:fullscreen) {
  aspect-ratio: auto;
  border-radius: 0;
  width: 100%;
  height: 100%;
  max-height: none;
}

.oyn-video {
  object-fit: contain;
  background: #000;
  width: 100%;
  height: 100%;
}

.oyn-video::cue {
  color: #fff;
  font-family: var(--yazi-tipi), system-ui, sans-serif;
  background: #000000bf;
  font-size: clamp(.9rem, 2.4vw, 1.4rem);
}

.oyn-katman {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.oyn-ust, .oyn-alt {
  z-index: 3;
  transition: opacity .2s;
  position: absolute;
  left: 0;
  right: 0;
}

.oyn-ust {
  background: linear-gradient(#000c, #0000);
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
  top: 0;
}

.oyn-baslik {
  flex: 1;
  min-width: 0;
  display: grid;
}

.oyn-baslik strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
  overflow: hidden;
}

.oyn-baslik span {
  color: #c9d0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .8rem;
  overflow: hidden;
}

.oyn-alt {
  background: linear-gradient(0deg, #000000e0, #0000);
  gap: 2px;
  padding: 6px 10px 8px;
  display: grid;
  bottom: 0;
}

.oynatici:not(.kontroller-acik) .oyn-ust, .oynatici:not(.kontroller-acik) .oyn-alt, .oynatici:not(.kontroller-acik) .oyn-orta {
  opacity: 0;
  pointer-events: none;
}

.oynatici:not(.kontroller-acik) {
  cursor: none;
}

.oyn-dugme {
  color: #fff;
  width: 44px;
  height: 44px;
  transition: background var(--gecis), color var(--gecis);
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.oyn-dugme:hover {
  background: #ffffff29;
}

.oyn-dugme svg {
  width: 24px;
  height: 24px;
}

.oyn-dugme[aria-pressed="true"] {
  color: var(--mavi);
}

.oyn-satir {
  align-items: center;
  gap: 0;
  display: flex;
}

.oyn-ses-sarmal {
  align-items: center;
  display: flex;
}

.oyn-ses {
  opacity: 0;
  width: 0;
  accent-color: var(--vurgu);
  transition: width var(--gecis), opacity var(--gecis);
}

.oyn-ses-sarmal:hover .oyn-ses, .oyn-ses-sarmal:focus-within .oyn-ses {
  opacity: 1;
  width: 84px;
  margin-right: 6px;
}

.oyn-zaman {
  font-variant-numeric: tabular-nums;
  color: #eef1f8;
  white-space: nowrap;
  padding: 0 8px;
  font-size: .82rem;
}

.oyn-bosluk {
  flex: 1;
}

.oyn-altyazi-sarmal {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
  position: relative;
}

.oyn-altyazi-sarmal .oyn-dugme {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.oyn-altyazi-secim {
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  appearance: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.oyn-altyazi-sarmal:hover .oyn-dugme, .oyn-altyazi-sarmal:focus-within .oyn-dugme {
  background: #ffffff29;
}

.oyn-secim {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  text-align: center;
  background: #ffffff1f;
  border: 1px solid #ffffff38;
  border-radius: 8px;
  max-width: 90px;
  min-height: 36px;
  margin: 0 4px;
  padding: 0 8px;
  font-size: .8rem;
  font-weight: 700;
  overflow: hidden;
}

.oyn-ilerleme {
  appearance: none;
  cursor: pointer;
  --yuzde: 0%;
  background: none;
  width: 100%;
  height: 24px;
  margin: 0;
}

.oyn-ilerleme::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, var(--birincil) var(--yuzde), #ffffff4d var(--yuzde));
  border-radius: 3px;
  height: 5px;
}

.oyn-ilerleme::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--birincil);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -5.5px;
  box-shadow: 0 0 0 3px #00000059;
}

.oyn-ilerleme::-moz-range-track {
  background: #ffffff52;
  border-radius: 3px;
  height: 5px;
}

.oyn-ilerleme::-moz-range-progress {
  background: var(--birincil);
  border-radius: 3px;
  height: 5px;
}

.oyn-ilerleme::-moz-range-thumb {
  background: var(--birincil);
  border: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.oyn-ilerleme:focus-visible {
  outline: 2px solid var(--odak);
  outline-offset: 0;
}

.oyn-baslangic {
  z-index: 4;
  text-align: center;
  color: #fff;
  background: linear-gradient(#05070f59, #05070fb3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: 0;
}

.oyn-baslangic-baslik {
  letter-spacing: -.02em;
  font-size: clamp(1.1rem, 3vw, 1.6rem);
  font-weight: 600;
}

.oyn-baslangic-alt {
  color: #d5dbea;
  font-size: .95rem;
}

.oyn-baslangic-not {
  color: #aab3c8;
  font-size: .78rem;
}

.oyn-buyuk {
  background: var(--birincil);
  width: 84px;
  height: 84px;
  color: var(--birincil-metin);
  transition: transform var(--gecis);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: 0 10px 40px #00000080;
}

.oyn-buyuk:hover {
  transform: scale(1.06);
}

.oyn-buyuk svg {
  width: 40px;
  height: 40px;
  margin-left: 4px;
}

.oyn-orta {
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  z-index: 3;
  width: 76px;
  height: 76px;
  transition: opacity .2s ease, transform .15s ease, background var(--gecis);
  cursor: pointer;
  background: #05070fb8;
  border: 1.5px solid #ffffff40;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.oyn-orta:hover {
  color: #000;
  border-color: var(--vurgu);
  background: #f0b429d9;
}

.oyn-orta:active {
  transform: translate(-50%, -50%) scale(.92);
}

.oyn-orta svg {
  width: 36px;
  height: 36px;
}

.oyn-yukleniyor {
  z-index: 2;
  color: #fff;
  pointer-events: none;
  align-items: center;
  gap: 10px;
  font-size: .9rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.donuyor {
  border: 3px solid #ffffff4d;
  border-top-color: var(--birincil);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: .8s linear infinite don;
}

@keyframes don {
  to {
    transform: rotate(360deg);
  }
}

.kisayollar {
  color: var(--metin-silik);
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 12px 0 0;
  font-size: .8rem;
  display: none;
}

.kisayollar kbd {
  border: 1px solid var(--cizgi-guclu);
  background: var(--zemin-2);
  min-width: 22px;
  color: var(--metin-soluk);
  text-align: center;
  border-radius: 6px;
  margin-right: 4px;
  padding: 1px 6px;
  font-family: inherit;
  font-size: .75rem;
  display: inline-block;
}

.izle-bilgi {
  box-sizing: border-box;
  gap: 28px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 24px;
  display: grid;
}

.izle-bilgi .detay-bilgi {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.izle-bilgi .detay-bilgi h1 {
  font-size: clamp(1.5rem, 4vw, 2.4rem);
}

@media (hover: none) {
  .oyn-ses-sarmal {
    display: none;
  }

  .oynatici:not(.kontroller-acik) {
    cursor: auto;
  }
}

@media (max-width: 640px) {
  .oyn-dugme, .oyn-altyazi-sarmal {
    width: 40px;
    height: 40px;
  }

  .oyn-zaman {
    padding: 0 4px;
    font-size: .74rem;
  }

  .oyn-secim {
    min-height: 32px;
    padding: 0 6px;
    font-size: .74rem;
  }

  .sadece-genis, .oyn-ust .etiket {
    display: none;
  }
}

@media (min-width: 900px) {
  .kisayollar {
    display: flex;
  }

  .izle-bilgi {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .donuyor {
    animation-duration: 1.5s !important;
    animation-iteration-count: infinite !important;
  }
}

.hesap-sarmal {
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 24px;
}

.hesap-sarmal.genis {
  max-width: none;
}

.hesap-ust {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  display: flex;
}

.hesap-ust h1 {
  letter-spacing: -.03em;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
}

.hesap-izgara {
  gap: 16px;
  margin-top: 20px;
  display: grid;
}

.ozet-liste {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.ozet-liste li {
  background: var(--zemin-3);
  border-radius: var(--yaricap-kucuk);
  text-align: center;
  gap: 2px;
  padding: 12px;
  display: grid;
}

.ozet-liste strong {
  letter-spacing: -.02em;
  color: var(--metin);
  font-size: 1.5rem;
  font-weight: 600;
}

.ozet-liste span {
  color: var(--metin-silik);
  font-size: .75rem;
}

.form-hata {
  color: #ffb4b4;
  border-radius: var(--yaricap-kucuk);
  background: #ff5c5c1a;
  border: 1px solid #ff5c5c4d;
  padding: 10px 12px;
  font-size: .9rem;
}

.form-basari {
  color: #b9f6ca;
  border-radius: var(--yaricap-kucuk);
  background: #69f0ae1a;
  border: 1px solid #69f0ae4d;
  padding: 10px 12px;
  font-size: .9rem;
}

.baglanti-dugme {
  color: var(--mavi);
  font-weight: 500;
}

.baglanti-dugme:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.tehlike-panel {
  border-color: #ff5c5c4d;
}

.girdi[readonly] {
  color: var(--metin-silik);
  background: var(--zemin-3);
}

@media (min-width: 900px) {
  .hesap-izgara {
    grid-template-columns: 1fr 1fr;
  }
}

.oynatici:not(.basladi) .oyn-alt {
  display: none;
}

.oynatici:not(.basladi) .oyn-ust {
  background: none;
}

@media (max-width: 640px) {
  .oynatici:not(.basladi) .oyn-baslangic-baslik, .oynatici:not(.basladi) .oyn-baslangic-alt, .oyn-baslangic-not {
    display: none;
  }

  .oyn-buyuk {
    width: 64px;
    height: 64px;
  }

  .oyn-buyuk svg {
    width: 30px;
    height: 30px;
  }

  .oyn-baslangic {
    gap: 6px;
  }
}

@media (min-width: 641px) {
  .oynatici:not(.basladi) .oyn-baslik {
    visibility: hidden;
  }
}

.panel .girdi, .panel .secim {
  background: var(--kart-ust);
}

.panel .girdi[readonly] {
  background: #ffffff0a;
}

.logo {
  transition: transform var(--gecis);
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  align-items: center;
  gap: 11px;
  padding: 4px 6px;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.logo:hover {
  transform: translateY(-1px);
}

.logo:hover .logo-isaret {
  filter: drop-shadow(0 4px 14px #2997ffa6);
  transform: scale(1.04) rotate(-1deg);
}

.logo:hover .logo-cix, .logo:hover .logo-mor {
  filter: drop-shadow(0 0 16px #38bdf8bf);
}

.logo-isaret {
  width: 35px;
  height: 29px;
  transition: transform var(--gecis), filter var(--gecis);
  filter: drop-shadow(0 2px 8px #2997ff66);
  flex-shrink: 0;
  display: block;
}

.logo-metin {
  font-family: var(--font-logo), "Outfit", "Montserrat", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  letter-spacing: -.025em;
  text-transform: uppercase;
  align-items: center;
  font-size: clamp(1.22rem, 3.2vw, 1.42rem);
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
}

.logo-film, .logo-sari {
  color: #fff;
  background: linear-gradient(#fff 0%, #e2e8f0 100%);
  -webkit-text-fill-color: transparent;
  letter-spacing: -.02em;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
}

.logo-cix, .logo-mor {
  color: #2997ff;
  background: linear-gradient(135deg, #38bdf8 0%, #2997ff 60%, #00d2ff 100%);
  -webkit-text-fill-color: transparent;
  letter-spacing: -.01em;
  filter: drop-shadow(0 0 10px #2997ff73);
  transition: filter var(--gecis);
  -webkit-background-clip: text;
  background-clip: text;
  padding-left: 1px;
  font-weight: 900;
}

@media (max-width: 420px) {
  .logo {
    gap: 8px;
    padding: 2px;
  }

  .logo-isaret {
    width: 29px;
    height: 24px;
  }

  .logo-metin {
    font-size: 1.18rem;
  }
}

.alan-ipucu {
  color: var(--metin-silik);
  margin-top: 4px;
  font-size: .78rem;
}

.arama-sarmal {
  margin: 12px 0 16px;
  position: relative;
}

.arama-formu {
  gap: 8px;
  margin: 0;
  display: flex;
}

.arama-kutu {
  flex: 1;
  min-width: 0;
  position: relative;
}

.arama-ikon {
  width: 18px;
  height: 18px;
  color: var(--metin-silik);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

.arama-girdi {
  padding-left: 42px;
  padding-right: 42px;
  font-size: 1.02rem;
}

.arama-temizle {
  width: 32px;
  height: 32px;
  color: var(--metin-silik);
  background: #ffffff14;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.arama-temizle:hover {
  color: var(--metin);
  background: #ffffff29;
}

.arama-temizle svg {
  width: 16px;
  height: 16px;
}

.arama-git {
  flex-shrink: 0;
}

.arama-oneri {
  z-index: 60;
  background: var(--zemin-2);
  border: 1px solid var(--cizgi-guclu);
  border-radius: 14px;
  max-height: 480px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  overflow: hidden auto;
  box-shadow: 0 24px 60px #0009;
}

.arama-oneri ul {
  padding: 6px 0;
}

.arama-oge {
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 10px 14px;
  display: flex;
}

.arama-oge:hover, .arama-oge.vurgulu {
  background: var(--kart-ust);
}

.arama-oge img {
  object-fit: cover;
  background: var(--zemin-3);
  border-radius: 6px;
  flex-shrink: 0;
  width: 40px;
  height: 60px;
}

.arama-oge-metin {
  flex: 1;
  gap: 2px;
  min-width: 0;
  display: grid;
}

.arama-oge-metin strong {
  color: var(--metin);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .95rem;
  font-weight: 600;
  overflow: hidden;
}

.arama-oge-metin span {
  color: var(--metin-silik);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .78rem;
  overflow: hidden;
}

.arama-puan {
  color: var(--vurgu-acik);
  background: #f0b4291f;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: .82rem;
  font-weight: 700;
  display: inline-flex;
}

.arama-mesaj {
  color: var(--metin-soluk);
  text-align: center;
  padding: 18px 16px;
  font-size: .9rem;
}

.arama-tumu {
  text-align: center;
  color: var(--mavi);
  border-top: 1px solid var(--cizgi);
  padding: 12px 16px;
  font-size: .9rem;
  font-weight: 600;
  display: block;
}

.arama-tumu:hover {
  background: var(--kart-ust);
}

img.logo-isaret {
  width: auto;
  height: 30px;
  display: block;
}

@media (max-width: 560px) {
  .arama-formu {
    gap: 6px;
  }

  .arama-git {
    min-width: 46px;
    padding: 10px 12px;
  }

  .arama-girdi {
    padding-left: 38px;
    padding-right: 40px;
    font-size: 16px;
  }

  .arama-ikon {
    width: 17px;
    height: 17px;
    left: 11px;
  }

  .sekmeler {
    gap: 5px;
  }

  .sekme {
    min-height: 38px;
    padding: 7px 12px;
    font-size: .85rem;
  }

  .sayfa-baslik p {
    font-size: .92rem;
  }
}

@media (max-width: 380px) {
  .sekme {
    padding: 6px 10px;
    font-size: .8rem;
  }
}

.uyg-sarmal {
  gap: 22px;
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 0 24px;
  display: grid;
}

.uyg-kahraman {
  text-align: center;
  justify-items: center;
  gap: 12px;
  display: grid;
}

.uyg-simge {
  border-radius: 22px;
  box-shadow: 0 16px 40px -12px #2997ff80;
}

.uyg-kahraman h1 {
  letter-spacing: -.03em;
  font-size: clamp(1.5rem, 5vw, 2.1rem);
  font-weight: 700;
}

.uyg-kahraman p {
  color: var(--metin-soluk);
  max-width: 48ch;
  font-size: .98rem;
  line-height: 1.6;
}

.uyg-durum {
  background: var(--zemin-3);
  border-radius: 16px;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  display: flex;
}

.uyg-durum.basari {
  background: #69f0ae1a;
  border: 1px solid #69f0ae47;
}

.uyg-durum svg {
  color: #69f0ae;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
}

.uyg-durum div {
  gap: 2px;
  display: grid;
}

.uyg-durum strong {
  font-size: .98rem;
  font-weight: 600;
}

.uyg-durum span {
  color: var(--metin-soluk);
  font-size: .88rem;
}

.uyg-hizli {
  background: var(--zemin-3);
  text-align: center;
  border-radius: 18px;
  justify-items: center;
  gap: 10px;
  padding: 20px;
  display: grid;
}

.uyg-hizli span {
  color: var(--metin-silik);
  font-size: .85rem;
}

.uyg-sekmeler {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.uyg-adimlar {
  counter-reset: adim;
  gap: 12px;
  display: grid;
}

.uyg-adim {
  background: var(--kart);
  transition: transform var(--gecis), background var(--gecis);
  border-radius: 16px;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.uyg-adim:hover {
  background: var(--kart-ust);
}

.uyg-adim-no {
  color: #fff;
  background: linear-gradient(135deg, #2997ff, #0a84ff);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: .95rem;
  font-weight: 700;
  display: inline-flex;
}

.uyg-adim-govde {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.uyg-adim-govde strong {
  font-size: 1rem;
  font-weight: 600;
}

.uyg-adim-govde p {
  color: var(--metin-soluk);
  font-size: .9rem;
  line-height: 1.6;
}

.uyg-simge-demo {
  background: var(--zemin-2);
  color: var(--metin-soluk);
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 6px;
  padding: 8px 14px;
  font-size: .85rem;
  display: inline-flex;
}

.uyg-avantaj {
  background: var(--zemin-3);
  border-radius: 18px;
  gap: 14px;
  padding: 22px;
  display: grid;
}

.uyg-avantaj h2 {
  letter-spacing: -.01em;
  font-size: 1.1rem;
  font-weight: 600;
}

.uyg-avantaj ul {
  gap: 10px;
  display: grid;
}

.uyg-avantaj li {
  color: var(--metin-soluk);
  gap: 2px;
  padding-left: 18px;
  font-size: .9rem;
  line-height: 1.55;
  display: grid;
  position: relative;
}

.uyg-avantaj li:before {
  content: "";
  background: var(--mavi);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  left: 0;
}

.uyg-avantaj strong {
  color: var(--metin);
  font-weight: 600;
  display: block;
}

.uyg-not {
  color: var(--metin-silik);
  text-align: left;
  align-items: flex-start;
  gap: 10px;
  font-size: .85rem;
  line-height: 1.6;
  display: flex;
}

.uyg-not svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.oyn-kapat {
  flex-shrink: 0;
}

.oyn-kapat:hover {
  color: #ffb4b4;
  background: #ff5c5c38;
}

.dil-secici {
  background: #ffffff14;
  border-radius: 999px;
  flex-shrink: 0;
  gap: 2px;
  padding: 3px;
  display: inline-flex;
}

.dil-dugme {
  letter-spacing: .02em;
  min-width: 36px;
  min-height: 32px;
  color: var(--metin-soluk);
  transition: background var(--gecis), color var(--gecis);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: .78rem;
  font-weight: 700;
}

.dil-dugme:hover {
  color: var(--metin);
}

.dil-dugme[aria-pressed="true"] {
  background: var(--birincil);
  color: var(--birincil-metin);
}

.dil-secici.genis {
  justify-content: stretch;
  width: 100%;
}

.dil-secici.genis .dil-dugme {
  flex: 1;
  min-height: 40px;
  font-size: .9rem;
}

.cekmece-dil {
  padding: 10px 2px 4px;
}

.uyg-kahraman {
  text-align: left;
  justify-items: start;
}

.uyg-kahraman p {
  max-width: none;
}

@media (min-width: 720px) {
  .uyg-kahraman {
    text-align: center;
    justify-items: center;
  }

  .uyg-kahraman p {
    max-width: 48ch;
  }

  .uyg-sekmeler {
    justify-content: center;
  }
}

.ust {
  padding-top: env(safe-area-inset-top);
  height: calc(var(--ust-yukseklik) + env(safe-area-inset-top));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transform: translateZ(0);
}

.ust-ic {
  height: var(--ust-yukseklik);
  padding-left: max(var(--kenar), env(safe-area-inset-left));
  padding-right: max(var(--kenar), env(safe-area-inset-right));
}

.cekmece {
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  padding-right: max(16px, env(safe-area-inset-right));
}

.alt-menu {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.bildirim {
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}

@media (display-mode: standalone) {
  html, body, .ust {
    background: #000;
  }
}

.icerik-alt-ad {
  color: var(--metin-silik);
  margin-top: -6px;
  font-size: 1rem;
  font-weight: 500;
}

.tg-popup-arka {
  -webkit-backdrop-filter: blur(8px);
  z-index: 1000;
  background: #000000c7;
  justify-content: center;
  align-items: center;
  padding: 18px;
  animation: .25s ease-out tgFadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.tg-popup-kutu {
  text-align: center;
  background: linear-gradient(#181c24 0%, #0d1017 100%);
  border: 1px solid #ffffff1f;
  border-radius: 20px;
  width: 100%;
  max-width: 420px;
  padding: 32px 24px 26px;
  animation: .28s cubic-bezier(.16, 1, .3, 1) tgScaleIn;
  position: relative;
  box-shadow: 0 20px 40px #0009, 0 0 30px #29b6f626;
}

.tg-popup-kapat {
  width: 34px;
  height: 34px;
  color: var(--metin-soluk);
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: 14px;
  right: 14px;
}

.tg-popup-kapat:hover {
  color: #fff;
  background: #ffffff26;
  transform: scale(1.05);
}

.tg-popup-kapat svg {
  width: 18px;
  height: 18px;
}

.tg-popup-simge-alani {
  justify-content: center;
  margin-bottom: 18px;
  display: flex;
}

.tg-popup-simge-halka {
  background: radial-gradient(circle, #29b6f6 0%, #0288d1 100%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
  box-shadow: 0 8px 24px #29b6f673;
}

.tg-popup-simge {
  color: #fff;
  width: 38px;
  height: 38px;
}

.tg-popup-baslik {
  color: #fff;
  margin-bottom: 10px;
  font-size: 1.3rem;
  font-weight: 700;
}

.tg-popup-aciklama {
  color: var(--metin-soluk);
  margin-bottom: 24px;
  font-size: .92rem;
  line-height: 1.5;
}

.tg-popup-eylemler {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.tg-popup-katil-dugme {
  color: #fff;
  background: linear-gradient(135deg, #29b6f6 0%, #0288d1 100%);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 13px 20px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  box-shadow: 0 6px 18px #29b6f659;
}

.tg-popup-katil-dugme:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #29b6f68c;
}

.tg-popup-vazgec-dugme {
  color: var(--metin-silik);
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px;
  font-size: .88rem;
  transition: color .2s;
}

.tg-popup-vazgec-dugme:hover {
  color: var(--metin-soluk);
}

.tg-menu-dugme:hover {
  color: #29b6f6 !important;
}

.tg-cekmece-link {
  color: var(--metin);
  border-radius: 10px;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  text-decoration: none;
  transition: background .15s;
  display: flex;
}

.tg-cekmece-link:hover {
  background: #29b6f61a;
}

.alt-bilgi-tg {
  align-items: center;
  gap: 5px;
  font-weight: 600;
  display: inline-flex;
  color: #29b6f6 !important;
}

.alt-bilgi-tg:hover {
  text-decoration: underline;
}

@keyframes tgFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes tgScaleIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.admin-sayfasi {
  padding: 32px 0 64px;
}

.admin-ust {
  border-bottom: 1px solid var(--cizgi);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 28px;
  padding-bottom: 20px;
  display: flex;
}

.admin-rozet {
  color: #f0b429;
  letter-spacing: .08em;
  background: #f0b4291f;
  border: 1px solid #f0b42940;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  padding: 4px 10px;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.admin-alt-yazi {
  color: var(--metin-soluk);
  margin-top: 4px;
  font-size: .9rem;
}

.admin-alt-yazi strong {
  color: var(--metin);
}

.admin-ust-sag {
  gap: 10px;
  display: flex;
}

.admin-bildirim {
  border-radius: 10px;
  align-items: center;
  margin-bottom: 20px;
  padding: 12px 18px;
  font-size: .92rem;
  font-weight: 500;
  animation: .2s ease-out tgFadeIn;
  display: flex;
}

.admin-bildirim.basari {
  color: #34d399;
  background: #10b98126;
  border: 1px solid #10b9814d;
}

.admin-bildirim.hata {
  color: #f87171;
  background: #ef444426;
  border: 1px solid #ef44444d;
}

.admin-sekmeler {
  border-bottom: 1px solid var(--cizgi);
  gap: 8px;
  margin-bottom: 24px;
  padding-bottom: 1px;
  display: flex;
  overflow-x: auto;
}

.admin-sekme {
  color: var(--metin-soluk);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  font-size: .95rem;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.admin-sekme:hover {
  color: var(--metin);
}

.admin-sekme.aktif {
  color: #f0b429;
  border-bottom-color: #f0b429;
}

.admin-icerik-alani {
  gap: 24px;
  display: grid;
}

.admin-kart-izgara {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  display: grid;
}

.admin-istatistik-karti {
  background: var(--zemin-kart);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  flex-direction: column;
  gap: 6px;
  padding: 20px 18px;
  display: flex;
}

.istatistik-etiket {
  color: var(--metin-soluk);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .8rem;
  font-weight: 600;
}

.istatistik-sayi {
  color: var(--metin);
  font-size: 1.8rem;
  font-weight: 800;
}

.istatistik-alt {
  color: var(--metin-silik);
  font-size: .78rem;
}

.admin-panel-kutu {
  background: var(--zemin-kart);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  padding: 24px;
}

.admin-kutu-ust {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.admin-kutu-ust h2 {
  font-size: 1.15rem;
  font-weight: 700;
}

.admin-bilgi-tablosu {
  gap: 12px;
  display: grid;
}

.bilgi-satiri {
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  padding: 10px 0;
  font-size: .9rem;
  display: flex;
}

.bilgi-anahtar {
  color: var(--metin-soluk);
}

.bilgi-deger {
  color: var(--metin);
  font-weight: 600;
}

.admin-arama-cubugu {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.admin-arama-kapsayici {
  flex: 1;
  align-items: center;
  min-width: 240px;
  display: flex;
  position: relative;
}

.admin-arama-kapsayici svg {
  pointer-events: none;
  position: absolute;
  left: 14px;
}

.admin-arama-kapsayici .girdi {
  width: 100%;
  padding-left: 42px;
}

.admin-tablo-kapsayici {
  background: var(--zemin-kart);
  border: 1px solid var(--cizgi);
  border-radius: 14px;
  overflow-x: auto;
}

.admin-tablo {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: .88rem;
}

.admin-tablo th {
  color: var(--metin-soluk);
  border-bottom: 1px solid var(--cizgi);
  white-space: nowrap;
  background: #ffffff08;
  padding: 14px 16px;
  font-weight: 600;
}

.admin-tablo td {
  color: var(--metin);
  vertical-align: middle;
  border-bottom: 1px solid #ffffff0d;
  padding: 14px 16px;
}

.admin-tablo tr:last-child td {
  border-bottom: none;
}

.admin-tablo tr:hover td {
  background: #ffffff05;
}

.admin-etiket-kok {
  color: #ef4444;
  letter-spacing: .05em;
  background: #ef44442e;
  border: 1px solid #ef44444d;
  border-radius: 4px;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: .65rem;
  font-weight: 800;
  display: inline-block;
}

.admin-rol-etiket {
  letter-spacing: .04em;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 700;
  display: inline-block;
}

.admin-rol-etiket.admin {
  color: #f0b429;
  background: #f0b42926;
  border: 1px solid #f0b4294d;
}

.admin-rol-etiket.kullanici {
  color: var(--metin-soluk);
  background: #ffffff0f;
}

.admin-islem-dugmeleri {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.admin-koruma-ipucu {
  color: var(--metin-silik);
  font-size: .78rem;
  font-style: italic;
}

.admin-icerik-link {
  color: #38bdf8;
  font-weight: 500;
}

.admin-icerik-link:hover {
  text-decoration: underline;
}

.admin-kucuk-ka {
  color: var(--metin-silik);
  font-size: .75rem;
}

.admin-puan-rozet {
  color: #f0b429;
  background: #f0b42926;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: .75rem;
  font-weight: 700;
}

.admin-yorum-metni {
  max-width: 340px;
  color: var(--metin-soluk);
  line-height: 1.4;
}

.admin-canli-nokta {
  background: #10b981;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  animation: 1.6s infinite canliPuls;
  display: inline-block;
  box-shadow: 0 0 10px #10b981;
}

.admin-analiz-ust-bar {
  border: 1px solid var(--cizgi);
  background: #ffffff05;
  border-radius: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  display: flex;
}

.admin-canli-durum-rozet {
  color: #34d399;
  align-items: center;
  gap: 8px;
  font-size: .88rem;
  font-weight: 600;
  display: inline-flex;
}

.admin-canli-puls {
  background: #10b981;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: 1.5s infinite canliPuls;
  display: inline-block;
  box-shadow: 0 0 12px #10b981;
}

@keyframes canliPuls {
  0% {
    opacity: .7;
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }

  100% {
    opacity: .7;
    transform: scale(.95);
  }
}

.admin-anahtar-etiket {
  color: var(--metin-soluk);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 6px;
  font-size: .85rem;
  display: inline-flex;
}

.admin-istatistik-karti.vurgulu-yesil {
  background: linear-gradient(#10b98114 0%, #10b98105 100%);
  border-color: #10b98159;
}

.admin-istatistik-karti.vurgulu-yesil .istatistik-sayi {
  color: #34d399;
}

.admin-istatistik-karti.vurgulu-mavi {
  background: linear-gradient(#38bdf814 0%, #38bdf805 100%);
  border-color: #38bdf859;
}

.admin-istatistik-karti.vurgulu-mavi .istatistik-sayi {
  color: #38bdf8;
}

.admin-istatistik-karti.vurgulu-altin {
  background: linear-gradient(#f0b42914 0%, #f0b42905 100%);
  border-color: #f0b42959;
}

.admin-istatistik-karti.vurgulu-altin .istatistik-sayi {
  color: #f0b429;
}

.admin-analiz-ikili {
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  display: grid;
}

@media (max-width: 992px) {
  .admin-analiz-ikili {
    grid-template-columns: 1fr;
  }
}

.admin-rozet-kucuk {
  color: var(--metin-soluk);
  background: #ffffff0f;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .72rem;
  font-weight: 700;
}

.admin-tur-etiket {
  color: var(--metin-soluk);
  background: #ffffff0f;
  border-radius: 4px;
  padding: 2px 6px;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.admin-akiss-listesi {
  gap: 8px;
  max-height: 480px;
  padding-right: 4px;
  display: grid;
  overflow-y: auto;
}

.admin-akis-satiri {
  background: #ffffff05;
  border: 1px solid #ffffff0a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.admin-akis-satiri:hover {
  background: #ffffff0a;
}

.admin-akis-sol {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.admin-akis-rozet {
  white-space: nowrap;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: .7rem;
  font-weight: 700;
}

.admin-akis-rozet.izleme {
  color: #38bdf8;
  background: #38bdf82e;
  border: 1px solid #38bdf84d;
}

.admin-akis-rozet.sayfa {
  color: var(--metin-soluk);
  background: #ffffff0f;
}

.admin-akis-bilgi {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.admin-akis-baslik {
  color: var(--metin);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .85rem;
  font-weight: 600;
  overflow: hidden;
}

.admin-akis-yol {
  color: var(--metin-silik);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  overflow: hidden;
}

.admin-akis-zaman {
  color: var(--metin-silik);
  white-space: nowrap;
  font-size: .75rem;
}

.admin-bilgi-panosu {
  background: linear-gradient(135deg, #f0b4291a 0%, #0f172a99 100%);
  border: 1px solid #f0b4294d;
  border-radius: 14px;
  padding: 20px 22px;
}

.admin-bilgi-panosu h3 {
  color: #f0b429;
  margin-bottom: 8px;
  font-size: 1.05rem;
  font-weight: 700;
}

.admin-bilgi-panosu p {
  color: var(--metin);
  font-size: .92rem;
  line-height: 1.5;
}

.admin-pano-alt {
  margin-top: 6px;
  color: var(--metin-soluk) !important;
  font-size: .84rem !important;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0enjh127pesms._.css.map*/