diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 0072150..fd8b04b 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -4,7 +4,7 @@
 
 @layer base {
   body {
-    @apply text-black min-h-screen relative;
+    @apply relative min-h-screen text-black;
   }
 
   ::selection {
@@ -42,11 +42,11 @@
 }
 
 ::-webkit-scrollbar-track {
-  @apply bg-gray-100 border border-black;
+  @apply border border-black bg-gray-100;
 }
 
 ::-webkit-scrollbar-thumb {
-  @apply bg-black border border-gray-100;
+  @apply border border-gray-100 bg-black;
 }
 
 ::-webkit-scrollbar-thumb:hover {
diff --git a/app/components/DebugWebsockets.vue b/app/components/DebugWebsockets.vue
index 0b16278..6803df1 100644
--- a/app/components/DebugWebsockets.vue
+++ b/app/components/DebugWebsockets.vue
@@ -3,7 +3,7 @@ const { data: connections, refresh: refreshConnections } = useFetch('/api/websoc
 </script>
 
 <template>
-  <div class="fixed bottom-0 left-0 right-0 max-h-52 overflow-y-auto border-t border-gray-300 bg-gray-100 p-4">
+  <div class="fixed inset-x-0 bottom-0 max-h-52 overflow-y-auto border-t border-gray-300 bg-gray-100 p-4">
     <h3 class="mb-2 font-bold">
       Active WebSocket Connections
     </h3>
diff --git a/app/components/app/AppFooter.vue b/app/components/app/AppFooter.vue
index 48cc09b..cb44279 100644
--- a/app/components/app/AppFooter.vue
+++ b/app/components/app/AppFooter.vue
@@ -30,7 +30,7 @@ const yearSpan = yearStart === yearCurrent ? yearStart : `${yearStart} - ${yearC
       >
         <span>Source Code on</span>
         <svg
-          class="h-5 w-5"
+          class="size-5"
           fill="none"
           height="24"
           stroke="currentColor"
diff --git a/app/components/ui/UiRadioOption.vue b/app/components/ui/UiRadioOption.vue
index cb2a4bf..4dbb393 100644
--- a/app/components/ui/UiRadioOption.vue
+++ b/app/components/ui/UiRadioOption.vue
@@ -28,7 +28,7 @@ function handleChange() {
   >
     <input
       :checked="modelValue === value"
-      class="mr-4 h-5 w-5"
+      class="mr-4 size-5"
       :class="modelValue === value ? 'accent-white' : 'accent-black'"
       :disabled="disabled"
       type="radio"
diff --git a/app/pages/admin/questions.vue b/app/pages/admin/questions.vue
index 99326cc..35f87f6 100644
--- a/app/pages/admin/questions.vue
+++ b/app/pages/admin/questions.vue
@@ -22,7 +22,10 @@ const newQuestion = ref<{
 }>({
   key: '',
   question_text: '{\n  "en": ""\n}',
-  answer_options: [{ text: '{\n  "en": ""\n}', emoji: '' }, { text: '{\n  "en": ""\n}', emoji: '' }],
+  answer_options: [
+    { text: '{\n  "en": ""\n}', emoji: '' },
+    { text: '{\n  "en": ""\n}', emoji: '' },
+  ],
   note: '{\n  "en": ""\n}',
 })
 
@@ -60,12 +63,12 @@ async function handleCreateQuestion() {
     const parsedNote = newQuestion.value.note.trim() ? JSON.parse(newQuestion.value.note) : undefined
     const note = parsedNote && typeof parsedNote === 'object'
       ? (
-          Object.values(parsedNote as Record<string, string>).some(
-            v => typeof v === 'string' && v.trim(),
-          )
-            ? parsedNote
-            : undefined
+        Object.values(parsedNote as Record<string, string>).some(
+          v => typeof v === 'string' && v.trim(),
         )
+          ? parsedNote
+          : undefined
+      )
       : undefined
 
     const answerOptions = newQuestion.value.answer_options.map(opt => ({
@@ -102,7 +105,10 @@ async function handleCreateQuestion() {
     newQuestion.value = {
       key: '',
       question_text: '{\n  "en": ""\n}',
-      answer_options: [{ text: '{\n  "en": ""\n}', emoji: '' }, { text: '{\n  "en": ""\n}', emoji: '' }],
+      answer_options: [
+        { text: '{\n  "en": ""\n}', emoji: '' },
+        { text: '{\n  "en": ""\n}', emoji: '' },
+      ],
       note: '{\n  "en": ""\n}',
     }
 
diff --git a/app/pages/admin/results.vue b/app/pages/admin/results.vue
index 0ab41d6..efb6d85 100644
--- a/app/pages/admin/results.vue
+++ b/app/pages/admin/results.vue
@@ -328,9 +328,9 @@ async function unpublishActiveQuestion() {
             {{ t('waitingForQuestion') }}
           </p>
           <div class="flex justify-center gap-2.5">
-            <span class="h-5 w-5 animate-bounce bg-black" />
-            <span class="h-5 w-5 animate-bounce bg-black [animation-delay:0.2s]" />
-            <span class="h-5 w-5 animate-bounce bg-black [animation-delay:0.4s]" />
+            <span class="size-5 animate-bounce bg-black" />
+            <span class="size-5 animate-bounce bg-black [animation-delay:0.2s]" />
+            <span class="size-5 animate-bounce bg-black [animation-delay:0.4s]" />
           </div>
         </div>
       </UiSection>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 2338b11..e7a4d4e 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -170,7 +170,14 @@ async function submitEmoji() {
   }
 }
 
-const quickEmojis = ['👍', '❤️', '😂', '🤔', '👏', '❓']
+const quickEmojis = [
+  '👍',
+  '❤️',
+  '😂',
+  '🤔',
+  '👏',
+  '❓',
+]
 
 async function sendQuickEmoji(emoji: string) {
   if (isEmojiCooldown.value) return
@@ -184,7 +191,7 @@ async function sendQuickEmoji(emoji: string) {
     <UiPageTitle>{{ t('pageTitle') }}</UiPageTitle>
 
     <!-- Nickname Prompt -->
-    <div v-if="!userNickname" class="mx-auto max-w-lg border-[4px] border-black bg-white p-10 text-center">
+    <div v-if="!userNickname" class="mx-auto max-w-lg border-4 border-black bg-white p-10 text-center">
       <h2 class="mb-4 text-3xl">
         {{ t('welcome') }}
       </h2>
@@ -207,7 +214,7 @@ async function sendQuickEmoji(emoji: string) {
     <!-- With Nickname -->
     <div v-else class="flex flex-col gap-8">
       <!-- Display Nickname with change function -->
-      <div class="flex items-center justify-between border-[4px] border-black bg-white p-4">
+      <div class="flex items-center justify-between border-4 border-black bg-white p-4">
         <span>{{ t('playingAs') }} <strong class="text-lg">{{ userNickname }}</strong></span>
         <UiButton @click="changeNickname">
           {{ t('changeButton') }}
@@ -215,7 +222,7 @@ async function sendQuickEmoji(emoji: string) {
       </div>
 
       <!-- Emoji Submission -->
-      <div class="border-[4px] border-black bg-white p-6">
+      <div class="border-4 border-black bg-white p-6">
         <div class="flex flex-wrap items-center justify-center gap-3">
           <button
             v-for="emoji in quickEmojis"
@@ -231,7 +238,7 @@ async function sendQuickEmoji(emoji: string) {
           <form class="flex items-center" @submit.prevent="submitEmoji">
             <UiInput
               v-model="emojiInput"
-              class="h-16 w-16 flex-shrink-0 border-r-0 text-center text-2xl"
+              class="size-16 flex-shrink-0 border-r-0 text-center text-2xl"
               placeholder="?"
             />
             <UiButton class="h-16" :disabled="isEmojiCooldown" type="submit">
@@ -243,7 +250,7 @@ async function sendQuickEmoji(emoji: string) {
       </div>
 
       <!-- Active Question -->
-      <div v-if="activeQuestion" class="border-[4px] border-black bg-white p-8">
+      <div v-if="activeQuestion" class="border-4 border-black bg-white p-8">
         <div class="mb-4 flex items-center justify-between">
           <UiButton size="small" variant="secondary" @click="refreshQuestion">
             🔄 {{ t('refreshButton') }}
@@ -288,7 +295,7 @@ async function sendQuickEmoji(emoji: string) {
       </div>
 
       <!-- No Active Question -->
-      <div v-else class="border-[4px] border-black bg-white px-8 py-16 text-center">
+      <div v-else class="border-4 border-black bg-white px-8 py-16 text-center">
         <h2 class="mb-4 text-3xl">
           {{ t('waitingForQuestion') }}
         </h2>
@@ -296,9 +303,9 @@ async function sendQuickEmoji(emoji: string) {
           {{ t('presenterWillStart') }}
         </p>
         <div class="flex justify-center gap-2.5">
-          <span class="h-4 w-4 animate-pulse bg-black" />
-          <span class="h-4 w-4 animate-pulse bg-black [animation-delay:0.2s]" />
-          <span class="h-4 w-4 animate-pulse bg-black [animation-delay:0.4s]" />
+          <span class="size-4 animate-pulse bg-black" />
+          <span class="size-4 animate-pulse bg-black [animation-delay:0.2s]" />
+          <span class="size-4 animate-pulse bg-black [animation-delay:0.4s]" />
         </div>
       </div>
     </div>
diff --git a/app/utils/seededShuffle.ts b/app/utils/seededShuffle.ts
index 373e608..4ca89ef 100644
--- a/app/utils/seededShuffle.ts
+++ b/app/utils/seededShuffle.ts
@@ -20,7 +20,9 @@ function mulberry32(seed: number): () => number {
 
 /** Returns a shuffled copy of the array using a deterministic seed string. */
 export function seededShuffle<T>(array: T[], seed: string): T[] {
-  const copy = [...array]
+  const copy = [
+    ...array,
+  ]
   const rng = mulberry32(hashString(seed))
   for (let i = copy.length - 1; i > 0; i--) {
     const j = Math.floor(rng() * (i + 1))
diff --git a/docker-compose.yml b/docker-compose.yml
index cbb1e82..bd9576e 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,20 +1,15 @@
-version: "3.9"
-
+networks:
+  traefik-public:
+    external: true
 services:
   app:
     build:
       context: .
       dockerfile: Dockerfile
-    image: stage-flow-tools
     container_name: stage-flow-tools
-    restart: unless-stopped
-    networks:
-      - traefik-public
-    volumes:
-      - ./data:/app/data
-      - ./.data/db:/app/.data/db
     environment:
       - NUXT_JWT_SECRET=${NUXT_JWT_SECRET}
+    image: stage-flow-tools
     labels:
       - traefik.enable=true
       - traefik.http.routers.stage-flow-tools.rule=Host(`quiz.your-domain.com`)
@@ -22,6 +17,10 @@ services:
       - traefik.http.services.stage-flow-tools.loadbalancer.server.port=3000
       - traefik.http.routers.stage-flow-tools.tls.certresolver=myresolver
 
-networks:
-  traefik-public:
-    external: true
\ No newline at end of file
+    networks:
+      - traefik-public
+    restart: unless-stopped
+    volumes:
+      - ./data:/app/data
+      - ./.data/db:/app/.data/db
+version: "3.9"
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0a77bd2..3a1b233 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -2,6 +2,35 @@ import { version } from './package.json'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+
+  compatibilityDate: '2025-07-15',
+
+  css: [
+    '~/assets/css/main.css',
+  ],
+
+  devtools: {
+    enabled: true,
+  },
+
+  eslint: { // for `@nuxt/eslint`
+    config: {
+      stylistic: {
+        indent: 2,
+        quotes: 'single',
+      },
+    },
+  },
+
+  i18n: {
+    defaultLocale: 'en',
+    locales: [
+      { code: 'en', language: 'en-US', name: 'English' },
+      { code: 'de', language: 'de-DE', name: 'Deutsch' },
+      { code: 'ja', language: 'ja-JP', name: '日本語' },
+    ],
+    vueI18n: './i18n.config.ts', // Using a separate file for better organization
+  },
   modules: [
     '@nuxt/eslint',
     '@nuxtjs/i18n',
@@ -9,74 +38,45 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
   ],
 
-  ssr: false,
-
-  devtools: {
-    enabled: true,
+  nitro: {
+    devStorage: {
+      data: { base: './.data/db', driver: 'fs' },
+    },
+    experimental: {
+      websocket: true,
+    },
+    storage: {
+      data: { base: './.data/db', driver: 'fs' },
+    },
   },
 
-  css: [
-    '~/assets/css/main.css',
-  ],
-
   runtimeConfig: {
     // Private keys (only available server-side)
-    adminUsername: 'admin',
     adminPassword: '123',
+    adminUsername: 'admin',
     jwtSecret: 'tryUJ0zQbstPbTOrezme+Fv+KndzDNRx5lmSeelr2ial2/2yV8HqLeQ2felJafqf',
 
     // Public keys (available on both client and server)
     public: {
-      wsUrl: '',
       apiUrl: '',
-      host: '0.0.0.0',
-      port: '3000',
       debug: {
-        showWebsocketConnectionsInFrontend: false,
         showConsoleOutputs: false,
+        showWebsocketConnectionsInFrontend: false,
       },
-      version: version,
       emojiCooldownMs: 1500,
+      host: '0.0.0.0',
+      port: '3000',
+      version,
+      wsUrl: '',
     },
   },
 
-  compatibilityDate: '2025-07-15',
+  ssr: false,
 
-  nitro: {
-    experimental: {
-      websocket: true,
-    },
-    storage: {
-      data: { driver: 'fs', base: './.data/db' },
-    },
-    devStorage: {
-      data: { driver: 'fs', base: './.data/db' },
-    },
+  tailwindcss: { // for Nuxt module `@nuxtjs/tailwindcss`
   },
 
   typescript: {
     shim: false,
   },
-
-  eslint: { // for `@nuxt/eslint`
-    config: {
-      stylistic: {
-        indent: 2,
-        quotes: 'single',
-      },
-    },
-  },
-
-  i18n: {
-    locales: [
-      { code: 'en', language: 'en-US', name: 'English' },
-      { code: 'de', language: 'de-DE', name: 'Deutsch' },
-      { code: 'ja', language: 'ja-JP', name: '日本語' },
-    ],
-    defaultLocale: 'en',
-    vueI18n: './i18n.config.ts', // Using a separate file for better organization
-  },
-
-  tailwindcss: { // for Nuxt module `@nuxtjs/tailwindcss`
-  },
 })
diff --git a/server/api/questions/create.post.ts b/server/api/questions/create.post.ts
index a689600..87eee5c 100755
--- a/server/api/questions/create.post.ts
+++ b/server/api/questions/create.post.ts
@@ -26,7 +26,10 @@ export default defineEventHandler(async (event) => {
     })
   }
   // Validate all locale values are strings
-  for (const [lang, value] of Object.entries(raw_question_text)) {
+  for (const [
+    lang,
+    value,
+  ] of Object.entries(raw_question_text)) {
     if (typeof value !== 'string') {
       throw createError({
         statusCode: 400,
@@ -35,7 +38,13 @@ export default defineEventHandler(async (event) => {
     }
   }
   const question_text = Object.fromEntries(
-    Object.entries(raw_question_text).map(([lang, value]) => [lang, (value as string).trim()]),
+    Object.entries(raw_question_text).map(([
+      lang,
+      value,
+    ]) => [
+      lang,
+      (value as string).trim(),
+    ]),
   ) as LocalizedString
 
   // Validate and sanitize answer_options
@@ -54,7 +63,10 @@ export default defineEventHandler(async (event) => {
           statusMessage: 'Each answer option must have a non-empty English text',
         })
       }
-      for (const [lang, value] of Object.entries(option.text)) {
+      for (const [
+        lang,
+        value,
+      ] of Object.entries(option.text)) {
         if (typeof value !== 'string') {
           throw createError({
             statusCode: 400,
@@ -64,7 +76,13 @@ export default defineEventHandler(async (event) => {
       }
       return {
         text: Object.fromEntries(
-          Object.entries(option.text).map(([lang, value]) => [lang, (value as string).trim()]),
+          Object.entries(option.text).map(([
+            lang,
+            value,
+          ]) => [
+            lang,
+            (value as string).trim(),
+          ]),
         ) as LocalizedString,
         emoji: typeof option.emoji === 'string' ? option.emoji.trim() : undefined,
       }
@@ -80,7 +98,10 @@ export default defineEventHandler(async (event) => {
   let note: LocalizedString | undefined
   if (typeof raw_note === 'object' && raw_note !== null && !Array.isArray(raw_note)) {
     const validNotes: Record<string, string> & { en?: string } = {}
-    for (const [lang, value] of Object.entries(raw_note)) {
+    for (const [
+      lang,
+      value,
+    ] of Object.entries(raw_note)) {
       if (typeof value !== 'string') {
         throw createError({
           statusCode: 400,
diff --git a/server/api/results/leaderboard.get.ts b/server/api/results/leaderboard.get.ts
index d659812..559b1f1 100644
--- a/server/api/results/leaderboard.get.ts
+++ b/server/api/results/leaderboard.get.ts
@@ -44,7 +44,9 @@ export default defineEventHandler(async (event) => {
   }
 
   // Sort descending by correctAnswers
-  const sorted = [...userScores.entries()]
+  const sorted = [
+    ...userScores.entries(),
+  ]
     .sort((a, b) => b[1].correctAnswers - a[1].correctAnswers)
 
   // Apply dense ranking
@@ -57,7 +59,10 @@ export default defineEventHandler(async (event) => {
 
   let currentRank = 0
   let previousScore = -1
-  for (const [userId, data] of sorted) {
+  for (const [
+    userId,
+    data,
+  ] of sorted) {
     if (data.correctAnswers !== previousScore) {
       currentRank += 1
       previousScore = data.correctAnswers
diff --git a/server/utils/auth.ts b/server/utils/auth.ts
index c198900..9679744 100644
--- a/server/utils/auth.ts
+++ b/server/utils/auth.ts
@@ -40,7 +40,9 @@ export async function verifyAdmin(event: H3Event) {
 
   try {
     const secret = new TextEncoder().encode(config.jwtSecret)
-    const { payload } = await jwtVerify(token, secret, { algorithms: ['HS256'] })
+    const { payload } = await jwtVerify(token, secret, { algorithms: [
+      'HS256',
+    ] })
     return payload
   }
   catch {
diff --git a/server/utils/storage.ts b/server/utils/storage.ts
index c382539..f4c60fa 100644
--- a/server/utils/storage.ts
+++ b/server/utils/storage.ts
@@ -137,7 +137,10 @@ export async function processPredefinedQuestions(predefinedQuestions: InputQuest
   }
 
   if (newQuestions.length > 0) {
-    await storage.setItem('questions', [...existingQuestions, ...newQuestions])
+    await storage.setItem('questions', [
+      ...existingQuestions,
+      ...newQuestions,
+    ])
     logger(`${newQuestions.length} new predefined questions loaded successfully.`)
   }
   else {
@@ -364,7 +367,10 @@ export async function getCurrentResults(): Promise<Results | null> {
 /** Removes expired entries from the cooldown map to prevent unbounded growth. */
 function pruneExpiredCooldowns(cooldownMs: number): void {
   const now = Date.now()
-  for (const [id, timestamp] of emojiCooldowns) {
+  for (const [
+    id,
+    timestamp,
+  ] of emojiCooldowns) {
     if (now - timestamp >= cooldownMs) {
       emojiCooldowns.delete(id)
     }
diff --git a/server/utils/websocket.ts b/server/utils/websocket.ts
index 4f91698..04f4728 100755
--- a/server/utils/websocket.ts
+++ b/server/utils/websocket.ts
@@ -40,11 +40,21 @@ export async function removePeer(peer: Peer) {
 export async function getPeers(channel?: WebSocketChannel): Promise<PeerInfo[]> {
   const result: PeerInfo[] = []
   const targetEntries = channel
-    ? [[channel, getChannelPeers(channel)] as const]
+    ? [
+      [
+        channel,
+        getChannelPeers(channel),
+      ] as const,
+    ]
     : Array.from(peers.entries())
 
-  for (const [ch, peerMap] of targetEntries) {
-    for (const [, peer] of peerMap) {
+  for (const [
+    ch,
+    peerMap,
+  ] of targetEntries) {
+    for (const [
+      , peer,
+    ] of peerMap) {
       const peerData = peer as unknown as Record<string, unknown>
       result.push({
         id: peer.id,
@@ -62,8 +72,8 @@ export function broadcast(event: string, data: unknown, channel?: WebSocketChann
   const targetPeers = channel
     ? getChannelPeers(channel).values()
     : Array.from(peers.values()).flatMap(
-        map => Array.from(map.values()),
-      )
+      map => Array.from(map.values()),
+    )
 
   for (const peer of targetPeers) {
     try {
diff --git a/shared/utils/validation.ts b/shared/utils/validation.ts
index 40cab11..3b51da9 100644
--- a/shared/utils/validation.ts
+++ b/shared/utils/validation.ts
@@ -17,5 +17,7 @@ export function isValidEmoji(emoji: string): boolean {
 
   // Check if the string is a single grapheme cluster and matches the broader emoji pattern.
   // This ensures complex emojis (like flags or family emojis) are counted as one.
-  return [...new Intl.Segmenter().segment(emoji)].length === 1 && emojiRegex.test(emoji)
+  return [
+    ...new Intl.Segmenter().segment(emoji),
+  ].length === 1 && emojiRegex.test(emoji)
 }
diff --git a/tsconfig.json b/tsconfig.json
index 307b213..3ee4c2e 100755
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,16 +3,16 @@
   "files": [],
   "references": [
     {
-      "path": "./.nuxt/tsconfig.app.json"
+      "path": "./.nuxt/tsconfig.app.json",
     },
     {
-      "path": "./.nuxt/tsconfig.server.json"
+      "path": "./.nuxt/tsconfig.server.json",
     },
     {
-      "path": "./.nuxt/tsconfig.shared.json"
+      "path": "./.nuxt/tsconfig.shared.json",
     },
     {
-      "path": "./.nuxt/tsconfig.node.json"
-    }
-  ]
+      "path": "./.nuxt/tsconfig.node.json",
+    },
+  ],
 }