/* TilkoLand YAŞAM ALANI — web sunumu (2026-09-27, Assets/TilkoLand/v5/YASAM_ALANI_v6.md; kullanıcı: "kule mantığı olmayacak
   artık. sandıkta olmayacak … kirişler vs kaldır"). Dosya adı sayfa sözleşmesi olduğu için korunur. Düzen (alttan üste;
   Unity TilkoLandOdaKulesi.AltDuzen ile AYNI): gezinti bandı (iki düğme) · portal (#tlKapiBtn, ortada) · durum satırı ·
   sahne (yaşam alanı, oranı korunarak sığar — js/TilkoKuleV5.js olcuGuncelle). Karartma portal girişinde her şeyin üstünde,
   portalın altında. Hareket eden her şey yalnız transform/opacity ile. */
.tlv5-host{flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;overflow:hidden;padding:0!important;position:relative;background:linear-gradient(#bfe1ec,#e9f1dc 60%,#fff3d6)}
/* sahne: yaşam alanı ortada, oranı korunarak sığar (genişlik/yükseklik JS'ten — CSS aspect-ratio iki kısıtı birden çözmez) */
.tlv5-sahne{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;transform-origin:50% 60%}
.tlv5-yasam{position:relative;flex:none;width:min(100%,560px);aspect-ratio:var(--oran,.75);user-select:none;-webkit-user-select:none;isolation:isolate}
.tlv5-yasam>*{position:absolute;inset:0}
.tlv5-yasam-tuval{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 18px rgba(58,36,21,.28))}
.tlv5-sakinler{pointer-events:none;z-index:2}
.tlv5-efekt{pointer-events:none;overflow:visible;z-index:3}
/* Yaşam alanı sakinleri (js/TilkoYasamMotor.js — TilkoKuleV5 sakinCiz): sahnenin tamamı (uçan kartal görselin dışına çıkabilir) */
.tlv5-sakin-katmani{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
/* parıltı: açılan parçanın merkezinde yumuşak ışık + dört ışın (Unity TilkoYasamParilti) */
.tlv5-parilti{position:absolute;width:clamp(40px,14%,110px);aspect-ratio:1;transform:translate(-50%,-50%) scale(0);pointer-events:none;
  background:radial-gradient(closest-side,#fffbe8 0,#ffeca8e6 22%,#ffe39a66 48%,#ffe39a00 100%)}
.tlv5-parilti::before,.tlv5-parilti::after{content:'';position:absolute;left:50%;top:50%;width:100%;height:9%;transform:translate(-50%,-50%);border-radius:99px;
  background:radial-gradient(closest-side,#fffbe8,#ffeca800)}
.tlv5-parilti::after{transform:translate(-50%,-50%) rotate(90deg)}
/* yüzen yazı ("Yeni oda açıldı", "Tamamlandı") — odanın üst üçte birinde (Unity TilkoYasamOda.YuzenYazi) */
.tlv5-yuzen{position:absolute;left:50%;top:26%;transform:translate(-50%,0);font:700 clamp(18px,4.2vw,30px)/1.1 'Fredoka',sans-serif;color:#fff7e2;white-space:nowrap;pointer-events:none;
  text-shadow:0 0 1px #0d0805,1px 1px 0 #0d0805,-1px 1px 0 #0d0805,1px -1px 0 #0d0805,-1px -1px 0 #0d0805,0 3px 8px #0d080599}
/* durum satırı: yaşam alanının hemen ALTINDA, portalın üstünde (Unity _region) */
.tlv5-durum{flex:none;margin:0;padding:2px 12px;text-align:center;font:600 13px/1.25 'Nunito','Fredoka',sans-serif;color:#3a2415;text-shadow:0 1px 0 #fff7e2cc;min-height:1.25em}
/* portal: alt düğmelerin ÜSTÜNDE ortada (kullanıcı 2026-09-27: "portal odalar/sandık gibi butonların üstünde olsun") */
.tlv5-portal-yuva{position:relative;flex:none;height:clamp(118px,19vh,212px);display:flex;align-items:flex-end;justify-content:center;z-index:6}
.tlv5-portal{position:relative;height:100%;aspect-ratio:.96}
.tlv5-portal.tlv5-giris{z-index:8}
.tlv5-portal>.tl-kapi-portal{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0}
.tlv5-portal .tl-kapi-arka{filter:drop-shadow(0 6px 12px rgba(58,36,21,.35))}
/* kapı içi (layout.portal.interior): kemerle aynı tuval/dikdörtgen, girdabın (.tl-portal-acik z1) ve taşın (z2) ALTINDA */
.tlv5-portal .tlv5-portal-ici{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.tl-kapi-kapali .tlv5-portal-ici{filter:saturate(.3) brightness(.8)}
.tlv5-portal .tl-girdap,.tlv5-portal .tl-girdap-puls{animation:none;will-change:transform}
.tlv5-portal .tl-girdap-elips{will-change:transform}
/* kapalı kapı etiketi kapı açıklığına göre ölçeklenir (vmin değil) */
.tlv5-portal .tl-kapi-etiket{container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em}
.tlv5-portal .tl-kelime-ogren,.tlv5-portal .tl-kelime-sayac{position:static;transform:none}   /* akışta: iki satırlık dil (FR/ES/DE) sayacı ezmez */
.tlv5-portal .tl-kelime-ogren{font-size:clamp(.6rem,14cqw,1.3rem)}
.tlv5-portal .tl-kelime-sayac{font-size:clamp(.7rem,21cqw,1.45rem)}
.tlv5-havuz{position:absolute;left:50%;bottom:2%;width:150%;height:14%;transform:translate(-50%,50%);z-index:0;pointer-events:none;border-radius:50%;overflow:hidden;background:radial-gradient(closest-side,#9fe3ffb0,#5fb8ff4d 55%,#5fb8ff00)}
.tlv5-havuz-kare{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%) scaleY(.1)}
.tlv5-havuz-kare img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.25}
.tl-kapi-kapali .tlv5-havuz{filter:saturate(.2);opacity:.45}
/* portal girişi karartması: gökyüzü + yaşam alanı + bant, portalın ALTINDA (Unity GirisKarartma) */
.tlv5-karart{position:absolute;inset:0;z-index:5;background:#061822;opacity:0;pointer-events:none}
/* gezinti bandı: alt panelin hemen üstünde, iki düğme — "Odalar" · açılan odanın adı. Krem zemin yok. */
.tlv5-nav{display:flex;gap:10px;justify-content:center;flex:none;padding:8px 12px 10px;background:none;z-index:4}
.tlv5-nav .tlv3-button{flex:1;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlv5-park{display:none}
.tlv5-basili .tl-portal-acik{filter:brightness(1.15)}

/* ODA AÇILIŞI v2 (2026-10-05): satın alınabilir ücretli sakinin başındaki "+" (Unity TilkoYasamSakinGorunum ArtiKur: krem halka,
   Fabulery yeşili iç, krem artı) + altın/elmas menüsü */
.tlv5-arti{position:absolute;z-index:4;transform:translate(-50%,-50%);border-radius:50%;border:max(3px,8%) solid #fff7e2;background:#2c8a3c;color:#fff7e2;
  font:700 clamp(20px,3.4vw,34px)/1 'Fredoka',sans-serif;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;
  box-shadow:0 3px 10px #0d080566;animation:tlv5-arti-nabiz 1.96s ease-in-out infinite}
.tlv5-arti[hidden]{display:none}
.tlv5-arti:focus-visible{outline:3px solid #0d0805;outline-offset:2px}
@keyframes tlv5-arti-nabiz{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
.tlv5-satin[open]{display:flex;flex-direction:column;gap:10px;width:min(86vw,380px);padding:18px;box-sizing:border-box;text-align:center}
.tlv5-satin h2{margin:0 0 4px;font:700 1.25rem/1.2 'Fredoka',sans-serif;color:#3a2415}
.tlv5-satin .tlv5-satin-altin{background:#2c8a3c;color:#fff7e2}
.tlv5-satin .tlv5-satin-elmas{background:#4d85cc;color:#fff7e2}
.tlv5-satin .tlv5-satin-vazgec{background:#8c8c94;color:#fff7e2}   /* Unity OnayDialog.RENK_GRI */

@media (prefers-reduced-motion:reduce){.tlv5-parilti{display:none}.tlv5-arti{animation:none}}

/* ---- ODA SEÇİM PANELİ: koleksiyon kartları gibi satırlar — yaşam alanı küçük resmi · ad/hikâye/durum · SAĞDA "Seç" ----
   <dialog class="tlv3-dialog tlv5-odalar"> (krem, köşe 24 — tilkoland-kule-v3.css); satır: ahşap kenar + krem iç (koleksiyon
   .kol-kart dili), seçili oda yeşil. Unity TilkoOdaSecimPaneli ile AYNI içerik. */
.tlv5-odalar[open]{display:flex;flex-direction:column;gap:10px;width:min(94vw,660px);max-height:86dvh;padding:14px;box-sizing:border-box}
.tlv5-odalar-bas{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center}
.tlv5-odalar-bas h2{margin:0;font:700 22px/1.1 'Fredoka',sans-serif;color:#4a2a08}
.tlv5-odalar-sayi{grid-column:1;margin:2px 0 0;font:600 13px 'Nunito',sans-serif;color:#6b4a2b}
.tlv5-odalar-bas .tlv3-button{grid-column:2;grid-row:1/3}
.tlv5-odalar-liste{list-style:none;margin:0;padding:2px;overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1;overscroll-behavior:contain}
.tlv5-oda-satir{display:flex;align-items:center;gap:12px;padding:8px;border:3px solid #c08652;border-radius:16px;background:#fff7e2;box-shadow:inset 0 0 0 2px #e6b97a}
.tlv5-oda-satir.tlv5-secili{border-color:#2c8a3c;box-shadow:inset 0 0 0 2px #8fd09a}
.tlv5-oda-kucuk{position:relative;flex:none;width:min(26%,120px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.tlv5-oda-kucuk canvas{max-width:100%;max-height:100%;width:auto;height:auto}
.tlv5-oda-kucuk-no{font:700 28px 'Fredoka',sans-serif;color:#6b4a2b}
.tlv5-oda-bilgi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tlv5-oda-ad{font:700 16px/1.2 'Fredoka',sans-serif;color:#3a2415;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.tlv5-oda-hikaye{font:400 13px/1.25 'Nunito',sans-serif;color:#6b4a2b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlv5-oda-durum{font:700 13px/1.25 'Nunito',sans-serif;color:#6b4a2b}
.tlv5-oda-durum[data-durum=insa]{color:#2c8a3c}.tlv5-oda-durum[data-durum=sirada]{color:#786e64}
.tlv5-oda-satir .tlv3-button{flex:none;min-width:84px}
.tlv5-oda-satir .tlv3-button:disabled{opacity:1;background:#7fb98a;cursor:default}
.tlv5-odalar-ipucu{margin:0;font:600 13px/1.3 'Nunito',sans-serif;color:#6b4a2b;text-align:center}
@media (max-width:420px){.tlv5-oda-satir{gap:8px;padding:6px}.tlv5-oda-kucuk{width:30%}.tlv5-oda-satir .tlv3-button{min-width:64px;padding-inline:8px}}