/**
 * Günün Anıtı — bematrx.com/<dil>/anit (2026-09-12, gece işi W2)
 * ================================================================
 * "Ephemera" dili (DESIGN.md): açık editoryal zemin, koyuluk yalnız eşyanın
 * İÇİNDE (hero bileti, kapanış bileti). Bilmece panoları beyaz kart; ipucu
 * listesi bir belge gibi numaralı. Hareket yok — durağan eşyalar (§8).
 * Emoji yok: ızgara kareleri CSS, yön oku satır içi SVG.
 * subpages.css'ten SONRA yüklenir (aynı precedence, sıra korunur).
 */

/* =====================  Hero  ===================================== */

/* İkinci satır kendi bloğunda dengelenir: "90 şehir, 6 / tahmin." yerine
   "90 şehir, / 6 tahmin." (text-wrap: balance satır kutusu başına çalışır). */
.bm-anit-h1b { display: block; text-wrap: balance; }

/* Telefon: bilet (dikeyde tam bir ekran) gizlenir, bilmece ilk ekrana gelir;
   numara + tarih tek satırlık künyede kalır. Geri sayım panoda zaten var. */
.bm-anit-meta {
  display: none;
  margin-top: var(--bm-space-3);
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .08em;
  color: var(--bm-text-muted);
}
@media (max-width: 699px) {
  .bm-anit-pass-wrap { display: none; }
  .bm-anit-meta { display: block; }
}

/* =====================  Hero bileti  ============================== */

.bm-anit-pass { --stub-w: 132px; }
.bm-anit-pass .bm-pass__main { gap: var(--bm-space-3); }
.bm-anit-pass__no { font-variant-numeric: tabular-nums; }
.bm-anit-pass__grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) !important; }
.bm-anit-pass .bm-pass__stub .bm-print-label {
  font-size: .56rem; letter-spacing: .08em;
  text-align: center;
  overflow-wrap: anywhere; hyphens: auto;
}
.bm-anit-pass__count {
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: clamp(.95rem, 1.6vw, 1.15rem);
  line-height: 1;
  color: var(--bm-gold);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

/* =====================  Pano  ===================================== */

.bm-anit-board > .bm-container { max-width: 1120px; }

.bm-anit-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2.25rem);
  align-items: start;
}
@media (max-width: 899px) {
  .bm-anit-grid { grid-template-columns: minmax(0, 1fr); }
}

.bm-anit-side { display: grid; gap: clamp(1rem, 2.4vw, 1.5rem); min-width: 0; }

.bm-anit-card {
  background: var(--bm-white);
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-lg);
  padding: clamp(1.25rem, 2.6vw, 2rem);
  min-width: 0;
}
.bm-anit-card__head {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .5rem 1rem;
  margin-bottom: var(--bm-space-3);
}
.bm-anit-h2 {
  font-size: clamp(1.25rem, .8vw + 1rem, 1.55rem);
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.2;
}
.bm-anit-h2--sm { font-size: 1.1rem; margin-bottom: var(--bm-space-3); }
.bm-anit-count {
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .85rem;
  color: var(--bm-text-muted);
  font-variant-numeric: tabular-nums;
}

.bm-anit-state {
  display: grid; gap: var(--bm-space-3); justify-items: center;
  text-align: center;
  padding-block: clamp(2rem, 6vw, 4rem);
  color: var(--bm-text-muted);
  font-size: var(--bm-fs-body-lg);
}

/* =====================  İpuçları  ================================= */

.bm-anit-hintlist { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.bm-anit-hint {
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-md);
  padding: .9rem 1.05rem;
  background: var(--bm-white);
}
.bm-anit-hint.is-new { background: var(--bm-primary-soft); border-color: #F6C9D1; }
.bm-anit-hint.is-locked {
  border-style: dashed;
  background:
    repeating-linear-gradient(135deg, rgba(26, 26, 46, .03) 0 10px, transparent 10px 20px),
    var(--bm-bg-alt);
}
.bm-anit-hint__no {
  display: flex; align-items: center; gap: .5rem;
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #C42B44;
  margin-bottom: .35rem;
}
.bm-anit-hint.is-locked .bm-anit-hint__no { color: var(--bm-text-muted); }
.bm-anit-hint__new {
  font-style: normal;
  font-size: .62rem;
  letter-spacing: .1em;
  padding: .12rem .45rem;
  border-radius: var(--bm-radius-full);
  background: var(--bm-primary-text);
  color: var(--bm-white);
}
.bm-anit-hint__text {
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--bm-text);
  text-wrap: pretty;
}
.bm-anit-hint__locked { font-size: var(--bm-fs-small); color: var(--bm-text-muted); }
/* Kilitli ipuçları art arda: açıklama yalnız ilkinde; sonrakiler tek satırlık
   etiket. Telefonda tahmin kutusu beş boş kartın altına gömülmesin. */
.bm-anit-hint.is-locked + .bm-anit-hint.is-locked { padding-block: .55rem; }
.bm-anit-hint.is-locked + .bm-anit-hint.is-locked .bm-anit-hint__no { margin-bottom: 0; }
.bm-anit-hint.is-locked + .bm-anit-hint.is-locked .bm-anit-hint__locked { display: none; }

/* Maske: sunucunun ███ işareti görsel bir şerit olarak; ekran okuyucu
   "gizli ad" okur (role=img + aria-label). */
.bm-anit-mask {
  display: inline-block;
  inline-size: 2.4em;
  block-size: .82em;
  margin-inline: .12em;
  vertical-align: -.06em;
  border-radius: 2px;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .08) 0 2px, transparent 2px 5px),
    var(--bm-dark);
}

/* =====================  Tahmin paneli  ============================ */

.bm-anit-left {
  font-size: var(--bm-fs-small);
  color: var(--bm-text-muted);
  margin: -.35rem 0 var(--bm-space-3);
}
.bm-anit-form { display: grid; gap: .6rem; }
.bm-anit-label { font-weight: 700; font-size: var(--bm-fs-small); color: var(--bm-dark); }
.bm-anit-input {
  inline-size: 100%;
  font: inherit;
  font-size: 1rem; /* 16px: iOS odakta yakınlaştırmasın */
  padding: .8rem 1rem;
  border: 1px solid var(--bm-border-strong);
  border-radius: var(--bm-radius-md);
  background: var(--bm-white);
  color: var(--bm-text);
}
.bm-anit-input::placeholder { color: #6B7280; }
.bm-anit-input:disabled { background: var(--bm-bg-alt); }

.bm-anit-list {
  list-style: none; margin: 0; padding: .25rem;
  max-block-size: 17.5rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-md);
  background: var(--bm-white);
}
.bm-anit-opt {
  display: flex; align-items: baseline; flex-wrap: wrap;
  gap: .15rem .6rem;
  padding: .55rem .75rem;
  border-radius: var(--bm-radius-sm);
  cursor: pointer;
  user-select: none;
}
.bm-anit-opt:hover { background: var(--bm-bg-alt); }
.bm-anit-opt.is-active { background: var(--bm-bg-alt); box-shadow: inset 0 0 0 2px var(--bm-border-strong); }
.bm-anit-opt.is-selected { background: var(--bm-primary-soft); box-shadow: inset 0 0 0 2px var(--bm-primary-text); }
.bm-anit-opt__name { font-weight: 700; color: var(--bm-dark); }
.bm-anit-opt__country { font-size: var(--bm-fs-small); color: var(--bm-text-muted); }
.bm-anit-opt.is-tried { cursor: default; }
.bm-anit-opt.is-tried:hover { background: none; }
.bm-anit-opt.is-tried .bm-anit-opt__name { text-decoration: line-through; color: var(--bm-text-muted); }
.bm-anit-opt__tried {
  margin-inline-start: auto;
  font-family: var(--bm-font-print);
  font-size: .64rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--bm-text-muted);
}
.bm-anit-empty { font-size: var(--bm-fs-small); color: var(--bm-text-muted); padding: .25rem .1rem; }
.bm-anit-notice { min-block-size: 1.2em; font-size: var(--bm-fs-small); color: #B3162E; }
.bm-anit-notice:empty { min-block-size: 0; }

/* Düğmeler — dolgu marka kırmızısının koyu tonu: beyaz yazıyla AA (5.5:1). */
.bm-anit-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-block-size: 44px;
  padding: .7rem 1.3rem;
  font: inherit;
  font-weight: 700;
  font-size: 1rem;
  color: var(--bm-white);
  background: var(--bm-primary-text);
  border: 2px solid var(--bm-primary-text);
  border-radius: var(--bm-radius-full);
  cursor: pointer;
  transition: background-color var(--bm-dur-fast) ease, border-color var(--bm-dur-fast) ease;
}
.bm-anit-btn:hover:not(:disabled) { background: var(--bm-primary-text-hover); border-color: var(--bm-primary-text-hover); }
.bm-anit-btn:disabled { opacity: .45; cursor: not-allowed; }
.bm-anit-btn--block { inline-size: 100%; }
.bm-anit-btn--ghost { background: transparent; color: var(--bm-primary-text); }
.bm-anit-btn--ghost:hover:not(:disabled) { background: var(--bm-primary-soft); color: var(--bm-primary-text-hover); }

/* Izgara kareleri — paylaşım metnindeki ■ □'nin ekrandaki karşılığı. */
.bm-anit-squares { display: inline-flex; gap: 4px; direction: ltr; }
.bm-anit-squares i {
  inline-size: 14px; block-size: 14px;
  border: 2px solid var(--bm-dark);
  border-radius: 2px;
}
.bm-anit-squares i.is-on { background: var(--bm-dark); }

/* =====================  Tahmin listesi  =========================== */

.bm-anit-glist { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.bm-anit-g {
  display: grid;
  grid-template-columns: 1.6rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  min-block-size: 2.9rem;
  padding: .45rem .8rem;
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-md);
}
.bm-anit-g.is-hit { background: #ECFEFF; border-color: var(--bm-stamp-teal); }
.bm-anit-g.is-empty { border-style: dashed; background: var(--bm-bg-alt); }
.bm-anit-g__no {
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .8rem;
  color: var(--bm-text-muted);
  text-align: center;
}
.bm-anit-g__city { display: grid; min-width: 0; }
.bm-anit-g__city bdi { font-weight: 700; color: var(--bm-dark); overflow-wrap: anywhere; }
.bm-anit-g__city small { font-size: .78rem; color: var(--bm-text-muted); }
.bm-anit-g__ok {
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bm-stamp-teal);
}
.bm-anit-g__km {
  display: inline-flex; align-items: center; gap: .45rem;
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: .85rem;
  color: var(--bm-dark);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  direction: ltr;
}
/* Pusula oku: coğrafi yön, RTL'de de aynalanmaz (transform satır içinde). */
.bm-anit-arrow { inline-size: 1.15rem; block-size: 1.15rem; fill: var(--bm-primary-text); flex: none; }

/* =====================  Geri sayım  =============================== */

.bm-anit-next {
  display: grid; gap: .3rem;
  justify-items: start;
  padding-block-start: var(--bm-space-3);
  border-block-start: 1px dashed var(--bm-border-strong);
}
.bm-anit-next--compact { border: 0; padding: 0 .25rem; }
.bm-anit-next__time {
  font-family: var(--bm-font-print);
  font-weight: 700;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.1;
  color: var(--bm-dark);
  font-variant-numeric: tabular-nums;
}
.bm-anit-next__at { font-size: var(--bm-fs-small); color: var(--bm-text-muted); }
.bm-anit-next__ready { font-weight: 700; color: var(--bm-dark); }

/* =====================  Sonuç  ==================================== */

.bm-anit-result { display: grid; gap: var(--bm-space-3); }
.bm-anit-result__title { font-size: clamp(1.6rem, 1.6vw + 1rem, 2.1rem); }
.bm-anit-result__title:focus { outline: none; }
.bm-anit-result__title:focus-visible { outline: 3px solid var(--bm-primary); outline-offset: 4px; }
.bm-anit-answer { display: grid; gap: .25rem; justify-items: start; }
.bm-anit-answer__place {
  font-size: clamp(1.35rem, 1.2vw + 1rem, 1.75rem);
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.2;
  color: var(--bm-dark);
}
.bm-anit-answer__city { color: var(--bm-text-muted); }
.bm-anit-answer__link { margin-top: .5rem; text-decoration: none; }
.bm-anit-answer__link:hover { text-decoration: underline; }
.bm-anit-score {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem;
  font-family: var(--bm-font-print);
  font-weight: 700;
  color: var(--bm-dark);
}

.bm-anit-share {
  display: grid; gap: .6rem;
  padding: 1rem;
  border-radius: var(--bm-radius-md);
  background: var(--bm-bg-alt);
}
.bm-anit-share__text {
  margin: 0;
  /* Arayüz yazı tipi, baskı (mono) değil: mono ailede ■ □ yok, yedek yazı
     tipinden gelen kareler birbirine yapışıp tek şerit gibi görünüyordu.
     inherit: sayfa dilinin yazı tipi (ar/ja/ko/zh-tw) korunur. */
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--bm-dark);
  background: var(--bm-white);
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-sm);
  padding: .75rem .9rem;
  user-select: all;
}
/* Kareler için iki glifi de AYNI boyda taşıyan simge yazı tipleri. */
.bm-anit-share__grid {
  font-family: "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2", "DejaVu Sans", sans-serif;
  letter-spacing: .06em;
}
.bm-anit-share__btns { display: flex; flex-wrap: wrap; gap: .6rem; }
.bm-anit-share__status { font-size: var(--bm-fs-small); color: var(--bm-text-muted); }
.bm-anit-share__status:empty { display: none; }
.bm-anit-share__note { font-size: var(--bm-fs-small); color: var(--bm-text-muted); }

/* =====================  Kapanış bileti: bekleme listesi  ========== */

.bm-anit-sub {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: .6rem;
  inline-size: min(100%, 520px);
  position: relative;
}
.bm-anit-sub__input {
  flex: 1 1 240px;
  min-inline-size: 0;
  font: inherit;
  font-size: 1rem;
  padding: .8rem 1.1rem;
  border: 0;
  border-radius: var(--bm-radius-full);
  background: var(--bm-white);
  color: var(--bm-text);
}
.bm-anit-sub__btn {
  flex: 0 0 auto;
  min-block-size: 44px;
  padding: .8rem 1.4rem;
  font: inherit;
  font-weight: 700;
  color: var(--bm-white);
  background: var(--bm-primary-text);
  border: 0;
  border-radius: var(--bm-radius-full);
  cursor: pointer;
}
.bm-anit-sub__btn:hover:not(:disabled) { background: var(--bm-primary-text-hover); }
.bm-anit-sub__btn:disabled { opacity: .6; cursor: progress; }
.bm-anit-sub__status { min-block-size: 1.2em; font-size: var(--bm-fs-small); color: var(--bm-text-on-dark-muted); }
.bm-anit-sub__status.is-ok { color: var(--bm-gold); }
.bm-anit-sub__status.is-error { color: #FFB4C0; }
.bm-anit-privacy {
  max-inline-size: 60ch;
  font-size: .8rem;
  color: var(--bm-text-on-dark-muted);
}
.bm-anit-privacy a { color: var(--bm-white); text-decoration: underline; text-underline-offset: 2px; }

/* =====================  Kurallar  ================================= */

.bm-anit-rules { max-width: 820px; }
.bm-anit-rules__list {
  margin: var(--bm-space-3) 0 0;
  padding-inline-start: 1.3rem;
  display: grid; gap: .6rem;
  color: var(--bm-text-muted);
}
.bm-anit-rules__list li::marker { font-family: var(--bm-font-print); font-weight: 700; color: var(--bm-dark); }

/* =====================  Baskı  ==================================== */

@media print {
  .bm-anit-form, .bm-anit-share__btns, .bm-anit-sub, .bm-anit-next { display: none !important; }
}