/* 🎒 Eşyalar penceresi ve kasabadaki kullan / çanta düğmeleri */
.es-pencere { width: min(860px, 94vw); max-height: 90vh; display: flex; flex-direction: column; gap: 10px; }
.es-sekme { display: flex; gap: 6px; overflow-x: auto; flex-shrink: 0; padding-bottom: 4px; }
.es-sekme .mini-dugme { white-space: nowrap; }
.es-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; overflow-y: auto; min-height: 0; }
.es-esya { border: 3px solid transparent; border-radius: 16px; background: #fff3f7; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; font: inherit; transition: transform .12s; }
.es-esya span { font-size: 40px; line-height: 1; }
.es-esya small { font-size: 13px; font-weight: 700; text-align: center; }
.es-esya:hover, .es-esya:focus-visible { transform: scale(1.08); background: #ffe0ea; }
.es-esya.secili { border-color: #ff5d8f; background: #ffe0ea; }
.es-alt { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.ks-oyun { position: relative; }
.ks-kullan, .ks-canta { position: absolute; right: 12px; z-index: 5; font-size: 30px; width: 64px; height: 64px; }
.ks-kullan { bottom: 150px; background: #ffd166; }
.ks-canta { bottom: 224px; }