[html]<html><div id="jbMystic" style="
--a:#536D6C !important;
--a06:rgba(83,109,108,.06) !important;
--a10:rgba(83,109,108,.10) !important;
--a16:rgba(83,109,108,.16) !important;
--a28:rgba(83,109,108,.28) !important;
--a40:rgba(83,109,108,.40) !important;
max-width:1000px !important;
margin:16px auto !important;
padding:14px !important;
border:1px solid var(--a40) !important;
background:rgba(0,0,0,.10) !important;
color:inherit !important;
">
<style>
#jbMystic, #jbMystic *{ box-sizing:border-box !important; }
#jbMystic{ font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif !important; }
#jbMystic a{ color:inherit !important; text-decoration:none !important; }
#jbMystic p, #jbMystic h3{ margin:0 !important; }
#jbMystic img{ display:block !important; max-width:100% !important; }
#jbMystic .t{ height:0 !important; overflow:hidden !important; }
#jbMystic .wrap{
display:flex !important;
flex-direction:column !important;
gap:14px !important;
}
#jbMystic .head{ order:-1 !important; }
#jbMystic .head{
border:1px solid var(--a40) !important;
background:rgba(0,0,0,.08) !important;
padding:14px !important;
text-align:center !important;
position:relative !important;
overflow:hidden !important;
}
#jbMystic .head::after{
content:"" !important;
position:absolute !important; inset:0 !important;
background:
radial-gradient(600px 220px at 50% 0%, rgba(83,109,108,.18), transparent 55%),
repeating-linear-gradient(0deg, rgba(255,255,255,.02), rgba(255,255,255,.02) 1px, transparent 1px, transparent 4px) !important;
opacity:.55 !important;
pointer-events:none !important;
}
#jbMystic .title{
position:relative !important;
z-index:1 !important;
font-weight:800 !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
font-size:22px !important;
}
#jbMystic .sub{
position:relative !important;
z-index:1 !important;
margin-top:6px !important;
opacity:.72 !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
font-size:12px !important;
}
#jbMystic .rule{
position:relative !important;
z-index:1 !important;
width:240px !important;
height:2px !important;
margin:12px auto !important;
background:var(--a) !important;
opacity:.6 !important;
}
#jbMystic .hint{
position:relative !important;
z-index:1 !important;
margin-top:10px !important;
font-size:13px !important;
opacity:.75 !important;
}
#jbMystic .nav{
position:relative !important;
z-index:1 !important;
margin-top:12px !important;
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
justify-content:center !important;
}
#jbMystic .tag{
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
padding:9px 12px !important;
border:1px solid var(--a40) !important;
background:rgba(0,0,0,.055) !important;
border-radius:999px !important;
font-weight:800 !important;
letter-spacing:.25px !important;
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
transition: transform .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease !important;
}
#jbMystic .icon{
width:18px !important;
height:18px !important;
border-radius:4px !important;
border:1px solid var(--a28) !important;
background:rgba(83,109,108,.10) !important;
position:relative !important;
flex:0 0 auto !important;
}
#jbMystic .icon::before{
content:"" !important;
width:6px !important; height:6px !important;
background:var(--a) !important;
opacity:.85 !important;
position:absolute !important;
left:50% !important; top:50% !important;
transform:translate(-50%,-50%) rotate(45deg) !important;
}
#jbMystic .hash{ opacity:.65 !important; font-weight:900 !important; }
#jbMystic .name{
font-weight:900 !important;
position:relative !important;
z-index:1 !important;
}
#jbMystic .name::after{
content:"" !important;
position:absolute !important;
left:0 !important; right:0 !important;
bottom:-3px !important;
height:2px !important;
background:var(--a) !important;
opacity:0 !important;
transform:scaleX(0) !important;
transform-origin:left !important;
transition: transform .18s ease, opacity .18s ease !important;
}
#jbMystic .count{
margin-left:6px !important;
padding:2px 8px !important;
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.05) !important;
border-radius:999px !important;
font-size:12px !important;
opacity:.80 !important;
white-space:nowrap !important;
position:relative !important;
z-index:1 !important;
}
#jbMystic .count::before{
content:"" !important;
width:6px !important; height:6px !important;
display:inline-block !important;
margin-right:6px !important;
background:var(--a) !important;
opacity:.85 !important;
border-radius:999px !important;
vertical-align:middle !important;
}
#jbMystic .badge{
margin-left:6px !important;
padding:2px 7px !important;
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.04) !important;
border-radius:999px !important;
font-size:11px !important;
letter-spacing:.9px !important;
text-transform:uppercase !important;
opacity:.78 !important;
position:relative !important;
z-index:1 !important;
}
#jbMystic .tag::after{
content:"" !important;
position:absolute !important; inset:0 !important;
background:
radial-gradient(220px 80px at 10% 30%, rgba(83,109,108,.14), transparent 60%),
radial-gradient(260px 90px at 90% 70%, rgba(83,109,108,.12), transparent 65%),
repeating-linear-gradient(0deg, rgba(255,255,255,.018), rgba(255,255,255,.018) 1px, transparent 1px, transparent 4px) !important;
opacity:0 !important;
transform: translateY(-6px) !important;
transition: opacity .20s ease, transform .20s ease !important;
pointer-events:none !important;
z-index:0 !important;
}
#jbMystic .tag:hover{
transform: translateY(-2px) !important;
border-color: var(--a) !important;
background: rgba(83,109,108,.08) !important;
}
#jbMystic .tag:hover::after{ opacity:1 !important; transform:translateY(0) !important; }
#jbMystic .tag:hover .name::after{ opacity:.65 !important; transform:scaleX(1) !important; }
#jbMystic .panel{
border:1px solid var(--a40) !important;
background:rgba(0,0,0,.06) !important;
padding:14px !important;
overflow:hidden !important;
max-height:0 !important;
opacity:0 !important;
transform: translateY(-8px) !important;
pointer-events:none !important;
transition: max-height .45s ease, opacity .30s ease, transform .30s ease !important;
}
#jbMystic .panel .grid{
display:grid !important;
grid-template-columns: 240px 1fr !important;
gap:14px !important;
align-items:start !important;
}
#jbMystic .pTitle{
letter-spacing:2px !important;
text-transform:uppercase !important;
font-weight:900 !important;
font-size:12px !important;
opacity:.86 !important;
margin:0 0 10px 0 !important;
}
#jbMystic .side{
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.05) !important;
padding:10px !important;
min-height:240px !important;
transform: translateX(-18px) !important;
opacity:0 !important;
transition: transform .32s ease, opacity .32s ease !important;
}
#jbMystic .sideList{ display:flex !important; flex-direction:column !important; gap:8px !important; }
#jbMystic .sideLink{
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.04) !important;
padding:8px 10px !important;
display:block !important;
font-weight:800 !important;
letter-spacing:.25px !important;
opacity:.92 !important;
transition: transform .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease !important;
}
#jbMystic .sideLink:hover{ transform:translateY(-1px) !important; border-color:var(--a) !important; background:rgba(83,109,108,.08) !important; opacity:1 !important; }
#jbMystic .sideMeta{
margin-top:10px !important;
padding-top:10px !important;
border-top:1px solid var(--a28) !important;
font-size:12px !important;
opacity:.70 !important;
line-height:1.35 !important;
}
#jbMystic .main{
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.05) !important;
padding:12px !important;
min-height:240px !important;
}
#jbMystic .story{ display:none !important; }
#jbMystic .storyBox{
display:grid !important;
grid-template-columns: 260px 1fr !important;
gap:12px !important;
align-items:start !important;
}
#jbMystic .illus{
position:relative !important;
height:180px !important;
border:1px solid var(--a40) !important;
background:rgba(0,0,0,.12) !important;
overflow:hidden !important;
}
#jbMystic .illus img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
filter: grayscale(100%) contrast(120%) brightness(82%) !important;
transform: scale(1.02) !important;
}
#jbMystic .illus::after{
content:"" !important;
position:absolute !important; inset:0 !important;
background:
linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.68)),
radial-gradient(260px 90px at 20% 25%, rgba(83,109,108,.12), transparent 60%),
repeating-linear-gradient(0deg, rgba(255,255,255,.03), rgba(255,255,255,.03) 1px, transparent 1px, transparent 3px) !important;
pointer-events:none !important;
}
#jbMystic .cap{
position:absolute !important;
left:10px !important; right:10px !important; bottom:10px !important;
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.18) !important;
padding:6px 8px !important;
font-size:12px !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
opacity:.88 !important;
}
#jbMystic .entry{
margin-bottom:12px !important;
padding-left:12px !important;
border-left:2px solid var(--a28) !important;
}
#jbMystic .entry b{ font-weight:900 !important; }
#jbMystic .meta{
margin-top:10px !important;
padding:8px !important;
border:1px dashed var(--a40) !important;
background:rgba(0,0,0,.06) !important;
font-size:13px !important;
opacity:.80 !important;
}
#jbMystic .thread{
margin-top:14px !important;
border-top:1px solid var(--a28) !important;
padding-top:12px !important;
}
#jbMystic .threadHead{
display:flex !important;
align-items:baseline !important;
justify-content:space-between !important;
gap:10px !important;
margin-bottom:10px !important;
}
#jbMystic .threadTitle{
letter-spacing:2px !important;
text-transform:uppercase !important;
font-weight:900 !important;
font-size:12px !important;
opacity:.86 !important;
}
#jbMystic .sort{
font-size:12px !important;
opacity:.65 !important;
text-transform:uppercase !important;
letter-spacing:1px !important;
}
#jbMystic .c{
display:grid !important;
grid-template-columns: 28px 1fr !important;
gap:10px !important;
padding:10px !important;
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.05) !important;
margin-bottom:8px !important;
}
#jbMystic .cVote{
border:1px solid var(--a28) !important;
background:rgba(0,0,0,.04) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:4px !important;
font-size:12px !important;
opacity:.75 !important;
}
#jbMystic .cBody{ min-width:0 !important; }
#jbMystic .cTop{
display:flex !important;
align-items:baseline !important;
gap:8px !important;
flex-wrap:wrap !important;
margin-bottom:6px !important;
}
#jbMystic .cUser{ font-weight:900 !important; letter-spacing:.4px !important; }
#jbMystic .cTime{ opacity:.65 !important; font-size:12px !important; }
#jbMystic .cText{ opacity:.88 !important; line-height:1.45 !important; }
#jbMystic .cActions{
margin-top:8px !important;
opacity:.62 !important;
font-size:12px !important;
display:flex !important;
gap:10px !important;
flex-wrap:wrap !important;
text-transform:uppercase !important;
letter-spacing:.8px !important;
}
#jbMystic .cReply{
margin-left:18px !important;
border-left:2px solid var(--a16) !important;
padding-left:10px !important;
margin-top:8px !important;
}
#jbMystic #hospital:target ~ .wrap #pHospital,
#jbMystic #h_deadkid:target ~ .wrap #pHospital,
#jbMystic #h_gurneys:target ~ .wrap #pHospital,
#jbMystic #h_doors:target ~ .wrap #pHospital,
#jbMystic #h_shadows:target ~ .wrap #pHospital,
#jbMystic #h_reflect:target ~ .wrap #pHospital{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #park:target ~ .wrap #pPark,
#jbMystic #p_wheel:target ~ .wrap #pPark{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #prison:target ~ .wrap #pPrison,
#jbMystic #pr_nurse:target ~ .wrap #pPrison,
#jbMystic #pr_riot:target ~ .wrap #pPrison{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #fort:target ~ .wrap #pFort,
#jbMystic #f_fire:target ~ .wrap #pFort{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #roads:target ~ .wrap #pRoads,
#jbMystic #r_pine:target ~ .wrap #pRoads,
#jbMystic #r_deer:target ~ .wrap #pRoads,
#jbMystic #r_bodiless:target ~ .wrap #pRoads{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #cemetery:target ~ .wrap #pCemetery,
#jbMystic #c_bride:target ~ .wrap #pCemetery{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #factory:target ~ .wrap #pFactory,
#jbMystic #fa_curse:target ~ .wrap #pFactory{ max-height:5000px !important; opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }
#jbMystic #hospital:target ~ .wrap #pHospital .side,
#jbMystic #h_deadkid:target ~ .wrap #pHospital .side,
#jbMystic #h_gurneys:target ~ .wrap #pHospital .side,
#jbMystic #h_doors:target ~ .wrap #pHospital .side,
#jbMystic #h_shadows:target ~ .wrap #pHospital .side,
#jbMystic #h_reflect:target ~ .wrap #pHospital .side,
#jbMystic #park:target ~ .wrap #pPark .side,
#jbMystic #p_wheel:target ~ .wrap #pPark .side,
#jbMystic #prison:target ~ .wrap #pPrison .side,
#jbMystic #pr_nurse:target ~ .wrap #pPrison .side,
#jbMystic #pr_riot:target ~ .wrap #pPrison .side,
#jbMystic #fort:target ~ .wrap #pFort .side,
#jbMystic #f_fire:target ~ .wrap #pFort .side,
#jbMystic #roads:target ~ .wrap #pRoads .side,
#jbMystic #r_pine:target ~ .wrap #pRoads .side,
#jbMystic #r_deer:target ~ .wrap #pRoads .side,
#jbMystic #r_bodiless:target ~ .wrap #pRoads .side,
#jbMystic #cemetery:target ~ .wrap #pCemetery .side,
#jbMystic #c_bride:target ~ .wrap #pCemetery .side,
#jbMystic #factory:target ~ .wrap #pFactory .side,
#jbMystic #fa_curse:target ~ .wrap #pFactory .side{ transform:translateX(0) !important; opacity:1 !important; }
#jbMystic #hospital:target ~ .wrap #pHospital .story[data-s="deadkid"]{ display:block !important; }
#jbMystic #h_deadkid:target ~ .wrap #pHospital .story[data-s="deadkid"]{ display:block !important; }
#jbMystic #h_gurneys:target ~ .wrap #pHospital .story[data-s="gurneys"]{ display:block !important; }
#jbMystic #h_doors:target ~ .wrap #pHospital .story[data-s="doors"]{ display:block !important; }
#jbMystic #h_shadows:target ~ .wrap #pHospital .story[data-s="shadows"]{ display:block !important; }
#jbMystic #h_reflect:target ~ .wrap #pHospital .story[data-s="reflect"]{ display:block !important; }
#jbMystic #park:target ~ .wrap #pPark .story[data-s="wheel"]{ display:block !important; }
#jbMystic #p_wheel:target ~ .wrap #pPark .story[data-s="wheel"]{ display:block !important; }
#jbMystic #prison:target ~ .wrap #pPrison .story[data-s="nurse"]{ display:block !important; }
#jbMystic #pr_nurse:target ~ .wrap #pPrison .story[data-s="nurse"]{ display:block !important; }
#jbMystic #pr_riot:target ~ .wrap #pPrison .story[data-s="riot"]{ display:block !important; }
#jbMystic #fort:target ~ .wrap #pFort .story[data-s="fire"]{ display:block !important; }
#jbMystic #f_fire:target ~ .wrap #pFort .story[data-s="fire"]{ display:block !important; }
#jbMystic #roads:target ~ .wrap #pRoads .story[data-s="pine"]{ display:block !important; }
#jbMystic #r_pine:target ~ .wrap #pRoads .story[data-s="pine"]{ display:block !important; }
#jbMystic #r_deer:target ~ .wrap #pRoads .story[data-s="deer"]{ display:block !important; }
#jbMystic #r_bodiless:target ~ .wrap #pRoads .story[data-s="bodiless"]{ display:block !important; }
#jbMystic #cemetery:target ~ .wrap #pCemetery .story[data-s="bride"]{ display:block !important; }
#jbMystic #c_bride:target ~ .wrap #pCemetery .story[data-s="bride"]{ display:block !important; }
#jbMystic #factory:target ~ .wrap #pFactory .story[data-s="curse"]{ display:block !important; }
#jbMystic #fa_curse:target ~ .wrap #pFactory .story[data-s="curse"]{ display:block !important; }
#jbMystic #hospital:target ~ .wrap .head a[href="#hospital"],
#jbMystic #h_deadkid:target ~ .wrap .head a[href="#hospital"],
#jbMystic #h_gurneys:target ~ .wrap .head a[href="#hospital"],
#jbMystic #h_doors:target ~ .wrap .head a[href="#hospital"],
#jbMystic #h_shadows:target ~ .wrap .head a[href="#hospital"],
#jbMystic #h_reflect:target ~ .wrap .head a[href="#hospital"],
#jbMystic #park:target ~ .wrap .head a[href="#park"],
#jbMystic #p_wheel:target ~ .wrap .head a[href="#park"],
#jbMystic #prison:target ~ .wrap .head a[href="#prison"],
#jbMystic #pr_nurse:target ~ .wrap .head a[href="#prison"],
#jbMystic #pr_riot:target ~ .wrap .head a[href="#prison"],
#jbMystic #fort:target ~ .wrap .head a[href="#fort"],
#jbMystic #f_fire:target ~ .wrap .head a[href="#fort"],
#jbMystic #roads:target ~ .wrap .head a[href="#roads"],
#jbMystic #r_pine:target ~ .wrap .head a[href="#roads"],
#jbMystic #r_deer:target ~ .wrap .head a[href="#roads"],
#jbMystic #r_bodiless:target ~ .wrap .head a[href="#roads"],
#jbMystic #cemetery:target ~ .wrap .head a[href="#cemetery"],
#jbMystic #c_bride:target ~ .wrap .head a[href="#cemetery"],
#jbMystic #factory:target ~ .wrap .head a[href="#factory"],
#jbMystic #fa_curse:target ~ .wrap .head a[href="#factory"]{
border-color: var(--a) !important;
background: rgba(83,109,108,.10) !important;
transform: translateY(-1px) !important;
}
</style>
<div id="hospital" class="t"></div>
<div id="h_deadkid" class="t"></div>
<div id="h_gurneys" class="t"></div>
<div id="h_doors" class="t"></div>
<div id="h_shadows" class="t"></div>
<div id="h_reflect" class="t"></div>
<div id="park" class="t"></div>
<div id="p_wheel" class="t"></div>
<div id="prison" class="t"></div>
<div id="pr_nurse" class="t"></div>
<div id="pr_riot" class="t"></div>
<div id="fort" class="t"></div>
<div id="f_fire" class="t"></div>
<div id="roads" class="t"></div>
<div id="r_pine" class="t"></div>
<div id="r_deer" class="t"></div>
<div id="r_bodiless" class="t"></div>
<div id="cemetery" class="t"></div>
<div id="c_bride" class="t"></div>
<div id="factory" class="t"></div>
<div id="fa_curse" class="t"></div>
<div class="wrap">
<section id="pHospital" class="panel">
<div class="pTitle">Больница</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#h_deadkid">мёртвая детка</a>
<a class="sideLink" href="#h_gurneys">каталки</a>
<a class="sideLink" href="#h_doors">двери скорой</a>
<a class="sideLink" href="#h_shadows">тени наркологии</a>
<a class="sideLink" href="#h_reflect">врач в отражениях</a>
</div>
<div class="sideMeta">выбирай историю</div>
</aside>
<div class="main">
<div class="story" data-s="deadkid">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/rwctztBf/bfbe5792-e8ba-4c07-b09f-d2454b39b0ef.png" alt="">
<div class="cap">мёртвая детка</div>
</div>
<div>
<div class="entry">
<b>«Мёртвая детка»</b><br>
Пациент-ребенок, про которого знают старожилы из персонала. Последняя жертва полиомиелита (девочка). Не имеет звука или образа, работает как аномалия.
<br><br>
В одной и той же палате, если на определённой койке нет пациента и монитор отключен, <i>с 03:19</i> ночи монитор включается сам собой и выдаёт линию пульса, пока его не выключишь. Если монитор выключают больше двух раз, на пейджер дежурной сестры приходит сообщение
<br><br><span style="opacity:.75 !important;">«Я ещё жива»</span><br><br>
Аномалия «выключается» сама собой с рассветом.
</div>
<div class="meta"><b>фиксируется:</b> монитор/пейджер • <b>активность:</b> ночь, 03:19 • <b>триггер:</b> пустая койка</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">hot</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>128</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">oldshift_nurse</span><span class="cTime">• 2y</span></div>
<div class="cText">Извините, но мониторы не “включаются сами”. Они либо от батареи встают после просадки сети, либо кто-то трогает кнопку/сенсор.
…НО. Пейджер с “Я ещё жива” — вот это уже интереснее. Если это реально приходит как текст, то оно должно откуда-то отправляться. Я бы посмотрел лог пейджинговой системы/шлюза. Или, если это старый внутренний сервис, мог быть сохранён шаблон сообщения, который кто-то случайно триггерит.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
<div class="cReply">
<div class="cTop"><span class="cUser">paramedic_ash</span><span class="cTime">• 2y</span></div>
<div class="cText">Я бы уволился после первого “Я ещё жива”, честно.</div>
</div>
</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>74</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">glass_reflection</span><span class="cTime">• 9mo</span></div>
<div class="cText">Если "не имеет образа", то почему персонал уверен, что это девочка?</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="story" data-s="gurneys">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/tgLk3Mcg/image.png" alt="">
<div class="cap">каталки</div>
</div>
<div>
<div class="entry">
<b>Каталки без пациентов</b><br>
Инвалидные кресла и каталки без пациентов, сами собой движущиеся в коридоре одного из этажей (например, в отделении хирургии или в морге/на парковке)
</div>
<div class="meta"><b>фиксируется:</b> камеры/свидетели • <b>активность:</b> поздний вечер/ночь</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">new</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>31</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">orderly_floor3</span><span class="cTime">• 4mo</span></div>
<div class="cText">текст</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="story" data-s="doors">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/fbXmNT8P/image.png" alt="">
<div class="cap">двери скорой</div>
</div>
<div>
<div class="entry">
сами собой открывающиеся/закрывающиеся двери в отделение скорой (в темное время суток)
</div>
<div class="meta"><b>фиксируется:</b> камеры/свидетели • <b>активность:</b> поздний вечер/ночь</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">hot</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>22</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">security_log</span><span class="cTime">• 1y</span></div>
<div class="cText">ТЕКСТ</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="story" data-s="shadows">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/MZcM2GXD/image.png" alt="">
<div class="cap">тени</div>
</div>
<div>
<div class="entry">
неоднократно зафиксированные камерами видеонаблюдения "тенеподобные" явления, не привязанные к конкретному отделению
</div>
<div class="meta"><b>фиксируется:</b> видео • <b>активность:</b> поздняя ночь</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">new</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>47</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">camtech</span><span class="cTime">• 7mo</span></div>
<div class="cText">тексст</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="story" data-s="reflect">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/PJkkRKP6/image.png" alt="">
<div class="cap">врач умерший</div>
</div>
<div>
<div class="entry">
можно добавить выгоревшего на работе и поймавшего сердечный приступ врача. Его можно увидеть в отражениях в стекле/зеркалах в любое время суток в разных точках больницы, но ни звука, ни действий он не совершает. Не фиксируется на фото/видео
</div>
<div class="meta"><b>фиксация:</b> глазами • <b>запись:</b> нет</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">hot</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>58</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">nightintern</span><span class="cTime">• 5mo</span></div>
<div class="cText">ТЕКСТ</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pPark" class="panel">
<div class="pTitle">Парк развлечений</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#p_wheel">чёртово колесо</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="wheel">
<div class="storyBox">
<div class="illus">
<img src="https://i.postimg.cc/W100R1WW/image.png" alt="">
<div class="cap">чёртово колесо</div>
</div>
<div>
<div class="entry">
<b>Чёртово колесо</b><br>
Известная городская легенда про школьника, повесившегося в межсезонье на одной из люлек. <br><br>Парня травили в школе футболисты, так что призрак «достаёт» спортсменов-старшеклассников, если они поодиночке садятся в люльку чёртова колеса в темное время суток <span style="opacity:.75 !important;">(раскачивает люльку, шепчет что-то, выстуживает воздух в люльке, может оставить синяки и царапины, если, например, начать его оскорблять)</span>. <br><br>Если в люльке больше одного человека или парень с девушкой — призрак никого не трогает и никак себя не проявляет
</div>
<div class="meta"><b>условие:</b> один человек • <b>исключение:</b> пара/группа • <b>эффект:</b> холод/шёпот/следы на теле</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">new</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>39</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">athleticdept</span><span class="cTime">• 3mo</span></div>
<div class="cText">У нас это не легенда. Смешно, но все местные это знают. И угадайте кто всё равно лезет? Футболисты. Им прям надо доказать, что они бессмертные.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>25</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">ItsAlwaysTheCoach</span><span class="cTime">• 3mo</span></div>
<div class="cText">Если парень травил именно футболистов, то я бы смотрела шире: не только игроков, но и тренера.
Потому что если взрослый видел и молчал — это еще хуже.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
<div class="cVote"><div>▲</div><div>12</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">UrbanLegendArchivist</span><span class="cTime">• 1mo</span></div>
<div class="cText">В старых версиях этой легенды парень не повесился, а его нашли — и дальше куча противоречий.
Я бы покопал местную газету за тот год: в таких историях всегда есть сдвиг дат. Межсезонье звучит как попытка спрятать правду, потому что парк официально закрыт, и камеры не работают и охранник один.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pPrison" class="panel">
<div class="pTitle">Тюрьма</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#pr_nurse">мёртвая медсестра</a>
<a class="sideLink" href="#pr_riot">убитый во время бунта</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="nurse">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=PRISON+NURSE" alt="">
<div class="cap">мёртвая медсестра</div>
</div>
<div>
<div class="entry"><b>Мёртвая медсестра</b><br>Есть в админке.</div>
<div class="meta">статус: архив</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">hot</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>64</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">warden_notes</span><span class="cTime">• 1y</span></div>
<div class="cText">Иногда кажется, что она не место держит, а людей. Как якорь.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="story" data-s="riot">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=PRISON+RIOT" alt="">
<div class="cap">бунт</div>
</div>
<div>
<div class="entry">
<b>Убитый во время бунта</b><br>
Стучит по решёткам, швыряет рулоны бумаги, может поджечь или раскидать вещи. У одного из призраков есть мемориальная табличка с фото — можно опознать по записи.
</div>
<div class="meta">фиксация: частичная • триггер: одиночные обходы • маркер: табличка</div>
<div class="thread">
<div class="threadHead">
<div class="threadTitle">Комментарии</div>
<div class="sort">new</div>
</div>
<div class="c">
<div class="cVote"><div>▲</div><div>28</div><div>▼</div></div>
<div class="cBody">
<div class="cTop"><span class="cUser">shift_b3</span><span class="cTime">• 6mo</span></div>
<div class="cText">Если его можно “поймать” и опознать — значит, форма существует хотя бы секунды.</div>
<div class="cActions"><span>reply</span><span>share</span><span>save</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pFort" class="panel">
<div class="pTitle">Форт</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#f_fire">солдаты пожара</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="fire">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=FORT+FIRE" alt="">
<div class="cap">солдаты пожара</div>
</div>
<div>
<div class="entry">
<b>Солдаты пожара</b><br>
Десяток солдат, погибших при пожаре: голоса, постукивания, обрывки диалогов, внезапные крики. Можно фиксировать на фото/видео/аудио.
</div>
<div class="meta">фиксируется: да • плотность феномена: высокая</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pRoads" class="panel">
<div class="pTitle">Дороги / окраины</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#r_pine">старая сосна</a>
<a class="sideLink" href="#r_deer">мёртвый олень</a>
<a class="sideLink" href="#r_bodiless">бестелесный</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="pine">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=OLD+PINE" alt="">
<div class="cap">старая сосна</div>
</div>
<div>
<div class="entry">
<b>Старая сосна</b><br>
Мёртвое, выжженное молнией дерево, частично полое. Если прийти в полночь и спрятаться внутри — можно увидеть “процессию”. Выйдешь — видение пропадёт.
</div>
<div class="meta">условие: полночь • механика: укрытие</div>
</div>
</div>
</div>
<div class="story" data-s="deer">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=DEAD+DEER" alt="">
<div class="cap">мёртвый олень</div>
</div>
<div>
<div class="entry">
<b>«Мёртвый олень»</b><br>
Изувеченное животное с рогами и горящими жёлтыми глазами. Контактно: бросается под колёса или в лобовое стекло. Следов крови/шерсти не остаётся.
</div>
<div class="meta">тип: контактный • следы: отсутствуют</div>
</div>
</div>
</div>
<div class="story" data-s="bodiless">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=BODILESS" alt="">
<div class="cap">бестелесный</div>
</div>
<div>
<div class="entry">
<b>«Бестелесный»</b><br>
Огоньки, стоны, запахи, холодные пальцы на коже. Его потрогать нельзя. Фиксируется только на аудио.
</div>
<div class="meta">тип: сенсорный • запись: звук</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pCemetery" class="panel">
<div class="pTitle">Кладбище</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#c_bride">невеста / вдова</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="bride">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=VEIL" alt="">
<div class="cap">невеста</div>
</div>
<div>
<div class="entry">
<b>Невеста / вдова</b><br>
Платье меняет цвет (чёрное ↔ белое). Лицо под вуалью: каждый видит своё. Облик отражает состояние смотрящего. Физически контактна, может душить.
</div>
<div class="entry">Контрмера по слухам: спрятаться в конкретном склепе или “обнять раньше, чем она дотянется”.</div>
<div class="meta">механика: страх-зеркало • ставка: высокая</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="pFactory" class="panel">
<div class="pTitle">Завод</div>
<div class="grid">
<aside class="side">
<div class="pTitle">истории</div>
<div class="sideList">
<a class="sideLink" href="#fa_curse">проклятие</a>
</div>
<div class="sideMeta">выбери историю</div>
</aside>
<div class="main">
<div class="story" data-s="curse">
<div class="storyBox">
<div class="illus">
<img src="https://via.placeholder.com/900x600.png?text=FACTORY" alt="">
<div class="cap">проклятие</div>
</div>
<div>
<div class="entry">
<b>Проклятая территория</b><br>
Несчастные случаи, исчезновения, запахи гари, “шумы” в воде и трубах. Можно усилить как центральный узел городской мистики.
</div>
<div class="meta">статус: в разработке</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="head">
<div class="title">ГОРОДСКИЕ ЛЕГЕНДЫ</div>
<div class="sub">архив аномалий • слухи</div>
<div class="rule"></div>
<div class="nav">
<a class="tag" href="#hospital"><span class="icon"></span><span class="hash">#</span><span class="name">больница</span><span class="badge">hot</span></a>
<a class="tag" href="#park"><span class="icon"></span><span class="hash">#</span><span class="name">парк</span><span class="count">39</span></a>
<a class="tag" href="#prison"><span class="icon"></span><span class="hash">#</span><span class="name">тюрьма</span><span class="count">74</span><span class="badge">closed</span></a>
<a class="tag" href="#fort"><span class="icon"></span><span class="hash">#</span><span class="name">форт</span><span class="count">18</span><span class="badge">new</span></a>
<a class="tag" href="#roads"><span class="icon"></span><span class="hash">#</span><span class="name">дороги</span><span class="count">56</span></a>
<a class="tag" href="#cemetery"><span class="icon"></span><span class="hash">#</span><span class="name">кладбище</span><span class="count">91</span></a>
<a class="tag" href="#factory"><span class="icon"></span><span class="hash">#</span><span class="name">завод</span><span class="count">12</span><span class="badge">new</span></a>
</div>
<div class="hint">мяу <span style="opacity:.75 !important;">тутутутуту</span></div></html>
</div>
</div>
</div>
[/html]
