diff --git a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
index 774a997..edc226d 100644
--- a/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
+++ b/frontend/pages/square/components/StarGalaxy/ScatteredRanks.vue
@@ -38,7 +38,10 @@
 </template>
 
 <script setup>
-import { ORBIT_KEYFRAMES, RING_DELAYS } from './config.js'
+// Note: @keyframes orbit is inlined below (not imported from config.js ORBIT_KEYFRAMES)
+// because Vue <style> blocks cannot interpolate JS string constants.
+// config.js ORBIT_KEYFRAMES is kept as documentation/source-of-truth.
+import { RING_DELAYS } from './config.js'
 
 const props = defineProps({
   items: { type: Array, required: true },  // length 9