shadow

css/classic.css

@@ -85,12 +85,12 @@
 .ghost.mino {
     margin: 1px;
     background: rgba(0, 0, 0, 10%) !important;
-    border: 3px solid #646464 !important;
+    border: 3px solid #FFF4 !important;
     box-shadow:
-        -2px -2px 6px rgba(128, 128, 128, 25%),
-        -2px  2px 6px rgba(128, 128, 128, 25%),
-         2px -2px 6px rgba(128, 128, 128, 25%),
-         2px  2px 6px rgba(128, 128, 128, 25%);
+        -2px -2px 6px #FFF2,
+        -2px  2px 6px #FFF2,
+         2px -2px 6px #FFF2,
+         2px  2px 6px #FFF2;
 }
 
 .moving.mino {
@@ -100,20 +100,20 @@
 .locking.mino {
     filter: saturate(50%) brightness(200%);
     box-shadow:
-        -1px -1px 4px rgba(128, 128, 128, 25%),
-        -1px  1px 4px rgba(128, 128, 128, 25%),
-         1px -1px 4px rgba(128, 128, 128, 25%),
-         1px  1px 4px rgba(128, 128, 128, 25%);
+        -1px -1px 4px #FFF2,
+        -1px  1px 4px #FFF2,
+         1px -1px 4px #FFF2,
+         1px  1px 4px #FFF2;
 }
 
 @keyframes locked-animation {
     from {
         filter: saturate(50%) brightness(400%);
         box-shadow:
-            -1px -1px 4px rgba(255, 255, 255, 25%),
-            -1px  1px 4px rgba(255, 255, 255, 25%),
-             1px -1px 4px rgba(255, 255, 255, 25%),
-             1px  1px 4px rgba(255, 255, 255, 25%);
+            -1px -1px 4px #FFF2,
+            -1px  1px 4px #FFF2,
+             1px -1px 4px #FFF2,
+             1px  1px 4px #FFF2;
     }
 }
 

index.html

@@ -86,7 +86,7 @@
 
       <div id="screenRow" class="row row-cols-auto align-items-start gap-2">
         <div class="col d-flex flex-column align-items-end">
-          <div class="card mb-4 w-100">
+          <div class="card shadow mb-4 w-100">
             <div class="card-header fw-bold text-uppercase text-center">Hold</div>
             <div class="card-body p-0">
               <table id="holdTable" class="minoes-table m-auto">

js/app.js

@@ -260,5 +260,5 @@ window.onbeforeunload = function(event) {
 
 
 if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('service-worker.js');
+    navigator.serviceWorker.register('js/service-worker.js');
 }

js/service-worker.js

@@ -16,7 +16,7 @@ Copyright 2015, 2019, 2020 Google LLC. All Rights Reserved.
 const OFFLINE_VERSION = 1;
 const CACHE_NAME = "offline";
 // Customize this with a different URL if needed.
-const OFFLINE_URL = "index.html";
+const OFFLINE_URL = "../index.html";
 
 self.addEventListener("install", (event) => {
   event.waitUntil(