[html]<article id="alchemy" style="text-align: center;font-size: 35px;font-family: Medieval;">Минералы</article>[/html]

На территории Риддемира можно встретить различные минералы, как наиболее известные простым людям, так и довольно редкие, найти которые считается удачей. Основные добытчики минералов — дворфы, что разрабатывают шахты далеко вглубь континента. Именно они первыми задокументировали большую часть встречающихся ценных камней. У людей добыча минералов развита слабее и количество шахтерских деревень и поселений не так велико. Следует отметить, что они чаще открывают рудники на уровне моря и в горах, в то время как дворфы роют вниз, находя богатейшие залежи.

Основная роль минералов — использование их в бомбах в качестве заменителей более редких растительных и животных частей, однако это не единственное их применение. Важно, что при добавлении минеральных элементов, эффективность бомб незначительно снижается.

[hideprofile]

[html]<!-- мироописание от духа -->

<div class="world-container">

<div class="world-block">
  <div class="header">
    <span>Багровый глаз</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/121735.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Бренн, аналогичен базовым носителям. Единственный компонент, который может нанести вред и самому метателю бомбы при ее изготовлении.
</p>
     <h5>Квалификация алхимика</h5>
<p>Служивый.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>9.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Повсеместно. Крупнейшие месторождения: горы Гнездовья грифонов, Рудники, Кряж равновесия.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>В горных массивах на любой глубине. Высокая сложность добычи из-за токсичности.
</p>
     <h5>Другие способы применения</h5>
<p>Применяется как красный краситель для одежды и написания картин.
Используется для выделения Серебряной Крови, крайне токсичного вещества.
</p>
     <h5>Побочные эффекты</h5>
<p>Риск отравления парами при добыче и обработке. Приводит к поражению нервной системы, печени, почек.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Златопламень</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/243449.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Бренн. Не снижает эффективность бомб. Несет в себе в 2 раза больше элемента, поэтому где нужно 2 порции Бренн, достаточно одной доли златопламени.
</p>
     <h5>Квалификация алхимика</h5>
<p>Опытный.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>6.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Горы Гнездовье грифонов, Серебряные горы, Пятнистое нагорье — единственные крупнейшие месторождения, однако залежи сильно разбросаны.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Немного ниже уровня моря, в осадочных породах. Средняя сложность добычи.
</p>
     <h5>Другие способы применения</h5>
<p>При добавлении усиливает все пламенные эффекты бомб и согревающих настоев. Щепотка златопламени способна усилить огонь костра на период до получаса. Необходимое соединение при длительных зимних стоянках.
</p>
     <h5>Побочные эффекты</h5>
<p>При употреблении внутрь может вызывать изжогу.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Жильник</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/444763.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Шед и Холь, аналогичен базовым аналогам.
</p>
     <h5>Квалификация алхимика</h5>
<p>Ученик.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>3.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Повсеместно в умеренных количествах, главное месторождение — Цепь хранителей, полностью подконтрольно дворфам.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Во всей толще континента, зависит от средоточения магии в том или ином месте. Легко добывается.
</p>
     <h5>Другие способы применения</h5>
<p>Применяется магами для быстрого восполнения магических сил. Истолченный жильник смешивается с теплой водой и выпивается, восстанавливая ману.
</p>
     <h5>Побочные эффекты</h5>
<p>Зелья жильника при длительном и постоянном употреблении могут вызывать зависимость и сонливость. При частом употреблении в течение длительного срока может уменьшить естественный запас магических сил владельца и проявляться в бесконтрольных заклинаниях.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Лавовый камень</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/148122.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Бренн и Эрдкул, аналогичен продвинутым аналогам.
</p>
     <h5>Квалификация алхимика</h5>
<p>Опытный.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>8.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Встречается довольно часто. Добывается в глубине горных массивов, соседствующих с вулканами, в Щитовых горах, Серебряных горах, Рудниках, Цепи Хранителя.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>От 10 метров глубины либо внутри горных вулканических массивов.
Средняя сложность добычи из-за риска повредить камень.
</p>
     <h5>Другие способы применения</h5>
<p>Применяется в качестве дополнения к отварам огненной благодати и используется в кузнечном деле в качестве абразива. Это основной товар дворфов на экспорт в людские государства, так как они лучшие мастера по работе с лавовыми камнями.
</p>
     <h5>Побочные эффекты</h5>
<p>Кроме простого согревания, может вызвать более высокое повышение температуры как при простуде. Эффект недолгий, около часа.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Лунная соль</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/717755.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Холь, аналогичен базовым аналогам.
</p>
     <h5>Квалификация алхимика</h5>
<p>Служивый. Необходимо знать правильные методы очистки и дозировки.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>6.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Средняя редкость. Находится в пещерах и гротах у морских побережий.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Легко добывается на любой глубине, куда есть хоть малейший доступ морской воды.
</p>
     <h5>Другие способы применения</h5>
<p>Главное применение лунной соли — усиление эффектов всех алхимических зелий, настоев и т.д. Ее добавление в разных объемах позволяет повысить эффективность любого соединения, будь то согревающий отвар, яд или что-то другое.
</p>
     <h5>Побочные эффекты</h5>
<p>Основной побочный эффект всех зелий с лунной солью — головокружение и тошнота. При долгом применении алхимических изделий с добавлением лунной соли может вызывать зависимость, усиливая исходные негативные эффекты.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Лунник</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/163249.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Эрдкул, аналогичен базовым носителям.
</p>
     <h5>Квалификация алхимика</h5>
<p>Ученик.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>2.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Повсеместно, вблизи водоемов.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>В радиусе 10 метров от водоемов в глубину. Средняя сложность добычи из-за хрупкости.
</p>
     <h5>Другие способы применения</h5>
<p>Применяется в скульптуре, строительстве.
</p>
     <h5>Побочные эффекты</h5>
<p>Отсутствуют.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Светоч</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/12922.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Холь, аналогичен базовым аналогам.
</p>
     <h5>Квалификация алхимика</h5>
<p>Ученик.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>4.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Повсеместно в горных массивах.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Жилы светоча выступают на поверхности гор. Чем выше, тем чаще встречаются. Легко добывается.
</p>
     <h5>Другие способы применения</h5>
<p>Светоч применяется в качестве источников слабого света. Его могут использовать при прокладке новых шахт или для создания небольшого источника света в комнате без наличия под рукой горючего материала. Внешне он представляет собой просто серый камень, однако найти его можно по одному признаку — он начинает бликовать при попадании на него света. Использовать его легко: по камню следует нанести средней силы точечный удар чем-то вроде гвоздя, и тот начнет излучать спокойный желтоватый свет. Регулируя силу удара, можно настраивать яркость и длительность свечения.
</p>
     <h5>Побочные эффекты</h5>
<p>Нет.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Слезник</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/613466.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Синк, аналогичен базовым носителям этого элемента.
</p>
     <h5>Квалификация алхимика</h5>
<p>Ученик.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>7.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Повсеместно, но бóльшие скопления в центральной и южной части материка.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>От 50 метров ниже уровня моря, либо в горных массивах любой высоты. Добывается легко.
</p>
     <h5>Другие способы применения</h5>
<p>Может применяться в очень малых количествах при приготовлении настоя речной плюмерии. Отполированный и граненый используется в ювелирных украшениях.
</p>
     <h5>Побочные эффекты</h5>
<p>При добавлении в противоядия может компенсировать нехватку основного ингредиента, но вызвать одышку, слезы и непродолжительные головные боли.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Серебряная кровь</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/926063.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Шед, аналогичен продвинутым аналогам.
</p>
     <h5>Квалификация алхимика</h5>
<p>Служивый. При использовании и добыче необходимо соблюдать меры предосторожности и пользоваться редким оборудованием.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>10.
</p>
     <h5>Редкость и зона добычи</h5>
<p>Крайне высокая сложность добычи из багрового глаза.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Не добывается в природе.
</p>
     <h5>Другие способы применения</h5>
<p>Применяется для лечения сифилиса. Алхимики изготавливают мази с небольшим добавлением Серебряной крови. Также используется как усилитель действия любых ядов. Крайне дорогое вещество.
</p>
     <h5>Побочные эффекты</h5>
<p>Высокий риск отравления, поражения нервной системы, пищеварения, почек, печени, легких, кожи, глаз.
</p>
     </div></div>

<div class="world-block">
  <div class="header">
    <span>Тучевик</span>
  </div>
    <img src="https://upforme.ru/uploads/001c/12/48/2/350780.png">
  </div>
  <div class="info1 closed">
  <div class="close-btn">— свернуть блок —</div>
  <div>
     <h5>Элемент</h5>
<p>Кан. Одна порция равна двум порциям базового элемента, не снижает эффективность бомб с элементом Кан.
</p>
     <h5>Квалификация алхимика</h5>
<p>Опытный. Необходимо уметь искусно отделять оболочку от драгоценной сердцевины.
</p>
     <h5>Сложность обработки (1 легко - 10 сложно)</h5>
<p>7.
</p>
     <h5>Редкость и зона добычи</h5>
<p>По всему континенту, но только в крупных пещерах.
</p>
     <h5>Глубина нахождения и сложность добычи</h5>
<p>Высокая глубина, на которой сохранились древние крупные пещеры. Сложность добычи заключается в особом свойстве камня — левитации под сводами пещер.
</p>
     <h5>Другие способы применения</h5>
<p>Тучевик довольно дорогой камень из-за своего редкого свойства. Внутри него при раскалывании чаще всего находятся залежи драгоценных камней, вокруг которых образовалась напитанная воздушным элементом оболочка.
</p>
     <h5>Побочные эффекты</h5>
<p>Нет.
</p>
     </div></div>

<style>
/* css мироописания от духа */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700&family=Rubik:wght@500;600;800;900&display=swap');

.world-container {
  column-gap: 0px;  /* отступ между колонками */
  margin: 0px auto 0px auto;
  column-count: 1; /* количество столбцов*/
  width: 900px;  /* ширина контейнера с блоками*/
  position: relative;
  text-align: center;
}

.world-block {
      margin: 1px 0px;
    padding: 0px;
    display: inline-block;
    line-height: 0;
    width: 200px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
    border: 1px solid #e0d1b8;
    outline: 1px solid #a08453;
}

.world-block .header {
      position: absolute;
    background: linear-gradient(to bottom, rgb(41 154 11 / 0%) 0%, rgb(0 0 0 / 0%) 18%, rgb(0 0 0 / 0%) 39%, rgb(0 0 0 / 20%) 74%, rgb(0 0 0 / 56%) 100%);
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font: 18px 'beuafort';
    /* text-transform: uppercase; */
    z-index: 1;
}

.world-block:hover {
  filter: grayscale(100%)
}

.world-block img {
    transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
    width: 200px;
    height: 200px;
}

.world-block:hover img {
  transform: scale(1.1);
  filter: blur(1px);
}

.world-block .header span {
  display: block;
  margin-bottom: 10px;
  text-align: center;
font-family: 'BebasNeue';
    font-size: 22px;
}

.closed{
  background: #272727;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    padding: 25px;
    text-align: justify;
    display: none;
    /* border: 3px double #8b6f3e; */
    border: 1px solid #a08453;
    box-shadow: 0 0 1px 1px #201f1c70, inset 0px 0px 0px 1px #a1998a, inset 0 0 1px 1px #cec8bc;
    outline: 1px solid #272727;
    border-radius: 8px;
    color: #8b7154;
}

.closed > div:not(.close-btn) {
  overflow-y: auto;
  height: calc(100% - 35px);
  padding-right: 5px;
}

.close-btn {
  background: rgb(0 0 0 / 13%);
    border: 1px solid rgb(131 112 86);
    border-radius: 8px;
    /* height: 23px; */
    text-transform: uppercase;
    font: 13px beuafort;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    letter-spacing: 2px;
    color: #8b7154;
    padding: 3px;
}

.closed k1 {
  font: 20px you;  /* шрифт заголовков описания */
  margin: 30px 0px 10px;
  position: relative;
  padding-left: 45px;
  color: #8b7154;
}

.closed k1:before {
  content: "";
  height: 2px;
  width: 30px;
  background: #413525;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.closed k1:first-child {
  margin-top: 0;
}

.closed em {
  font: 12px SANTELLO;
    color: #000000;
    display: table;
    /* border: 1px solid rgb(28 28 28); */
    border-radius: 3px;
    padding: 7px 14px 7px 14px;
    text-align: right;
    /* width: 250px; */
    /* margin: 10px 0; */
    margin: 0px 0px 10px auto;
    background: #8b7154;
}

.closed h5 {
  font: 23px you;  /* шрифт заголовков описания */
  margin: 30px 0px 10px;
  position: relative;
  padding-left: 45px;
  color: #8b7154;
}

.closed h5:before {
  content: "";
  height: 2px;
  width: 30px;
  background: #413525;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

details{
  display: block;
    background: #151313;
    border: 1px solid #1c1c1c;
    /* width: 100%; */
    /* box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 20px;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
   /*display: block; */
    cursor: pointer;
    position: relative;
    padding: 10px;
    /* border: 1px solid #1c1c1c; */
    /* background: #151313; */
    /* border-radius: 0px !important;
}
summary:before { 
  top: .4em;
  left: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em; 
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding: 0 2em 10px 2em;
}
details[open] summary ~ *{
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
</style>

[/html]