diff --git a/index.html b/index.html
index 2de7d21..fbe5b7d 100644
--- a/index.html
+++ b/index.html
@@ -66,7 +66,6 @@
}
/* Both canvas and overlay will share these sizing rules and grid placement */
- #canvas,
#loading-gif-overlay {
grid-column: 1 / -1;
grid-row: 1 / -1;
@@ -80,9 +79,13 @@
}
#canvas {
+ display: none !important;
+ grid-column: 1 / -1;
+ grid-row: 1 / -1;
background-color: #000000;
border: none;
z-index: 1; /* Canvas is below the loading overlay */
+ outline: none;
}
#loading-gif-overlay {
@@ -735,6 +738,40 @@
+
+
@@ -1009,7 +1046,6 @@
mainContainer.style.display = 'none';
canvasWrapper.style.display = 'grid';
- emscriptenCanvas.style.display = 'block';
document.documentElement.style.overflow = 'hidden';
document.documentElement.style.overscrollBehavior = 'none';
@@ -1026,6 +1062,7 @@
// Intro animation is ready
if (event.detail.objectName == 'Lego_Smk' && event.detail.tickleState == 1) {
loadingGifOverlay.style.display = 'none';
+ emscriptenCanvas.style.setProperty('display', 'block', 'important');
}
else if (progressUpdates < 1003) {
progressUpdates++;