.panel,.incident{
  box-shadow:6px 6px 0 var(--ink),1px 0 0 rgba(255,46,136,.16),-1px 0 0 rgba(0,229,255,.14);
}
.panel:hover{
  box-shadow:9px 9px 0 var(--ink),1px 0 0 rgba(255,46,136,.16),-1px 0 0 rgba(0,229,255,.14);
}
.panel.is-unwatched{box-shadow:none;}

.panel::before,.incident::before{
  background-image:
    radial-gradient(14px 14px at 0 0,rgba(11,10,16,.5),transparent 72%),
    radial-gradient(14px 14px at 100% 0,rgba(11,10,16,.5),transparent 72%),
    radial-gradient(16px 16px at 0 100%,rgba(11,10,16,.5),transparent 72%),
    radial-gradient(16px 16px at 100% 100%,rgba(11,10,16,.5),transparent 72%),
    radial-gradient(var(--void-dot) 1px,transparent 1.4px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,4px 4px;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;
}

.wrap::before,.wrap::after{
  content:"";position:absolute;width:104px;height:104px;pointer-events:none;z-index:0;
  opacity:.07;
  background-repeat:no-repeat;background-size:100% 100%;
}
.wrap::before{
  top:6px;left:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%239C8FB5' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M0 0 L100 62 M0 0 L78 100 M0 0 L44 100 M0 0 L100 30 M0 0 L14 100 M0 0 L100 96'/%3E%3Cpath d='M22 6 Q16 16 7 22'/%3E%3Cpath d='M44 12 Q32 32 13 44'/%3E%3Cpath d='M68 20 Q49 50 20 68'/%3E%3Cpath d='M92 30 Q66 68 29 92'/%3E%3C/g%3E%3C/svg%3E");
}
.wrap::after{
  bottom:26px;right:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%239C8FB5' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M100 100 L0 38 M100 100 L22 0 M100 100 L56 0 M100 100 L0 70 M100 100 L86 0 M100 100 L0 4'/%3E%3Cpath d='M78 94 Q84 84 93 78'/%3E%3Cpath d='M56 88 Q68 68 87 56'/%3E%3Cpath d='M32 80 Q51 50 80 32'/%3E%3Cpath d='M8 70 Q34 32 71 8'/%3E%3C/g%3E%3C/svg%3E");
}
@media(max-width:767px){.wrap::before,.wrap::after{display:none;}}