[html]<style>
.zfcb{font-family:Arial,sans-serif;color:#dceff1;background:#050b0e;border:1px solid #19cdb9;max-width:1050px;margin:auto;overflow:hidden;position:relative}.zfcb *{box-sizing:border-box}.zfcb-h{padding:24px;background:linear-gradient(100deg,#0a2b2d,#071116 62%,#210d27);border-bottom:1px solid #19cdb9}.zfcb-code{font:700 10px monospace;letter-spacing:3px;color:#62ffe0}.zfcb-title{font-size:29px;font-weight:900;letter-spacing:2px;margin:7px 0}.zfcb-sub{font:12px monospace;color:#7ca9aa}.zfcb-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#19494d}.zfcb-step{padding:13px;background:#081519;font-size:12px;line-height:1.45;color:#a8c5c5}.zfcb-step b{display:block;color:#3ce3cb;font:700 10px monospace;margin-bottom:5px}.zfcb-board{padding:20px}.zfcb-bar{display:flex;justify-content:space-between;color:#55efd8;font:700 10px monospace;letter-spacing:2px;margin-bottom:12px}.zfcb-card{display:grid;grid-template-columns:155px 1fr 195px;border:1px solid #1c4b50;background:linear-gradient(90deg,#0b1a1f,#071015);min-height:215px;box-shadow:0 0 25px #00d9c414}.zfcb-art{background:url('https://forumstatic.ru/files/001c/a7/f2/49979.png') center 18%/cover no-repeat;position:relative;border-right:1px solid #1c4b50}.zfcb-art:after{content:'VIKTOR CRANE // VERIFIED';position:absolute;left:0;right:0;bottom:0;padding:8px;background:#02090ddd;color:#66ffe6;font:700 8px monospace;letter-spacing:1px}.zfcb-info{padding:18px}.zfcb-meta{color:#ff59b6;font:700 10px monospace;letter-spacing:1px}.zfcb-name{font-size:22px;font-weight:900;margin:7px 0;color:#fff}.zfcb-desc{font-size:13px;line-height:1.6;color:#aac4c6;max-width:570px}.zfcb-tag{display:inline-block;border:1px solid #285b60;color:#62d9cf;padding:5px 8px;margin:10px 5px 0 0;font:9px monospace}.zfcb-side{padding:16px;border-left:1px solid #1c4b50;display:flex;flex-direction:column;justify-content:space-between}.zfcb-client{font:10px monospace;color:#8eb2b3;line-height:1.6}.zfcb-price{font:700 17px monospace;color:#aaff4d;margin-top:7px}.zfcb-call,.zfcb-btn{border:1px solid #ff42a8;background:#ff42a812;color:#ff9bd2;padding:11px 9px;font:700 10px monospace;letter-spacing:1px;cursor:pointer}.zfcb-call:hover,.zfcb-btn:hover{background:#ff42a82b;color:#fff}.zfcb-foot{padding:12px 20px;border-top:1px solid #1c4b50;color:#4d8488;font:10px monospace;display:flex;justify-content:space-between}.zfcb-modal{position:fixed;z-index:999999;inset:0;background:#010507e8;display:none;align-items:center;justify-content:center;padding:16px}.zfcb-modal.on{display:flex}.zfcb-commlink{width:min(720px,96vw);border:1px solid #26ead2;background:linear-gradient(145deg,#07171b,#05090d 65%,#1d0b24);box-shadow:0 0 50px #00e5ce30;position:relative;overflow:hidden}.zfcb-commlink:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#00ffd908 50%);background-size:100% 4px;pointer-events:none}.zfcb-top{padding:10px 15px;border-bottom:1px solid #1b575a;display:flex;justify-content:space-between;color:#63ffe6;font:700 9px monospace;letter-spacing:2px}.zfcb-callbody{display:grid;grid-template-columns:190px 1fr;min-height:270px}.zfcb-portrait{background:url('https://forumstatic.ru/files/001c/a7/f2/49979.png') center 18%/cover no-repeat;border-right:1px solid #1b575a}.zfcb-dialog{padding:24px;display:flex;flex-direction:column;justify-content:center}.zfcb-signal{font:700 10px monospace;color:#ff57b4;letter-spacing:2px}.zfcb-who{font-size:26px;font-weight:900;margin:8px 0 3px}.zfcb-role{font:10px monospace;color:#78a6aa}.zfcb-wave{height:42px;margin:18px 0;display:flex;align-items:center;gap:4px;overflow:hidden}.zfcb-wave i{display:block;width:3px;height:calc(var(--h)*1%);min-height:5px;background:linear-gradient(#9cff4d,#1ce8d3 55%,#ff45ad);box-shadow:0 0 7px #22e9d0;transform:scaleY(.24);opacity:.45;animation:zfcbTalk .58s ease-in-out infinite alternate;animation-delay:calc(var(--d)*-1ms);animation-play-state:paused}.zfcb-wave.playing i{animation-play-state:running;opacity:.95}@keyframes zfcbTalk{0%{transform:scaleY(.18);filter:hue-rotate(0deg)}35%{transform:scaleY(.62)}70%{transform:scaleY(1)}100%{transform:scaleY(.35);filter:hue-rotate(28deg)}}.zfcb-status{font:11px monospace;color:#a4c6c7;min-height:30px}.zfcb-actions{display:flex;gap:8px;flex-wrap:wrap}.zfcb-btn.alt{border-color:#35636a;color:#8eb8bc;background:#102126}.zfcb-btn.end{border-color:#9cff45;color:#baff7a;background:#9cff4510}.zfcb-play-actions{display:none}.zfcb-play-actions.on{display:flex}.zfcb-in-actions.off{display:none}@media(max-width:700px){.zfcb-guide{grid-template-columns:1fr}.zfcb-card{grid-template-columns:105px 1fr}.zfcb-side{grid-column:1/-1;border-left:0;border-top:1px solid #1c4b50;gap:12px}.zfcb-callbody{grid-template-columns:110px 1fr}.zfcb-dialog{padding:17px}.zfcb-who{font-size:20px}}
</style>
<div class="zfcb">
<div class="zfcb-h"><div class="zfcb-code">SHADOWLAND ACCESS NODE // SEATTLE</div><div class="zfcb-title">ДОСКА КОНТРАКТОВ</div><div class="zfcb-sub">проверенные заказы · работа для раннеров · защищённая связь</div></div>
<div class="zfcb-guide"><div class="zfcb-step"><b>01 // ВЫБЕРИТЕ ЗАКАЗ</b>Оцените район, риск, срок и награду.</div><div class="zfcb-step"><b>02 // ПРИМИТЕ КОНТРАКТ</b>Коммлинк установит входящее соединение.</div><div class="zfcb-step"><b>03 // ПРОСЛУШАЙТЕ БРИФИНГ</b>Закрытые детали передаются голосом.</div></div>
<div class="zfcb-board"><div class="zfcb-bar"><span>АКТИВНЫЕ КОНТРАКТЫ // 01</span><span>COMMLINK // ONLINE</span></div>
<div class="zfcb-card" data-contract="CTR-001"><div class="zfcb-art"></div><div class="zfcb-info"><div class="zfcb-meta">CTR-001 // ВОЗВРАТ АКТИВА</div><div class="zfcb-name">УТЕРЯННЫЙ ПРОТОКОЛ</div><div class="zfcb-desc">В Красной зоне обнаружен след угнанного корпоративного грузовика. Заказчику требуется вернуть защищённый носитель с документацией. Остальной груз вторичен. Точные координаты и дополнительные условия передаются по защищённому каналу.</div><span class="zfcb-tag">РАЙОН // КРАСНАЯ ЗОНА</span><span class="zfcb-tag">РИСК // СРЕДНИЙ+</span><span class="zfcb-tag">СРОК // 72 ЧАСА</span></div><div class="zfcb-side"><div><div class="zfcb-client">ЗАКАЗЧИК<br><b>ВИКТОР КРЕЙН</b><br>КОРПОРАТИВНЫЙ СЕКТОР</div><div class="zfcb-price">12 000 ¥ // КОМАНДА</div></div><button class="zfcb-call">ПРИНЯТЬ КОНТРАКТ</button></div></div></div>
<div class="zfcb-foot"><span>ZERO FRAME CONTRACT NETWORK</span><span>CHANNEL // ENCRYPTED</span></div></div>
<div class="zfcb-modal" aria-hidden="true"><div class="zfcb-commlink"><div class="zfcb-top"><span>COMMLINK // INCOMING</span><span>CTR-001</span></div><div class="zfcb-callbody"><div class="zfcb-portrait"></div><div class="zfcb-dialog"><div class="zfcb-signal">ЗАЩИЩЁННЫЙ ВЫЗОВ</div><div class="zfcb-who">ВИКТОР КРЕЙН</div><div class="zfcb-role">CORPORATE CONTACT // VERIFIED</div><div class="zfcb-wave" aria-label="Индикатор голосового сигнала"><i style="--h:38;--d:0"></i><i style="--h:72;--d:37"></i><i style="--h:48;--d:74"></i><i style="--h:92;--d:111"></i><i style="--h:58;--d:148"></i><i style="--h:80;--d:185"></i><i style="--h:34;--d:222"></i><i style="--h:68;--d:259"></i><i style="--h:98;--d:296"></i><i style="--h:44;--d:333"></i><i style="--h:76;--d:370"></i><i style="--h:56;--d:407"></i><i style="--h:88;--d:444"></i><i style="--h:36;--d:481"></i><i style="--h:64;--d:518"></i><i style="--h:94;--d:555"></i><i style="--h:52;--d:592"></i><i style="--h:82;--d:629"></i><i style="--h:42;--d:666"></i><i style="--h:70;--d:703"></i><i style="--h:100;--d:740"></i><i style="--h:48;--d:777"></i><i style="--h:78;--d:814"></i><i style="--h:58;--d:851"></i></div><div class="zfcb-status">ВХОДЯЩИЙ СИГНАЛ…</div><div class="zfcb-actions zfcb-in-actions"><button class="zfcb-btn zfcb-answer">ПРИНЯТЬ ВЫЗОВ</button><button class="zfcb-btn alt zfcb-decline">ОТКЛОНИТЬ</button></div><div class="zfcb-actions zfcb-play-actions"><button class="zfcb-btn zfcb-replay">ПРОСЛУШАТЬ ЕЩЁ РАЗ</button><button class="zfcb-btn end zfcb-end">ЗАВЕРШИТЬ ВЫЗОВ</button></div></div></div></div></div>
<audio class="zfcb-ring" preload="auto" src="https://forumstatic.ru/files/001c/a7/f2/27096.mp3"></audio><audio class="zfcb-brief" preload="auto" src="https://forumstatic.ru/files/001c/a7/f2/11224.mp3"></audio>
<script>(function(){var root=document.querySelector('.zfcb'),modal=document.querySelector('.zfcb-modal'),ring=document.querySelector('.zfcb-ring'),brief=document.querySelector('.zfcb-brief'),status=document.querySelector('.zfcb-status'),incoming=document.querySelector('.zfcb-in-actions'),finished=document.querySelector('.zfcb-play-actions'),wave=document.querySelector('.zfcb-wave');function stop(a){a.pause();a.currentTime=0}function closeCall(){stop(ring);stop(brief);wave.classList.remove('playing');modal.classList.remove('on');modal.setAttribute('aria-hidden','true');incoming.classList.remove('off');finished.classList.remove('on');status.textContent='ВХОДЯЩИЙ СИГНАЛ…'}root.querySelector('.zfcb-call').onclick=function(){modal.classList.add('on');modal.setAttribute('aria-hidden','false');ring.loop=true;ring.currentTime=0;ring.play().catch(function(){status.textContent='НАЖМИТЕ «ПРИНЯТЬ ВЫЗОВ»'})};modal.querySelector('.zfcb-answer').onclick=function(){stop(ring);incoming.classList.add('off');status.textContent='КАНАЛ ОТКРЫТ // ВОСПРОИЗВЕДЕНИЕ БРИФИНГА';wave.classList.add('playing');brief.currentTime=0;brief.play().catch(function(){status.textContent='АУДИО НЕДОСТУПНО // ПОВТОРИТЕ'})};modal.querySelector('.zfcb-decline').onclick=closeCall;modal.querySelector('.zfcb-end').onclick=closeCall;modal.querySelector('.zfcb-replay').onclick=function(){finished.classList.remove('on');status.textContent='КАНАЛ ОТКРЫТ // ПОВТОР БРИФИНГА';wave.classList.add('playing');brief.currentTime=0;brief.play()};brief.onended=function(){wave.classList.remove('playing');status.textContent='СООБЩЕНИЕ ЗАВЕРШЕНО // КАНАЛ ОЖИДАЕТ';finished.classList.add('on')};document.addEventListener('keydown',function(e){if(e.key==='Escape'&&modal.classList.contains('on'))closeCall()})})();</script>[/html]