From 9b87b31657c882f7580d66294ef09c0089b2393f Mon Sep 17 00:00:00 2001
From: nosamu <71368227+n0samu@users.noreply.github.com>
Date: Mon, 24 Apr 2023 04:23:05 -0500
Subject: [PATCH] web: Don't inherit page CSS

---
 web/packages/core/src/shadow-template.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/packages/core/src/shadow-template.ts b/web/packages/core/src/shadow-template.ts
index 283497dc6..5a8aa098d 100644
--- a/web/packages/core/src/shadow-template.ts
+++ b/web/packages/core/src/shadow-template.ts
@@ -6,6 +6,8 @@ export const ruffleShadowTemplate = document.createElement("template");
 ruffleShadowTemplate.innerHTML = `
     <style>
         :host {
+            all: initial;
+
             --ruffle-blue: #37528c;
             --ruffle-orange: #ffad33;
 
@@ -20,7 +22,6 @@ ruffleShadowTemplate.innerHTML = `
             user-select: none;
             -webkit-user-select: none;
             -webkit-tap-highlight-color: transparent;
-            line-height: normal;
         }
 
         /* Ruffle's width/height CSS interferes with Safari's fullscreen CSS. */