[html]<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400;0,600;1,400&display=swap');
.ekon-wrap {
box-sizing: border-box;
--ink: #e7e1d4;
--ink-dim: #948a78;
--bg-card: #201e1c;
--bg-card-2: #2a2724;
--bg-card-3: #141312;
--brass: #c9a15f;
--brass-dim: #6e5c39;
--blood: #5c1a1f;
--blood-br: #b0403f;
font-family: 'EB Garamond', Georgia, serif;
color: var(--ink);
padding: 20px 12px;
}
.ekon-wrap *, .ekon-wrap *::before, .ekon-wrap *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
line-height: normal;
}
.ekon-wrap .ekon-texture {
background-color: var(--bg-card);
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E"),
radial-gradient(ellipse at 18% 12%, rgba(255,255,255,0.05), transparent 55%),
radial-gradient(ellipse at 88% 95%, rgba(0,0,0,0.55), transparent 60%),
linear-gradient(160deg, var(--bg-card-2), var(--bg-card) 55%, var(--bg-card-3) 100%);
background-blend-mode: overlay, soft-light, multiply, normal;
background-repeat: repeat, no-repeat, no-repeat, no-repeat;
background-size: 140px 140px, cover, cover, cover;
}
.ekon-wrap .ekon-banner {
max-width: 900px;
margin: 0 auto 20px;
text-align: center;
border: 1px solid var(--brass-dim);
padding: 26px 20px 22px;
position: relative;
}
.ekon-wrap .ekon-banner::before,
.ekon-wrap .ekon-banner::after {
content: "";
position: absolute;
width: 18px; height: 18px;
border: 1px solid var(--brass);
opacity: 0.6;
}
.ekon-wrap .ekon-banner::before { top: 8px; left: 8px; border-right: none; border-bottom: none; }
.ekon-wrap .ekon-banner::after { bottom: 8px; right: 8px; border-left: none; border-top: none; }
.ekon-wrap .ekon-title {
font-family: 'Cinzel Decorative', 'Cinzel', serif;
font-weight: 700;
font-size: 34px;
letter-spacing: 4px;
color: var(--brass);
text-shadow: 0 0 18px rgba(201,161,95,0.25);
}
.ekon-wrap .ekon-subtitle {
color: var(--ink-dim);
font-size: 14px;
letter-spacing: 0.3px;
margin-top: 8px;
max-width: 640px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.ekon-wrap .ekon-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: 20px;
}
.ekon-wrap .ekon-stat {
border: 1px solid var(--brass-dim);
padding: 10px 8px;
text-align: center;
}
.ekon-wrap .ekon-stat-label {
font-family: 'Cinzel', serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--brass);
margin-bottom: 4px;
display: block;
}
.ekon-wrap .ekon-stat-value {
font-size: 13px;
color: var(--ink-dim);
display: block;
}
.ekon-wrap .ekon-tab-input { display: none; }
.ekon-wrap .ekon-nav {
max-width: 900px;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
}
.ekon-wrap .ekon-nav label {
cursor: pointer;
font-family: 'Cinzel', serif;
font-size: 12.5px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--ink-dim);
border: 1px solid var(--brass-dim);
padding: 9px 14px;
background: var(--bg-card-2);
transition: color 0.15s, border-color 0.15s;
user-select: none;
}
.ekon-wrap .ekon-nav label:hover { color: var(--ink); border-color: var(--brass); }
.ekon-wrap .ekon-panels { max-width: 900px; margin: 0 auto; }
.ekon-wrap .ekon-panel { display: none; }
.ekon-wrap .ekon-panel-inner {
border: 1px solid var(--brass-dim);
padding: 26px 26px 22px;
box-shadow: 0 14px 30px rgba(0,0,0,0.55), inset 0 0 80px rgba(0,0,0,0.5);
}
#ekon-t1:checked ~ .ekon-nav label[for="ekon-t1"],
#ekon-t2:checked ~ .ekon-nav label[for="ekon-t2"],
#ekon-t3:checked ~ .ekon-nav label[for="ekon-t3"],
#ekon-t4:checked ~ .ekon-nav label[for="ekon-t4"] {
color: var(--ink);
background: var(--bg-card);
border-color: var(--brass);
box-shadow: 0 0 12px rgba(201,161,95,0.3);
}
#ekon-t1:checked ~ .ekon-panels #ekon-p1,
#ekon-t2:checked ~ .ekon-panels #ekon-p2,
#ekon-t3:checked ~ .ekon-panels #ekon-p3,
#ekon-t4:checked ~ .ekon-panels #ekon-p4 {
display: block;
}
.ekon-wrap .ekon-h2 {
font-family: 'Cinzel', serif;
font-weight: 700;
font-size: 21px;
letter-spacing: 1px;
color: var(--brass);
margin-bottom: 14px;
padding-bottom: 8px;
border-bottom: 1px solid var(--brass-dim);
}
.ekon-wrap .ekon-h3 {
font-family: 'Cinzel', serif;
font-weight: 600;
font-size: 15.5px;
letter-spacing: 0.5px;
color: var(--ink);
margin: 18px 0 8px;
}
.ekon-wrap .ekon-h3:first-child { margin-top: 0; }
.ekon-wrap .ekon-text {
font-size: 15.5px;
line-height: 1.75;
text-align: justify;
color: var(--ink);
margin-bottom: 12px;
}
.ekon-wrap .ekon-text:last-child { margin-bottom: 0; }
.ekon-wrap .ekon-text b { color: var(--brass); font-weight: 600; }
.ekon-wrap .ekon-divider {
height: 1px;
background: linear-gradient(90deg, transparent, var(--brass-dim), var(--blood), var(--brass-dim), transparent);
margin: 18px 0;
}
.ekon-wrap .ekon-note {
border: 1px solid var(--blood-br);
background: rgba(92,26,31,0.18);
padding: 12px 16px;
margin: 12px 0;
font-size: 14px;
line-height: 1.6;
color: var(--ink);
}
.ekon-wrap .ekon-note b { color: var(--blood-br); }
/* карточки ресурсов по землям */
.ekon-wrap .ekon-res-card {
border: 1px solid var(--brass-dim);
background: rgba(0,0,0,0.2);
padding: 16px 18px;
margin-bottom: 14px;
}
.ekon-wrap .ekon-res-name {
font-family: 'Cinzel', serif;
font-size: 16px;
color: var(--brass);
margin-bottom: 10px;
}
.ekon-wrap .ekon-res-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 8px;
}
.ekon-wrap .ekon-res-tag {
font-size: 12.5px;
color: var(--ink);
border: 1px solid var(--brass-dim);
padding: 3px 9px;
background: var(--bg-card-2);
}
.ekon-wrap .ekon-res-tag.ekon-res-rare {
border-color: var(--blood-br);
color: var(--brass);
}
.ekon-wrap .ekon-res-note {
font-size: 13px;
color: var(--ink-dim);
line-height: 1.55;
margin-top: 8px;
padding-top: 8px;
border-top: 1px dashed var(--brass-dim);
}
/* валюта */
.ekon-wrap .ekon-currency { margin-top: 10px; }
.ekon-wrap .ekon-currency-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 0;
border-bottom: 1px dashed var(--brass-dim);
font-size: 15px;
}
.ekon-wrap .ekon-currency-row:last-child { border-bottom: none; }
.ekon-wrap .ekon-currency-coin {
display: flex;
align-items: center;
gap: 8px;
font-family: 'Cinzel', serif;
color: var(--ink);
}
.ekon-wrap .ekon-coin-dot {
width: 12px; height: 12px;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.ekon-wrap .ekon-currency-eq { color: var(--ink-dim); text-align: right; }
.ekon-wrap .ekon-currency-eq b { color: var(--brass); }
/* цены */
.ekon-wrap .ekon-price-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 10px 0 4px;
}
.ekon-wrap .ekon-price-item {
border: 1px solid var(--brass-dim);
padding: 10px 12px;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
font-size: 14px;
}
.ekon-wrap .ekon-price-item span:first-child { color: var(--ink); }
.ekon-wrap .ekon-price-item span:last-child { color: var(--brass); font-family: 'Cinzel', serif; font-size: 13px; white-space: nowrap; }
/* мобильная адаптация */
@media (max-width: 700px) {
.ekon-wrap { padding: 14px 8px; }
.ekon-wrap .ekon-title { font-size: 23px; letter-spacing: 2px; }
.ekon-wrap .ekon-stats { grid-template-columns: 1fr 1fr; }
.ekon-wrap .ekon-banner { padding: 18px 14px 16px; }
.ekon-wrap .ekon-nav { flex-direction: column; }
.ekon-wrap .ekon-nav label { width: 100%; text-align: center; padding: 11px 10px; }
.ekon-wrap .ekon-panel-inner { padding: 18px 14px 16px; }
.ekon-wrap .ekon-h2 { font-size: 18px; }
.ekon-wrap .ekon-text { font-size: 14.5px; text-align: left; }
.ekon-wrap .ekon-price-grid { grid-template-columns: 1fr; }
.ekon-wrap .ekon-currency-row { flex-direction: column; align-items: flex-start; gap: 4px; }
.ekon-wrap .ekon-currency-eq { text-align: left; }
}
</style>
<div class="ekon-wrap">
<div class="ekon-banner ekon-texture">
<div class="ekon-title">Экономика</div>
<div class="ekon-subtitle">Состояние хозяйства Севиктуса, торговые ресурсы земель, единая валюта и примерные цены на жизнь.</div>
<div class="ekon-stats">
<div class="ekon-stat"><span class="ekon-stat-label">Состояние</span><span class="ekon-stat-value">стабильное</span></div>
<div class="ekon-stat"><span class="ekon-stat-label">Валюта</span><span class="ekon-stat-value">железо / медь / серебро / золото</span></div>
<div class="ekon-stat"><span class="ekon-stat-label">Дефицит</span><span class="ekon-stat-value">редкие ресурсы утраченных земель</span></div>
<div class="ekon-stat"><span class="ekon-stat-label">Голод</span><span class="ekon-stat-value">окраины, пустыня Саргоса</span></div>
</div>
</div>
<input type="radio" name="ekon-tab" id="ekon-t1" class="ekon-tab-input" checked>
<input type="radio" name="ekon-tab" id="ekon-t2" class="ekon-tab-input">
<input type="radio" name="ekon-tab" id="ekon-t3" class="ekon-tab-input">
<input type="radio" name="ekon-tab" id="ekon-t4" class="ekon-tab-input">
<nav class="ekon-nav">
<label for="ekon-t1">Обзор</label>
<label for="ekon-t2">Ресурсы по землям</label>
<label for="ekon-t3">Валюта и цены</label>
<label for="ekon-t4">Заработки</label>
</nav>
<div class="ekon-panels">
<!-- 1. ОБЗОР -->
<section id="ekon-p1" class="ekon-panel">
<div class="ekon-panel-inner ekon-texture">
<div class="ekon-h2">Состояние экономики</div>
<p class="ekon-text">Состояние экономики в мире — <b>стабильное</b>. Голод может наблюдаться в удалённых поселениях и в пустыне на территории Империи Саргос. Несмотря на то, что магический катаклизм сильно сократил количество территорий, на текущий момент в королевствах отсутствует острая нехватка ресурсов — за исключением редких ресурсов, которые использовались в ювелирном деле, алхимии и артефакторике и добывались на ныне утерянных землях.</p>
<div class="ekon-note"><b>Важно.</b> Список ресурсов на следующей вкладке — лишь примерный ориентир, а не исчерпывающий перечень. На деле количество добываемых в королевствах ресурсов, как обычных, так и магических, гораздо шире; список нужен, чтобы легче ориентироваться в направлениях развития экономики каждой земли.</div>
</div>
</section>
<!-- 2. РЕСУРСЫ ПО ЗЕМЛЯМ -->
<section id="ekon-p2" class="ekon-panel">
<div class="ekon-panel-inner ekon-texture">
<div class="ekon-h2">Ресурсы по землям</div>
<div class="ekon-res-card">
<div class="ekon-res-name">Республика Фортида</div>
<div class="ekon-res-tags">
<span class="ekon-res-tag">мрамор</span>
<span class="ekon-res-tag">медь</span>
<span class="ekon-res-tag">гранит</span>
<span class="ekon-res-tag">порфир</span>
<span class="ekon-res-tag">пуццолан</span>
<span class="ekon-res-tag">туф</span>
<span class="ekon-res-tag">травертин</span>
<span class="ekon-res-tag">оливковое масло</span>
<span class="ekon-res-tag">виноград и вино</span>
<span class="ekon-res-tag">соль</span>
<span class="ekon-res-tag ekon-res-rare">магические водоросли</span>
<span class="ekon-res-tag ekon-res-rare">части левиафанов</span>
<span class="ekon-res-tag">жемчуг</span>
<span class="ekon-res-tag">крабы и ракообразные</span>
<span class="ekon-res-tag ekon-res-rare">пахта (редкая зерновая культура)</span>
<span class="ekon-res-tag">кораллы</span>
<span class="ekon-res-tag">океанические виды рыб</span>
</div>
</div>
<div class="ekon-res-card">
<div class="ekon-res-name">Империя Саргос</div>
<div class="ekon-res-tags">
<span class="ekon-res-tag">шерсть</span>
<span class="ekon-res-tag">текстиль</span>
<span class="ekon-res-tag">табак</span>
<span class="ekon-res-tag">хлопок</span>
<span class="ekon-res-tag">кофе</span>
<span class="ekon-res-tag">рис</span>
<span class="ekon-res-tag">чай</span>
<span class="ekon-res-tag">пряности</span>
<span class="ekon-res-tag">зерновые культуры</span>
<span class="ekon-res-tag">сельхозпродукция</span>
<span class="ekon-res-tag">свинец</span>
<span class="ekon-res-tag">железо</span>
<span class="ekon-res-tag">золото</span>
<span class="ekon-res-tag">обсидиан</span>
<span class="ekon-res-tag">нефрит</span>
<span class="ekon-res-tag">шёлк</span>
<span class="ekon-res-tag ekon-res-rare">глаза пустыни (редкий минерал)</span>
<span class="ekon-res-tag">скот</span>
<span class="ekon-res-tag">сахар</span>
<span class="ekon-res-tag">речная и морская рыба</span>
</div>
</div>
<div class="ekon-res-card">
<div class="ekon-res-name">Королевство Моленгард</div>
<div class="ekon-res-tags">
<span class="ekon-res-tag">дерево</span>
<span class="ekon-res-tag">цветные металлы</span>
<span class="ekon-res-tag">руда</span>
<span class="ekon-res-tag">торф</span>
<span class="ekon-res-tag">уголь</span>
<span class="ekon-res-tag">янтарь</span>
<span class="ekon-res-tag ekon-res-rare">«живая смола» (болотный ресурс)</span>
<span class="ekon-res-tag">зерновые культуры, устойчивые к паводкам</span>
<span class="ekon-res-tag">лесная дичь</span>
<span class="ekon-res-tag">продукты вивисекции</span>
<span class="ekon-res-tag">озёрные виды рыб</span>
<span class="ekon-res-tag">хрусталь</span>
<span class="ekon-res-tag">драгоценные камни и минералы</span>
<span class="ekon-res-tag">серебро</span>
<span class="ekon-res-tag">стекольный песок</span>
<span class="ekon-res-tag">глина</span>
</div>
</div>
<div class="ekon-res-card">
<div class="ekon-res-name">Королевство Ландвиди</div>
<div class="ekon-res-tags">
<span class="ekon-res-tag ekon-res-rare">Руда Молчания (гасит звук и вибрацию)</span>
<span class="ekon-res-tag ekon-res-rare">вулканическое стекло (высокая проводимость)</span>
<span class="ekon-res-tag">клыки, кости, панцири лесных чудовищ и химер</span>
<span class="ekon-res-tag">яд и железы тварей</span>
<span class="ekon-res-tag">шкуры и мех хищников</span>
<span class="ekon-res-tag">алхимическое сырьё из растений</span>
<span class="ekon-res-tag">грибной сычуг</span>
<span class="ekon-res-tag">инкрустированные изделия Дома Элдстокк</span>
</div>
<div class="ekon-res-note">Ландвиди принципиально не торгует провизией, семенами, саженцами, живыми тварями и химерами — что согласуется с общей политикой закрытости королевства.</div>
</div>
</div>
</section>
<!-- 3. ВАЛЮТА И ЦЕНЫ -->
<section id="ekon-p3" class="ekon-panel">
<div class="ekon-panel-inner ekon-texture">
<div class="ekon-h2">Валюта</div>
<p class="ekon-text">Основной валютой в Севиктусе являются железные, медные, серебряные и золотые монеты — от наименьшей ценности до наибольшей. Общая валюта была принята единогласным решением королевств Сердцевины (континента, на котором располагаются Моленгард и Саргос); остальным землям со временем пришлось подстроиться под эту систему.</p>
<div class="ekon-currency">
<div class="ekon-currency-row">
<span class="ekon-currency-coin"><span class="ekon-coin-dot" style="background:#8a5a3a;"></span>Медная монета</span>
<span class="ekon-currency-eq">= <b>100</b> железных</span>
</div>
<div class="ekon-currency-row">
<span class="ekon-currency-coin"><span class="ekon-coin-dot" style="background:#c7c7c7;"></span>Серебряная монета</span>
<span class="ekon-currency-eq">= <b>50</b> медных</span>
</div>
<div class="ekon-currency-row">
<span class="ekon-currency-coin"><span class="ekon-coin-dot" style="background:var(--brass);"></span>Золотая монета</span>
<span class="ekon-currency-eq">= <b>10</b> серебряных</span>
</div>
</div>
<div class="ekon-divider"></div>
<div class="ekon-h2">Что и сколько стоит</div>
<p class="ekon-text">Всё зависит от территории. Там, где много скота, мясо можно купить дешевле; там, где выращивают пшеницу, доступнее хлеб — хотя он всё равно не из дешёвых, порой проще купить заячью тушку. В среднем, чтобы заночевать на постоялом дворе и как следует наесться и напиться, достаточно десяти-двадцати медяков или серебряной монеты, если шиковать. В крупных городах и столицах эту цену стоит умножать в два-три раза.</p>
<div class="ekon-price-grid">
<div class="ekon-price-item"><span>Хлеб</span><span>2–40 медных</span></div>
<div class="ekon-price-item"><span>Мясо на ужин</span><span>10–30 медных</span></div>
<div class="ekon-price-item"><span>Ночлег + еда (обычный)</span><span>10–20 медных</span></div>
<div class="ekon-price-item"><span>Ночлег + еда (шикарный)</span><span>1 серебряная</span></div>
<div class="ekon-price-item"><span>То же, в столице</span><span>×2–3</span></div>
<div class="ekon-price-item"><span>Полный кожаный доспех</span><span>от 50 золотых</span></div>
<div class="ekon-price-item"><span>Латный доспех</span><span>70–500+ золотых</span></div>
<div class="ekon-price-item"><span>Лошадь для поля</span><span>15–100 золотых</span></div>
<div class="ekon-price-item"><span>Боевой/дорожный конь</span><span>от цены доспеха и выше</span></div>
</div>
<p class="ekon-text" style="margin-top:12px;">Цена лошади зависит от возраста и состояния животного — по этим же расценкам разбойники обычно сбывают коней после налётов на караваны, лагеря путников или ограблений. Боевой конь или крепкий конь для путешествий обойдётся в цену полноценных доспехов, а то и больше — смотря порода и обученность.</p>
<div class="ekon-note"><b>Важно.</b> Книги и драгоценности — такая же роскошь, как и лошади: у обычного люда их быть не может. Если крестьянин или человек, выглядящий как крестьянин, попытается продать книгу или драгоценности, его запросто могут вздёрнуть без всякого суда.</div>
</div>
</section>
<!-- 4. ЗАРАБОТКИ -->
<section id="ekon-p4" class="ekon-panel">
<div class="ekon-panel-inner ekon-texture">
<div class="ekon-h2">Сколько люди зарабатывают</div>
<p class="ekon-text">Вопрос неоднозначный — всё зависит от конкретной ситуации. Но для примера:</p>
<div class="ekon-price-grid">
<div class="ekon-price-item"><span>Телохранители, элитная гвардия</span><span>до 120 золотых / мес.</span></div>
<div class="ekon-price-item"><span>Батраки, конюхи</span><span>от 7 серебряных / мес.</span></div>
</div>
<p class="ekon-text" style="margin-top:12px;">Оплата элитной службы может выплачиваться как твёрдой суммой, так и сдельно. Простой люд вроде батраков и конюхов живёт в основном тем, что сам вырастил или сделал — заработок лишь подспорье. В деревнях и сёлах распространён натуральный обмен: например, капусту меняют на починку инструментов у плотника.</p>
</div>
</section>
</div>
</div>[/html]