[html]<style>
/* ================== CYBERPUNK PLOT – SELF CONTAINED ================== */
.cpl-wrap{
--bg:#0b0f16;
--panel:#0f1523;
--panel2:#0b111d;
--text:#dfe5ff;
--muted:#9fb0c7;
--accent:#45f2ff;
--accent2:#ff2bd6;
--chip:#1a2431;
--radius:16px;
max-width: 960px;
margin: 18px auto 24px;
padding: 18px;
border-radius: calc(var(--radius) + 8px);
background:
radial-gradient(140% 80% at 100% 0,#1b2233 0,#0b0f16 60%),
repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 6px),
var(--bg);
color:var(--text);
font: 15px/1.7 "Courier New", monospace;
box-shadow: 10 12px 48px #000a, inset 0 0 0 1px #ffffff10;
}
/* header */
.cpl-head{
display:grid; grid-template-columns: 1fr auto; gap:12px; align-items:center;
}
.cpl-kicker{
font-family: "WDXL Lubrifont TC", system-ui, sans-serif;
text-transform:uppercase; letter-spacing:.18em; font-size:14px;
color:#bfeaff; opacity:.8;
}
.cpl-title{
margin:-4px 0 0;
font-family:"WDXL Lubrifont TC", system-ui, sans-serif;
font-weight:900; font-size:64px; line-height:.95; letter-spacing:.02em;
background: linear-gradient(180deg,#fefefe,#b6e7ff 40%,#45f2ff);
-webkit-background-clip:text;background-clip:text;color:transparent;
text-shadow:10 0 6px #fff5,0 0 18px var(--accent),0 0 42px var(--accent2);
}
.cpl-badges{ display:flex; gap:10px; flex-wrap:wrap; justify-self:end; }
.cpl-badge{
padding:10px 14px; border-radius:999px; font-weight:900;
text-transform:uppercase; letter-spacing:.06em; color:#061019;
background: linear-gradient(90deg,var(--accent2),var(--accent));
box-shadow:0 8px 22px #00f3ff55,0 0 0 2px #000 inset;
}
/* panels */
.cpl-panel{
margin-top:16px; padding:16px; border-radius:var(--radius);
background: linear-gradient(180deg,var(--panel),var(--panel2));
box-shadow: inset 0 0 0 1px #ffffff12, 0 10px 30px #0009;
}
.cpl-panel p{ margin:.6em 0; color:var(--muted); }
/* links chips */
.cpl-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.cpl-chip{
background:#0a1320; color:#eaf2ff; border-radius:999px;
padding:6px 10px; font-weight:800; font-size:12px; text-decoration:none;
box-shadow: inset 0 0 0 1px #27d4ff80;
}
.cpl-chip:hover{ box-shadow: inset 0 0 0 1px #fff; color:#fff; }
/* divider */
.cpl-divider{
margin:16px 0 8px; padding:10px 20px; text-align:center;
text-transform:uppercase; letter-spacing:.2em; font-weight:900;
border-radius:999px; background:#0a1320; color:#eaf2ff;
box-shadow:inset 0 0 0 1px #27d4ff88, 0 4px 18px #27d4ff44;
}
/* timeline */
.cpl-timeline{
margin-top:10px; background:#0b1424; border-radius:14px;
padding:14px; box-shadow: inset 0 0 0 1px #ffffff12;
}
.cpl-tl{
position:relative; display:grid; grid-template-columns: 24px 1fr 120px; gap:10px;
align-items:center; padding:10px 6px;
}
.cpl-tl + .cpl-tl{ border-top:1px dashed #27d4ff44; }
.cpl-dot{ width:10px; height:10px; border-radius:50%;
background: radial-gradient(circle at 30% 30%,#fff, #45f2ff 60%, #00e5ff00);
box-shadow:0 0 10px #45f2ff, 0 0 22px #ff2bd6;
}
.cpl-line{ height:4px; border-radius:4px;
background: linear-gradient(90deg,#ff2bd6,#45f2ff); box-shadow: 0 2px 10px #27d4ff66;
}
.cpl-tl h4{
margin:0; font: 700 16px/1.25 "WDXL Lubrifont TC", system-ui, sans-serif; color:#eaf3ff;
text-transform:uppercase; letter-spacing:.08em;
}
.cpl-date{
justify-self:end; background:#1a2431; border-radius:8px; padding:6px 8px;
color:#cde7ff; font-weight:800; font-size:12px; box-shadow: inset 0 0 0 1px #27d4ff55;
}
/* quests (details) */
.cpl-quests{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:14px; }
.cpl-q{
border-radius:14px; overflow:hidden; background:#0c1322cc;
box-shadow: inset 0 0 0 1px #ffffff12, 0 10px 28px #0009;
}
.cpl-q summary{
cursor:pointer; list-style:none; padding:12px 14px; position:relative;
font-family:"WDXL Lubrifont TC", system-ui, sans-serif;
text-transform:uppercase; letter-spacing:.12em; color:#eaf2ff;
background:#081224;
box-shadow: inset 0 0 0 1px #27d4ff66;
}
.cpl-q summary::-webkit-details-marker{ display:none; }
.cpl-q[open] summary{ box-shadow: inset 0 0 0 1px #fff; }
.cpl-qbody{ padding:12px 14px; color:var(--muted); background:#0b1424; }
.cpl-tag{ display:inline-block; margin-left:8px; padding:2px 8px; font-size:11px;
border-radius:999px; background:#27353f; color:#cfe9ff; font-weight:800; }
/* join/copy */
.cpl-copyrow{
display:grid; grid-template-columns: 220px 1fr; gap:14px; align-items:center;
margin-top:10px;
}
.cpl-copybtn{
display:inline-block; padding:10px 14px; border-radius:12px;
font-weight:900; text-transform:uppercase; letter-spacing:.08em;
background:#07111e; color:#d9eeff; text-decoration:none;
box-shadow: inset 0 0 0 1px #27d4ff80, 0 8px 20px #0009;
}
.cpl-copybtn:hover{ box-shadow: inset 0 0 0 1px #fff, 0 10px 24px #27d4ff66; color:#fff; }
.cpl-code{
margin:12px 0 0; width:100%; max-height:0; opacity:0; overflow:hidden;
transition:.25s ease; border-radius:12px; background:#0b1424; color:#d8ebff;
border:1px solid #27d4ff55; padding:0 10px; font:14px/1.6 "Courier New", monospace;
}
.cpl-code:focus{ outline:none; border-color:#fff; box-shadow:0 0 0 2px #27d4ff88; }
:target.cpl-code{ max-height:140px; padding:10px; opacity:1; }
/* episodes list */
.cpl-episodes{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:14px; }
.cpl-card{ padding:14px; border-radius:14px; background:#0c1322dd;
box-shadow: inset 0 0 0 1px #ffffff12, 0 10px 28px #0009; color:var(--muted);
}
.cpl-card h3{
margin:0 0 8px; color:#e9f2ff; font:700 16px/1 "WDXL Lubrifont TC", system-ui, sans-serif;
text-transform:uppercase; letter-spacing:.16em;
}
.cpl-list{ margin:0; padding-left:16px; }
/* responsive */
@media (max-width: 820px){
.cpl-title{ font-size:48px; }
.cpl-quests{ grid-template-columns: 1fr; }
.cpl-copyrow{ grid-template-columns: 1fr; }
.cpl-episodes{ grid-template-columns: 1fr; }
}
</style>
<div class="cpl-wrap">
<!-- Шапка сюжета -->
<div class="cpl-head">
<div>
<div class="cpl-kicker">season 01</div>
<div class="cpl-title">ОСНОВНОЙ СЮЖЕТ</div>
</div>
</div>
<!-- Логлайн + быстрые ссылки -->
<div class="cpl-panel">
<div class="cpl-title">история</div>
<p>В начале XXI века изменение климата перешло точку невозврата. К 2100 году уровень мирового океана поднялся на несколько метров, но худшее было впереди. В XXII веке произошёл стремительный коллапс ледников Антарктиды и Гренландии, вызвавший многометровые волны и затопление прибрежных территорий. Одновременно с этим температура на планете возросла настолько, что целые страны стали непригодны для жизни. Вспыхнули войны за ресурсы и высокие земли, но они лишь усугубили бедствия. Оставшись перед лицом вымирания, правительства создали Коалицию Земли – единый совет, призванный прекратить конфликты и заняться глобальной эвакуацией населения в уцелевшие зоны. К 2150 году карта мира изменилась до неузнаваемости: Сибирь, горы Алтая, Тибет, Анды, части Северной Канады стали новыми центрами цивилизации, приютившими миллиарды переселенцев разных национальностей. Бывшие государства перестали существовать, их границы стёрлись, смешав культуры и обычаи.</p><br>
<p>Коалиция бросила все силы и ресурсы в в технологии, чтобы повысить свой шанс на выживание. Искусственный интеллект вышел на первый план как спасение: продвинутые ИИ были внедрены в управление городами и климатическими системами. Именно ИИ, такие как Гея, оптимизировали инфраструктуру до невиданных высот (аналогично современным проектам умных городов, приводящим к снижению выбросов и экономии энергии.) Были возведены гигантские купола и барьеры, защищающие города от непогоды и моря, созданы плавучие города и платформы. Благодаря биотехнологиям урожаи выращивались на гидропонных фермах, а мясо синтезировалось в лабораториях. Казалось, что люди нашли способ выжить, каким бы скудным ни был оставшийся им в наследство мир.</p><br>
<p>Однако социальная структура нового мира была далека от идеала. Мегакорпорации, взявшие на себя основную часть разработки технологий, получили невиданное влияние. Формально власть принадлежит Коалиции, но фактически корпорации контролируют ключевые отрасли – энергетику, пищу, транспорт, связь. Возник технофеодализм: у жителей городов есть доступ к базовым благам, иногда даже гарантированный прожиточный минимум за счёт автоматизации, но они зависят от корпораций в большинстве аспектов жизни. Кибернетические импланты, улучшения тела и разума стали обычным делом – их предоставляет работодатель или городская программа, но через них же можно контролировать население. Например, каждый гражданин имеет нейроинтерфейс, связанный с городским ИИ, упрощающий получение информации и услуг, но теоретически позволяющий и отслеживать мысли и эмоции своего носителя.</p><br>
<p>Главная надежда людей теперь — найти новый дом за пределами Земли. Ещё несколько десятилетий назад были запущены первые космические экспедиции, призванные отыскать пригодную для жизни планету. Проект колонизации, условно названный «Новая Земля», финансируется всеми государствами и мегакорпорациями совместно, но каждая фракция мечтает получить преимущество в этой гонке. На фоне подготовки к отправке колонизационного флота разгораются конфликты: тайные войны корпораций, саботаж, шпионаж и идеологические разногласия грозят сорвать последний шанс человечества на спасение. Сюжет игры вращается вокруг этих напряжённых событий — игроки окажутся втянуты в борьбу за будущее: попытки сохранить шаткое равновесие на умирающей Земле или ускорить бегство человечества к звёздам.</p><br>
<p>Катастрофические последствия глобального потепления и массовые миграции в Сибирь смоделированы на основе гипотетических сценариев повышения уровня моря на 75–100м и экстремального потепления экваториальных регионов. Роль ИИ в спасении городов вдохновлена реальными проектами умных городов, где ИИ-управление уже приводит к снижению выбросов и экономии ресурсов.</p><br>
</div>
</div>
</div>
[/html]
[hideprofile]
