/* MİMARLAB English (/english; public/english.html, public/js/english.js): cümle kartı, kırmızı kelime, Türkçe çeviri.
   Harf kutuları, giriş alanı ve düğmeler kelime.css'ten (kz-*), pafta dili quiz.css'ten (qz-*). */
.en-page{--en-red:#D7332B; --en-red-tint:#FDEBE9;}
:root[data-theme="dark"] .en-page{--en-red:#FF6B5F; --en-red-tint:rgba(255,107,95,.14);}
.en-levels-set{margin:0 0 22px;}
.en-levels-set .qz-seg-item input:disabled + span{opacity:.4; cursor:not-allowed;}
.en-reset-row{margin:12px 0 0; font-size:14px;}

.en-play .en-progress{display:block; max-width:none; height:8px; margin:0 0 16px; border-radius:100px;}
.en-sheet .qz-body{max-width:820px;}
.en-sentence{margin:0 0 18px; font-size:clamp(23px, 3vw, 34px); line-height:1.4; font-weight:700; letter-spacing:-0.01em;}
.en-sentence:focus{outline:none;}
.en-hl{background:none; color:var(--en-red); font-weight:800; text-decoration:underline; text-decoration-thickness:3px; text-underline-offset:5px; text-decoration-color:var(--en-red-tint);}
.en-ask{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 10px; font-size:15px; font-weight:600; color:var(--ink-soft);}
.en-ask em{font-style:normal; font-weight:500;}
.en-say{display:inline-flex; align-items:center; gap:6px;}
.en-gap{display:inline-block; width:clamp(10px, 2vw, 18px);}
.kz-box.is-extra{border-style:dashed;}

.en-feedback .en-word{margin:0 0 6px; font-size:18px;}
.en-feedback .en-word strong:first-child{color:var(--en-red);}
.en-alts{margin:0 0 10px; font-size:14px; color:var(--ink-soft);}
.en-sent2{margin:14px 0 0; font-size:clamp(16px, 1.8vw, 19px); line-height:1.45; font-weight:600;}
.en-tr2{margin:6px 0 6px; font-size:clamp(15px, 1.7vw, 18px); font-weight:500;}
.en-tr{margin:12px 0 6px; padding:12px 16px; border-left:4px solid var(--good); background:var(--paper-card, var(--field)); border-radius:0 10px 10px 0; font-size:clamp(17px, 2vw, 21px); line-height:1.45; font-weight:600;}
.en-hl-tr{background:none; color:var(--good); font-weight:800;}
.en-note{margin:0 0 4px; font-size:13px; color:var(--ink-soft);}
@media (max-width:560px){
  .en-ask{align-items:flex-start;}
}

/* Renkler: sayfa mavi (Çizimden Tanı rengi) — kırmızı kelime öne çıksın. quiz.css'in kz-box kurallarının üstüne. */
.en-page{--c:var(--lab-cizim); --ci:var(--lab-cizim-ink); --t:var(--lab-cizim-tint);}
.en-play .kz-box.is-revealed{background:var(--c); border-color:var(--c); color:#fff;}
.en-play .kz-boxes.is-done.is-won .kz-box{background:var(--good); border-color:var(--good); color:#fff;}
.en-play .kz-boxes.is-done.is-lost .kz-box{background:var(--bad); border-color:var(--bad); color:#fff;}
:root[data-theme="dark"] .en-play .kz-box.is-revealed,
:root[data-theme="dark"] .en-play .kz-boxes.is-done .kz-box{color:#14181E;}

/* Takip (yalnızca yönetici; #en-track): günlük quiz kartı, istatistik, son 14 gün, Kelimelerim. */
.en-track{padding-bottom:24px;}
.en-track-head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px;}
.en-track-head .block-title{margin:0;}
.en-track-note{margin:0; font-size:13px; color:var(--ink-soft);}
.en-track-grid{display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:16px; align-items:stretch;}
.en-card{padding:22px 24px; border:1px solid var(--line); border-radius:var(--lab-radius, 20px); background:var(--paper-card, var(--page)); display:flex; flex-direction:column; gap:8px;}
.en-daily{border-color:var(--c); box-shadow:0 0 0 3px var(--t);}
.en-card-kicker{margin:0; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ci);}
.en-card-title{margin:0; font-size:clamp(21px, 2.2vw, 26px); line-height:1.2; font-weight:800; letter-spacing:-0.01em;}
.en-card-text{margin:0; font-size:15px; color:var(--ink-soft);}
.en-daily-bar{position:relative; height:10px; border-radius:100px; background:var(--field); overflow:hidden; margin:6px 0 4px;}
.en-daily-bar span{position:absolute; inset:0; background:var(--c); transform-origin:left center; transform:scaleX(0); transition:transform .3s ease;}
.en-card-actions{display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; padding-top:8px;}
.en-stats{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin:0;}
.en-stat{padding:14px 16px; border:1px solid var(--line); border-radius:16px; background:var(--paper-card, var(--page)); min-width:0;}
.en-stat:last-child:nth-child(odd){grid-column:1 / -1;}
.en-stat dt{font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft);}
.en-stat dd{margin:2px 0 0; font-size:26px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-0.01em;}
.en-stat p{margin:2px 0 0; font-size:12.5px; color:var(--ink-soft);}
.en-stat.is-ok dd{color:var(--good);}
.en-stat.is-bad dd{color:var(--en-red);}

.en-history{margin:18px 0 0; padding:18px 20px 14px; border:1px solid var(--line); border-radius:var(--lab-radius, 20px); background:var(--paper-card, var(--page));}
.en-history-head{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:13px; font-weight:700; color:var(--ink-soft); margin-bottom:10px;}
.en-legend{display:inline-flex; align-items:center; gap:6px; font-weight:600;}
.en-legend i{display:inline-block; width:10px; height:10px; border-radius:3px; margin-left:8px;}
.en-legend i.is-ok, .en-hbar.is-ok{background:var(--good);}
.en-legend i.is-bad, .en-hbar.is-bad{background:var(--en-red);}
.en-history-bars{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(14, minmax(0, 1fr)); gap:6px; align-items:end;}
.en-hcol{display:flex; flex-direction:column; align-items:center; gap:3px; min-width:0;}
.en-hstack{display:flex; flex-direction:column-reverse; justify-content:flex-start; width:100%; max-width:28px; height:90px; border-radius:6px; background:var(--field); overflow:hidden;}
.en-hbar{display:block; width:100%;}
.en-hnum{font-size:11px; font-weight:700; min-height:14px; font-variant-numeric:tabular-nums;}
.en-hday{font-size:11px; color:var(--ink-soft); font-variant-numeric:tabular-nums;}
.en-hcol.is-today .en-hday{color:var(--ci); font-weight:800;}

.en-words-head{display:flex; flex-direction:column; gap:10px; margin:28px 0 12px;}
.en-words-title{margin:0; font-size:20px; font-weight:800;}
.en-filters{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.en-search{flex:1 1 220px; min-width:0; padding:9px 14px; border:1px solid var(--line); border-radius:100px; background:var(--page); font:inherit; font-size:16px; color:var(--ink);}
.en-words-empty{margin:8px 0; color:var(--ink-soft);}
.en-words{list-style:none; margin:0; padding:0; display:grid; gap:8px;}
.en-wrow details{border:1px solid var(--line); border-left:4px solid var(--good); border-radius:12px; background:var(--paper-card, var(--page));}
.en-wrow.is-review details{border-left-color:var(--en-red);}
.en-wrow summary{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:11px 14px; cursor:pointer; list-style:none;}
.en-wrow summary::-webkit-details-marker{display:none;}
.en-wmain{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; min-width:0;}
.en-wen{font-size:17px; color:var(--en-red);}
.en-wtr{font-size:15px; font-weight:600;}
.en-wmeta{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.en-chip{display:inline-block; padding:2px 9px; border-radius:100px; background:var(--field); font-size:11.5px; font-weight:700; color:var(--ink-soft);}
.en-chip.is-ok{background:var(--qz-good-bg, #E6F6EE); color:var(--good);}
.en-chip.is-bad{background:var(--en-red-tint); color:var(--en-red);}
.en-chip.is-first{background:var(--lab-board-tint, #FCF3D8); color:var(--lab-board-ink, #8A6200);}
.en-wcount{font-size:12.5px; font-variant-numeric:tabular-nums;}
.en-wcount b.is-ok{color:var(--good);}
.en-wcount b.is-bad{color:var(--en-red);}
.en-wbody{padding:0 14px 12px;}
.en-wsent{margin:0 0 4px; font-size:16px; font-weight:600;}
.en-wsent-tr{margin:0 0 6px; font-size:15px; color:var(--ink-soft);}
.en-wfoot{margin:0; font-size:12.5px; color:var(--ink-soft);}
.en-pager{margin-top:12px;}
.en-pager .lab-pager{margin-top:0;}
.en-wsent-2{margin-top:10px; padding-top:10px; border-top:1px dashed var(--line);}
.en-result-list{margin:16px 0 4px;}
@media (max-width:900px){ .en-track-grid{grid-template-columns:minmax(0, 1fr);} }
@media (max-width:560px){
  .en-history-bars{gap:3px;}
  .en-hstack{height:70px;}
  .en-hnum{font-size:9.5px;}
}

/* Kutular ve durum satırı cümle gibi soldan hizalı (kelime.css ortalar). */
.en-play .kz-boxes{justify-content:flex-start;}
.en-play .kz-tools{justify-content:flex-start;}
.en-play .kz-status{text-align:left;}

/* Tıklanır istatistik kutucuğu (İlk seferde bilinemeyen → Kelimelerim). */
.en-stat.is-link{cursor:pointer; transition:border-color .12s ease, transform .12s ease;}
.en-stat.is-link:hover{border-color:var(--en-red); transform:translateY(-2px);}
.en-stat.is-link:focus-visible{outline:2px solid var(--brass, var(--en-red)); outline-offset:2px;}
.en-words-head{scroll-margin-top:96px;}  /* yapışkan üst menünün altında kalmasın */

/* Kaydet düğmesi (oyun ekranı + Kelimelerim satırı) ve Kaydedildi etiketi. */
.en-save.is-on{background:var(--lab-board-tint, #FCF3D8); border-color:var(--lab-board, #E3A400); color:var(--lab-board-ink, #8A6200);}
.en-chip.is-saved{background:var(--lab-board-tint, #FCF3D8); color:var(--lab-board-ink, #8A6200);}
.en-wbody .en-save{margin-top:8px;}