[hideprofile][html]<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap" rel="stylesheet">

<div class="obsc-monitor">

<style>
.obsc-monitor{
    width:900px;
    height:400px;
    background:#020202;
    font-family:'Share Tech Mono', monospace;
    color:#8cff8c;
    position:relative;
    border:1px solid #1a1a1a;
    box-shadow:0 0 30px rgba(0,255,100,0.15) inset;
    padding:15px 20px;
    overflow:hidden;
    margin: 0 auto;}

/* CRT-слой */
.obsc-monitor::after{
    content:"";
    position:absolute;
    inset:0;
    background:repeating-linear-gradient(
        to bottom,
        rgba(140,255,140,0.04) 0px,
        rgba(140,255,140,0.04) 2px,
        transparent 2px,
        transparent 4px
    );
    pointer-events:none;
}

/* Углы */
.obsc-corner{
    position:absolute;
    width:14px;
    height:14px;
    border:1px solid #8cff8c;
}
.obsc-tl{top:6px;left:6px;border-right:none;border-bottom:none;}
.obsc-tr{top:6px;right:6px;border-left:none;border-bottom:none;}
.obsc-bl{bottom:6px;left:6px;border-right:none;border-top:none;}
.obsc-br{bottom:6px;right:6px;border-left:none;border-top:none;}

/* Верхняя панель */
.obsc-topbar{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    margin-bottom:8px;
    color:#4aff4a;
}

.obsc-title{
    text-align:center;
    font-size:14px;
    letter-spacing:2px;
    color:#f7df06;
    margin-bottom:10px;
}

/* Вкладки */
.obsc-tabs{
    display:flex;
    border-bottom:1px solid #0f3f0f;
    margin-bottom:8px;
}

.obsc-tab{
    padding:4px 12px;
    border:1px solid #0f3f0f;
    border-bottom:none;
    margin-right:4px;
    font-size:12px;
    cursor:pointer;
    background:#010101;
}

.obsc-tab.obsc-active{
    background:#0a0a0a;
    color:#fff;
}

/* Контент */
.obsc-content{
    display:none;
    overflow:auto;
}

.obsc-content.obsc-active{
    display:block;
}

/* Таблица */
.obsc-table{
    width:100%;
    border-collapse:collapse;
    font-size:11px;
}

.obsc-table th,
.obsc-table td{
    border:1px solid #0f3f0f;
    padding:6px;
    vertical-align:top;
}

.obsc-table th{
    background:#061806;
    color:#c084ff;
}

.obsc-cursor{
    display:inline-block;
    width:6px;
    height:10px;
    background:#8cff8c;
    animation:obsc-blink 1s infinite;
}

@keyframes obsc-blink{
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}
</style>

<div class="obsc-corner obsc-tl"></div>
<div class="obsc-corner obsc-tr"></div>
<div class="obsc-corner obsc-bl"></div>
<div class="obsc-corner obsc-br"></div>

<div class="obsc-topbar">
<span>STATUS: ONLINE</span>
<span>NODE: OBSCURUM_CORE</span>
<span>ACCESS: ██</span>
</div>

<div class="obsc-title">
OBSCURUM_INFLUENCE_MONITOR <span class="obsc-cursor"></span>
</div>

<div class="obsc-tabs">
<div class="obsc-tab obsc-active" data-obsc="core">CORE</div>
<div class="obsc-tab" data-obsc="followers">FOLLOWERS</div>
<div class="obsc-tab" data-obsc="opposition">OPPOSITION</div>
<div class="obsc-tab" data-obsc="rewards">REWARD</div>
</div>

<!-- CORE -->
<div class="obsc-content obsc-active" id="obsc-core">
<table class="obsc-table">
<tr><th>Параметр</th><th>Описание</th></tr>

<tr>
<td>Назначение</td>
<td>
Уровень влияния Обскурума показывает, усиливается он или слабеет в результате действий игроков.
</td>
</tr>

<tr>
<td>Отображение</td>
<td>
Уровень влияния отображается в шапке (в процентах).
</td>
</tr>

<tr>
<td>Старт</td>
<td>
В начале каждого месяца значение устанавливается на 50% – нейтральная точка баланса.
</td>
</tr>

<tr>
<td>Суммирование</td>
<td>
Все изменения суммируются в течение месяца.
</td>
</tr>

<tr>
<td>Задания</td>
<td>
Каждый месяц появляется набор заданий, связанных с влиянием Обскурума.
Существуют два типа заданий: для последователей Обскурума и его противников.
Последователи – повышают показатель выполнением заданий, противники – понижают.
Особые задания - это конкретные действия.
</td>
</tr>

<tr>
<td>Лимит</td>
<td>
В одном посте может быть выполнено не больше двух заданий одновременно.
Посты приносите сразу, указывая пункт и проценты.
</td>
</tr>

<tr>
<td>Итог</td>
<td>
В конце месяца подводится итог по шкале влияния:
Больше 50% – победа Обскурума.
50% или меньше – победа противников.
</td>
</tr>

<tr>
<td>Награды и последствия</td>
<td>
Победившая сторона получает награды (только те игроки, кто участвовал и приносил выполнения).
В мире появляется сюжетная новость – значимое событие, отражающее усиление или ослабление Обскурума.
</td>
</tr>

<tr>
<td>Сброс</td>
<td>
В начале следующего месяца шкала влияния снова сбрасывается на 50%.
</td>
</tr>

</table>
</div>

<!-- FOLLOWERS -->
<div class="obsc-content" id="obsc-followers">
<table class="obsc-table">
<tr><th>Тип</th><th>Описание</th></tr>

<tr>
<td>Профилактика +2%</td>
<td>
Продвижение идей Обскурума, разведка обстановки, обработка информации.
</td>
</tr>

<tr>
<td>Сопротивление +4%</td>
<td>
Непрямая конформация с противниками Обскурума с целью защиты позиций.
</td>
</tr>

<tr>
<td>Столкновение +6%</td>
<td>
Открытое враждебное взаимодействие с сопротивлением Обскуруму: люди, события, аномалии.
</td>
</tr>

<tr>
<td>Особые задания +8%</td>
<td>
- нанести информационный ущерб Авангарду<br>
- нанести физический ущерб Авангарду<br>
- разведать особо важную информацию из Авангарда
</td>
</tr>

</table>
</div>

<!-- OPPOSITION -->
<div class="obsc-content" id="obsc-opposition">
<table class="obsc-table">
<tr><th>Тип</th><th>Описание</th></tr>

<tr>
<td>Профилактика -2%</td>
<td>
Отработка последствий влияния Обскурума и его изучение.
</td>
</tr>

<tr>
<td>Сопротивление -4%</td>
<td>
Непрямая конформация с Обскурумом с целью защиты позиций или людей.
</td>
</tr>

<tr>
<td>Столкновение -6%</td>
<td>
Открытое враждебное взаимодействие с Обскурумом: последователи Обскурума, химеры, разломы.
</td>
</tr>

<tr>
<td>Особые задания -8%</td>
<td>
- попытаться обезопасить зону вокруг одного из разломов<br>
- охотиться на последователей Обскурума<br>
- отловить особо опасную химеру
</td>
</tr>

</table>
</div>

<!-- REWARDS -->
<div class="obsc-content" id="obsc-rewards">
<table class="obsc-table">
<tr><th>Вклад</th><th>Награда</th></tr>

<tr>
<td>Всем</td>
<td>
Достижение
</td>
</tr>

<tr>
<td>2%</td>
<td>
<fl class="flash f1" title="Не верь всему"></fl></td>
</tr>

<tr>
<td>4%-20%</td>
<td><fl class="flash f1" title="Не верь всему"></fl>
<fl class="flash f2" title="Поломанные ДНК"></fl>
</td>
</tr>

<tr>
<td>21%-40%</td>
<td>
<fl class="flash f5" title="Тайный наблюдатель"></fl>
<fl class="flash f3" title="Пусто"></fl>
<fl class="flash f4" title="Осторожно"></fl>
</td>
</tr>

<tr>
<td>41%-60%</td>
<td>
<fl class="flash f4" title="Осторожно"></fl>
<fl class="flash f8" title="Тихо"></fl>
<fl class="flash f9" title="Паразитизм"></fl>
<fl class="flash f10" title="Файл открыт"></fl>
</td>
</tr>

</table>
</div>

</div>
[/html]