-leaderboard scores

- will not work over 1000 points

timer.css

@@ -61,7 +61,7 @@ p {
 
 .mainHeart {
   max-height: 100vh;
-  max-width: 75vw;
+  max-width: 72vw;
  }
 
  #SecondHeart {
@@ -112,9 +112,9 @@ p {
 }
 
 #InfoBox3 {
-  width: 110%;
+  width: 142%;
   position: relative;
-  transform: translate(88%, 25%) scale(1, 1);
+  transform: translate(65%, 10%) scale(1, 1);
   border-radius: 3cqh;
   border: .4cqh solid;
   border-color: #00A0F3;
@@ -191,19 +191,41 @@ p {
 }
 
 .giftUserWrap {
-  transform: translate(11%, -8%) scale(1, 1);
+  transform: translate(9%, -8%) scale(1, 1);
 }
 
 .giftUserRow {
   width: 100%;
   display: grid;
-  grid-template-columns: 8% 1fr;
+  grid-template-columns: 2ch 14ch 5ch;
   grid-template-rows: 1fr;
   text-wrap: nowrap;
   overflow: hidden;
   text-align: center;
 }
 
+.giftUserNum {
+  border-right: 1.5px solid #00A0F3;
+  border-image: linear-gradient(to top, 
+    transparent 0%,
+    transparent 5%,
+    #00A0F3 35%,
+    #00A0F3 65%, 
+    transparent 95%) 1;
+}
+
+.giftUserScore {
+  border-left: 1.5px solid #00A0F3;
+  border-image: linear-gradient(to top, 
+    transparent 0%,
+    transparent 5%,
+    #00A0F3 40%,
+    #00A0F3 60%, 
+    transparent 95%) 1;
+  text-align: right;
+  padding-right: .25ch;
+}
+
 .giftUserName {
   width: fit-content;
   margin-left: 0%;
@@ -254,19 +276,36 @@ p {
 }
 
 .rightFadeWrap {
+  /*
   mask-image: linear-gradient(to right, black 75%, transparent 90%);
+  */
 }
 
-#RightFadeWrapInfoBox3 {
-
+#RightFadeWrapInfoBox2 {
+  width: 90%;
+  border-left: 1.5px solid #00A0F3;
+  border-right: 1.5px solid #00A0F3;
+  border-image: linear-gradient(to top, 
+    transparent 0%,
+    transparent 5%,
+    #00A0F3 40%,
+    #00A0F3 60%, 
+    transparent 95%) 1;
+  transform: translate(1ch, 0%) scale(1);
 }
 
 .fadeLeft {
-  mask-image: linear-gradient(to right, transparent 0%, black 1ch);
+  mask-image: linear-gradient(to right, 
+    transparent 0%, 
+    black 1ch, 
+    black calc(100% - 2ch), 
+    transparent 100%);
 }
 
 #ScrollWrapGoal {
-  transform: translate(1ch, 0%) scale(1);
+  /*
+  width: 90%;
+  */
 }
 
 .scrollWrapName {