/* ══════════════════════════════════════════════════════════════
   SAYFA ARKAPLAN GÖRSELİ
   Tüm HTML'in arkasında sabit olarak durur.
   Farklı bir görsel kullanmak istersen URL'yi değiştir:
   SAYFA_ARKAPLAN_GORSEL_LINKI_BURAYA
══════════════════════════════════════════════════════════════ */
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}
body {
  background:#ffffff;
}
#tarla-productivity-embed,
#tarla-productivity-embed * { box-sizing:border-box; }

#tarla-productivity-embed {
  --tp-shadow:
    drop-shadow(-2px 0 0 #000) drop-shadow(2px 0 0 #000)
    drop-shadow(0 -2px 0 #000) drop-shadow(0 2px 0 #000);
  max-width:720px; margin:0 auto;
  font-family:Arial,Helvetica,sans-serif; color:#000;
}
#tarla-productivity-embed .tp-card,
#tarla-productivity-embed .tp-question-card { filter:var(--tp-shadow); }
#tarla-productivity-embed .tp-app {
  background: transparent;
  color:#000;
  min-height:700px;
  padding-top:24px;
  padding-bottom:24px;
  position: relative; /* ::before için gerekli */
}
/* ── Kırmızı üçgen çatı ── */
#tarla-productivity-embed .tp-app::before {
  display: none;
}
#tarla-productivity-embed .tp-inner { padding:0 22px; position:relative; z-index:1; }
#tarla-productivity-embed .tp-header { text-align:center; margin-bottom:12px; }
#tarla-productivity-embed .tp-title { margin:0; font-size:1.15rem; font-weight:900; letter-spacing:.5px; }
#tarla-productivity-embed .tp-subtitle { margin:4px 0 0; color:#666; font-size:12px; line-height:1.4; }

#tarla-productivity-embed .tp-top-stats {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px;
}
#tarla-productivity-embed .tp-stat-card {
  background:#fff; padding:16px 10px; text-align:center;
  border:2px solid #000; border-bottom:6px solid #000; border-radius:6px;
}
#tarla-productivity-embed .tp-stat-title { font-size:12px; color:#555; font-weight:700; margin-bottom:8px; letter-spacing:.4px; }
#tarla-productivity-embed .tp-stat-value { font-size:22px; font-weight:900; line-height:1.1; }

#tarla-productivity-embed .tp-nav { display:flex; gap:8px; padding:0; margin:0 0 18px; flex-wrap:wrap; }
#tarla-productivity-embed .tp-nav-btn-wrap { flex:1; }
#tarla-productivity-embed .tp-nav-btn,
#tarla-productivity-embed .tp-action-btn,
#tarla-productivity-embed .tp-likert-btn {
  width:100%;
  display:block;
  background:#fff;
  color:#000;
  border:2px solid #000;
  border-radius:8px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
}
#tarla-productivity-embed .tp-nav-btn { padding:24px 6px 14px; font-size:11px; letter-spacing:.5px; }
#tarla-productivity-embed .tp-nav-btn:hover,
#tarla-productivity-embed .tp-action-btn:hover,
#tarla-productivity-embed .tp-likert-btn:hover { background:#000; color:#fff; }
#tarla-productivity-embed .tp-nav-btn.active { background:#000; color:#fff; }

#tarla-productivity-embed .tp-screen { display:none; }
#tarla-productivity-embed .tp-screen.active { display:block; }

#tarla-productivity-embed .tp-card {
  background:#fff;
  border:2px solid #000;
  border-bottom:6px solid #000;
  border-radius:6px;
  padding:18px;
  margin-bottom:18px;
}

#tarla-productivity-embed .tp-focus-card {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 18px 0;
  margin-bottom: 18px;
  filter: none;
}

#tarla-productivity-embed .tp-section-title {
  text-align:center; margin:0 0 16px; letter-spacing:1px;
  border-bottom:2px solid #000; padding-bottom:10px; font-weight:900; font-size:1.15rem;
}
#tarla-productivity-embed .tp-muted { color:#666; font-size:13px; line-height:1.55; }
#tarla-productivity-embed .tp-alert {
  background:#fff1b8; border:2px solid #000; padding:12px; border-radius:6px;
  font-weight:700; margin-bottom:12px; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
#tarla-productivity-embed .tp-alert-cancel {
  margin-left:auto; padding:4px 12px; border:2px solid #000; background:#fff;
  cursor:pointer; font-weight:900; font-size:12px; border-radius:4px;
}

/* Timer */
#tarla-productivity-embed .tp-timer-container { text-align:center; margin-bottom:18px; }
#tarla-productivity-embed .tp-digital-clock { font-size:2em; margin:0; color:#888; font-weight:400; }
#tarla-productivity-embed .tp-focus-timer { font-size:4.1em; margin:6px 0 10px; color:#000; font-weight:900; line-height:1; }
#tarla-productivity-embed .tp-progress-bar {
  width:100%; height:18px; background:#eee; border:2px solid #000;
  border-radius:6px; overflow:hidden; margin:10px 0 8px;
}
#tarla-productivity-embed .tp-progress-fill { width:0%; height:100%; background:#000; transition:width .2s linear; }
#tarla-productivity-embed .tp-progress-text { font-size:12px; color:#666; margin-bottom:14px; font-weight:700; }

/* Action */
#tarla-productivity-embed .tp-action-row { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
#tarla-productivity-embed .tp-action-btn-wrap { min-width:140px; }
#tarla-productivity-embed .tp-action-btn { padding:24px 12px 14px; font-size:14px; }
#tarla-productivity-embed .tp-action-btn.primary { background:#000; color:#fff; }
#tarla-productivity-embed .tp-action-btn:disabled { opacity:.35; cursor:not-allowed; pointer-events:none; }

/* İzometrik tarla */
#tarla-productivity-embed .tp-farm-iso-wrap {
  width:100%; overflow-x:auto; padding:10px 0 4px;
  -webkit-overflow-scrolling:touch;
}
#tarla-productivity-embed #tp-farm-svg {
  display:block; overflow:visible; cursor:default;
}
#tarla-productivity-embed #tp-farm-svg .tp-iso-cell { cursor:default; }
#tarla-productivity-embed #tp-farm-svg .tp-iso-cell.tp-iso-target { cursor:pointer; }
@keyframes tp-pulse-stroke {
  0%,100% { stroke-opacity:.3; }
  50%      { stroke-opacity:1; }
}

/* Sorular */
#tarla-productivity-embed .tp-question-card {
  background:#fff; border:2px solid #000; border-bottom:6px solid #000;
  border-radius:6px; padding:16px; margin-bottom:16px;
}
#tarla-productivity-embed .tp-question-title { font-size:1rem; font-weight:900; margin-bottom:8px; line-height:1.45; }
#tarla-productivity-embed .tp-question-desc { font-size:14px; color:#222; line-height:1.6; margin-bottom:12px; }
#tarla-productivity-embed .tp-likert-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; }
#tarla-productivity-embed .tp-likert-btn { padding:12px 0; font-size:14px; }
#tarla-productivity-embed .tp-likert-btn.active { background:#000; color:#fff; }
#tarla-productivity-embed .tp-help-text { font-size:12px; color:#666; margin-top:8px; line-height:1.45; }

/* Profil */
#tarla-productivity-embed .tp-profile-grid { display:grid; grid-template-columns:200px 1fr; gap:16px; }
#tarla-productivity-embed .tp-avatar-box {
  background:#fff; border:2px solid #000; border-bottom:6px solid #000;
  border-radius:6px; padding:14px; text-align:center;
}

/* Profil karakter — tek görsel */
#tarla-productivity-embed .tp-char-single {
  width:100%; aspect-ratio:1/1.2; display:flex; align-items:center; justify-content:center;
  background:#f5f5f5; border:2px solid #000; border-radius:6px; overflow:hidden;
  margin-bottom:8px;
}
#tarla-productivity-embed .tp-char-single img {
  width:100%; height:100%; object-fit:cover;
}
#tarla-productivity-embed .tp-char-single .tp-char-fallback {
  font-size:4rem; opacity:.35;
}
/* ══════════════════════════════════════════════════════
   KARAKTER PROFIL GÖRSELİ — Buradaki URL'yi değiştir
   equippedImageUrl (CLOTHES dizisindeki kıyafetler)
   alındığında bu görsel değişir.
══════════════════════════════════════════════════════ */
#tarla-productivity-embed .tp-rank { font-size:1.2rem; font-weight:900; margin-top:8px; }

#tarla-productivity-embed .tp-input,
#tarla-productivity-embed .tp-textarea {
  width:100%; border:2px solid #000; border-radius:6px;
  padding:12px; font-size:14px; margin-bottom:10px; background:#fff; color:#000;
}
#tarla-productivity-embed .tp-textarea { min-height:110px; resize:vertical; }
#tarla-productivity-embed .tp-list { display:grid; gap:12px; margin-top:12px; }
#tarla-productivity-embed .tp-list-item {
  background:#fff; border:2px solid #000; border-bottom:6px solid #000;
  border-radius:6px; padding:12px;
}
#tarla-productivity-embed .tp-list-item-title { font-weight:900; margin-bottom:6px; }

/* Market */
#tarla-productivity-embed .tp-shop-section-title {
  font-weight:900; font-size:1rem; margin:0 0 12px;
  border-bottom:2px solid #000; padding-bottom:8px;
}
#tarla-productivity-embed .tp-shop-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-bottom:20px;
}
#tarla-productivity-embed .tp-shop-card {
  background:#fff; border:2px solid #000; border-bottom:6px solid #000;
  border-radius:6px; padding:14px; text-align:center;
}
/* ─── MARKET TOHUM/KIYAFET GÖRSELİ ─── */
#tarla-productivity-embed .tp-shop-img {
  width:56px; height:56px; object-fit:contain;
  margin-bottom:6px; border-radius:4px;
}
#tarla-productivity-embed .tp-shop-icon { font-size:2.2rem; margin-bottom:6px; }
#tarla-productivity-embed .tp-shop-name { font-weight:900; font-size:.9rem; margin-bottom:4px; }
#tarla-productivity-embed .tp-shop-meta { font-size:.8rem; color:#555; font-weight:700; margin-bottom:4px; }
#tarla-productivity-embed .tp-shop-price { font-size:.85rem; font-weight:900; margin-bottom:6px; }
#tarla-productivity-embed .tp-shop-owned {
  font-size:.75rem; font-weight:700; color:#555;
  background:#f5f5f5; border:1px solid #ccc; border-radius:3px;
  padding:2px 6px; display:inline-block; margin-bottom:8px;
}
#tarla-productivity-embed .tp-shop-btn-row { display:flex; gap:6px; }
#tarla-productivity-embed .tp-shop-btn-row .tp-action-btn-wrap { flex:1; min-width:0; }
#tarla-productivity-embed .tp-shop-btn-row .tp-action-btn { font-size:12px; padding:18px 4px 10px; }
#tarla-productivity-embed .tp-coin-display {
  text-align:center; font-size:1.5rem; font-weight:900;
  padding:12px; background:#fff1b8; border:2px solid #000;
  border-radius:6px; margin-bottom:16px;
}
#tarla-productivity-embed .tp-footer-row { display:flex; justify-content:flex-start; margin-top:10px; }
#tarla-productivity-embed .tp-hasat-notice {
  background:#e8f5e9; border:2px solid #000; border-radius:6px;
  padding:10px 14px; font-weight:900; font-size:13px; margin-top:10px; text-align:center;
}

@media (max-width:760px) {
  #tarla-productivity-embed .tp-top-stats { grid-template-columns:1fr; }
  #tarla-productivity-embed .tp-nav { flex-wrap:wrap; }
  #tarla-productivity-embed .tp-nav-btn-wrap { flex:1 1 calc(50% - 8px); }
  #tarla-productivity-embed .tp-focus-timer { font-size:3.1em; }
  #tarla-productivity-embed .tp-likert-grid { grid-template-columns:repeat(3,1fr); }
  #tarla-productivity-embed .tp-profile-grid { grid-template-columns:1fr; }
  #tarla-productivity-embed .tp-shop-grid { grid-template-columns:1fr; }
}


/* ── Ek stiller (HTML'de inline veya eksik) ── */
#tarla-productivity-embed .tp-input {
  width:100%; padding:10px 12px; border:2px solid #000; border-radius:6px;
  font-size:14px; font-family:inherit; margin-bottom:10px; box-sizing:border-box;
}
#tarla-productivity-embed .tp-textarea {
  width:100%; padding:10px 12px; border:2px solid #000; border-radius:6px;
  font-size:14px; font-family:inherit; margin-bottom:10px; min-height:90px;
  resize:vertical; box-sizing:border-box;
}
#tarla-productivity-embed .tp-list { margin-top:8px; }
#tarla-productivity-embed .tp-list-item {
  background:#fff; border:2px solid #000; border-radius:6px;
  padding:12px 14px; margin-bottom:10px;
}
#tarla-productivity-embed .tp-list-item-title { font-weight:700; margin-bottom:3px; }

#tarla-productivity-embed .tp-shop-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; margin-bottom:18px;
}
#tarla-productivity-embed .tp-shop-card {
  background:#fff; border:2px solid #000; border-bottom:6px solid #000;
  border-radius:6px; padding:14px; text-align:center;
}
#tarla-productivity-embed .tp-shop-img  { width:100%; max-height:90px; object-fit:contain; margin-bottom:8px; border-radius:4px; }
#tarla-productivity-embed .tp-shop-icon { font-size:2.5rem; margin-bottom:8px; }
#tarla-productivity-embed .tp-shop-name { font-weight:900; font-size:.88rem; margin-bottom:4px; }
#tarla-productivity-embed .tp-shop-meta { font-size:.75rem; color:#555; margin-bottom:4px; }
#tarla-productivity-embed .tp-shop-price { font-weight:900; font-size:.9rem; margin-bottom:8px; }
#tarla-productivity-embed .tp-shop-owned { font-size:.75rem; color:#388e3c; font-weight:700; margin-bottom:6px; }
#tarla-productivity-embed .tp-shop-btn-row { display:flex; gap:6px; }
#tarla-productivity-embed .tp-shop-section-title { font-weight:900; letter-spacing:.5px; border-bottom:2px solid #000; padding-bottom:6px; margin:18px 0 12px; font-size:.95rem; }

#tarla-productivity-embed .tp-coin-display { font-weight:900; font-size:1.1rem; margin-bottom:12px; }
#tarla-productivity-embed .tp-rank { font-weight:900; font-size:1rem; margin-top:8px; letter-spacing:.5px; }

/* Tavsiye kartları */
#ct-tips { max-width:720px; margin:0 auto 40px; padding:0 16px; font-family:Arial,Helvetica,sans-serif; }
#ct-tips-title { font-size:1.1rem; font-weight:900; text-align:center; letter-spacing:1px; margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid #000; color:#000; }
.ct-tips-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.ct-tip-card { background:#fff; border:2px solid #000; border-bottom:6px solid #000; border-radius:6px; padding:18px;
  filter:drop-shadow(-2px 0 0 #000) drop-shadow(2px 0 0 #000) drop-shadow(0 -2px 0 #000) drop-shadow(0 2px 0 #000); }
.ct-tip-num { font-size:.68rem; font-weight:900; letter-spacing:2px; color:#999; margin-bottom:8px; }
.ct-tip-title { font-size:.95rem; font-weight:900; margin-bottom:8px; color:#000; line-height:1.3; }
.ct-tip-body { font-size:.85rem; color:#444; line-height:1.65; font-weight:700; }
@media (max-width:600px) { #ct-tips { padding:0 12px; } .ct-tips-grid { grid-template-columns:1fr; } }

/* tp-picket-wrapper (orijinal HTML'de inline olmuş olabilir) */
#tarla-productivity-embed .tp-picket-wrapper { position:relative; }

/* ══════════════════════════════════════════════════════════════
   QUİZ ALANI — aynı siyah/beyaz modern estetik
══════════════════════════════════════════════════════════════ */

/* Kart */
#tarla-productivity-embed .tp-qz-card {
  background: #fff;
  border: 2px solid #000;
  border-bottom: 6px solid #000;
  border-radius: 6px;
  padding: 18px;
  margin-bottom: 18px;
}

/* Hedef progress bar (sayaç) */
#tarla-productivity-embed .tp-qz-hedef-bar-wrap {
  margin-bottom: 16px;
}
#tarla-productivity-embed .tp-qz-hedef-bar {
  width: 100%;
  height: 12px;
  background: #eee;
  border: 2px solid #000;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 6px;
}
#tarla-productivity-embed .tp-qz-hedef-fill {
  height: 100%;
  background: #000;
  transition: width 0.4s ease;
}
#tarla-productivity-embed .tp-qz-sayac {
  font-size: 12px;
  font-weight: 700;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
#tarla-productivity-embed .tp-qz-sayac-dogru  { color: #1a7a1a; }
#tarla-productivity-embed .tp-qz-sayac-yanlis { color: #b22; }
#tarla-productivity-embed .tp-qz-sayac-hedef  { color: #555; font-weight: 400; }

/* Filtre grid */
#tarla-productivity-embed .tp-qz-filtre-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 4px;
}
#tarla-productivity-embed .tp-qz-filtre-item { display: flex; flex-direction: column; gap: 5px; }
#tarla-productivity-embed .tp-qz-label {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .8px;
  color: #000;
}
#tarla-productivity-embed .tp-qz-select {
  padding: 10px 10px 8px;
  border: 2px solid #000;
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
  font-weight: 700;
  background: #fff;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0l6 8 6-8z' fill='%23000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
}
#tarla-productivity-embed .tp-qz-select:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* Soru kartı */
#tarla-productivity-embed .tp-qz-soru-kart {
  animation: tp-fade-in .2s ease;
}
#tarla-productivity-embed .tp-qz-soru-no {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1px;
  color: #888;
  margin-bottom: 8px;
}
#tarla-productivity-embed .tp-qz-soru-metin {
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.55;
  margin-bottom: 14px;
}

/* Şıklar */
#tarla-productivity-embed .tp-qz-siklar {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#tarla-productivity-embed .tp-qz-sik {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;
  padding: 12px 14px 10px;
  font-family: inherit;
  font-size: .88rem;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
  transition: background .12s ease, color .12s ease;
  width: 100%;
}
#tarla-productivity-embed .tp-qz-sik:hover:not(:disabled) {
  background: #000;
  color: #fff;
}
#tarla-productivity-embed .tp-qz-sik:disabled {
  cursor: not-allowed;
}
#tarla-productivity-embed .tp-qz-sik-harf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 4px;
  font-size: .78rem;
  font-weight: 900;
  flex-shrink: 0;
}
#tarla-productivity-embed .tp-qz-sik-metin { flex: 1; line-height: 1.4; }

/* Cevap geri bildirimi */
#tarla-productivity-embed .tp-qz-sik--dogru,
#tarla-productivity-embed .tp-qz-sik--dogru:disabled {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}
#tarla-productivity-embed .tp-qz-sik--yanlis,
#tarla-productivity-embed .tp-qz-sik--yanlis:disabled {
  background: #f5f5f5 !important;
  color: #999 !important;
  border-color: #ccc !important;
  text-decoration: line-through;
}

/* Test bitti */
#tarla-productivity-embed .tp-qz-bitti {
  padding: 10px 0;
}
#tarla-productivity-embed .tp-qz-bitti-baslik {
  font-size: 1.1rem;
  font-weight: 900;
  margin-bottom: 12px;
  letter-spacing: .5px;
}
#tarla-productivity-embed .tp-qz-bitti-stats {
  display: flex;
  gap: 14px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
#tarla-productivity-embed .tp-qz-stat {
  font-size: .9rem;
  font-weight: 900;
  padding: 6px 14px 4px;
  border: 2px solid #000;
  border-radius: 4px;
}
#tarla-productivity-embed .tp-qz-stat--dogru { background: #000; color: #fff; }
#tarla-productivity-embed .tp-qz-stat--yanlis { background: #fff; color: #000; }
#tarla-productivity-embed .tp-qz-bitti-hedef {
  font-size: .82rem;
  color: #555;
  margin-bottom: 4px;
}

/* Kutlama banner */
.tp-qz-kutlama {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3rem;
  font-weight: 900;
  letter-spacing: .5px;
  padding: 22px 36px;
  border-radius: 8px;
  z-index: 99999;
  text-align: center;
  animation: tp-kutlama-pop .3s cubic-bezier(.34,1.56,.64,1) both;
  pointer-events: none;
}
@keyframes tp-kutlama-pop {
  from { opacity:0; transform:translate(-50%,-50%) scale(.7); }
  to   { opacity:1; transform:translate(-50%,-50%) scale(1); }
}

@media (max-width: 600px) {
  #tarla-productivity-embed .tp-qz-filtre-grid { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════
   DÜNYA BUTONU ÇUBUĞU — header altında
══════════════════════════════════════════════════════════════ */
#tarla-productivity-embed .tp-dunya-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  background: #fff;
  border: 2px solid #000;
  border-bottom: 4px solid #000;
  border-radius: 6px;
  padding: 10px 16px 8px;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 700;
}
#tarla-productivity-embed .tp-dunya-bar__oda {
  font-size: .85rem;
  color: #555;
  letter-spacing: .3px;
}

/* ══════════════════════════════════════════════════════════════
   DÜNYA PANELİ
══════════════════════════════════════════════════════════════ */
#tarla-productivity-embed .tp-dunya-panel {
  background: #fff;
  border: 2px solid #000;
  border-bottom: 6px solid #000;
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 18px;
  animation: tp-fade-in .2s ease;
}
#tarla-productivity-embed .tp-dunya-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
#tarla-productivity-embed .tp-dunya-sub {
  font-size: .78rem;
  color: #888;
  flex: 1;
}
#tarla-productivity-embed .tp-dunya-kapat {
  margin-left: auto;
  background: none;
  border: 2px solid #000;
  border-radius: 4px;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 900;
  font-family: inherit;
  padding: 4px 10px;
  transition: background .12s;
}
#tarla-productivity-embed .tp-dunya-kapat:hover {
  background: #000;
  color: #fff;
}

/* Oyuncu kartları */
#tarla-productivity-embed .tp-dunya-liste {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#tarla-productivity-embed .tp-dunya-kart {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  border: 2px solid #000;
  border-radius: 6px;
  background: #fafafa;
}
#tarla-productivity-embed .tp-dunya-kart--benim {
  background: #fff;
  border-color: #000;
  box-shadow: 3px 3px 0 #000;
}
#tarla-productivity-embed .tp-dunya-kart__isim {
  font-weight: 900;
  font-size: .9rem;
  display: flex;
  align-items: center;
  gap: 8px;
}
#tarla-productivity-embed .tp-dunya-sen {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .8px;
  padding: 2px 7px;
  border-radius: 3px;
}
#tarla-productivity-embed .tp-dunya-kart__prog {
  display: flex;
  align-items: center;
  gap: 10px;
}
#tarla-productivity-embed .tp-dunya-kart__bar {
  flex: 1;
  height: 8px;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}
#tarla-productivity-embed .tp-dunya-kart__fill {
  height: 100%;
  background: #000;
  border-radius: 4px;
  transition: width .4s ease;
}
#tarla-productivity-embed .tp-dunya-kart__pct {
  font-size: .75rem;
  font-weight: 700;
  color: #555;
  white-space: nowrap;
}

@media (max-width: 480px) {
  #tarla-productivity-embed .tp-dunya-bar { flex-direction: column; align-items: flex-start; }
}

/* ════════════════════════════════════════════════════════════════
   v3.7.0 — TARLA / PROFİL / MARKET GÜNCELLEMELERİ
   Yeni index.html ile birebir CSS desteği. Sadece yeni eklenen
   sınıflar; mevcut CSS bozulmaz.
════════════════════════════════════════════════════════════════ */

/* TARLA — Tek satır market kartı (yeni "TARLA SATIN AL" için) */
#tarla-productivity-embed .tp-shop-grid-single {
  display:grid; grid-template-columns:minmax(220px, 320px); justify-content:center;
  gap:12px; margin-bottom:18px;
}
#tarla-productivity-embed .tp-shop-img-iso {
  width:100%; max-height:110px; object-fit:contain;
  margin-bottom:8px; display:block;
}

/* TARLA — Aktif çiftçi GIF'i için yumuşak idle/walk salınımı.
   Idle: yerinde nefes alır gibi yavaş yukarı-aşağı (bob).
   Active: hafifçe yana sallanma (sway). */
#tarla-productivity-embed svg .tp-farmer-idle {
  transform-origin:center bottom;
  animation: tp-farmer-bob 2.4s ease-in-out infinite;
}
#tarla-productivity-embed svg .tp-farmer-active {
  transform-origin:center bottom;
  animation: tp-farmer-sway 1.6s ease-in-out infinite;
}
@keyframes tp-farmer-bob {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-1.5px); }
}
@keyframes tp-farmer-sway {
  0%,100% { transform:translateX(0); }
  50%     { transform:translateX(1.5px); }
}

/* TARLA — Hasada hazır hücre için sallanan vurgu (kullanıcıyı tıklamaya yönlendirir) */
#tarla-productivity-embed svg .tp-iso-cell-harvestable {
  cursor:pointer;
  animation: tp-cell-harvest-pulse 2.2s ease-in-out infinite;
  transform-origin:center;
}
@keyframes tp-cell-harvest-pulse {
  0%,100% { filter:brightness(1); }
  50%     { filter:brightness(1.08); }
}