ui updates

neode-ui/src/components/Screensaver.vue

@@ -7,8 +7,12 @@
         @click="store.deactivate()"
         @keydown.escape="store.deactivate()"
       >
-        <!-- Logo with audio viz ring - explicitly centered in viewport -->
-        <div class="screensaver-content">
+        <!-- ASCII variant (every 3rd activation) -->
+        <div v-if="store.isAsciiMode" class="screensaver-ascii-content">
+          <BitcoinFaceAscii />
+        </div>
+        <!-- Normal logo with audio viz ring -->
+        <div v-else class="screensaver-content">
           <!-- Radial audio visualization - bars around the logo -->
           <div class="screensaver-viz-ring">
             <div
@@ -31,6 +35,7 @@
 <script setup lang="ts">
 import { onMounted, onBeforeUnmount } from 'vue'
 import ScreensaverLogo from '@/components/ScreensaverLogo.vue'
+import BitcoinFaceAscii from '@/views/discover/BitcoinFaceAscii.vue'
 import { useScreensaverStore } from '@/stores/screensaver'
 
 const store = useScreensaverStore()
@@ -180,4 +185,24 @@ onBeforeUnmount(() => {
   z-index: 10;
   filter: drop-shadow(0 0 40px rgba(255, 255, 255, 0.15));
 }
+
+/* ASCII variant — centered Bitcoin face animation */
+.screensaver-ascii-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transform: scale(2);
+}
+
+@media (min-width: 640px) {
+  .screensaver-ascii-content {
+    transform: scale(2.5);
+  }
+}
+
+@media (min-width: 768px) {
+  .screensaver-ascii-content {
+    transform: scale(3);
+  }
+}
 </style>