diff --git a/webconsole/style.css b/webconsole/style.css
index 5f0621ee..b72b7bd6 100644
--- a/webconsole/style.css
+++ b/webconsole/style.css
@@ -102,8 +102,6 @@ body {
 	font: 14pt var(--bodyfont);
 	color: var(--ink);
 	background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(32,0,32,.1), rgba(0,0,0,.1));
-	background: linear-gradient(135deg, #000, #101, #000), linear-gradient(45deg, #000, #101, #000);
-	background-blend-mode: screen;
 }
 
 .wrapper {
@@ -1484,6 +1482,18 @@ input[type=checkbox]:checked + label::after {
 	}
 }
 
+@supports (background-blend-mode: screen) {
+	body {
+		background: linear-gradient(135deg, #000, #202, #000), linear-gradient(45deg, #000, #202, #000);
+		background-blend-mode: screen;
+	}
+	@media screen and (min-width: 1400px) {
+		body {
+			background: repeating-linear-gradient(to bottom, #000 2px, #101 4px), linear-gradient(135deg, #000, #180018, #000), linear-gradient(45deg, #000, #180018, #000);
+		}
+	}
+}
+
 /* enable for screenshots */
 /*
 .hop, .host, a[href*="b32"] {