updates

src/assets/base.css

@@ -67,7 +67,6 @@
 body {
   min-height: 100dvh;
   color: var(--color-text);
-  background: var(--main-back-color);
   transition:
     color 0.5s,
     background-color 0.5s;

src/components/GameWindow.vue

@@ -211,7 +211,6 @@ onMounted(() => {
   <div class="body-custom">
 
     <div class="game-header">
-      <div class="game-header-empty-block"></div>
       <img alt="Вечерний детектив" class="logo" src="@/assets/logo_belt.png" />
       <BeltMiniBlock class="game-header-belt-mini">
       </BeltMiniBlock>
@@ -300,7 +299,6 @@ onMounted(() => {
 <style scoped>
 body {
   overflow: hidden;
-  background-color: gray;
 }
 
 @font-face {
@@ -314,13 +312,13 @@ body {
 
 .body-custom {
   font-size: medium;
+  height: calc(100vh - 100px);
   background-color: gray;
-  height: 100vh;
 }
 
 .form-custom {
   position: fixed;
-  bottom: 10px;
+  bottom: 0;
   left: 0;
   width: 100%;
   color: white;
@@ -376,7 +374,7 @@ body {
 
 .messages-block {
   top: 95px;
-  height: calc(100dvh - 95px - 90px + 5px);
+  height: calc(100dvh - 100px - 76px);
   overflow-y: auto;
   scrollbar-width: none;
   position: relative;
@@ -442,15 +440,11 @@ body {
 .game-header {
   height: 100px;
   position: fixed;
-  top: 0;
+  top: 5px;
   left: 0;
   width: 100%;
   color: white;
-  z-index: 1000;
-}
-
-.game-header-empty-block {
-  height: 5px;
+  z-index: 2000;
 }
 
 .game-header-belt-mini {