Recently techniques I've used to target Outlook.com and Office365 have stopped working, namely using [owa] and -webkit-min-device-pixel-ratio to selectively deliver CSS and <!--[if !mso]><!-- --> to block content from Outlook. Has anyone else experience this issue or have a fix?

<html>
<head>
<style type="text/css">
[owa] .fallback {
color: #004991;
font-size: 100px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.fallback {
display:none !important;
}
.interactive {
display: inline!important;
color: #B60000;
font-size: 100px;
}
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="fallback">I am NOT Webkit</td>
</tr>
<!--[if !mso]><!-- -->
<tr>
<td style="display:none;" class="interactive">I am Webkit</td>
</tr>
<!--<![endif]-->
</table>
</body>
</html>

| Browser | Works? |
|--|--|
| Office 365 Chrome Win | No |
| Office 365 Firefox Win | No |
| Office 365 IE11 Win | Yes |
| Outlook.com Chrome OSX | No |
| Outlook.com Chrome Win | No |
| Outlook.com Firefox OSX | No |
| Outlook.com Firefox Win | No |
| Outlook.com IE11 | Yes |
| Outlook.com Safari OSX | No |