update game ui

src/components/IntroBlock.vue

@@ -50,7 +50,7 @@ const removeAudio = () => {
   <!-- Просмотр вступления командой (первый лист дела) -->
   <div v-if="mode == 'show'">
     <MessagePaper>
-      <div class="intro-title font">Вступление</div>
+      <div class="font">Вступление</div>
       <hr class="intro-hr" />
       <div class="intro-text font">{{ introduction.text }}</div>
       <div v-if="hasAudio" class="intro-audio-block">
@@ -108,27 +108,19 @@ const removeAudio = () => {
 <style scoped>
 /* Бумажный лист вступления (просмотр командой и в каталоге) */
 .font {
-  font-family: 'font_old_typer';
+  font-family: 'font_old_typer', serif;
   font-size: 18px;
 }
 
-.intro-title {
-  text-align: center;
-  font-size: 26px;
-  letter-spacing: 3px;
-  color: var(--second-color);
-}
-
 .intro-hr {
-  margin: 10px 0;
   border: dashed 1px;
-  border-color: #222;
+  border-color: black;
+  margin: 10px 0;
 }
 
 .intro-text {
   font-weight: 500;
   white-space: pre-wrap;
-  line-height: 1.5;
 }
 
 /* Панели в стиле блоков точек (см. PlaceBlock.vue) */

src/components/MessagePaper.vue

@@ -22,13 +22,13 @@
 }
 
 .message-cloud {
-  margin: 15px 0;
-  padding: 16px;
-  font-family: main;
   color: black;
-  line-height: 20px;
+  font-family: 'font_old_typer', serif;
   font-size: 18px;
   font-weight: 900;
+  line-height: 20px;
+  margin: 15px 0;
+  padding: 16px;
   position: relative;
 }
 

src/components/PlaceBlock.vue

@@ -744,7 +744,7 @@ const bottomApplications = computed<Application[]>(() => {
 }
 
 .font {
-  font-family: 'font_old_typer';
+  font-family: 'font_old_typer', serif;
   font-size: 18px;
 }
 

src/components/TeamStoryPage.vue

@@ -194,10 +194,10 @@ const paperControlsOverrides = {
         colorDisabled: 'transparent',
         colorFocus: 'transparent',
         fontSizeMedium: '18px',
-        placeholderColor: '#777',
-        placeholderColorDisabled: '#777',
+        placeholderColor: 'black',
+        placeholderColorDisabled: 'black',
         textColor: 'black',
-        textColorDisabled: '#777',
+        textColorDisabled: 'black',
     },
 }
 
@@ -231,7 +231,7 @@ useSimplePolling(() => {
             </IntroBlock>
 
             <MessagePaper v-if="hasQuestions && game?.status && game.status != 'draft'" class="questions-block">
-                <div class="questions-title font">Вопросы дела</div>
+                <div class="font">Вопросы дела</div>
                 <hr class="questions-hr" />
                 <p class="questions-hint font">
                     Ответьте на вопросы дела. Ответы можно менять, пока игра идёт.
@@ -296,13 +296,6 @@ useSimplePolling(() => {
     align-items: center;
 }
 
-.questions-title {
-    text-align: center;
-    font-size: 26px;
-    letter-spacing: 3px;
-    color: var(--second-color);
-}
-
 .questions-hr {
     margin: 10px 0;
     border: dashed 1px;
@@ -310,7 +303,7 @@ useSimplePolling(() => {
 }
 
 .questions-hint {
-    color: #777;
+    color: black;
 }
 
 .question-item {
@@ -319,7 +312,7 @@ useSimplePolling(() => {
 
 .question-text {
     margin-bottom: 6px;
-    font-weight: 600;
+    font-weight: 500;
 }
 
 .questions-actions {
@@ -330,7 +323,7 @@ useSimplePolling(() => {
    текстура ремня, бронзовый текст печатной машинки */
 .paper-button {
     display: inline-block;
-    margin-top: 5px;
+    margin-top: 10px;
     padding: 5px 12px;
     border: 0;
     border-radius: 5px;
@@ -338,7 +331,7 @@ useSimplePolling(() => {
     background-size: cover;
     color: #bfa07d;
     font-family: 'font_old_typer', serif;
-    font-size: 18px;
+    font-size: 16px;
     font-weight: 600;
     cursor: pointer;
 }
@@ -353,8 +346,14 @@ useSimplePolling(() => {
 }
 
 .qr-main-block-text {
-    text-align: left;
+    font-family: 'font_old_typer', serif;
+    font-size: 18px;
     margin: 10px 0;
+    text-align: left;
+}
+
+p.qr-main-block-text {
+    font-weight: 500;
 }
 
 .qr-block {