updates

src/components/ScreenPage.vue

@@ -273,12 +273,8 @@ onUnmounted(() => {
       <div v-else class="screen-content" :style="screenBackground">
         <p v-if="mediaError" class="media-error">{{ mediaError }}</p>
         <div v-if="screenMode === 'SCREEN_MODE_INTRO' && state.introAudio" class="screen-media">
-          <p class="media-title">Введение</p>
           <div class="cassette">
-            <div class="cassette-label">ДИКТОФОН</div>
             <canvas ref="visualizerCanvas" width="640" height="120" />
-            <div class="cassette-reel cassette-reel-left" />
-            <div class="cassette-reel cassette-reel-right" />
           </div>
           <audio ref="introAudioElement" :src="introAudio" :muted="!state.soundEnabled" autoplay controls />
         </div>
@@ -437,10 +433,6 @@ onUnmounted(() => {
   width: 100%;
 }
 
-.media-title {
-  font-size: 32px;
-}
-
 .results-screen {
   max-height: 90dvh;
   max-width: 96vw;
@@ -466,20 +458,8 @@ onUnmounted(() => {
 }
 
 .cassette {
-  background: #303030;
-  border: 8px solid #555;
-  border-radius: 12px;
   margin: 0 auto 20px;
   max-width: 720px;
-  padding: 18px;
-  position: relative;
-}
-
-.cassette-label {
-  color: #d6c58a;
-  font-family: monospace;
-  letter-spacing: 4px;
-  margin-bottom: 10px;
 }
 
 .cassette canvas {
@@ -490,15 +470,4 @@ onUnmounted(() => {
   width: 640px;
 }
 
-.cassette-reel {
-  border: 6px solid #aaa;
-  border-radius: 50%;
-  bottom: 30px;
-  height: 42px;
-  position: absolute;
-  width: 42px;
-}
-
-.cassette-reel-left { left: 34px; }
-.cassette-reel-right { right: 34px; }
 </style>