/* İHANET – ortak tema */
:root {
  --zemin: #000000;
  --panel: #101010;
  --panel2: #1a1a1a;
  --cizgi: #262626;
  --kirmizi: #e11d2e;
  --kirmizi-koyu: #8f1220;
  --altin: #f5b942;
  --yesil: #2ecc71;
  --metin: #f5f5f5;
  --soluk: #9a9a9a;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background: var(--zemin);
  color: var(--metin);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.marka {
  font-weight: 900;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--kirmizi);
  text-shadow: 0 0 24px rgba(225, 29, 46, 0.55);
}
.panel {
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: 16px;
  padding: 20px;
}
.dugme {
  display: inline-block;
  border: 0;
  border-radius: 12px;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(180deg, var(--kirmizi), var(--kirmizi-koyu));
  cursor: pointer;
  transition: transform 0.08s ease, filter 0.15s ease;
  user-select: none;
}
.dugme:active { transform: scale(0.97); }
.dugme:disabled { filter: grayscale(0.8) brightness(0.6); cursor: not-allowed; }
.dugme.gri { background: linear-gradient(180deg, #3a3350, #241f33); }
.dugme.altin { background: linear-gradient(180deg, #f5b942, #b07f1a); color: #221a05; }
.dugme.yesil { background: linear-gradient(180deg, #2ecc71, #1a7a43); }
.girdi {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--cizgi);
  background: var(--panel2);
  color: var(--metin);
  font-size: 17px;
  outline: none;
}
.girdi:focus { border-color: var(--kirmizi); }
.soluk { color: var(--soluk); }
.gizli { display: none !important; }

/* zaman çubuğu */
.zaman-kap { height: 12px; border-radius: 999px; background: var(--panel2); overflow: hidden; border: 1px solid var(--cizgi); }
.zaman-cubuk { height: 100%; width: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--yesil), var(--altin), var(--kirmizi)); transition: width 0.2s linear; }

/* rozet / çip */
.cip {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--panel2);
  border: 1px solid var(--cizgi);
  font-size: 13px;
  font-weight: 700;
  color: var(--soluk);
}
.cip.kirmizi { color: #ffb3ba; border-color: var(--kirmizi-koyu); background: rgba(225,29,46,0.12); }
.cip.altin { color: var(--altin); border-color: #6b5313; background: rgba(245,185,66,0.1); }

@keyframes titre { 0%,100%{transform:translateX(0)} 20%{transform:translateX(-6px)} 40%{transform:translateX(6px)} 60%{transform:translateX(-4px)} 80%{transform:translateX(4px)} }
@keyframes belir { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes nabiz { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes pop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.3); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }
@keyframes dogruParla { 0%,100% { box-shadow: 0 0 0 rgba(46,204,113,0); } 50% { box-shadow: 0 0 44px rgba(46,204,113,0.6); } }
.belir { animation: belir 0.35s ease both; }