/* ===========================================================
   COL DERISI — ELLE ALINAN KARARLAR — SAHIBI: CLAUDE (23 Agu 2026)

   BOA'nin iki modu var: UZAY ve COL. Paletin govdesi
   `col-uretilmis.css` tarafindan kuruluyor (bkz. scripts/col-derisi.mjs):
   cosmos.css'teki her soguk renk HSL uzerinden col karsiligina
   esleniyor. Bu dosya o otomatik cevirinin YETMEDIGI yerler icin;
   uretilmis dosyadan SONRA yuklenir ve onu ezer.

   KARAR: COL DERISI ACIK DEGIL, SICAK-KOYU.
   Kagit sayfasinin krem paletini buraya tasimak yanlis olurdu:
   kozmos markup'inda yazi ve ikonlarin cogu ACIK renk. Zemini kreme
   cevirmek okunmayan acik-uzerine-acik uretirdi. Cerceve bu yuzden
   "col gecesi": kavrulmus toprak, deri, kehribar. Parlak sahayi
   sicak koyu bir cerceve tasiyor.

   `body.harita-kagit` sinifi ilk boyamadan ONCE konuyor (index.html
   icindeki kucuk betik depodaki secimi okuyor), yani sayfa hicbir
   zaman once mavi acilip sonra donmez.
   =========================================================== */

body.cosmos-ui.harita-kagit {
  /* OTOMATIK ESLEMENIN TEK GERCEK KAYBI: `aqua` ve `mint` ayri iki
     rol tasiyor (birincil vurgu / boa-yesili) ama ikisi de dar bir
     kehribar bandina dusuyordu — uretilmis dosyada #ebb35c ve
     #ebc05f, yani ayirt edilemez. Roller elle ayriliyor:
       aqua -> gun batimi kehribari (birincil vurgu, cizgiler, kenar)
       mint -> col adacayi (boa'nin rengi; 3B'de de oyle — bkz.
               boa-3d.js TEMA_KAGIT.yilan #98a36f) */
  --cosmos-aqua: #F0A24E;
  --cosmos-aqua-rgb: 240, 162, 78;
  --cosmos-mint: #AFBE72;
  --cosmos-mint-rgb: 175, 190, 114;
  --mint-deep: #7E8F4A;

  /* MERCAN DA COLE CEVRILIR — otomatik esleme onu atliyor cunku
     ton acisi (350 derece) soguk yarim dairenin disinda. Kozmosta neon
     pembe bir vurgu; colde ayni pembe tek basina yabanci duruyordu
     (iki kisilik moddaki cerceve etiketinde olculdu). Yerine yanik
     kiremit: hala KIRMIZI, yani tehlike anlami korunuyor — gul, olum
     ve uyari da bu jetondan besleniyor. */
  --cosmos-coral: #D9553C;
  --cosmos-coral-rgb: 217, 85, 60;

  /* Kenar cizgisi kehribardan turer: uretilmis dosya bunu ayri bir
     jetondan (edge) hesapliyor ve iki ton acik kaliyordu. */
  --cosmos-edge-rgb: 226, 168, 104;
}

/* Otomatik palet BOA başlığını (#745d28) koyu karta fazla yaklaştırıyordu;
   kart seçilebilir olduğu halde kilitli sanılıyordu. Üç karakter seçimi aynı
   okunurluk hiyerarşisini taşır, rol farkını çerçeve ve sanat anlatır. */
body.cosmos-ui.harita-kagit .modeCard.boa .mTitle,
body.cosmos-ui.harita-kagit .modeCard.fil .mTitle,
body.cosmos-ui.harita-kagit .modeCard.vs .mTitle {
  color: #FFF1D1;
  text-shadow: 0 1px 2px rgba(45, 20, 6, .72);
}

/* ===========================================================
   BOLUM HARITASININ ZEMINI
   Kozmos modunda harita panelinin arkasinda bir bulutsu fotografi
   duruyor (`boa-cosmos-map-v1.jpg`). Col modunda o fotograf yerinde
   kaliyordu: sicak bir panelin icinde mavi bir yildiz alani.
   Col karsiligi zaten teslim edilmis durumda — `boa-world-hero-v1.jpg`,
   yani ayni adanin gunduz cizimi. Kozmosta ada uzayda yuzuyor, colde
   kumun uzerinde duruyor; iki mod ayni sahnenin iki adaptasyonu.
   Gorsel yine TEMBEL iner: `harita-gorseli` sinifi oyuncu panele
   yaklasinca ekleniyor (bkz. oyun.js IntersectionObserver).
   =========================================================== */
body.cosmos-ui.harita-kagit.harita-gorseli .lvlWrap::before {
  background:
    linear-gradient(180deg, rgba(var(--cosmos-night-rgb), .38), rgba(var(--cosmos-night-rgb), .72)),
    url("./assets/boa-world-hero-v1.jpg") center 46% / cover no-repeat;
  filter: saturate(.66) brightness(.66) contrast(1.03);
}

/* HEDEF ROZETI (HUD'daki parca simgesi) col sprite'ina doner.
   Kozmos surumu kendi isigini tasiyor; col sahasinda o parlama
   yabanci duruyordu. Ayni nesnenin gunduz cizimi zaten var. */
body.cosmos-ui.harita-kagit.game-active.storybook .goalRelic {
  background: url("./assets/boa-sprite-parca-day-v1.webp") center / contain no-repeat;
  filter: saturate(1.02) brightness(1.02) drop-shadow(0 1px 2px rgba(60, 34, 12, .55));
}