:root {
  --u: 2px;
  --k-bg0: #040810; --k-bg1: #0a1220;
  --k-fr0: #03060c; --k-fr1: #152642; --k-fr2: #26426c; --k-fr3: #40689e; --k-fr4: #70a0d6;
  --k-cy1: #0c4e64; --k-cy2: #1a96ba; --k-cy3: #40d6f6; --k-cy4: #a8f0ff;
  --k-au2: #6a5214; --k-au3: #d4a828; --k-au4: #ffd85c;
  --k-tx0: #344c70; --k-tx1: #6082b2; --k-tx2: #a4c6ec; --k-tx3: #e8f4ff;
  --zemin: #06041a;
  --piksel: 'Pixel Galaxy 5x8', ui-monospace, Consolas, monospace;
  --kolon: min(calc(600 * var(--u)), 92vw);
  color-scheme: dark;
}

@property --iz-aci { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--zemin);
  color: var(--k-tx2);
  font-family: var(--piksel);
  font-size: calc(8 * var(--u));
  line-height: calc(10 * var(--u));
  font-kerning: none;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: none;
  overflow-x: hidden;
  cursor: url('kit/imlec-hologram.png') 1 1, auto;
}
h1, h2, h3, p, figure, ul { margin: 0; padding: 0; font-weight: normal; }
ul { list-style: none; }
a { color: var(--k-cy3); text-decoration: none; cursor: pointer; }
img { display: block; image-rendering: pixelated; -webkit-user-drag: none; user-select: none; }
img.yumusak { image-rendering: auto; }
:focus-visible { outline: var(--u) solid var(--k-cy3); outline-offset: calc(2 * var(--u)); }
::selection { background: var(--k-cy1); color: var(--k-tx3); }
::-webkit-scrollbar { width: calc(5 * var(--u)); }
::-webkit-scrollbar-track { background: var(--k-bg0); }
::-webkit-scrollbar-thumb { background: var(--k-fr3); border: var(--u) solid var(--k-fr0); }

#gok {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: -3; display: block; pointer-events: none;
  image-rendering: pixelated; background: var(--zemin);
}

#kayan {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: -3; display: block; pointer-events: none;
  image-rendering: pixelated;
}
#kivilcim {
  position: fixed; inset: 0; width: 100%; height: 100%;
  z-index: 9; display: block; pointer-events: none;
}

#uzay { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.cisim { position: absolute; will-change: transform; }
.cisim .suz, .cisim .suz2 { display: block; position: relative; }
.cisim .govde { width: 100%; height: auto; image-rendering: auto; }
.parla {
  position: absolute; left: -15%; top: -15%; width: 130%; height: 130%;
  display: block; pointer-events: none;
  mix-blend-mode: screen; mix-blend-mode: plus-lighter;
}
@keyframes suzulme1 { 0%, 100% { transform: translate3d(0, -0.46%, 0); } 50% { transform: translate3d(0, 0.46%, 0); } }
@keyframes suzulme2 { 0%, 100% { transform: translate3d(0, 0.19%, 0); } 50% { transform: translate3d(0, -0.19%, 0); } }
.gezegen .suz { animation: suzulme1 29s ease-in-out infinite; }
.cisim .suz2 { animation: suzulme2 17s ease-in-out infinite; }
.g2 .suz { animation-delay: -13s; }
.gezegen { --olcu: min(100vh, 140vw); translate: -50% -50%; }
.g1 { width: calc(0.95 * var(--olcu)); left: 12vw; top: 22vh; }
.g2 { width: calc(0.8 * var(--olcu)); left: 90vw; top: 86vh; }

body::before {
  content: '';
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, rgba(4, 8, 16, 0.55), rgba(4, 8, 16, 0.25) 70%);
  opacity: var(--karart, 0);
}

main { position: relative; z-index: 1; }

.oyna {
  display: flex; align-items: center; justify-content: center;
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  color: var(--k-cy3);
  line-height: 1;
  white-space: nowrap;
  image-rendering: pixelated;
}
.oyna:hover, .oyna:focus-visible { border-image-source: url('kit/buton_hover.png'); color: var(--k-cy4); }
.oyna:active { border-image-source: url('kit/buton_press.png'); padding-top: var(--u); }
.oyna.buyuk {
  position: relative;
  width: min(calc(210 * var(--u)), 80vw);
  height: calc(28 * var(--u));
  font-size: calc(16 * var(--u));
  letter-spacing: calc(4 * var(--u));
  text-indent: calc(4 * var(--u));
  animation: oynaNabiz 2.6s ease-in-out infinite;
}
.oyna.buyuk::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg,
    transparent 0 42%,
    rgba(168, 240, 255, 0.16) 42% 45%,
    rgba(232, 244, 255, 0.42) 45% 49%,
    rgba(168, 240, 255, 0.16) 49% 52%,
    transparent 52% 100%) no-repeat;
  background-size: 300% 100%;
  background-position: 120% 0;
  mix-blend-mode: screen;
  mix-blend-mode: plus-lighter;
  animation: oynaSerit 3.2s cubic-bezier(.45, 0, .25, 1) infinite;
}
.oyna.buyuk:hover::before, .oyna.buyuk:focus-visible::before { animation-duration: 1.4s; }
.oyna:not([href]), .wiki-oyna:not([href]), .oyna-bag:not([href]) { cursor: default; user-select: none; -webkit-tap-highlight-color: transparent; }
.oyna:not([href]):hover, .oyna:not([href]):active { border-image-source: url('kit/buton_off.png'); color: var(--k-cy3); padding-top: 0; }
.oyna.buyuk:not([href]):hover::before { animation-duration: 3.2s; }
.yasal-geri.wiki-oyna:not([href]):hover { border-image-source: url('kit/buton_off.png'); color: var(--k-cy3); }
.altlik-baglanti .oyna-bag:not([href]):hover { border-image-source: url('kit/rozet.png'); color: var(--k-cy3); }
@keyframes oynaSerit {
  0% { background-position: 120% 0; }
  45%, 100% { background-position: -20% 0; }
}
@keyframes oynaNabiz {
  0%, 100% { filter: drop-shadow(0 0 calc(2 * var(--u)) rgba(64, 214, 246, 0.35)); }
  50% { filter: drop-shadow(0 0 calc(7 * var(--u)) rgba(64, 214, 246, 0.8)); }
}

.kahraman {
  position: relative;
  overflow-x: clip;
  min-height: 100vh; min-height: 100svh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: calc(8 * var(--u));
  padding: calc(12 * var(--u)) calc(8 * var(--u)) calc(12 * var(--u));
  text-align: center;
}

.logo-sar { position: relative; display: flex; justify-content: center; width: fit-content; margin-inline: auto; }
.logo {
  position: relative; z-index: 1;
  width: min(calc(440 * var(--u)), 94vw);
  max-height: 40vh;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 0 calc(10 * var(--u)) rgba(64, 214, 246, 0.22)) drop-shadow(0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.6));
}
.logo-acilis {
  position: absolute; inset: 0; z-index: 3;
  width: 100%; height: 100%;
  pointer-events: none;
  image-rendering: pixelated;
  filter: drop-shadow(0 0 calc(10 * var(--u)) rgba(64, 214, 246, 0.3));
}
.logo-acilis.son { opacity: 0; transition: opacity 350ms ease; }
.js .logo-sar:not(.hazir) .logo,
.js .logo-sar:not(.hazir) .enerji { opacity: 0; animation: yedekGoster 0s linear 4s forwards; }
.enerji { transition: opacity 900ms ease 150ms; }
.js .kahraman > :not(.logo-sar):not(.irk) { transition: opacity 500ms ease, translate 600ms cubic-bezier(.2, .8, .2, 1); }
.js .kahraman:not(.hazir) > :not(.logo-sar):not(.irk) {
  opacity: 0; translate: 0 calc(6 * var(--u));
  animation: yedekGoster 0s linear 4s forwards;
}
.js .kahraman > .slogan { transition-delay: 100ms; }
.js .kahraman > .oyna { transition-delay: 220ms; }
.js .kahraman > .rozetler { transition-delay: 340ms; }
@keyframes yedekGoster { to { opacity: 1; translate: 0 0; } }

.enerji { position: absolute; inset: -4% -3%; pointer-events: none; mix-blend-mode: screen; mix-blend-mode: plus-lighter; }
.enerji.arka { z-index: 0; }
.enerji.on { z-index: 2; }
.enerji i { position: absolute; inset: 0; display: block; }
.hale { filter: blur(calc(7 * var(--u))); opacity: 0.42; }
.hale .akis { transform: scale(1.035); }
.akis, .sup {
  -webkit-mask: url('logo-1024.webp') center / contain no-repeat;
  mask: url('logo-1024.webp') center / contain no-repeat;
}
.akis {
  background: linear-gradient(100deg, #0c4e64, #1a96ba, #40d6f6, #6a5fd0, #d4a828, #1a96ba, #0c4e64);
  background-size: 300% 100%;
  animation: enerjiAkis 7s linear infinite;
}
.sup {
  background: linear-gradient(105deg, transparent 45%, rgba(232, 244, 255, 0.5) 50%, transparent 55%);
  background-size: 260% 100%;
  animation: enerjiSup 6.5s ease-in-out infinite;
}
@keyframes enerjiAkis { to { background-position: -300% 0; } }
@keyframes enerjiSup { 0% { background-position: 170% 0; } 55%, 100% { background-position: -70% 0; } }

.slogan {
  display: flex; align-items: center; justify-content: center;
  gap: calc(6 * var(--u));
  padding: calc(3 * var(--u)) calc(14 * var(--u));
  background: linear-gradient(90deg, transparent, rgba(4, 8, 16, 0.8) 16%, rgba(4, 8, 16, 0.8) 84%, transparent);
  color: var(--k-tx3);
  letter-spacing: calc(2 * var(--u));
  text-shadow:
    var(--u) 0 0 var(--k-bg0), calc(-1 * var(--u)) 0 0 var(--k-bg0),
    0 var(--u) 0 var(--k-bg0), 0 calc(-1 * var(--u)) 0 var(--k-bg0),
    0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.85);
  margin-top: calc(-2 * var(--u));
  white-space: nowrap;
}
.slogan::before, .slogan::after {
  content: '';
  width: calc(32 * var(--u)); height: calc(2 * var(--u));
  background: url('kit/ayirac.png') 0 0 / calc(48 * var(--u)) calc(2 * var(--u)) repeat-x;
  image-rendering: pixelated;
}
.nokta {
  display: inline-block;
  width: calc(3 * var(--u)); height: calc(3 * var(--u));
  background: var(--k-au4);
  rotate: 45deg;
  box-shadow: 0 0 calc(3 * var(--u)) rgba(255, 216, 92, 0.7);
}

.rozetler {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: calc(3 * var(--u)) calc(8 * var(--u));
  padding: calc(3 * var(--u)) calc(18 * var(--u));
  background: linear-gradient(90deg, transparent, rgba(4, 8, 16, 0.72) 18%, rgba(4, 8, 16, 0.72) 82%, transparent);
  color: var(--k-cy4);
  letter-spacing: var(--u);
  text-shadow:
    var(--u) 0 0 var(--k-bg0), calc(-1 * var(--u)) 0 0 var(--k-bg0),
    0 var(--u) 0 var(--k-bg0), 0 calc(-1 * var(--u)) 0 var(--k-bg0),
    0 0 calc(6 * var(--u)) rgba(64, 214, 246, 0.45);
}
.rozetler li { display: flex; align-items: center; gap: calc(8 * var(--u)); }
.rozetler li + li::before {
  content: '';
  width: calc(3 * var(--u)); height: calc(3 * var(--u));
  background: var(--k-au4);
  rotate: 45deg;
  box-shadow: 0 0 calc(3 * var(--u)) rgba(255, 216, 92, 0.7);
}

.menu {
  position: absolute; top: calc(8 * var(--u)); right: calc(10 * var(--u)); z-index: 6;
}
.menu-liste { display: flex; gap: calc(4 * var(--u)); }
.menu-dugme {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  min-width: calc(52 * var(--u));
  height: calc(18 * var(--u));
  padding: 0 calc(8 * var(--u));
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  letter-spacing: var(--u);
  text-indent: var(--u);
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}
.menu-dugme:hover, .menu-dugme:focus-visible { border-image-source: url('kit/buton_hover.png'); color: var(--k-cy4); }
.dil-dugme { color: var(--k-au4); }
.menu-dugme.dil-dugme { min-width: calc(30 * var(--u)); padding: 0 calc(6 * var(--u)); }
.yasal-geri.dil-dugme { padding: 0 calc(6 * var(--u)); }
.yasal-ust .yasal-geri:first-child, .wiki-ust .yasal-geri:first-child { margin-right: auto; }
.menu-dugme:active { border-image-source: url('kit/buton_press.png'); padding-top: var(--u); }

.yakinda { position: relative; }
.yakinda::after {
  content: 'YAKINDA';
  position: absolute; left: 50%; top: calc(100% + 4 * var(--u)); z-index: 7;
  translate: -50% calc(-2 * var(--u));
  padding: 0 calc(4 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/vurgu.png') 4 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-au4);
  letter-spacing: var(--u);
  text-indent: 0;
  line-height: calc(10 * var(--u));
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity 160ms ease, translate 160ms ease;
}
.yakinda.yakinda-acik::after { opacity: 1; translate: -50% 0; }
:lang(en) .yakinda::after { content: 'SOON'; }
:lang(en) .oyna.buyuk { letter-spacing: calc(2 * var(--u)); text-indent: calc(2 * var(--u)); }
:lang(en) body, :lang(en) input, :lang(en) textarea, :lang(en) select, :lang(en) button,
:lang(en) ::placeholder { text-transform: uppercase; }

[data-tara] { position: relative; }
.tarama {
  position: absolute; left: 0; right: 0; top: 0; z-index: 4;
  height: calc(14 * var(--u));
  pointer-events: none;
  opacity: 0;
  background:
    linear-gradient(var(--k-cy4) 0 0) 0 100% / 100% var(--u) no-repeat,
    linear-gradient(to bottom, transparent, rgba(64, 214, 246, 0.22));
  box-shadow: 0 calc(1 * var(--u)) calc(6 * var(--u)) rgba(64, 214, 246, 0.35);
  mix-blend-mode: screen;
}
.taraniyor > .tarama { animation: taramaGec 950ms cubic-bezier(.35, .1, .25, 1) 1 both; }
@keyframes taramaGec {
  0% { top: calc(-14 * var(--u)); opacity: 0; }
  12% { opacity: 1; }
  85% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

.irk {
  width: var(--kolon);
  margin: calc(4 * var(--u)) auto 0;
  display: flex; flex-direction: column;
  gap: calc(8 * var(--u));
}
.irk .bolum-baslik { margin-bottom: 0; }
.irk-kap {
  display: flex;
  height: clamp(calc(170 * var(--u)), 48vh, calc(240 * var(--u)));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  background: var(--k-bg0);
  box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.6);
  overflow: hidden;
  cursor: default;
}
.irk-yari {
  --irk: #49d0ff;
  --irk-koyu: rgba(4, 20, 40, 0.9);
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
.irk-yari.korsan { --irk: #ff5a3c; --irk-koyu: rgba(40, 6, 6, 0.9); }
.irk-yari img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.irk-yari.insan img { object-position: left top; }
.irk-yari.korsan img { object-position: right top; }
.irk-yari::after {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, var(--irk-koyu), transparent 40%);
}
.irk-yazi {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: calc(10 * var(--u)) calc(14 * var(--u));
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(3 * var(--u));
  text-align: left;
}
.korsan .irk-yazi { align-items: flex-end; text-align: right; }
.irk-sektor {
  color: var(--irk);
  letter-spacing: calc(2 * var(--u));
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.9);
}
.irk-yazi h3 {
  color: var(--k-tx3);
  font-size: calc(16 * var(--u));
  line-height: calc(18 * var(--u));
  letter-spacing: calc(2 * var(--u));
  white-space: nowrap;
  text-shadow: 0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.9);
}

.irk-orta { position: relative; z-index: 3; flex: 0 0 0; width: 0; }
.irk-orta::before {
  content: '';
  position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--u));
  width: calc(2 * var(--u));
  background: linear-gradient(to bottom, transparent, #49d0ff 30%, #ff5a3c 70%, transparent);
}
.irk-orta span {
  position: absolute; left: 0; top: 50%;
  translate: -50% -50%;
  width: calc(26 * var(--u)); height: calc(26 * var(--u));
  display: flex; align-items: center; justify-content: center;
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/vurgu.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-au4);
  letter-spacing: var(--u);
  text-indent: var(--u);
  line-height: 1;
}

.bolum {
  width: var(--kolon);
  margin: 0 auto;
  padding-top: calc(28 * var(--u));
  display: flex; flex-direction: column;
  gap: calc(10 * var(--u));
}
.bolum-baslik { display: flex; align-items: center; gap: calc(8 * var(--u)); }
.bolum-baslik::after {
  content: ''; flex: 1; min-width: 0; height: calc(2 * var(--u));
  background: url('kit/ayirac.png') 0 0 / calc(48 * var(--u)) calc(2 * var(--u)) repeat-x;
  image-rendering: pixelated;
}
.bolum-baslik span {
  position: relative;
  display: flex; align-items: center;
  height: calc(18 * var(--u));
  padding: 0 calc(10 * var(--u));
  border: solid calc(2 * var(--u)) transparent;
  border-image: url('kit/baslik.png') 3 fill / calc(3 * var(--u)) repeat;
  image-rendering: pixelated;
  color: var(--k-cy3);
  letter-spacing: calc(2 * var(--u));
  white-space: nowrap;
}
.bolum-baslik span::before, .bolum-baslik span::after {
  content: ''; position: absolute; top: 0;
  width: calc(3 * var(--u)); height: calc(3 * var(--u));
  background: url('kit/vida.png') 0 0 / 100% 100% no-repeat;
  image-rendering: pixelated;
}
.bolum-baslik span::before { left: 0; }
.bolum-baslik span::after { right: 0; }

.galeri {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr);
  gap: calc(10 * var(--u));
  align-items: start;
}
.galeri-sol { display: flex; flex-direction: column; gap: calc(6 * var(--u)); min-width: 0; }
.pano { min-width: 0; }

.ilerleme {
  height: calc(2 * var(--u));
  margin-top: calc(-2 * var(--u));
  background: var(--k-fr1);
}
.ilerleme i {
  display: block; height: 100%;
  background: var(--k-cy3);
  box-shadow: 0 0 calc(4 * var(--u)) rgba(64, 214, 246, 0.6);
  transform-origin: left center;
  transform: scaleX(0);
}
.ilerleme i.akiyor { animation: galeriSure 5.3s linear forwards; }
.galeri.durdu .ilerleme i { animation-play-state: paused; }
@keyframes galeriSure { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.sekmeler {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(2 * var(--u));
}
.sekme {
  display: flex; align-items: center; gap: calc(5 * var(--u));
  min-width: 0;
  height: calc(18 * var(--u));
  margin: 0;
  padding: 0 calc(6 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_off.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  background: none;
  font: inherit;
  color: var(--k-tx1);
  letter-spacing: var(--u);
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
.sekme-simge { flex: none; width: calc(12 * var(--u)); height: calc(12 * var(--u)); object-fit: contain; image-rendering: auto; opacity: 0.7; transition: opacity 150ms ease; }
.sekme-ad { min-width: 0; overflow: hidden; text-overflow: clip; white-space: nowrap; line-height: calc(10 * var(--u)); }
.sekme-ad { color: var(--k-au3); text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.8); }
.sekme:hover .sekme-ad, .sekme:focus-visible .sekme-ad, .sekme.acik .sekme-ad {
  color: var(--k-au4);
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.8), 0 0 calc(6 * var(--u)) rgba(212, 168, 40, 0.35);
}
.sekme:hover, .sekme:focus-visible { color: var(--k-tx3); }
.sekme:hover .sekme-simge, .sekme:focus-visible .sekme-simge { opacity: 1; }
.sekme.acik { border-image-source: url('kit/sekme_on.png'); color: var(--k-tx3); }
.sekme.acik .sekme-simge { opacity: 1; }

.pano .kare img { aspect-ratio: var(--oran, 16 / 9); }

.galeri.gecis .kare img { animation: panoResim 420ms ease-out; }
.galeri.gecis .yazi-blok.acik > * { animation: panoYazi 420ms cubic-bezier(.2, .8, .2, 1) both; }
.galeri.gecis .yazi-blok.acik > :nth-child(2) { animation-delay: 50ms; }
.galeri.gecis .yazi-blok.acik > :nth-child(3) { animation-delay: 100ms; }
@keyframes panoResim { from { opacity: 0.35; } to { opacity: 1; } }
@keyframes panoYazi { from { opacity: 0; translate: calc(8 * var(--u)) 0; } to { opacity: 1; translate: 0 0; } }

.kare {
  position: relative;
  display: block; width: 100%;
  padding: 0; margin: 0;
  overflow: hidden;
  background: var(--k-bg0);
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  font: inherit; color: inherit;
  cursor: pointer;
  box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.55);
  transition: transform 220ms ease, box-shadow 220ms ease;
}
.kare img {
  width: 100%; height: auto;
  object-fit: cover;
  transition: transform 500ms ease;
}
.kare::after {
  content: '+';
  position: absolute; right: calc(6 * var(--u)); top: calc(6 * var(--u)); z-index: 3;
  width: calc(14 * var(--u)); height: calc(14 * var(--u));
  display: flex; align-items: center; justify-content: center;
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/rozet.png') 3 fill / calc(3 * var(--u)) stretch;
  color: var(--k-cy4);
  line-height: 1;
  opacity: 0; translate: 0 calc(-2 * var(--u));
  transition: opacity 200ms ease, translate 200ms ease;
}
.kare:hover, .kare:focus-visible {
  transform: translateY(calc(-2 * var(--u)));
  box-shadow: 0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(0, 0, 0, 0.6), 0 0 calc(12 * var(--u)) rgba(64, 214, 246, 0.35);
}
.kare:hover img, .kare:focus-visible img { transform: scale(1.03); }
.kare:hover::after, .kare:focus-visible::after { opacity: 1; translate: 0 0; }
.kare:active { transform: translateY(0); }

.yazi {
  position: relative; z-index: 2;
  padding: calc(5 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));
  border: solid transparent;
  border-width: calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));
  border-image: url('kit/panel.png') 8 8 5 fill / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(4 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.55);
  text-align: left;
}
.yazi .sira {
  display: inline-block;
  padding: 0 calc(4 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_on.png') 3 fill / calc(3 * var(--u)) stretch;
  color: var(--k-cy4);
  letter-spacing: var(--u);
  line-height: calc(8 * var(--u));
}
.yazi .sira b { font-weight: normal; color: var(--k-tx1); }
.yazi h3 {
  margin: calc(6 * var(--u)) 0 calc(5 * var(--u));
  color: var(--k-au4);
  font-size: calc(12 * var(--u));
  line-height: calc(14 * var(--u));
  letter-spacing: calc(2 * var(--u));
  text-shadow: 0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.8), 0 0 calc(8 * var(--u)) rgba(212, 168, 40, 0.35);
}
.yazi h3::after {
  content: ''; display: block;
  width: calc(24 * var(--u)); height: var(--u);
  margin-top: calc(4 * var(--u));
  background: var(--k-au3);
  box-shadow: calc(26 * var(--u)) 0 0 var(--k-au2);
}
.yazi p { color: var(--k-tx2); }
.yazi { display: grid; }
.yazi-blok { grid-area: 1 / 1; min-width: 0; visibility: hidden; }
.yazi-blok.acik { visibility: visible; }
@media (min-width: 901px) and (min-height: 521px) {
  .galeri-sol .yazi .sira, .galeri-sol .yazi h3 { display: none; }
  .galeri-sol .yazi { padding-top: calc(6 * var(--u)); }
}
@media (min-width: 901px) and (min-height: 521px) {
  .galeri {
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: stretch;
    row-gap: calc(6 * var(--u));
  }
  .galeri-sol { display: contents; }
  .sekmeler { grid-column: 1; grid-row: 1; grid-auto-rows: minmax(0, 1fr); }
  .sekme { height: auto; min-height: calc(18 * var(--u)); }
  .sekme-simge { width: calc(16 * var(--u)); height: calc(16 * var(--u)); }
  .ilerleme { grid-column: 1; grid-row: 2; }
  .pano { grid-column: 2; grid-row: 1 / 3; align-self: start; }
  .galeri-sol .yazi {
    grid-column: 2; grid-row: 1 / 3;
    align-self: end;
    z-index: 3;
    margin: 0 calc(10 * var(--u)) calc(10 * var(--u));
    padding: calc(4 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u));
    border-image: url('kit/panel.png') 8 8 5 / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
    background: rgba(4, 8, 18, 0.78);
    background-clip: padding-box;
    box-shadow: none;
    transition: opacity 200ms ease;
  }
  .galeri:has(.kare:hover) .galeri-sol .yazi { opacity: 0; }
}
@media (min-width: 901px) and (min-height: 521px) and (prefers-reduced-motion: reduce) {
  .galeri-sol .yazi { transition: none; }
}

.cerceve { position: relative; isolation: isolate; }
.cerceve::before {
  content: '';
  position: absolute; inset: calc(-3 * var(--u)); z-index: -1;
  padding: calc(2 * var(--u));
  pointer-events: none;
  background: conic-gradient(from var(--iz-aci),
    transparent 0deg 200deg,
    rgba(26, 150, 186, 0.4) 270deg,
    rgba(64, 214, 246, 0.95) 338deg,
    #e8f4ff 356deg,
    transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  filter: drop-shadow(0 0 calc(4 * var(--u)) rgba(64, 214, 246, 0.9));
  animation: izDon 6s linear infinite;
}
@keyframes izDon { to { --iz-aci: 360deg; } }
.cerceve::after {
  content: '';
  position: absolute; inset: calc(-7 * var(--u)); z-index: 4;
  pointer-events: none;
  --k: calc(12 * var(--u));
  --c: calc(2 * var(--u));
  background:
    linear-gradient(var(--k-cy3) 0 0) 0 0 / var(--k) var(--c) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 0 0 / var(--c) var(--k) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 100% 0 / var(--k) var(--c) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 100% 0 / var(--c) var(--k) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 0 100% / var(--k) var(--c) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 0 100% / var(--c) var(--k) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 100% 100% / var(--k) var(--c) no-repeat,
    linear-gradient(var(--k-cy3) 0 0) 100% 100% / var(--c) var(--k) no-repeat;
  animation: koseNefes 2.8s ease-in-out infinite;
  transition: inset 220ms ease;
}
@keyframes koseNefes {
  0%, 100% { inset: calc(-7 * var(--u)); opacity: 0.6; filter: drop-shadow(0 0 calc(2 * var(--u)) rgba(64, 214, 246, 0.5)); }
  50% { inset: calc(-5 * var(--u)); opacity: 1; filter: drop-shadow(0 0 calc(5 * var(--u)) rgba(64, 214, 246, 0.9)); }
}
.cerceve:hover::after, .cerceve:has(:focus-visible)::after { animation: none; inset: calc(-3 * var(--u)); opacity: 1; filter: drop-shadow(0 0 calc(5 * var(--u)) rgba(64, 214, 246, 0.9)); }
.cerceve:hover::before, .cerceve:has(:focus-visible)::before { animation-duration: 2.2s; }
.cerceve > .kare, .cerceve > .telefon { box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.6), 0 0 calc(14 * var(--u)) rgba(64, 214, 246, 0.2); }

.mobil-ic {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: calc(12 * var(--u));
  align-items: center;
}
.mobil-yazi {
  display: flex; flex-direction: column;
  gap: calc(8 * var(--u));
  padding: calc(6 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));
  border: solid transparent;
  border-width: calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));
  border-image: url('kit/panel.png') 8 8 5 fill / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.55);
  text-align: left;
}
.mobil-ozellik { display: flex; flex-direction: column; gap: calc(7 * var(--u)); }
.mobil-ozellik li {
  position: relative;
  display: flex; flex-direction: column; gap: calc(2 * var(--u));
  padding-left: calc(10 * var(--u));
}
.mobil-ozellik li::before {
  content: '';
  position: absolute; left: 0; top: calc(3 * var(--u));
  width: calc(4 * var(--u)); height: calc(4 * var(--u));
  background: var(--k-cy3);
  box-shadow: 0 0 calc(3 * var(--u)) rgba(64, 214, 246, 0.6);
}
.mobil-ozellik b { font-weight: normal; color: var(--k-au4); letter-spacing: var(--u); }
.mobil-ozellik span { color: var(--k-tx2); }

.mobil-vitrin { order: -1; min-width: 0; display: flex; flex-direction: column; gap: calc(6 * var(--u)); }
.telefon {
  position: relative;
  padding: calc(6 * var(--u)) calc(16 * var(--u));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(8 * var(--u)) calc(20 * var(--u)) rgba(0, 0, 0, 0.6), 0 0 calc(16 * var(--u)) rgba(64, 214, 246, 0.12);
}
.telefon::before, .telefon::after {
  content: '';
  position: absolute; top: 50%;
  translate: 0 -50%;
  pointer-events: none;
}
.telefon::before {
  left: calc(6 * var(--u));
  width: calc(4 * var(--u)); height: calc(4 * var(--u));
  background: var(--k-fr0);
  box-shadow: inset 0 0 0 var(--u) var(--k-fr3);
}
.telefon::after {
  right: calc(7 * var(--u));
  width: calc(2 * var(--u)); height: calc(20 * var(--u));
  background: var(--k-fr2);
}
.telefon-ekran {
  position: relative;
  display: block; width: 100%;
  aspect-ratio: 2400 / 1504;
  padding: 0; margin: 0;
  border: var(--u) solid var(--k-fr0);
  background: var(--k-bg0);
  overflow: hidden;
  cursor: pointer;
}
.telefon-ekran img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 600ms ease;
}
.telefon-ekran img.acik { opacity: 1; }
.telefon-ekran::after {
  content: '+';
  position: absolute; right: calc(5 * var(--u)); top: calc(5 * var(--u)); z-index: 3;
  width: calc(14 * var(--u)); height: calc(14 * var(--u));
  display: flex; align-items: center; justify-content: center;
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/rozet.png') 3 fill / calc(3 * var(--u)) stretch;
  color: var(--k-cy4);
  line-height: 1;
  opacity: 0;
  transition: opacity 200ms ease;
}
.telefon-ekran:hover::after, .telefon-ekran:focus-visible::after { opacity: 1; }

.mobil-sure { height: calc(2 * var(--u)); background: var(--k-fr1); }
.mobil-sure i {
  display: block; height: 100%;
  background: var(--k-cy3);
  box-shadow: 0 0 calc(4 * var(--u)) rgba(64, 214, 246, 0.6);
  transform-origin: left center;
  transform: scaleX(0);
}
.mobil-sure i.akiyor { animation: mobilSure 4.5s linear forwards; }
.mobil-vitrin.durdu .mobil-sure i { animation-play-state: paused; }
@keyframes mobilSure { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.mobil-kucukler { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: calc(3 * var(--u)); }
.mobil-kucuk {
  position: relative;
  display: block;
  padding: 0; margin: 0;
  aspect-ratio: 320 / 201;
  border: var(--u) solid var(--k-fr1);
  background: var(--k-bg0);
  overflow: hidden;
  cursor: pointer;
}
.mobil-kucuk img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; transition: opacity 200ms ease; }
.mobil-kucuk:hover img, .mobil-kucuk:focus-visible img { opacity: 0.85; }
.mobil-kucuk.acik { border-color: var(--k-cy3); box-shadow: 0 0 calc(5 * var(--u)) rgba(64, 214, 246, 0.45); }
.mobil-kucuk.acik img { opacity: 1; }

.bilgi {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(10 * var(--u));
  align-items: stretch;
}
.bilgi-kutu {
  min-width: 0;
  display: flex; flex-direction: column;
  gap: calc(10 * var(--u));
}
.bilgi-kutu.guncel { align-self: start; }
.bilgi-panel {
  flex: 1;
  padding: calc(6 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));
  border: solid transparent;
  border-width: calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));
  border-image: url('kit/panel.png') 8 8 5 fill / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.55);
}
.guncel-liste {
  position: relative;
  display: flex; flex-direction: column;
  gap: calc(10 * var(--u));
  padding-left: calc(12 * var(--u));
}
.guncel-liste::before {
  content: '';
  position: absolute; left: calc(3 * var(--u)); top: calc(4 * var(--u)); bottom: calc(4 * var(--u));
  width: var(--u);
  background: var(--k-fr2);
}
.guncel-kart {
  position: relative;
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(4 * var(--u));
  text-align: left;
}
.guncel-kart::before {
  content: '';
  position: absolute; left: calc(-11 * var(--u)); top: calc(4 * var(--u));
  width: calc(5 * var(--u)); height: calc(5 * var(--u));
  background: var(--k-cy2);
  box-shadow: 0 0 0 var(--u) var(--k-bg0);
}
.guncel-kart:first-child::before { background: var(--k-cy3); box-shadow: 0 0 0 var(--u) var(--k-bg0), 0 0 calc(5 * var(--u)) rgba(64, 214, 246, 0.7); }
.guncel-tarih {
  display: inline-block;
  padding: 0 calc(4 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_on.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-cy4);
  letter-spacing: var(--u);
  line-height: calc(8 * var(--u));
}
.guncel-kart h3 {
  color: var(--k-au4);
  letter-spacing: var(--u);
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.85);
}
.guncel-kart p { color: var(--k-tx2); }

.sss-liste {
  display: flex; flex-direction: column;
  gap: calc(3 * var(--u));
}
.sss-madde summary {
  position: relative;
  display: flex; align-items: center;
  min-height: calc(20 * var(--u));
  padding: calc(3 * var(--u)) calc(22 * var(--u)) calc(3 * var(--u)) calc(8 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_off.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  letter-spacing: var(--u);
  line-height: calc(10 * var(--u));
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.sss-madde summary::-webkit-details-marker { display: none; }
.sss-madde summary::before, .sss-madde summary::after {
  content: '';
  position: absolute; right: calc(8 * var(--u)); top: 50%;
  width: calc(7 * var(--u)); height: var(--u);
  margin-top: calc(-0.5 * var(--u));
  background: var(--k-cy3);
}
.sss-madde summary::after { rotate: 90deg; transition: opacity 160ms ease; }
.sss-madde summary:hover, .sss-madde summary:focus-visible { color: var(--k-tx3); }
.sss-madde[open] summary { border-image-source: url('kit/sekme_on.png'); color: var(--k-tx3); }
.sss-madde[open] summary::after { opacity: 0; }
.sss-madde p {
  margin: calc(2 * var(--u)) 0 calc(4 * var(--u));
  padding: calc(6 * var(--u)) calc(9 * var(--u)) calc(8 * var(--u));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/well.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  line-height: calc(11 * var(--u));
  text-align: left;
}
.sss-madde[open] p { animation: sssAcil 220ms ease-out; }
@keyframes sssAcil { from { opacity: 0; translate: 0 calc(-3 * var(--u)); } to { opacity: 1; translate: 0 0; } }
.sss-madde a, .yasal a { color: var(--k-cy3); text-decoration: underline; text-underline-offset: calc(2 * var(--u)); overflow-wrap: anywhere; }
.sss-madde a:hover, .yasal a:hover { color: var(--k-cy4); }

.altlik {
  position: relative; z-index: 1;
  margin-top: calc(28 * var(--u));
  background: linear-gradient(to bottom, rgba(4, 8, 16, 0.55), rgba(4, 8, 16, 0.94) calc(24 * var(--u)));
}
.altlik::before {
  content: ''; position: absolute; left: 0; right: 0; top: 0;
  height: calc(2 * var(--u));
  background: url('kit/ayirac.png') 0 0 / calc(48 * var(--u)) calc(2 * var(--u)) repeat-x;
  image-rendering: pixelated;
}
.altlik-ic {
  width: var(--kolon);
  margin: 0 auto;
  padding: calc(16 * var(--u)) 0 calc(10 * var(--u) + env(safe-area-inset-bottom, 0px));
  display: flex; flex-direction: column;
  gap: calc(12 * var(--u));
}
.altlik-cagri {
  display: flex; align-items: center; justify-content: space-between;
  gap: calc(12 * var(--u));
  padding-bottom: calc(12 * var(--u));
  border-bottom: var(--u) solid var(--k-fr1);
}
.altlik-cagri h2 {
  color: var(--k-au4);
  font-size: calc(16 * var(--u));
  line-height: calc(18 * var(--u));
  letter-spacing: calc(2 * var(--u));
  text-shadow: 0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.8);
}
.altlik-cagri p { margin-top: calc(4 * var(--u)); color: var(--k-tx2); }
.altlik-cagri .oyna.buyuk { flex: none; width: calc(170 * var(--u)); }
.altlik-orta {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(10 * var(--u));
}
.altlik-baglanti { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(4 * var(--u)); }
.altlik-orta .altlik-baglanti { justify-content: flex-start; }
.altlik-baglanti a {
  display: block;
  padding: 0 calc(6 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/rozet.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  letter-spacing: var(--u);
  line-height: calc(10 * var(--u));
  cursor: pointer;
  user-select: none;
}
.altlik-baglanti a:hover, .altlik-baglanti a:focus-visible { border-image-source: url('kit/sekme_on.png'); color: var(--k-cy4); }
.altlik-baglanti .oyna-bag { color: var(--k-cy3); }
.sosyal { display: flex; justify-content: flex-end; gap: calc(6 * var(--u)); }
.sosyal-dugme {
  display: flex; align-items: center; justify-content: center;
  width: calc(30 * var(--u)); height: calc(30 * var(--u));
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  cursor: pointer;
  user-select: none;
}
.sosyal-dugme svg { display: block; width: calc(20 * var(--u)); height: calc(20 * var(--u)); fill: currentColor; }
.sosyal-dugme .isik { fill: #fff; fill-opacity: 0.55; }
.sosyal-dugme .golge { fill: #000; fill-opacity: 0.4; }
.sosyal-dugme:hover, .sosyal-dugme:focus-visible {
  border-image-source: url('kit/buton_hover.png');
  color: var(--k-cy4);
  filter: drop-shadow(0 0 calc(3 * var(--u)) rgba(64, 214, 246, 0.45));
}
.sosyal-dugme:active { border-image-source: url('kit/buton_press.png'); padding-top: calc(2 * var(--u)); }
.altlik .yakinda::after { top: auto; bottom: calc(100% + 4 * var(--u)); translate: -50% calc(2 * var(--u)); }
.altlik .yakinda.yakinda-acik::after { translate: -50% 0; }
.sosyal li:first-child .yakinda::after { left: 0; translate: 0 calc(2 * var(--u)); }
.sosyal li:last-child .yakinda::after { left: auto; right: 0; translate: 0 calc(2 * var(--u)); }
.sosyal li:first-child .yakinda.yakinda-acik::after, .sosyal li:last-child .yakinda.yakinda-acik::after { translate: 0 0; }
.altlik-sag { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: calc(10 * var(--u)) calc(14 * var(--u)); }
.altlik-imza { display: block; flex: none; width: calc(30 * var(--u)); height: calc(30 * var(--u)); user-select: none; }

.altlik-not {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: calc(4 * var(--u));
  padding-top: calc(10 * var(--u));
  border-top: var(--u) solid var(--k-fr1);
  color: var(--k-tx0);
  letter-spacing: var(--u);
  text-align: center;
}
.altlik-not .nokta { width: calc(2 * var(--u)); height: calc(2 * var(--u)); background: var(--k-au3); box-shadow: none; }

.yasal-ust {
  width: min(var(--kolon), calc(440 * var(--u)));
  margin: 0 auto;
  padding: calc(10 * var(--u)) 0 calc(8 * var(--u));
  display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--u));
}
.yasal-geri {
  display: flex; align-items: center;
  height: calc(18 * var(--u));
  padding: 0 calc(8 * var(--u));
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx2);
  letter-spacing: var(--u);
  line-height: 1;
  white-space: nowrap;
}
.yasal-geri:hover, .yasal-geri:focus-visible { border-image-source: url('kit/buton_hover.png'); color: var(--k-cy4); }
.yasal {
  position: relative; z-index: 1;
  width: min(var(--kolon), calc(440 * var(--u)));
  margin: 0 auto calc(24 * var(--u));
  padding: calc(10 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));
  border: solid transparent;
  border-width: calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));
  border-image: url('kit/panel.png') 8 8 5 fill / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.6);
  color: var(--k-tx2);
  line-height: calc(12 * var(--u));
}
.yasal h1 {
  margin-bottom: calc(8 * var(--u));
  color: var(--k-au4);
  font-size: calc(16 * var(--u));
  line-height: calc(18 * var(--u));
  letter-spacing: calc(2 * var(--u));
  text-shadow: 0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.8);
}
.yasal h2 {
  display: flex; align-items: center; gap: calc(6 * var(--u));
  margin: calc(14 * var(--u)) 0 calc(6 * var(--u));
  padding-bottom: calc(3 * var(--u));
  border-bottom: var(--u) solid var(--k-fr2);
  color: var(--k-cy3);
  letter-spacing: var(--u);
}
.yasal-simge { flex: none; display: block; width: calc(16 * var(--u)); height: calc(16 * var(--u)); image-rendering: auto; }
.yasal-simge.buyuk { width: calc(24 * var(--u)); height: calc(24 * var(--u)); }
.yasal-bas { display: flex; align-items: center; gap: calc(8 * var(--u)); margin-bottom: calc(8 * var(--u)); }
.yasal-bas h1 { margin-bottom: 0; }
.yasal p { margin: 0 0 calc(6 * var(--u)); }
.yasal b, .yasal strong { font-weight: normal; color: var(--k-tx3); }
.yasal ul { margin: 0 0 calc(6 * var(--u)); padding-left: calc(10 * var(--u)); list-style: none; }
.yasal li { position: relative; margin-bottom: calc(4 * var(--u)); }
.yasal li::before {
  content: ''; position: absolute; left: calc(-8 * var(--u)); top: calc(5 * var(--u));
  width: calc(3 * var(--u)); height: calc(3 * var(--u));
  background: var(--k-cy2);
}
.yasal-tablo { width: 100%; margin: 0 0 calc(8 * var(--u)); border-collapse: collapse; }
.yasal-tablo th, .yasal-tablo td {
  padding: calc(3 * var(--u)) calc(5 * var(--u));
  border: var(--u) solid var(--k-fr1);
  text-align: left; vertical-align: top;
  overflow-wrap: anywhere;
}
.yasal-tablo th { font-weight: normal; color: var(--k-cy3); background: rgba(12, 78, 100, 0.25); }
.yasal-tablo td:first-child { color: var(--k-tx3); }

.destek { --destek-kirmizi: #ff7070; }
.destek li { margin-bottom: 0; }
.destek li::before { content: none; }
button.yasal-geri { font: inherit; background: none; cursor: pointer; }
.destek-form { display: flex; flex-direction: column; gap: calc(6 * var(--u)); margin: 0 0 calc(6 * var(--u)); }
.destek-form[hidden] { display: none; }
.destek-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(6 * var(--u)); }
.destek-alan { display: flex; flex-direction: column; gap: calc(2 * var(--u)); min-width: 0; }
.destek-alan[hidden] { display: none; }
.destek-etiket { display: flex; justify-content: space-between; gap: calc(4 * var(--u)); color: var(--k-tx1); letter-spacing: var(--u); }
.destek-sayac { font-style: normal; color: var(--k-tx0); letter-spacing: 0; }
.destek-alan input, .destek-alan select, .destek-alan textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: calc(20 * var(--u));
  margin: 0;
  padding: calc(3 * var(--u)) calc(6 * var(--u));
  background: var(--k-bg0);
  border: var(--u) solid var(--k-cy2);
  border-radius: 0;
  box-shadow: inset 0 var(--u) 0 rgba(0, 0, 0, 0.6);
  color: var(--k-tx3);
  font: inherit; line-height: calc(12 * var(--u)); letter-spacing: var(--u);
  outline: none;
}
.destek-alan textarea { min-height: calc(56 * var(--u)); resize: vertical; letter-spacing: 0; }
.destek-alan input:focus, .destek-alan select:focus, .destek-alan textarea:focus { border-color: var(--k-cy3); }
.destek-alan input::placeholder, .destek-alan textarea::placeholder { color: var(--k-tx0); }
.destek-alan select option { background: var(--k-bg1); color: var(--k-tx3); }
.destek-tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.destek-not { margin: 0; color: var(--k-tx1); }
.destek-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: calc(4 * var(--u)) calc(6 * var(--u)); }
.destek-dugme {
  display: inline-flex; align-items: center; justify-content: center;
  height: calc(18 * var(--u));
  margin: 0;
  padding: 0 calc(8 * var(--u));
  background: none;
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-cy3);
  font: inherit; letter-spacing: var(--u); line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.destek-dugme:hover, .destek-dugme:focus-visible { border-image-source: url('kit/buton_hover.png'); color: var(--k-cy4); outline: none; }
.destek-dugme:active { border-image-source: url('kit/buton_press.png'); }
.destek-dugme:disabled { opacity: 0.5; cursor: wait; }
.destek-dugme.tehlike { color: var(--destek-kirmizi); }
.destek-durum { color: var(--k-tx1); }
.destek-durum.kotu { color: var(--destek-kirmizi); }
p.destek-durum:empty { display: none; }
.destek-kod-kutu {
  display: flex; flex-direction: column; gap: calc(4 * var(--u));
  margin: 0 0 calc(6 * var(--u));
  padding: calc(4 * var(--u)) calc(6 * var(--u));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/well.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
}
.destek-kod-kutu[hidden] { display: none; }
.destek-kod-kutu p { margin: 0; }
.destek-kod {
  font-weight: normal;
  color: var(--k-au4);
  font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u));
  letter-spacing: var(--u);
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.85);
  overflow-wrap: anywhere;
  user-select: all;
}
.destek-sorgu { flex-direction: row; align-items: flex-end; gap: calc(6 * var(--u)); }
.destek-sorgu .destek-alan { flex: 1 1 auto; }
.destek-sorgu .destek-dugme { height: calc(20 * var(--u)); }
.destek-kayitli { display: flex; flex-direction: column; gap: calc(3 * var(--u)); margin: 0 0 calc(6 * var(--u)); }
.destek-kayitli[hidden] { display: none; }
.yasal .destek-kayitli-liste { display: flex; flex-wrap: wrap; gap: calc(3 * var(--u)); margin: 0; padding: 0; }
.destek-kayitli-liste li { display: flex; min-width: 0; }
.destek-kayitli-ac, .destek-kayitli-sil {
  margin: 0;
  padding: calc(1 * var(--u)) calc(5 * var(--u));
  background: rgba(12, 78, 100, 0.25);
  border: var(--u) solid var(--k-fr3);
  color: var(--k-tx2);
  font: inherit; letter-spacing: 0; line-height: calc(10 * var(--u));
  cursor: pointer;
}
.destek-kayitli-ac { min-width: 0; max-width: calc(150 * var(--u)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.destek-kayitli-sil { border-left: 0; color: var(--k-tx1); }
.destek-kayitli-ac:hover, .destek-kayitli-ac:focus-visible, .destek-kayitli-sil:hover, .destek-kayitli-sil:focus-visible { border-color: var(--k-cy3); color: var(--k-cy4); outline: none; }
.destek-talep {
  display: flex; flex-direction: column; gap: calc(5 * var(--u));
  padding: calc(6 * var(--u)) calc(8 * var(--u));
  background: rgba(4, 8, 18, 0.55);
  border: var(--u) solid var(--k-fr2);
}
.destek-talep[hidden] { display: none; }
.destek-talep-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(3 * var(--u)) calc(6 * var(--u)); color: var(--k-tx1); letter-spacing: var(--u); }
.destek-talep-konu { font-weight: normal; color: var(--k-tx3); letter-spacing: var(--u); overflow-wrap: anywhere; }
.destek-talep-ust { margin: 0; color: var(--k-tx1); }
.destek-rozet { box-sizing: border-box; max-width: 100%; padding: 0 calc(4 * var(--u)); border: var(--u) solid currentColor; color: var(--k-tx1); letter-spacing: 0; line-height: calc(10 * var(--u)); text-align: center; }
.destek-rozet[data-durum="acik"] { color: var(--k-au4); }
.destek-rozet[data-durum="yanitlandi"] { color: var(--k-cy3); }
.destek-rozet[data-durum="kapandi"] { color: var(--k-tx0); }
.yasal .destek-akis { display: flex; flex-direction: column; gap: calc(4 * var(--u)); margin: 0; padding: 0; list-style: none; }
.destek-mesaj { padding: calc(4 * var(--u)) calc(6 * var(--u)); border-left: calc(2 * var(--u)) solid var(--k-fr3); background: rgba(20, 38, 66, 0.4); }
.destek-mesaj.ekip { border-left-color: var(--k-cy3); background: rgba(12, 78, 100, 0.28); }
.destek-mesaj-bas { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 calc(6 * var(--u)); letter-spacing: var(--u); }
.destek-mesaj-bas b { font-weight: normal; color: var(--k-tx3); }
.destek-mesaj.ekip .destek-mesaj-bas b { color: var(--k-cy4); }
.destek-mesaj-bas time { color: var(--k-tx0); letter-spacing: 0; }
.destek-mesaj-metin { margin: calc(2 * var(--u)) 0 0; color: var(--k-tx2); white-space: pre-wrap; overflow-wrap: anywhere; }
.destek-yonetim-sayfa .yasal, .destek-yonetim-sayfa .yasal-ust { width: min(var(--kolon), calc(600 * var(--u))); }
.destek-sekmeler { display: flex; flex-wrap: wrap; gap: calc(3 * var(--u)); margin: 0 0 calc(5 * var(--u)); }
.destek-sekmeler button {
  margin: 0;
  padding: calc(2 * var(--u)) calc(6 * var(--u));
  background: rgba(4, 8, 18, 0.55);
  border: var(--u) solid var(--k-fr2);
  color: var(--k-tx1);
  font: inherit; letter-spacing: var(--u); line-height: calc(10 * var(--u));
  cursor: pointer;
}
.destek-sekmeler button i { font-style: normal; color: var(--k-au4); }
.destek-sekmeler button:hover, .destek-sekmeler button:focus-visible { border-color: var(--k-cy3); color: var(--k-cy4); outline: none; }
.destek-sekmeler button[aria-selected="true"] { border-color: var(--k-cy3); background: rgba(12, 78, 100, 0.4); color: var(--k-tx3); }
.yasal .destek-liste { display: flex; flex-direction: column; gap: calc(3 * var(--u)); margin: 0 0 calc(6 * var(--u)); padding: 0; list-style: none; }
.destek-liste-oge {
  display: flex; flex-direction: column; gap: calc(2 * var(--u));
  width: 100%;
  margin: 0;
  padding: calc(4 * var(--u)) calc(6 * var(--u));
  background: rgba(4, 8, 18, 0.55);
  border: var(--u) solid var(--k-fr1);
  color: var(--k-tx2);
  font: inherit; text-align: left;
  cursor: pointer;
}
.destek-liste-oge:hover, .destek-liste-oge:focus-visible { border-color: var(--k-fr3); outline: none; }
.destek-liste-oge.secili { border-color: var(--k-cy3); }
.destek-liste-ust { display: flex; flex-wrap: wrap; align-items: center; gap: calc(2 * var(--u)) calc(5 * var(--u)); color: var(--k-tx1); }
.destek-liste-ust b { font-weight: normal; color: var(--k-tx3); }
.destek-yeni { color: var(--k-au4); }
.destek-liste-konu { color: var(--k-tx3); overflow-wrap: anywhere; }
.destek-liste-alt { color: var(--k-tx0); }

.wiki-sayfa {
  --k-tx0: #8ca8ce; --k-tx1: #b2cae8; --k-tx2: #dae8f8; --k-tx3: #f4faff;
  --plaka-zemin: rgba(4, 8, 18, 0.64);
  --plaka-kenar: rgba(64, 104, 158, 0.32);
  --yazi-hale: 0 var(--u) 0 rgba(3, 6, 12, 0.9);
}
.wiki-plaka, .wiki-bas {
  background: var(--plaka-zemin);
  border: var(--u) solid var(--plaka-kenar);
  box-shadow: 0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(0, 0, 0, 0.25);
  padding: calc(5 * var(--u)) calc(8 * var(--u)) calc(6 * var(--u));
}
.wiki-metin { display: flex; flex-direction: column; gap: calc(5 * var(--u)); }
.wiki-grup-bas { display: flex; flex-direction: column; gap: calc(2 * var(--u)); }
.wiki-giris, .wiki-sonuc, .wiki-oyna, .wiki-bolum-giris, .wiki-notlar li, .wiki-grup-aciklama, .wiki-satir-bas,
.wiki-harita-anahtar, .wiki-harita-ipucu, .wiki-hesap-etiket, .wiki-hesap-not, .wiki-hesap-kutu, .wiki-uretim,
.wiki-adim-baslik, .wiki-adim-metin, .wiki-adim-bag { text-shadow: var(--yazi-hale); }
.wiki-ust {
  width: var(--kolon);
  margin: 0 auto;
  padding: calc(10 * var(--u)) 0 calc(6 * var(--u));
  display: flex; align-items: center; justify-content: space-between; gap: calc(8 * var(--u));
}
.wiki-oyna { color: var(--k-cy3); letter-spacing: calc(2 * var(--u)); }
.wiki { position: relative; z-index: 1; width: var(--kolon); margin: 0 auto; }
.wiki-bas {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: calc(6 * var(--u));
  margin-bottom: calc(12 * var(--u));
  padding: calc(8 * var(--u)) calc(10 * var(--u)) calc(9 * var(--u));
}
.wiki-bas h1 {
  color: var(--k-au4);
  font-size: calc(16 * var(--u));
  line-height: calc(18 * var(--u));
  letter-spacing: calc(2 * var(--u));
  text-shadow: 0 calc(2 * var(--u)) 0 rgba(0, 0, 0, 0.8), 0 0 calc(8 * var(--u)) rgba(212, 168, 40, 0.3);
}
.wiki-giris { color: var(--k-tx2); max-width: calc(360 * var(--u)); }
.wiki-ara-kap { position: relative; z-index: 20; width: min(100%, calc(280 * var(--u))); }
.wiki-ara {
  display: flex; align-items: center; gap: calc(6 * var(--u));
  width: 100%;
  height: calc(20 * var(--u));
  padding: 0 calc(6 * var(--u));
  background: var(--k-bg0);
  border: var(--u) solid var(--k-cy2);
  box-shadow: inset 0 var(--u) 0 rgba(0, 0, 0, 0.6);
}
.wiki-ara:focus-within { border-color: var(--k-cy3); box-shadow: inset 0 var(--u) 0 rgba(0, 0, 0, 0.6), 0 0 0 var(--u) var(--k-cy1); }
.wiki-ara-etiket { color: var(--k-cy3); letter-spacing: var(--u); }
.wiki-ara input {
  flex: 1; min-width: 0; height: 100%;
  border: 0; padding: 0; margin: 0;
  background: none; outline: none;
  color: var(--k-tx3);
  font: inherit; letter-spacing: var(--u);
}
.wiki-ara input::placeholder { color: var(--k-tx0); }
.wiki-ara input::-webkit-search-cancel-button { filter: grayscale(1); }
.wiki-sonuc { min-height: calc(10 * var(--u)); color: var(--k-cy3); letter-spacing: var(--u); }
.wiki-sonuc:empty { display: none; }

.wiki-duzen {
  display: grid;
  grid-template-columns: calc(136 * var(--u)) minmax(0, 1fr);
  gap: calc(12 * var(--u));
  align-items: start;
}
.wiki-menu {
  position: sticky; top: calc(8 * var(--u));
  display: flex; flex-direction: column; gap: calc(2 * var(--u));
  max-height: calc(100vh - 16 * var(--u));
  overflow-y: auto;
  scrollbar-width: none;
}
.wiki-menu::-webkit-scrollbar { display: none; }
.wiki-menu-oge {
  flex: none;
  display: flex; align-items: center; gap: calc(4 * var(--u));
  height: calc(18 * var(--u));
  padding: 0 calc(5 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_off.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx1);
  letter-spacing: var(--u);
  white-space: nowrap;
}
.wiki-menu-oge img { flex: none; width: calc(12 * var(--u)); height: calc(12 * var(--u)); object-fit: contain; image-rendering: auto; }
.wiki-menu-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: clip; }
.wiki-menu-sayi { flex: none; color: var(--k-tx0); letter-spacing: 0; }
.wiki-menu-oge:hover, .wiki-menu-oge:focus-visible { color: var(--k-tx3); }
.wiki-menu-oge.acik { border-image-source: url('kit/sekme_on.png'); color: var(--k-tx3); }
.wiki-menu-oge.acik .wiki-menu-sayi { color: var(--k-cy3); }

.wiki-icerik { min-width: 0; }
.wiki-bolum {
  display: flex; flex-direction: column;
  gap: calc(8 * var(--u));
  padding-bottom: calc(24 * var(--u));
  scroll-margin-top: calc(8 * var(--u));
}
.wiki-bolum-giris { color: var(--k-tx2); max-width: calc(420 * var(--u)); }
.wiki-notlar { display: flex; flex-direction: column; gap: calc(3 * var(--u)); max-width: calc(420 * var(--u)); }
.wiki-notlar li { position: relative; padding-left: calc(10 * var(--u)); color: var(--k-tx2); }
.wiki-notlar li::before {
  content: ''; position: absolute; left: 0; top: calc(3 * var(--u));
  width: calc(3 * var(--u)); height: calc(3 * var(--u));
  background: var(--k-cy2);
}
.wiki-grup { display: flex; flex-direction: column; gap: calc(5 * var(--u)); scroll-margin-top: calc(8 * var(--u)); }
.wiki-grup + .wiki-grup, .wiki-tablo-kap + .wiki-grup { margin-top: calc(6 * var(--u)); }
.wiki-grup-baslik { color: var(--k-au4); letter-spacing: var(--u); text-shadow: var(--yazi-hale); }
.wiki-grup-aciklama { color: var(--k-tx2); }
.wiki-grup-atla { display: flex; flex-wrap: wrap; gap: calc(3 * var(--u)); }
.wiki-grup-atla a {
  display: inline-flex; align-items: center;
  height: calc(14 * var(--u));
  padding: 0 calc(4 * var(--u));
  border: solid calc(3 * var(--u)) transparent;
  border-image: url('kit/sekme_off.png') 3 fill / calc(3 * var(--u)) stretch;
  image-rendering: pixelated;
  color: var(--k-tx1);
  letter-spacing: var(--u);
  white-space: nowrap;
}
.wiki-grup-atla a:hover, .wiki-grup-atla a:focus-visible { color: var(--k-tx3); }
.wiki-grup-atla a.acik { color: var(--k-cy4); border-image-source: url('kit/sekme_on.png'); }

.wiki-kartlar { display: flex; flex-direction: column; gap: calc(2 * var(--u)); }
.wiki-kart {
  min-width: 0;
  background: #101c30;
  border: var(--u) solid var(--k-fr1);
  box-shadow: 0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(0, 0, 0, 0.35);
}
.wiki-kart.acik { border-color: var(--k-fr3); }
.wiki-satir, .wiki-satir-bas {
  display: grid;
  grid-template-columns: var(--satir-kolonlar);
  align-items: center;
  column-gap: calc(5 * var(--u));
}
.wiki-satir {
  box-sizing: border-box;
  width: 100%;
  min-height: calc(24 * var(--u));
  margin: 0;
  padding: calc(3 * var(--u)) calc(6 * var(--u)) calc(3 * var(--u)) calc(9 * var(--u));
  background: none; border: 0; border-radius: 0;
  color: var(--k-tx2); font: inherit; text-align: left;
  cursor: pointer;
}
@media (hover: hover) {
  .wiki-satir:hover { background: rgba(26, 150, 186, 0.12); }
}
.wiki-satir:focus-visible { background: rgba(26, 150, 186, 0.12); outline: none; }
.wiki-satir-simge {
  box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  width: calc(18 * var(--u)); height: calc(18 * var(--u));
  background: radial-gradient(ellipse at 50% 50%, rgba(26, 150, 186, 0.16), rgba(4, 8, 16, 0.88) 72%);
  border: var(--u) solid var(--k-fr1);
}
.wiki-satir-simge img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; image-rendering: auto; }
.wiki-satir-ad { display: flex; flex-direction: column; min-width: 0; }
.wiki-satir-ad b, .wiki-satir-ad small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wiki-satir-ad b { font-weight: normal; color: var(--k-tx3); letter-spacing: var(--u); }
.wiki-satir-ad b { margin-right: calc(-1 * var(--u)); }
.wiki-satir-ad small { font-size: inherit; color: var(--k-tx1); }
.wiki-satir-ad small.patron { color: var(--k-au4); }
.wiki-satir-deger { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; text-align: right; }
.wiki-satir-deger i { font-style: normal; color: var(--k-tx1); white-space: nowrap; }
.wiki-satir-deger .deger {
  display: inline-flex; align-items: center; gap: calc(2 * var(--u));
  max-width: 100%;
  color: var(--k-tx3);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.wiki-satir-deger .deger img { flex: none; width: calc(8 * var(--u)); height: calc(8 * var(--u)); image-rendering: auto; }
.wiki-satir-ok {
  justify-self: end;
  width: 0; height: 0;
  border-style: solid; border-color: transparent;
  border-width: calc(3 * var(--u)) calc(3 * var(--u)) 0 calc(3 * var(--u));
  border-top-color: var(--k-cy3);
  transition: transform 0.15s;
}
.wiki-kart.acik .wiki-satir-ok { transform: rotate(180deg); }
.wiki-kart { --resim: calc(38 * var(--u)); }
.wiki-kartlar.buyuk .wiki-kart { --resim: calc(70 * var(--u)); }
.wiki-kart > .wiki-resim { display: none; }
.wiki-kart.acik {
  display: grid;
  grid-template-columns: var(--resim) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: "resim satir" "resim ayrinti";
  column-gap: calc(8 * var(--u));
  padding-left: calc(9 * var(--u));
}
.wiki-kart.acik > .wiki-resim { display: flex; margin: calc(5 * var(--u)) 0 calc(7 * var(--u)); }
.wiki-kart.acik .wiki-satir { grid-area: satir; grid-template-columns: var(--satir-kolonlar-acik); padding-left: 0; background: none; }
.wiki-kart.acik .wiki-satir:focus-visible .wiki-satir-ad b { color: var(--k-cy4); }
@media (hover: hover) {
  .wiki-kart.acik .wiki-satir:hover .wiki-satir-ad b { color: var(--k-cy4); }
}
.wiki-kart.acik .wiki-satir-simge { display: none; }
.wiki-kartlar.acik-degersiz .wiki-kart.acik .wiki-satir-deger { display: none; }
.wiki-kart.acik .wiki-satir-ad b, .wiki-kart.acik .wiki-satir-ad small { white-space: normal; }
.wiki-satir-bas {
  padding: calc(2 * var(--u)) calc(6 * var(--u)) calc(2 * var(--u)) calc(9 * var(--u));
  background: var(--plaka-zemin, rgba(4, 8, 18, 0.64));
  border: var(--u) solid var(--plaka-kenar, rgba(64, 104, 158, 0.32));
  color: var(--k-cy3);
}
.wiki-satir-bas button {
  min-width: 0; margin: 0; padding: 0;
  background: none; border: 0;
  color: inherit; font: inherit; letter-spacing: var(--u); text-align: left;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  cursor: pointer;
}
.wiki-satir-bas button.sag { text-align: right; }
.wiki-satir-bas button:hover, .wiki-satir-bas button:focus-visible { color: var(--k-cy4); outline: none; }
.wiki-satir-bas button[aria-sort="ascending"], .wiki-satir-bas button[aria-sort="descending"] { color: var(--k-au4); }
.wiki-satir-bas button[aria-sort="ascending"]::after, .wiki-satir-bas button[aria-sort="descending"]::after {
  content: ''; display: inline-block; vertical-align: middle;
  margin-left: calc(2 * var(--u));
  border-style: solid; border-color: transparent;
}
.wiki-satir-bas button[aria-sort="ascending"]::after { border-width: 0 calc(3 * var(--u)) calc(3 * var(--u)); border-bottom-color: var(--k-au4); }
.wiki-satir-bas button[aria-sort="descending"]::after { border-width: calc(3 * var(--u)) calc(3 * var(--u)) 0; border-top-color: var(--k-au4); }

.wiki-ayrinti {
  grid-area: ayrinti;
  display: flex; flex-direction: column;
  min-width: 0;
  padding: calc(6 * var(--u)) calc(8 * var(--u)) calc(7 * var(--u)) 0;
  border-top: var(--u) solid var(--k-fr1);
}
.wiki-resim {
  grid-area: resim;
  align-self: start;
  box-sizing: border-box;
  width: var(--resim); height: var(--resim);
  display: flex; align-items: center; justify-content: center;
  margin: 0;
  padding: calc(2 * var(--u));
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 50%, rgba(26, 150, 186, 0.16), rgba(4, 8, 16, 0.88) 72%);
  border: var(--u) solid var(--k-fr1);
}
.wiki-resim.bos { background: rgba(4, 8, 16, 0.5); }
.wiki-resim img { display: block; max-width: 100%; height: auto; image-rendering: pixelated; }
.wiki-aciklama { margin: 0; color: var(--k-tx2); max-width: calc(380 * var(--u)); }
.wiki-blok-baslik.wiki-blok-ad { color: var(--sinif, var(--k-tx3)); border-bottom-color: var(--sinif, var(--k-fr2)); }
.wiki-kart-detay { display: flex; flex-direction: column; gap: calc(5 * var(--u)); min-width: 0; }
.wiki-aciklama + .wiki-kart-detay { margin-top: calc(5 * var(--u)); padding-top: calc(3 * var(--u)); border-top: var(--u) solid var(--k-fr1); }
.wiki-bloklar { columns: 2 calc(120 * var(--u)); column-gap: calc(14 * var(--u)); }
.wiki-blok { display: block; break-inside: avoid; break-inside: avoid-column; margin: 0 0 calc(6 * var(--u)); }
.wiki-bloklar.tek { columns: auto; }
.wiki-bloklar.tek .wiki-blok { margin-bottom: 0; }
.wiki-blok-baslik {
  margin: 0 0 calc(1 * var(--u));
  padding-bottom: calc(2 * var(--u));
  border-bottom: var(--u) solid var(--k-fr2);
  font-weight: normal; font-size: inherit;
  color: var(--k-cy3); letter-spacing: var(--u);
}
.wiki-satirlar { margin: 0; }
.wiki-bloklar.tek .wiki-satirlar {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(calc(150 * var(--u)), 100%), 1fr));
  column-gap: calc(14 * var(--u));
}
.wiki-oz {
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
  column-gap: calc(6 * var(--u));
  min-width: 0;
  padding: calc(2 * var(--u)) 0;
  border-bottom: var(--u) solid rgba(38, 66, 108, 0.55);
}
.wiki-oz.genis { grid-column: 1 / -1; }
.wiki-oz dt { display: inline-flex; align-items: center; gap: calc(3 * var(--u)); color: var(--k-tx1); min-width: 0; }
.wiki-oz dd { margin: 0 0 0 auto; color: var(--k-tx3); text-align: right; }
.wiki-oz-simge { flex: none; width: calc(8 * var(--u)); height: calc(8 * var(--u)); image-rendering: auto; }
.wiki-oz.madde { grid-column: 1 / -1; }
.wiki-oz.madde dt { color: var(--k-tx2); }

.wiki-kart[data-sinif="1"] { --sinif: #a9bcd8; --sinif-kenar: rgba(169, 188, 216, 0.45); --sinif-zemin: rgba(169, 188, 216, 0.13); }
.wiki-kart[data-sinif="2"] { --sinif: #46c8ff; --sinif-kenar: rgba(70, 200, 255, 0.5); --sinif-zemin: rgba(70, 200, 255, 0.14); }
.wiki-kart[data-sinif="3"] { --sinif: #ffc93a; --sinif-kenar: rgba(255, 201, 58, 0.5); --sinif-zemin: rgba(255, 201, 58, 0.14); }
.wiki-kart[data-sinif] {
  border-color: var(--sinif-kenar);
  box-shadow: inset calc(3 * var(--u)) 0 0 var(--sinif), 0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(0, 0, 0, 0.35);
  background: linear-gradient(to right, var(--sinif-zemin), rgba(16, 28, 48, 0) calc(160 * var(--u))), #101c30;
}
.wiki-kart[data-sinif].acik { border-color: var(--sinif); }
.wiki-kart[data-sinif] .wiki-satir-ad b { color: var(--sinif); }
.wiki-kart[data-sinif] .wiki-satir-simge { border-color: var(--sinif-kenar); }
.wiki-kart[data-sinif] .wiki-resim {
  border-color: var(--sinif);
  background: radial-gradient(ellipse at 50% 50%, var(--sinif-zemin), rgba(4, 8, 16, 0.9) 72%);
}
.wiki-sayilar, .wiki-kategoriler {
  --ara: calc(4 * var(--u));
  --kp: calc(5 * var(--u));
  --kutu: calc(var(--kutu-ic, 66) * var(--u) + 2 * var(--kp) + 8 * var(--u));
  --esik-a: calc(var(--sutun-a, 4) * var(--kutu) + (var(--sutun-a, 4) - 1) * var(--ara));
  --esik-b: calc(var(--sutun-b, 2) * var(--kutu) + (var(--sutun-b, 2) - 1) * var(--ara));
  --gen-a: calc((100% - (var(--sutun-a, 4) - 1) * var(--ara)) / var(--sutun-a, 4) - 0.5px);
  --gen-b: calc((100% - (var(--sutun-b, 2) - 1) * var(--ara)) / var(--sutun-b, 2) - 0.5px);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(var(--gen-a), calc((var(--esik-a) - 100%) * 999),
    clamp(var(--gen-b), calc((var(--esik-b) - 100%) * 999), 100%)), 1fr));
  grid-auto-rows: 1fr;
  gap: var(--ara);
}
.wiki-sayi {
  display: flex; flex-direction: column; gap: calc(2 * var(--u));
  min-width: 0;
  padding: calc(3 * var(--u)) var(--kp, calc(5 * var(--u)));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/well.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
}
.wiki-sayi-deger {
  font-weight: normal;
  font-size: calc(16 * var(--u)); line-height: calc(16 * var(--u));
  color: var(--k-au4);
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.85);
}
.wiki-sayi-ad { color: var(--k-tx1); }
.wiki-sayi:hover .wiki-sayi-ad, .wiki-sayi:focus-visible .wiki-sayi-ad { color: var(--k-cy4); }
.wiki-vurgular .wiki-sayi-deger { font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); }
.wiki-vurgular .nb { white-space: nowrap; }
.wiki-vurgular .wiki-sayi-ad { color: var(--k-tx2); }

.wiki-kategori {
  display: grid;
  grid-template-columns: calc(16 * var(--u)) minmax(0, 1fr) auto;
  grid-template-areas: "simge ad sayi" "simge ozet ozet";
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: calc(2 * var(--u)) calc(5 * var(--u));
  padding: calc(3 * var(--u)) calc(5 * var(--u)) calc(4 * var(--u));
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
  image-rendering: pixelated;
  box-shadow: 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.4);
  transition: transform 0.12s ease-out, box-shadow 0.12s ease-out;
}
.wiki-kategori-simge { grid-area: simge; align-self: start; display: flex; justify-content: center; padding-top: var(--u); }
.wiki-kategori-simge img { display: block; max-width: 100%; height: auto; image-rendering: auto; }
.wiki-kategori-ad { grid-area: ad; color: var(--k-tx3); letter-spacing: var(--u); }
.wiki-kategori-sayi { grid-area: sayi; color: var(--k-cy3); }
.wiki-kategori-ozet { grid-area: ozet; color: var(--k-tx1); }
.wiki-kategori:hover, .wiki-kategori:focus-visible {
  transform: translateY(calc(-1 * var(--u)));
  box-shadow: 0 calc(4 * var(--u)) calc(10 * var(--u)) rgba(0, 0, 0, 0.5), 0 0 calc(10 * var(--u)) rgba(64, 214, 246, 0.3);
}
.wiki-kategori:hover .wiki-kategori-ad, .wiki-kategori:focus-visible .wiki-kategori-ad { color: var(--k-cy4); }

.wiki-ana-alt {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(calc(120 * var(--u)), 1fr);
  gap: calc(10 * var(--u));
  align-items: start;
  margin-top: calc(6 * var(--u));
}
.wiki-rehber, .wiki-paket { display: flex; flex-direction: column; gap: calc(4 * var(--u)); min-width: 0; }
.wiki-adimlar { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.wiki-adimlar li {
  display: grid;
  grid-template-columns: calc(18 * var(--u)) minmax(0, 1fr);
  gap: calc(5 * var(--u));
  padding: calc(4 * var(--u)) 0;
  border-bottom: var(--u) solid var(--k-fr1);
}
.wiki-adimlar li:last-child { border-bottom: 0; }
.wiki-adim-no {
  color: var(--k-au4);
  font-size: calc(12 * var(--u)); line-height: calc(12 * var(--u));
  text-shadow: 0 var(--u) 0 rgba(0, 0, 0, 0.85);
}
.wiki-adim-govde { display: flex; flex-direction: column; align-items: flex-start; gap: calc(2 * var(--u)); min-width: 0; }
.wiki-adim-baslik { font-weight: normal; color: var(--k-tx3); letter-spacing: var(--u); }
.wiki-adim-metin { color: var(--k-tx2); }
.wiki-adim-bag { color: var(--k-cy3); letter-spacing: var(--u); }
.wiki-adim-bag:hover, .wiki-adim-bag:focus-visible { color: var(--k-cy4); }
.wiki-paket {
  padding: calc(6 * var(--u)) calc(8 * var(--u)) calc(8 * var(--u));
  border: solid transparent;
  border-width: calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));
  border-image: url('kit/panel.png') 8 8 5 fill / calc(8 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
}
.wiki-paket-aciklama { color: var(--k-tx2); }
.wiki-paket-liste { display: flex; flex-direction: column; gap: calc(3 * var(--u)); }
.wiki-paket-liste li {
  display: grid;
  grid-template-columns: calc(24 * var(--u)) minmax(0, 1fr);
  align-items: center;
  gap: calc(5 * var(--u));
}
.wiki-paket-simge { display: flex; align-items: center; justify-content: center; min-height: calc(16 * var(--u)); }
.wiki-paket-simge img { display: block; max-width: 100%; height: auto; }
.wiki-paket-yazi { display: flex; flex-direction: column; min-width: 0; }
.wiki-paket-yazi b { font-weight: normal; color: var(--k-tx3); }
.wiki-paket-yazi span { color: var(--k-tx1); }
.wiki-paket-alt {
  margin: calc(2 * var(--u)) 0 0;
  padding-top: calc(4 * var(--u));
  border-top: var(--u) solid var(--k-fr1);
  font-weight: normal; font-size: inherit;
  color: var(--k-cy3); letter-spacing: var(--u);
}
.wiki-paket-kilit { display: flex; flex-direction: column; gap: calc(2 * var(--u)); margin: 0; }
.wiki-paket-kilit div { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: calc(6 * var(--u)); }
.wiki-paket-kilit dt { color: var(--k-tx1); }
.wiki-paket-kilit dd { margin: 0 0 0 auto; color: var(--k-tx3); }
.wiki-uretim { color: var(--k-tx1); margin-top: calc(4 * var(--u)); }

.wiki-oneriler {
  position: absolute; left: 0; right: 0; top: calc(100% + 2 * var(--u));
  margin: 0; padding: calc(2 * var(--u));
  list-style: none;
  max-height: calc(170 * var(--u));
  overflow-y: auto;
  background: var(--k-bg1);
  border: var(--u) solid var(--k-cy2);
  box-shadow: 0 calc(6 * var(--u)) calc(16 * var(--u)) rgba(0, 0, 0, 0.65);
}
.wiki-oneri {
  display: grid;
  grid-template-columns: calc(14 * var(--u)) minmax(0, 1fr);
  grid-template-areas: "simge ad" "simge alt";
  align-items: center;
  column-gap: calc(5 * var(--u));
  padding: calc(2 * var(--u)) calc(4 * var(--u));
  cursor: pointer;
}
.wiki-oneri-simge { grid-area: simge; display: flex; align-items: center; justify-content: center; width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
.wiki-oneri-simge img { max-width: 100%; max-height: 100%; image-rendering: auto; }
.wiki-oneri-ad { grid-area: ad; min-width: 0; color: var(--k-tx3); overflow-wrap: anywhere; }
.wiki-oneri-alt { grid-area: alt; color: var(--k-tx1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wiki-oneri[data-sinif="1"] .wiki-oneri-ad { color: #a9bcd8; }
.wiki-oneri[data-sinif="2"] .wiki-oneri-ad { color: #46c8ff; }
.wiki-oneri[data-sinif="3"] .wiki-oneri-ad { color: #ffc93a; }
.wiki-oneri.acik { background: rgba(26, 150, 186, 0.28); box-shadow: inset calc(2 * var(--u)) 0 0 var(--k-cy3); }

@keyframes wikiVurgu {
  0%, 55% { outline-color: var(--k-cy3); outline-offset: calc(2 * var(--u)); }
  100% { outline-color: transparent; outline-offset: calc(6 * var(--u)); }
}
.wiki-vurgula { outline: calc(2 * var(--u)) solid transparent; animation: wikiVurgu 1.6s ease-out; }
.wiki-kart { scroll-margin-top: calc(10 * var(--u)); }

.wiki-tablo th.siralanir { cursor: pointer; user-select: none; }
.wiki-tablo th.siralanir:hover, .wiki-tablo th.siralanir:focus-visible { color: var(--k-cy4); background: rgba(26, 150, 186, 0.4); outline: none; }
.wiki-tablo th.siralanir::after {
  content: ''; display: inline-block; vertical-align: middle;
  margin-left: calc(3 * var(--u));
  border-style: solid; border-color: transparent;
  border-width: calc(3 * var(--u)) calc(3 * var(--u)) 0 calc(3 * var(--u));
  border-top-color: var(--k-tx0);
}
.wiki-tablo th[aria-sort="ascending"]::after { border-width: 0 calc(3 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u)); border-color: transparent transparent var(--k-au4) transparent; }
.wiki-tablo th[aria-sort="descending"]::after { border-top-color: var(--k-au4); }
.wiki-tablo th[aria-sort="ascending"], .wiki-tablo th[aria-sort="descending"] { color: var(--k-au4); }

.wiki-harita { display: flex; flex-direction: column; gap: calc(4 * var(--u)); }
.wiki-harita-kaydir { overflow-x: auto; padding-bottom: calc(2 * var(--u)); }
.wiki-harita-ic {
  position: relative;
  box-sizing: border-box;
  display: grid;
  gap: calc(12 * var(--u)) calc(6 * var(--u));
  width: fit-content;
  min-width: max(100%, calc(330 * var(--u)));
  padding: calc(6 * var(--u));
  background: radial-gradient(ellipse at 50% 50%, rgba(26, 150, 186, 0.08), rgba(4, 8, 16, 0.7) 75%);
  border: var(--u) solid var(--k-fr1);
}
.wiki-harita-cizgi { position: absolute; left: 0; top: 0; pointer-events: none; overflow: visible; }
.wiki-harita-cizgi line { stroke: var(--k-fr3); stroke-width: calc(2 * var(--u)); transition: opacity 0.15s, stroke 0.15s; }
.wiki-harita-cizgi line.ortak { stroke: #7a5ab8; }
.wiki-harita-cizgi line.irklar-arasi { stroke: #ffc93a; stroke-dasharray: calc(5 * var(--u)) calc(3 * var(--u)); }
.wiki-harita-dugum {
  position: relative; z-index: 1;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: var(--u);
  min-height: calc(30 * var(--u));
  padding: calc(3 * var(--u));
  text-align: center;
  background: var(--k-bg1);
  border: var(--u) solid var(--irk);
  box-shadow: 0 0 0 var(--u) rgba(0, 0, 0, 0.6), 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.45);
  transition: opacity 0.15s, background 0.15s;
}
.wiki-harita-dugum.us { box-shadow: inset 0 0 0 calc(2 * var(--u)) var(--irk), 0 0 0 var(--u) rgba(0, 0, 0, 0.6), 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.45); }
.wiki-harita-kod { font-weight: normal; color: var(--irk); letter-spacing: var(--u); }
.wiki-harita-ad { color: var(--k-tx2); }
.wiki-harita-dugum:hover, .wiki-harita-dugum:focus-visible { background: #12203a; outline: none; }
.wiki-harita-dugum:hover .wiki-harita-ad, .wiki-harita-dugum:focus-visible .wiki-harita-ad { color: var(--k-tx3); }
.wiki-harita-ic.odak .wiki-harita-dugum:not(.yakin) { opacity: 0.35; }
.wiki-harita-ic.odak .wiki-harita-cizgi line:not(.yakin) { opacity: 0.12; }
.wiki-harita-ic.odak .wiki-harita-cizgi line.yakin { stroke: var(--k-cy3); }
.wiki-harita-anahtar { display: flex; flex-wrap: wrap; gap: calc(3 * var(--u)) calc(10 * var(--u)); color: var(--k-tx2); }
.wiki-harita-anahtar-oge { display: inline-flex; align-items: center; gap: calc(3 * var(--u)); }
.wiki-harita-renk { display: inline-block; width: calc(6 * var(--u)); height: calc(6 * var(--u)); background: var(--irk); }
.wiki-harita-anahtar-us::before {
  content: ''; display: inline-block; width: calc(6 * var(--u)); height: calc(6 * var(--u));
  box-shadow: inset 0 0 0 calc(2 * var(--u)) var(--k-tx2);
}
.wiki-harita-anahtar-kesik::before {
  content: ''; display: inline-block; width: calc(12 * var(--u)); height: 0;
  border-top: calc(2 * var(--u)) dashed #ffc93a;
}
.wiki-harita-ipucu { color: var(--k-cy3); }

.wiki-hesap { display: flex; flex-direction: column; gap: calc(5 * var(--u)); }
.wiki-hesap-girdi { display: flex; flex-wrap: wrap; align-items: flex-end; gap: calc(5 * var(--u)) calc(8 * var(--u)); }
.wiki-hesap-alan { display: flex; flex-direction: column; gap: calc(2 * var(--u)); }
.wiki-hesap-etiket { color: var(--k-tx1); letter-spacing: var(--u); }
.wiki-hesap-alan input, .wiki-hesap-alan select {
  box-sizing: border-box;
  height: calc(20 * var(--u));
  min-width: calc(80 * var(--u));
  padding: 0 calc(6 * var(--u));
  background: var(--k-bg0);
  border: var(--u) solid var(--k-cy2);
  box-shadow: inset 0 var(--u) 0 rgba(0, 0, 0, 0.6);
  color: var(--k-tx3);
  font: inherit; letter-spacing: var(--u);
  outline: none;
}
.wiki-hesap-alan input:focus, .wiki-hesap-alan select:focus { border-color: var(--k-cy3); }
.wiki-hesap-alan input::placeholder { color: var(--k-tx0); }
.wiki-hesap-alan select option { background: var(--k-bg1); color: var(--k-tx3); }
.wiki-hesap-kutu { display: inline-flex; align-items: center; gap: calc(4 * var(--u)); height: calc(20 * var(--u)); color: var(--k-tx2); cursor: pointer; }
.wiki-hesap-kutu input { width: calc(8 * var(--u)); height: calc(8 * var(--u)); margin: 0; accent-color: var(--k-cy3); }
.wiki-hesap-sonuc .wiki-sayi-deger { overflow-wrap: anywhere; }
.wiki-hesap-not { color: var(--k-tx2); }

.wiki-tablo-kap { display: flex; flex-direction: column; gap: calc(4 * var(--u)); max-width: 100%; overflow-x: auto; }
.wiki-tablo { border-collapse: collapse; min-width: min(100%, calc(260 * var(--u))); }
.wiki-tablo th, .wiki-tablo td {
  padding: calc(2 * var(--u)) calc(4 * var(--u));
  border: var(--u) solid var(--k-fr1);
  text-align: left; vertical-align: top;
}
.wiki-tablo th { vertical-align: bottom; }
.wiki-tablo .nb { white-space: nowrap; }
.wiki-tablo th { font-weight: normal; color: var(--k-cy3); background: rgba(12, 78, 100, 0.3); }
.wiki-tablo td { color: var(--k-tx2); background: rgba(4, 8, 16, 0.6); }
.wiki-tablo td:first-child { color: var(--k-tx3); }
details.wiki-tablo-kap > summary { cursor: pointer; list-style: none; display: flex; flex-direction: row; align-items: flex-start; gap: calc(4 * var(--u)); }
details.wiki-tablo-kap > summary::before { margin-top: calc(2 * var(--u)); }
.wiki-ozet-yazi { display: flex; flex-direction: column; gap: calc(2 * var(--u)); min-width: 0; }
details.wiki-tablo-kap > summary:hover .wiki-grup-baslik { color: var(--k-tx3); }
details.wiki-tablo-kap > summary::-webkit-details-marker { display: none; }
details.wiki-tablo-kap > summary::before {
  content: ''; flex: none;
  width: 0; height: 0;
  border-style: solid;
  border-width: calc(3 * var(--u)) 0 calc(3 * var(--u)) calc(4 * var(--u));
  border-color: transparent transparent transparent var(--k-cy3);
}
details.wiki-tablo-kap[open] > summary::before {
  border-width: calc(4 * var(--u)) calc(3 * var(--u)) 0 calc(3 * var(--u));
  border-color: var(--k-cy3) transparent transparent transparent;
}
details.wiki-tablo-kap > summary:hover { color: var(--k-tx3); }

@media (max-width: 900px) {
  .wiki-duzen { grid-template-columns: minmax(0, 1fr); gap: calc(8 * var(--u)); }
  .wiki-menu {
    top: 0; z-index: 5;
    flex-direction: row; gap: calc(3 * var(--u));
    max-height: none;
    overflow-x: auto; overflow-y: hidden;
    margin: 0 calc(-8 * var(--u));
    padding: calc(4 * var(--u)) calc(8 * var(--u));
    background: linear-gradient(to bottom, rgba(6, 4, 26, 0.96), rgba(6, 4, 26, 0.88));
    box-shadow: 0 calc(3 * var(--u)) calc(8 * var(--u)) rgba(0, 0, 0, 0.5);
  }
  .wiki-bolum, .wiki-grup, .wiki-kart { scroll-margin-top: calc(36 * var(--u)); }
}
@media (max-width: 760px) {
  .wiki-bas h1 { font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); letter-spacing: var(--u); }
  .wiki-kart.acik { grid-template-rows: auto auto; grid-template-areas: "resim satir" "ayrinti ayrinti"; }
  .wiki-kart.acik > .wiki-resim { margin: calc(4 * var(--u)) 0; }
  .wiki-ayrinti { padding: calc(5 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)) 0; }
  .wiki-kartlar.buyuk .wiki-kart.acik { grid-template-columns: minmax(0, 1fr); grid-template-areas: "satir" "resim" "ayrinti"; }
  .wiki-kartlar.buyuk .wiki-kart.acik > .wiki-resim { width: auto; margin: 0 calc(6 * var(--u)) calc(5 * var(--u)) 0; }
  .wiki-grup-atla { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-8 * var(--u)); padding: 0 calc(8 * var(--u)); }
  .wiki-grup-atla::-webkit-scrollbar { display: none; }
  .wiki-grup-atla a { flex: none; }
  .wiki-hesap-alan { flex: 1 1 100%; }
  .wiki-hesap-alan input, .wiki-hesap-alan select { width: 100%; }
  .wiki-ust .wiki-uzun, .yasal-ust .wiki-uzun { display: none; }
  .wiki-sayilar { --kp: calc(3 * var(--u)); }
  .wiki-ana-alt { grid-template-columns: minmax(0, 1fr); gap: calc(6 * var(--u)); }
}

#buyutec {
  position: fixed; inset: 0; z-index: 10;
  background: rgba(2, 4, 10, 0.94);
  display: flex; align-items: center; justify-content: center;
  gap: calc(6 * var(--u));
  padding: calc(8 * var(--u));
}
.bt-cerceve {
  display: flex; flex-direction: column; align-items: center; gap: calc(6 * var(--u));
  max-width: min(100%, 150vh);
}
#buyutec img {
  max-width: 100%; max-height: 80vh; width: auto; height: auto;
  border: solid calc(4 * var(--u)) transparent;
  border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
}
#buyutec figcaption { text-align: center; color: var(--k-tx2); max-width: calc(360 * var(--u)); }
#buyutec figcaption b { font-weight: normal; color: var(--k-au4); letter-spacing: var(--u); margin: 0 calc(3 * var(--u)); }
#buyutec figcaption .sira { color: var(--k-cy3); }
.bt-dugme {
  flex: none;
  width: calc(20 * var(--u)); height: calc(20 * var(--u));
  border: solid calc(5 * var(--u)) transparent;
  border-image: url('kit/buton_off.png') 5 fill / calc(5 * var(--u)) stretch;
  image-rendering: pixelated;
  background: none;
  color: var(--k-cy4);
  font: inherit; font-size: calc(8 * var(--u)); line-height: 1;
  padding: 0;
  cursor: pointer;
}
.bt-dugme:hover, .bt-dugme:focus-visible { border-image-source: url('kit/buton_hover.png'); }
.bt-kapat { position: absolute; top: calc(6 * var(--u)); right: calc(8 * var(--u)); }

@media (min-width: 1500px) and (min-height: 820px) { :root { --u: 3px; } }

@media (max-width: 900px) {
  .galeri { display: flex; flex-direction: column; align-items: stretch; gap: calc(6 * var(--u)); }
  .galeri-sol { display: contents; }
  .sekmeler { order: 1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(3 * var(--u)); }
  .sekme { gap: calc(3 * var(--u)); padding: 0 calc(3 * var(--u)); letter-spacing: 0; }
  .ilerleme { order: 2; margin-top: 0; }
  .pano { order: 3; }
  .galeri .yazi { order: 4; margin: calc(-12 * var(--u)) calc(8 * var(--u)) 0; }
  @keyframes panoYazi { from { opacity: 0; translate: 0 calc(6 * var(--u)); } to { opacity: 1; translate: 0 0; } }
  .bilgi { grid-template-columns: minmax(0, 1fr); }
  .mobil-ic { grid-template-columns: minmax(0, 1fr); }
  .altlik-cagri { flex-direction: column; text-align: center; }
  .altlik-orta { flex-direction: column; }
  .altlik-orta .altlik-baglanti, .sosyal { justify-content: center; }
}

@media (max-width: 760px), (max-height: 520px) and (orientation: landscape) {
  .menu {
    position: fixed; left: 0; right: 0; top: auto; bottom: 0; z-index: 8;
    padding: calc(5 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u) + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(to bottom, rgba(12, 22, 40, 0.95), rgba(4, 8, 16, 0.98));
    box-shadow: 0 calc(-4 * var(--u)) calc(12 * var(--u)) rgba(0, 0, 0, 0.55);
  }
  .menu::before {
    content: '';
    position: absolute; left: 0; right: 0; top: 0;
    height: calc(2 * var(--u));
    background: url('kit/ayirac.png') 0 0 / calc(48 * var(--u)) calc(2 * var(--u)) repeat-x;
    image-rendering: pixelated;
  }
  .menu-liste {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: calc(4 * var(--u));
    max-width: calc(260 * var(--u));
    margin: 0 auto;
  }
  .menu-dugme { width: 100%; min-width: 0; height: calc(20 * var(--u)); padding: 0; }
  .menu .yakinda::after { top: auto; bottom: calc(100% + 4 * var(--u)); translate: -50% calc(2 * var(--u)); }
  .menu .yakinda.yakinda-acik::after { translate: -50% 0; }
  body { padding-bottom: calc(30 * var(--u) + env(safe-area-inset-bottom, 0px)); }
}
@media (max-height: 520px) and (orientation: landscape) {
  .menu { padding-top: calc(3 * var(--u)); padding-bottom: calc(3 * var(--u) + env(safe-area-inset-bottom, 0px)); }
  .menu-dugme { height: calc(14 * var(--u)); }
  body { padding-bottom: calc(20 * var(--u) + env(safe-area-inset-bottom, 0px)); }
}

@media (max-width: 760px) {
  :root { --kolon: calc(100vw - 16 * var(--u)); }

  .kahraman { gap: calc(7 * var(--u)); padding: calc(12 * var(--u)) calc(8 * var(--u)) calc(10 * var(--u)); }
  .logo-sar { margin-inline: 0; }
  .logo { width: 98vw; max-height: 32vh; }
  .oyna.buyuk { width: min(calc(170 * var(--u)), 74vw); height: calc(30 * var(--u)); }
  .slogan { gap: calc(4 * var(--u)); padding: calc(3 * var(--u)) calc(6 * var(--u)); letter-spacing: var(--u); }
  .slogan::before, .slogan::after { width: calc(10 * var(--u)); }
  .rozetler { gap: calc(3 * var(--u)) calc(6 * var(--u)); max-width: 100%; padding: calc(3 * var(--u)) calc(8 * var(--u)); }
  .rozetler li { gap: calc(6 * var(--u)); letter-spacing: 0; }

  .irk { margin-top: calc(2 * var(--u)); gap: calc(6 * var(--u)); }
  .irk-kap { height: calc(var(--kolon) * 0.72); }
  .irk-orta span { width: calc(22 * var(--u)); height: calc(22 * var(--u)); }
  .irk-yazi { padding: calc(5 * var(--u)) calc(6 * var(--u)); gap: calc(2 * var(--u)); }
  .irk-yazi h3 { font-size: calc(8 * var(--u)); line-height: calc(10 * var(--u)); letter-spacing: var(--u); white-space: normal; }
  .irk-sektor { letter-spacing: 0; }

  .bolum { padding-top: calc(20 * var(--u)); gap: calc(8 * var(--u)); }
  .bolum-baslik { gap: calc(4 * var(--u)); }
  .bolum-baslik span { padding: 0 calc(4 * var(--u)); letter-spacing: 0; }
  .kare { border-width: calc(3 * var(--u)); border-image-width: calc(3 * var(--u)); }
  .kare::after { opacity: 1; translate: 0 0; right: calc(4 * var(--u)); top: calc(4 * var(--u)); }
  .galeri .yazi {
    margin: calc(-8 * var(--u)) calc(4 * var(--u)) 0;
    padding: calc(4 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u));
  }
  .galeri { gap: calc(6 * var(--u)); }
  .sekmeler { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: calc(2 * var(--u)); }
  .sekme { height: calc(20 * var(--u)); justify-content: center; padding: 0; letter-spacing: 0; }
  .sekme-ad { display: none; }
  .yazi h3 { margin: calc(6 * var(--u)) 0 calc(5 * var(--u)); font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); }
  .yazi h3::after { margin-top: calc(4 * var(--u)); }

  .mobil-ic { gap: calc(8 * var(--u)); }
  .mobil-yazi { padding: calc(4 * var(--u)) calc(6 * var(--u)) calc(8 * var(--u)); gap: calc(6 * var(--u)); }
  .mobil-ozellik { gap: calc(5 * var(--u)); }
  .telefon { padding: calc(4 * var(--u)) calc(11 * var(--u)); }
  .telefon::before { left: calc(4 * var(--u)); width: calc(3 * var(--u)); height: calc(3 * var(--u)); }
  .telefon::after { right: calc(5 * var(--u)); height: calc(14 * var(--u)); }
  .telefon-ekran::after { opacity: 1; right: calc(3 * var(--u)); top: calc(3 * var(--u)); }
  .mobil-kucukler { grid-template-columns: repeat(4, minmax(0, 1fr)); }

  .bilgi { gap: calc(8 * var(--u)); }
  .bilgi-kutu { gap: calc(8 * var(--u)); }
  .bilgi-panel { padding: calc(4 * var(--u)) calc(6 * var(--u)) calc(8 * var(--u)); }
  .guncel .bilgi-panel { padding-right: 0; }
  .guncel-liste {
    flex-direction: row;
    gap: calc(5 * var(--u));
    padding: 0 calc(6 * var(--u)) calc(2 * var(--u)) 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .guncel-liste::-webkit-scrollbar { display: none; }
  .guncel-liste::before, .guncel-kart::before { display: none; }
  .guncel-kart {
    flex: 0 0 84%;
    scroll-snap-align: start;
    padding: calc(5 * var(--u)) calc(6 * var(--u)) calc(7 * var(--u));
    border: solid calc(4 * var(--u)) transparent;
    border-image: url('kit/kart.png') 4 fill / calc(4 * var(--u)) stretch;
    image-rendering: pixelated;
  }
  .guncel-kart:only-child { flex: 1 1 auto; }
  .yasal { padding: calc(6 * var(--u)) calc(7 * var(--u)) calc(10 * var(--u)); }
  .yasal h1 { font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); letter-spacing: var(--u); }
  .yasal-simge { width: calc(12 * var(--u)); height: calc(12 * var(--u)); }
  .yasal-simge.buyuk { width: calc(18 * var(--u)); height: calc(18 * var(--u)); }
  .yasal-bas { gap: calc(5 * var(--u)); }
  .yasal h2 { font-size: calc(8 * var(--u)); gap: calc(4 * var(--u)); letter-spacing: 0; }
  .yasal h2 span { min-width: 0; }
  .yasal-tablo th, .yasal-tablo td { padding: calc(2 * var(--u)) calc(3 * var(--u)); }
  .destek-ikili { grid-template-columns: minmax(0, 1fr); }
  .destek-sorgu { flex-direction: column; align-items: stretch; }
  .destek-sorgu .destek-dugme { align-self: flex-start; }
  .destek-talep { padding: calc(5 * var(--u)) calc(5 * var(--u)); }
  .destek-mesaj { padding: calc(3 * var(--u)) calc(4 * var(--u)); }
  .sss-madde summary { letter-spacing: 0; padding-left: calc(6 * var(--u)); }
  .sss-madde p { padding: calc(5 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)); }
  .altlik { margin-top: calc(20 * var(--u)); }
  .altlik-cagri h2 { font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); letter-spacing: var(--u); }
  .altlik-cagri .oyna.buyuk { width: min(calc(170 * var(--u)), 74vw); }

  .altlik-ic { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: calc(8 * var(--u)); padding-top: calc(12 * var(--u)); }
  .altlik-baglanti { justify-content: center; align-items: center; gap: 0 calc(4 * var(--u)); }
  .altlik-baglanti li { display: flex; align-items: center; gap: calc(4 * var(--u)); }
  .altlik-baglanti li + li::before {
    content: '';
    width: calc(2 * var(--u)); height: calc(2 * var(--u));
    background: var(--k-au3);
    rotate: 45deg;
  }
  .altlik-baglanti a {
    padding: calc(3 * var(--u)) 0;
    border: 0;
    letter-spacing: 0;
    text-decoration: underline;
    text-decoration-color: var(--k-fr3);
    text-underline-offset: calc(2 * var(--u));
  }
  .altlik-baglanti a:hover, .altlik-baglanti a:focus-visible { color: var(--k-cy4); }
  .altlik-baglanti .oyna-bag:not([href]) { text-decoration: none; }
  .altlik-baglanti .oyna-bag:not([href]):hover { border-image-source: none; color: var(--k-cy3); }
  .altlik-not { flex-wrap: wrap; letter-spacing: 0; width: 100%; }

  #buyutec { flex-wrap: wrap; align-content: center; }
  .bt-cerceve { order: -1; width: 100%; }
}

@media (max-height: 520px) and (orientation: landscape) {
  .kahraman { gap: calc(4 * var(--u)); padding: calc(4 * var(--u)) calc(8 * var(--u)) calc(18 * var(--u)); }
  .logo { max-height: 38vh; }
  .oyna.buyuk { height: calc(22 * var(--u)); font-size: calc(12 * var(--u)); }
  .rozetler { display: none; }
  .kahraman { padding-top: calc(6 * var(--u)); }
  .irk-kap { height: 78vh; }
  #buyutec img { max-height: 70vh; }
  .galeri { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: calc(6 * var(--u)); }
  .galeri-sol .yazi .sira { display: none; }
  .galeri-sol { display: flex; gap: calc(4 * var(--u)); }
  .sekmeler { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(2 * var(--u)); }
  .sekme { height: calc(17 * var(--u)); justify-content: center; padding: 0; letter-spacing: 0; }
  .sekme-ad { display: none; }
  .sekme-simge { width: calc(10 * var(--u)); height: calc(10 * var(--u)); }
  .ilerleme { margin-top: 0; }
  .galeri .yazi { margin: 0; padding: calc(4 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u)); }
  .yazi h3 { margin: calc(4 * var(--u)) 0; font-size: calc(12 * var(--u)); line-height: calc(14 * var(--u)); }
  .mobil-ic { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: start; }
}

@media (prefers-reduced-motion: reduce) {
  .cisim, .cisim *, .oyna, .oyna::before, .akis, .sup { animation: none !important; }
  .oyna.buyuk::before { display: none; }
  #kayan, #kivilcim, .tarama, .logo-acilis { display: none; }
  html { scroll-behavior: auto; }
  .galeri.gecis .kare img, .galeri.gecis .yazi-blok > * { animation: none !important; }
  .sss-madde[open] p { animation: none; }
  .telefon-ekran img { transition: none; }
  .kare, .kare img, .kare::after, .menu-liste, .yakinda::after { transition: none; }
  .cerceve::before { display: none; }
  .cerceve::after { animation: none; }
}

@media (max-width: 760px) {
  .yasal-ust, .wiki-ust { gap: calc(4 * var(--u)); }
  .yasal-ust .yasal-geri, .wiki-ust .yasal-geri { padding: 0 calc(3 * var(--u)); letter-spacing: 0; }
  :lang(en) .oyna.buyuk { font-size: calc(12 * var(--u)); letter-spacing: var(--u); text-indent: var(--u); }
}
@media (max-width: 420px) {
  :lang(en) .bolum-baslik { font-size: calc(8 * var(--u)); }
}
@media (max-width: 760px), (max-height: 520px) and (orientation: landscape) {
  .menu-liste { grid-template-columns: repeat(3, minmax(max-content, 1fr)) max-content; gap: calc(2 * var(--u)); }
  .menu-dugme { letter-spacing: 0; text-indent: 0; }
  .menu-dugme.dil-dugme { min-width: 0; padding: 0 calc(2 * var(--u)); }
}

@media (max-width: 350px) {
  .slogan::before, .slogan::after { display: none; }
  .bolum-baslik { font-size: calc(8 * var(--u)); }
  .menu { padding-left: calc(4 * var(--u)); padding-right: calc(4 * var(--u)); }
  .menu-dugme { letter-spacing: 0; text-indent: 0; }
  .irk-yazi h3, .yasal h1 { letter-spacing: 0; }
  .sekme-simge { width: calc(10 * var(--u)); height: calc(10 * var(--u)); }
  .galeri .yazi { margin-left: 0; margin-right: 0; }
  .galeri .yazi p { overflow-wrap: break-word; }
  .menu-liste { gap: var(--u); }
  .menu-dugme.dil-dugme { padding: 0; }
  .dar-gizle { display: none; }
  :lang(en) .oyna.buyuk { letter-spacing: 0; text-indent: 0; }
  .destek-eylem .destek-dugme { letter-spacing: 0; padding: 0 calc(4 * var(--u)); }
}