@font-face { font-family: "Cinzel"; font-weight: 600; font-display: swap; src: url(../yazi/cinzel-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cinzel"; font-weight: 600; font-display: swap; src: url(../yazi/cinzel-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Cinzel"; font-weight: 700; font-display: swap; src: url(../yazi/cinzel-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cinzel"; font-weight: 700; font-display: swap; src: url(../yazi/cinzel-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Cinzel"; font-weight: 800; font-display: swap; src: url(../yazi/cinzel-latin-800-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Cinzel"; font-weight: 800; font-display: swap; src: url(../yazi/cinzel-latin-ext-800-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Alegreya Sans"; font-weight: 500; font-display: swap; src: url(../yazi/alegreya-sans-latin-500-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 500; font-display: swap; src: url(../yazi/alegreya-sans-latin-ext-500-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Alegreya Sans"; font-weight: 700; font-display: swap; src: url(../yazi/alegreya-sans-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 700; font-display: swap; src: url(../yazi/alegreya-sans-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Alegreya Sans"; font-weight: 800; font-display: swap; src: url(../yazi/alegreya-sans-latin-800-normal.woff2) format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Alegreya Sans"; font-weight: 800; font-display: swap; src: url(../yazi/alegreya-sans-latin-ext-800-normal.woff2) format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }






:root {
  --zemin: #0b0806;
  --metin: #f6ead0;
  --soluk: #c2ad86;
  --koyu-metin: #2b1a0c;
  --altin: #e8c46a;
  --altin-acik: #fff0bf;
  --altin-koyu: #9a7228;
  --bronz: #b0843c;
  --kirmizi: #ff6a55;
  --han-kirmizi: #e0442f;
  --yesil: #8fe06f;
  --mavi: #6cc9ff;
  --camgobegi: #5fd6d0;

  --yazi: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;
  --oyma: "Cinzel", Georgia, serif;


  --gurultu: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .42 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");

  --damar: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='120'><filter id='d'><feTurbulence type='fractalNoise' baseFrequency='.006 .22' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .08  0 0 0 0 .04  0 0 0 0 .01  0 0 0 .9 -.25'/></filter><rect width='100%25' height='100%25' filter='url(%23d)'/></svg>");

  --ahsap:
    var(--damar),
    var(--gurultu),
    linear-gradient(180deg, #3a2615, #2a1a0d 60%, #22150a);
  --deri:
    var(--gurultu),
    radial-gradient(ellipse at 30% 20%, #3b2213, #24140a 70%);
  --parsomen:
    var(--gurultu),
    radial-gradient(ellipse at 50% 40%, #ecdcb4, #d3ba86 80%, #b99a62);
  --bronz-kenar: linear-gradient(180deg, #ffe7a6, #c9953f 35%, #6e4816 55%, #d8a94e 80%, #7a531c);

  --olcek: 1;
}

* { box-sizing: border-box; }


[hidden] { display: none !important; }

html, body {
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--metin);
  font-family: var(--yazi);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}



body {
  background:
    var(--gurultu),
    radial-gradient(ellipse at 50% 40%, #1b1712, #0b0907 75%);
}

button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}






#sahne {
  position: absolute;

  left: calc(50% + var(--guvenliX, 0px));
  top: calc(50% + var(--guvenliY, 0px));

  width: var(--sahneEn, 1320px);

  height: var(--sahneBoy, 640px);
  transform: translate(-50%, -50%) scale(var(--olcek));
  transform-origin: center center;
  overflow: hidden;
  background: #6f8a45;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .75);
  visibility: hidden;
  font-size: 16px;
}

html.hazir #sahne { visibility: visible; }



#cevirUyarisi {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 100;
  background: var(--deri);
  color: var(--altin);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: var(--oyma);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: .06em;
  text-align: center;
}


#cevirUyarisi .cevirKutu svg {
  width: 72px;
  height: 72px;
  animation: cevir 2.4s ease-in-out infinite;
}

html.cevir #cevirUyarisi { display: flex; }
html.cevir #sahne { visibility: hidden; }

@keyframes cevir {
  0%, 30% { transform: rotate(0deg); }
  60%, 100% { transform: rotate(-90deg); }
}

@media (prefers-reduced-motion: reduce) {
  #cevirUyarisi .cevirKutu svg { animation: none; }
}